/* 

Theme Name:ÖKSÜT Madencilik
Author:Obiziz Dijital İletişim;
Description:Bu tema ÖKSÜT Madencilik için Obiziz Dijital İletişim tarafından hazırlanmıştır
Version:1.0
Text-domain:oksut

*/
 /* Header */
 
 .ekit-wid-con .fasicon.icon-twitter::before, .ekit-wid-con .icon.icon-twitter::before, .icon.icon-twitter::before {
    content: "\e61b";
    font-family: "Font Awesome 6 Brands" !important;
}

 header {
   position: absolute;
   width: 100%;
   z-index: 999;
   padding: 15px 0;
   background-color: transparent;
   display: block;
   justify-content: center;
   align-items: center;
   backdrop-filter: blur(2px);
   background: #00000026;
 }

.grfk {
    margin-bottom:3.5rem !important;
}

.dilsecenek {list-style:none;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin: 0;
}
.dilsecenek li a{
    color:#fff;
    font-weight:700;
}


 .nav {
   display: inherit;
   align-items: center;
   text-align: center;
   padding: 0 5%;
   width: 100%;
 }
 
 
 .lead {
     font-size:1.1rem !important;
 }
 
 .display-4 {
     font-size:2.5rem !important;
 }

 .logo {
   width: 120px;
 }

 .logo a {
   display: flex;
 }

 .dark-scheme .whitelogo,
 .light-scheme .darklogo {
   opacity: 1;
   display: block;
 }

 .light-scheme .whitelogo,
 .dark-scheme .darklogo {
   opacity: 0;
   display: none;
 }

 .menu-links {
   left: 100px;
   line-height: 1;
   margin: auto;
 }
 
  .menu-links.mobilmenu {
      display:none;
  }

 .menu-links ul {
   margin: 0;
 }

 .menu-links ul li {
   display: inline-flex;
   position: relative;
   text-align: left;
 }

 .menu-links ul li.menusubmenu::after {
   font-family: "FontAwesome";
   font-weight: 900;
   content: "\f107";
   display: flex;
   justify-content: center;
   align-items: center;
   transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
   color: #fff;
 }

 .menu-links ul li.menusubmenu:hover::after {
   transform: rotate(180deg);
 }

 .menu-links ul li a {
   font-family: "Montserrat";
   font-weight: 700;
   font-size: 14px;
   /* line-height: 150%; */
   display: block;
   position: relative;
   padding: 10px 0;
   margin: 0 10px;
   color: #fff;
   transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }

 .light-scheme .menu-links ul li a,
 .light-scheme .menu-links ul li.menusubmenu::after {
   color: #191c26 !important;
 }

 .light-scheme .line {
   stroke: #191c26;
 }

 .menu-links ul li:hover a,
 .menu-links ul li>.submenu>li:hover a {
   color: #0050a6 !important;
 }

 .menu-links ul li a:after {
   content: "";
   background: #fff;
   width: 0%;
   height: 2px;
   left: 0;
   display: block;
   position: absolute;
   border-radius: 50%;
   margin: 10px auto;
   transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }

 .menu-links ul li a:hover::after {
   width: 100%;
   color: #0050a6 !important;
 }

 header .rightmenu {
   margin: 0;
 }

 .rightmenu li.bordernav a {
   background-color: #1143cc;
   /*border-radius: 50px;*/
   display: flex;
   flex-direction: row;
   align-items: center;
   padding: 15px 40px;
   gap: 10px;
   color: #fff;
   transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
   box-shadow: 0 0 2px 1px #191c26;
 }

 .rightmenu li.bordernav a:after {
   content: none;
 }

 .rightmenu li.bordernav a:hover {
   box-shadow: 0 0 12px -2px #191c26;
 }

 .menu-links ul li>.submenu {
   position: absolute;
   left: -60px;
   top: 50px;
   visibility: hidden;
   /*border-radius: 5px;*/
   width: 200px;
   background-color: #fff;
   display: block;
   opacity: 0;
   transition: 0.5s cubic-bezier(0.68, -0.2, 0.265, 1.55);
 }

 .menu-links ul li:hover>.submenu {
   left: 0;
   opacity: 1;
   visibility: visible;
   padding: 25px 10px;
 }

 .menu-links ul li>.submenu>li {
   display: flex;
 }

 .menu-links ul li>.submenu>li a {
   color: #191c26 !important;
   font-weight: 400 !important;
 }

 .mobilemenu {
   background-color: transparent;
   border: none;
   cursor: pointer;
   display: none;
   padding: 0;
   outline: none !important;
 }

 .line {
   fill: none;
   stroke: #fff;
   stroke-width: 6;
   transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
     stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
 }

 .line1 {
   stroke-dasharray: 60 207;
   stroke-width: 6;
 }

 .line2 {
   stroke-dasharray: 60 60;
   stroke-width: 6;
 }

 .line3 {
   stroke-dasharray: 60 207;
   stroke-width: 6;
 }

 .opened .line1 {
   stroke-dasharray: 90 207;
   stroke-dashoffset: -134;
   stroke-width: 6;
 }

 .opened .line2 {
   stroke-dasharray: 1 60;
   stroke-dashoffset: -30;
   stroke-width: 6;
 }

 .opened .line3 {
   stroke-dasharray: 90 207;
   stroke-dashoffset: -134;
   stroke-width: 6;
 }

 /* Slider*/

 /* Slider */

 #slider .swiper {
   width: 100%;
   height: 100vh;
 }

  #slider .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
 }

 #slider .swiper-slide .slideImg {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: relative;
 }

 #slider .swiper-slide .sliderContent {
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
   width: 100%;
   height: 100%;
   padding: 170px 150px;
   text-align: left;
   background: #12121286;
 }

 #slider .sliderContent::before {
   content: "";
   width: 100%;
   position: absolute;
   height: 100%;
   top: 0;
   display: block;
   left: 0;
   z-index: 99999;
   background: linear-gradient(180deg,
       rgba(13, 19, 37, 0.5) 46.88%,
       rgba(0, 0, 0, 0.5) 99.97%,
       rgba(0, 0, 0, 0.5) 99.98%,
       rgba(0, 0, 0, 0.5) 99.99%,
       rgba(0, 0, 0, 0.5) 100%);
   z-index: -1;
 }

 #slider .swiper-slide .sliderContent .slideTitle {
   color: #fff;
   font-size: 4.2rem;
   display: block;
   font-weight: bold;
   font-family: "Montserrat";
 }

 #slider .swiper-slide .sliderContent .heading h3 {
   color: #fff;
   font-size: 1.2rem;
   display: block;
   font-weight: lighter;
   font-family: "Montserrat";
 }

 #slider .swiper-slide .sliderContent .slideContent {
   color: #fff;
   padding: 0 50% 0 0;
   font-weight: 300;
   font-size: 1rem;
 }

 #slider .swiper-slide .sliderContent .slideDetay {
   color: #fff;
   font-weight: 600;
   display: block;
   margin-top: 25px;
   font-size: 14px;
 }

 #slider .swiper-slide .sliderContent .slideDetay img {
   width: 65px !important;
   object-fit: contain;
 }

 #slider .swiper-slide .sliderContent .slideDetay .playicon {
   position: relative;
   display: inline-block;
 }

#slider  .swiper-slide .sliderContent .slideDetay .playicon::before {
   content: "";
   width: 100%;
   height: 100%;
   /* background: #000; */
   position: absolute;
   left: 0;
   top: 0;
   /* border: 1px solid #f24646; */
   border-radius: 50%;
   box-shadow: 0 0 8px -3px #f24646;
 }

 #slider .swiper-slide .sliderContent .slideDetay .playicon::after {
   content: "";
   width: 100%;
   height: 100%;
   /* background: #000; */
   transform: scale(1.3);
   position: absolute;
   left: 0;
   top: 0;
   /* border: 1px solid #f24646; */
   border-radius: 50%;
   box-shadow: 0 0 8px -1px #f24646;
   transition: 0.5s;
 }

 #slider .swiper-slide .sliderContent .slideDetay:hover .playicon::before,
#slider  .swiper-slide .sliderContent .slideDetay:hover .playicon::after {
   opacity: 0;
 }

 #slider .swiper-pagination {
   position: absolute;
   left: auto !important;
   right: 50px;
   width: 100px !important;
   height: auto;
   display: block;
   justify-content: center;
   align-items: center;
   bottom: 9% !important;
   transform: translateY(-10%);
 }

 #slider .swiper-pagination span {
   display: block !important;
   margin: 20px 0 20px auto !important;
   width: 15px;
   height: 5px;
   background: #ffffff !important;
   border-radius: 5px;
   transition: all 0.2s ease-out 0.1s, margin 0.1s ease, transform 0.1s ease;
 }

 #slider .swiper-pagination span.swiper-pagination-bullet-active,
 #slider .swiper-pagination span:hover {
   width: 30px !important;
 }

 a#prevBtn,
 a#nextBtn {
   position: absolute;
   z-index: 999;
   color: #fff;
   font-size: 1rem;
   margin: 0 15px;
   width: 75px;
   font-weight: 400;
   font-family: "Montserrat";
   transition: 0.5s;
 }

 a#prevBtn {
   left: 0;
   bottom: 5%;
 }

 a#nextBtn {
   left: 5%;
   bottom: 5%;
 }
 
 a#prevBtn.swiper-button-disabled, a#nextBtn.swiper-button-disabled{
     opacity:.2;
 }
 
 .hobby .hobby-body a.hobby-btn {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    filter: blur(10px);
}
a.hobby-btn {
    border-radius: 5px;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    padding: 14px 30px;
    cursor: pointer;
    background:#fff;
}

.icon.icon-circle:before{
    display:flex;
    justify-content:center;
    align-items:center;
}

 @media (min-width: 1440px) {
   .menu-links ul li a {
     font-size: 1em;
     margin: 0 12px;
   }

   .logo {
     margin-right: 50px;
   }

   .menu-links ul li>.submenu {
     width: 280px;
   }

   .swiper-slide .sliderContent {
     padding: 265px 10%;
   }

 }


 @media (max-width: 1191px) {
   .logo {
     margin-right: 15px;
   }


   .menu-links ul li a {
     font-size: 0.8rem;
     margin: 0 5px;
   }

   .menu-links ul li.bordernav a {
     padding: 10px 25px;
   }

   .slideTitle {
     font-size: 4.4rem !important;
   }

   .slideContent {
     padding: 0 50px 0 0 !important;
   }

 }


 @media (max-width: 991px) {
   .sliderContent {
     padding: 50px;
   }
   
   #slider .swiper-slide .sliderContent{
       padding:50px;
       display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
   }

   .nav {
     display: flex;
     align-items: center;
     padding: 0 5%;
     width: 100%;
     justify-content: center;
     gap: 30px;
   }

   .mobilemenu {
     display: contents !important;
   }
    
    .menu-links{
        display:none;
    }
   .menu-links.mobilmenu {
     position: absolute;
     top: 100%;
     display:block!important;
     padding: 20px 0;
     opacity: 0;
     visibility: hidden;
     left: 0;
     width: 100%;
     background-color: #fff;
     transition: 0.5s cubic-bezier(0.68, -0.2, 0.265, 1.55);
   }

   .menu-links.active {
     opacity: 1;
     visibility: visible;
     height: 100vh;
     margin-top: 10px;
   }

   #breadcrumb .slideTitle {
     font-size: 3.5rem !important;
   }

   #breadcrumb ul {
     display: block!important;
   }

   #breadcrumb ul li a {
     color: #fff;
     font-weight: 500;
     display: flex!important;
     justify-content: flex-start!important;
     align-items: flex-start!important;
     flex-direction: column!important;
   }

   #breadcrumb ul li a:after {
    margin-left: 0!important;
}

   .menu-links ul li {
     display: block;
   }

   .menu-links ul li a {
     font-size: 1.5rem;
     padding: 15px;
     color: #191c26;
   }

   .menu-links ul li>.submenu {
     background-color: #fff;
     box-shadow: 0 5px 7px -2px #191c26;
     z-index: 999;
     display: none;
     height: 100%;
   }

   .menu-links ul li.active>.submenu {
     display: block;
     position: relative;
     left: 0 !important;
     width: 100%;
     box-shadow: none !important;
     padding: 0;
     top: 0 !important;
   }

   .menu-links ul li.active>.submenu a {
     font-size: 12px;
   }

   .menu-links ul li.menusubmenu::after {
     color: #191c26;
     position: absolute;
     top: 15px;
     left: 25%;
   }

   .menu-links ul li.bordernav {
     display: flex !important;
   }

   .menu-links ul li.menusubmenu:hover::after {
     transform: rotate(-90deg) !important;
   }

   .mobilemenu {
     margin: 0 0 0 auto !important;
     float: right;
   }
   .menu-item-has-children.active .submenu{
       position: relative!important;
        z-index: 999!important;
        left: 0!important;
        top: 0!important;
        opacity: 1 !important;
        visibility: visible!important;
   }
 }

 @media (max-width: 550px) {
         .slideTitle {
        font-size: 2.4rem !important;
    }
    a#nextBtn{left:10%!important;}
 }

 /* Breadcrumb */

 #breadcrumb,
 .section-breadcrumb {
   height: 60vh;
   padding: 0 !important;
 }

 #breadcrumb .breadImg {
   height: 60vh;
   width: 100%;
   object-fit: cover;
 }

 #breadcrumb .breadContent {
   position: absolute;
   width: 100%;
   height: 100%;
   padding: 0 10%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   top: 0;
   z-index: 2;
   background-color: #0000002b;
 }

 #breadcrumb .heading h3 {
   font-size: 1rem;
   font-weight: 400;
   margin-bottom: 0;
 }

 #breadcrumb .slideTitle {
   font-size: 3.5rem;
   font-weight: bold;
 }

 #breadcrumb ul {
   display: flex;
   gap: 10px;
   list-style: none;
   padding: 0;
 }

 #breadcrumb ul li a {
   color: #fff;
   font-weight: 500;
   display: flex;
   justify-content: center;
   align-items: center;
   
 }

 #breadcrumb ul li a:after {
   content: '';
   width: 15px;
   height: 2px;
   margin-left: 10px;
   background: #fff;
 }


 #breadcrumb ul li:last-child a:after {
   content: none;
 }

 /* Page */

 #page {
   padding: 50px 0;
 }


 /*Yorum */
 .btn-outline-white {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  background-image: none;
  border-width: 2px;
  border-color: #fff;
  font-weight: 500;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.btn {
  border-radius: 5px;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 12px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  padding: 14px 30px;
  cursor: pointer;
}

.btn-outline-white:hover {
  background-color: #fff;
  color: #0050a6;
}


#fp-nav{
display:none!important;   
}

#section-blog{
    background:#dce4ea;
}
/* common css up */

.testimonial-reel {
            margin-bottom: 4rem !important;
            margin-top:6rem;
        }

        .testimonial-reel .box {
            position: relative;
            margin-bottom: 30px;
        }

        .testimonial-reel .box .image {
            margin: 0 auto -45px;
            text-align: center;
        }

        .testimonial-reel .box .image img {
            height: 200px;
            margin: 0 auto;
            box-shadow:0 7px 10px -5px #000;
        }

        .testimonial-reel .box .test-component {
            background-color: #fff;
            padding: 1rem 2.5rem;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            min-height: 500px;
        }

        .testimonial-reel .box .test-title {
            color: #0050a6 ;
            text-align: center;
            margin-top: 3.3rem;
            margin-bottom: 15px;
        }
        .testimonial-reel .box .test-title  h4{margin:0!important;}

        .testimonial-reel .box .test-content {
            text-align: center;
        }
        .testimonial-reel .box .test-content p{
            font-size:14px!important;
        }
        .testimonial-reel .slick-slide {
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .testimonial-reel .slick-slide.slick-cloned {
            opacity: 0.3;
            transition: opacity 0.3s;
        }

        .testimonial-reel .slick-slide.slick-current.slick-active {
            opacity: 1;
            transition: opacity 0.3s;
        }