@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quattrocento:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oxanium&display=swap');
@import url("https://fonts.googleapis.com/css?family=Cardo:400i|Rubik:400,700&display=swap");
:root {
  --d: 700ms;
  --e: cubic-bezier(0.19, 1, 0.22, 1);
  --font-sans: "Rubik", sans-serif;
  /* --font-serif: "Cardo", serif; */
}
@font-face {
   font-family: customfont;
   src: url("../assets/fonts/PlayfairDisplay-Black.ttf");
 }
 html,body{width:100%;height:100%;font-family: sans-serif !important;margin:0px;padding:0px;scroll-behavior:smooth; background-color: #fff;}
 /* background: linear-gradient(270deg, rgba(227,225,225,1) 7%, rgba(249,250,251,1) 93%) !important; */
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #fff;}
body::-webkit-scrollbar { width:2px;background-color: #F5F5F5;}
body::-webkit-scrollbar-thumb { background-color: #38455d; border: 1px solid #38455d;border-radius:0px;}
::selection { background: #0e2364;color:#FFFFFF;text-shadow: 0;}
::-moz-selection {background: #0e2364;color: #FFFFFF;}
.xs-hidden{display: block;}
.md-hidden{display: none;}
.aksun-color{color: black;}
.logo{z-index: 1;}
.navbar-dark .navbar-nav .nav-link {color: rgb(255, 255, 255) !important;}
.navbar{padding: 0.5rem 0px 0px 0px !important;}
/* background-color:rgba(255, 255, 255, 0.082); */
.nav-item .nav-link{font-size: 14px; color:#000; font-weight:400;width: 100%; font-weight: 600;}
.nav-item{padding-right: 10px;}
.hvr-overline-reveal{top: -2px;}
.hvr-overline-reveal:before{background: #fff !important;}
.hvr-overline-reveal:active:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:hover:before{background-color: #fff;}
.hvr-underline-from-left {
   display: inline-block;
   vertical-align: unset !important;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px transparent;
   position: relative;
   overflow: unset !important;
}
.hvr-underline-from-left:before {
   bottom: -4px !important;
   /* background: #651010 !important; */
   background: #0d0084 !important;
}
#sticky-wrapper {
   height: 0;
}
#video {
   width: 100%;
 }
.nav-bar-active{border-bottom: 4px solid #0d0084;}
/* .nav-bar-active{border-bottom: 4px solid #651010;} */
.collapse{width: 100%;}
.text-start{text-align: start;}
.contact-link{text-align: end;}
.contact-link a{color: #fff; text-decoration: none;}
.contact-link a:hover{color: #fff;}
.socials{text-align: end;top: 3px;position: relative;}
.socials a{padding: 0.5rem 1rem; font-size: 20px; color: #fff;}
.socials a:hover{color: rgb(177, 176, 176);}
/* .carousel{margin-top:-5%;} */
.hakkinda{position: relative; top: 8%;}
.hakkinda h3{color:#0e2364;}
.hakkinda h6{color:#0e2364;}
.kisa{color:#0e2364;}
.urung{color:#0e2364; position: relative;top: 20%;}
.neden h5, h3{color:#0e2364;}
.purun h5, h3{color:#0e2364;}
.blur {-webkit-backdrop-filter: saturate(180%) blur(6px);backdrop-filter: saturate(180%) blur(6px);background-color: #000000a0;}
.neden{background-image: url("../images/bg.png");background-repeat: no-repeat; background-position:inherit;background-size:100%; height: 100%;z-index: -1;}
.neden .container{position: relative;top: 170px;}
.footer{background: url("../images/main/foot.png"); background-position: center; background-size: cover; background-repeat: no-repeat; height: auto; color:white; font-weight: lighter;}
.footer a{color:white; font-weight: lighter;}
.footer ul{padding: 0;}
.footer ul li{list-style: none; padding: 5px;}
.footer-logo {
  filter: invert(60%) brightness(22.5);
}
/* .footer-logo {margin-top: 40px;}
.footer{background-color: #000000bd; color:#fff;font-weight: 500; background-position: center; background-size: cover; background-repeat: no-repeat;}  
.footer a{color:#fff;}
.footer ul{padding: 0;}
.footer ul li{list-style: none; padding: 2px;}
.footer ul i{color: #fff;}
.footer .fab{padding: 0px 5px 0px 5px;}
.footer .fab:hover{color: #fff;} */
/* .footer img {width: 50%;} */
.btn-outline-blue {color: black!important;background-color: transparent;background-image: none;border-color:black!important;}
.btn-outline-blue:hover {color: #fff!important;background-color: black;background-image: none;border-color:black!important;}
.btn-outline-light:hover {color: black!important;background-color: #fff;background-image: none;border-color:#fff!important;}
.title-arch {text-align:center;margin-bottom: 50px;font-size:22px;letter-spacing:2px;text-transform:uppercase;}

.policies li {
  padding: 10px;
}

.video-carousel .owl-nav{position:absolute !important;top:40% !important;width:100% !important;}
.video-carousel .owl-nav .owl-prev{margin-right: 38% !important;font-size: 60px !important;background:transparent !important;outline:none;}
.video-carousel .owl-nav .owl-next{margin-left: 38% !important;font-size: 60px !important;background:transparent !important;outline:none;}
.video-carousel .owl-nav .owl-next span, .video-carousel .owl-nav .owl-prev span{color:#FFF;}
video{transition: all 0.5s ease;}
#video-mask1,#video-mask2{border: 100px solid #404041;background:transparent;width:100%;height: 100%;position:absolute;transition: all 0.5s ease;}
.share-button{position:absolute;z-index: 99;right: 1%;top:1%;text-align: right;}
.share-button i{color:#FFF;padding:9px 0px;border-radius:50%;width:35px;height:35px;}
.share-button nav{opacity: 0; transition: all .5s linear;color:white;margin-top:10px;}
.share-button nav a{display: block;color: #FFF;line-height: 30px;letter-spacing: 3px;font-size:13px;}
.share-button:hover nav{opacity: 1;}
.share-button:hover>i{color:#000;background-color: white}
.carousel-fade .carousel-item {
   opacity: 0;
   transition-duration: .6s;
   transition-property: opacity;
  }
  
  .carousel-fade  .carousel-item.active,
  .carousel-fade  .carousel-item-next.carousel-item-left,
  .carousel-fade  .carousel-item-prev.carousel-item-right {
    opacity: 1;
  }
  
  .carousel-fade .active.carousel-item-left,
  .carousel-fade  .active.carousel-item-right {
   opacity: 0;
  }
  
  .carousel-fade  .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item.active,
  .carousel-fade .active.carousel-item-left,
  .carousel-fade  .active.carousel-item-prev {
   transform: translateX(0);
   transform: translate3d(0, 0, 0);
  }

  #text {
   border-right: 0.15em solid #1a4483;
   animation: blink 0.75s step-end infinite;
   width: max-content;
   height: 30px;
 }
 
 @keyframes blink {
   from,
   to {
     border-color: transparent;
   }
   50% {
     border-color: #1a4483;
   }
 }

 /* circle */
 @import url(https://fonts.googleapis.com/css?family=Exo:100);
/* Background data (Original source: https://subtlepatterns.com/grid-me/) */
/* Animations */
@-webkit-keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@-moz-keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@-o-keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@-webkit-keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}
@-moz-keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}
@-o-keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}
@keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}


/* main-section */

/* main-section */

.project {width: 100%;height: 500px;background-size:cover;background-position:center;padding:0 !important;float:left;}
.project .project-plus {width: 100%;height: 100%;color: #fff;opacity: 1;text-align:center;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;background-color: rgba(0, 0, 0, 0);padding: 50% 30px !important;}
.project .project-hover {position:absolute;top:0px;text-align:center;width: 100%;height: 100%;color: #fff;opacity: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;background-color: rgba(0, 0, 0, 0.7);padding: 40% 30px !important;}
.project .project-hover hr {height: 30px;width: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;background-color: rgba(255, 255, 255, 1);border:0;}
.project .project-hover a {color:rgba(255,255,255, 1);padding:2px 22px;line-height:40px;border: 2px solid rgba(255, 255, 255, 1);-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.project .project-hover a:hover {border-color: rgba(51,51,51,1);color:rgba(51,51,51,1);background-color:#FFF;}
.project:hover .project-hover {opacity:1;}
.project:hover .project-plus {opacity:0;transition-delay: 1s;display:none;}
.project:hover .project-hover hr {width:100%;height:5px;}

/* Main styles */
.bg {
   padding: 20px 0px;
  /* margin-top: 13.5rem; */
  color: #0b2d4f;
  font: 400 16px/1.5 exo, ubuntu, "segoe ui", helvetica, arial, sans-serif;
  text-align: center;
  /* img size is 50x50 */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABnSURBVHja7M5RDYAwDEXRDgmvEocnlrQS2SwUFST9uEfBGWs9c97nbGtDcquqiKhOImLs/UpuzVzWEi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1af7Ukz8xWp8z8AAAA//8DAJ4LoEAAlL1nAAAAAElFTkSuQmCC") repeat 0 0;
  -webkit-animation: bg-scrolling-reverse 0.92s infinite;
  /* Safari 4+ */
  -moz-animation: bg-scrolling-reverse 0.92s infinite;
  /* Fx 5+ */
  -o-animation: bg-scrolling-reverse 0.92s infinite;
  /* Opera 12+ */
  animation: bg-scrolling-reverse 0.92s infinite;
  /* IE 10+ */
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

.bg h5 {
   color: #ef3f2a !important;
}
.bg::before {
  content: "";
  /* font-size: 8rem; */
  font-weight: 100;
  font-style: normal;
}
 /* circle */

 /* video */
 canvas {
   position: -webkit-sticky;
   position: -moz-sticky;
   position: -o-sticky;
   position: -ms-sticky;
   position: sticky;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   object-fit: cover;
   object-position: center center;
 }
 #more_content,
 #initial_content,
 #end_content,
 .title_block {
   height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   background: blue;
   color: white;
   font-size: 3rem;
   font-family: sans-serif;
 }
 .title_block {
   background-color: green;
 }
 #end_content {
   background-color: white;
   color: black;
 }
 
 /* video */

 /* why section */
 #why-section h5 {
  font-size: 18px;
  line-height: 28px;
 }
 .feature-item p {
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 24px;
  padding: 0;
}
#why-section h2 {
    font-size: 33px;
    line-height: 44px;
    font-weight: 300;
}
.header-p {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 32px;
  margin-top: 34px;
}
 .hexagon {
  position: relative;
  width: 116px;
  height: 66.97px;
  background-color: transparent;
  margin: 33.49px 0;
  border-left: solid 2px #1E69B8;
  border-right: solid 2px #1E69B8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  transform: rotate(0.0001deg);
  -webkit-transform: rotate(0.0001deg);
  -ms-transform: rotate(0.0001deg);
  -webkit-backface-visibility: hidden;
}
.hexagon::before {
  top: -41.0122px;
  border-top: solid 2.8284px #1E69B8;
  border-right: solid 2.8284px #1E69B8;
}
.hexagon i::before {
  position: relative;
  z-index: 2;
  color: #1E69B8;
  clear: both;
  float: none;
  display: block;
  font-size: 48px;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
}
.hexagon::after {
  bottom: -41.0122px;
  border-bottom: solid 2.8284px #1E69B8;
  border-left: solid 2.8284px #1E69B8;
}
.hexagon::before, .hexagon::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 82.02px;
  height: 82.02px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 14.9878px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
 /* why section */

 #service-section ul {
  list-style-type: none;
}

#service-section li::before {
    content: "✔";
    color: lightblue;
    padding-right: 8px;
}

.graybg {
  background-color: #0000001f;
}


 /* textimg */
 #text-img .text1 {
   background: #002448;
   padding: 120.5px;
   color: #fff;
   height: 100%;
 }
 .btn-primary {
   background: transparent !important;
   color: #fff;
   border-color: #fff !important;
 }
 .btn-primary:hover {
   background-color: #fff !important;
   color: #6528fa !important;
 }

 #text-img .text2 {
   background: red;
   padding: 150px 80px;
   color: #fff;
   height: 100%;
 }
 .btn-primary {
   background: transparent !important;
   color: #fff;
   border-color: #fff !important;
 }
 .btn-primary:hover {
   background-color: #fff !important;
   color: #003a73 !important;
 }
 /* textimg */

 /* CARD */

.content-wrapper {
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding: 0.5rem;
}

.news-card {
  /* border: 0px solid aqua; */
  margin: 0.5rem;
  position: relative;
  height: 12rem;
  overflow: hidden;
  border-radius: 0.5rem;
  flex: 1;
  min-width: 290px;
  /* box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.news-card a {
  color: #fff !important;
}

@media (min-width: 900px) {

.news-card {
    height: 20rem
}
  }

.news-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /* background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 80%);; */
      z-index: 0;
    }

.news-card__card-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
/*     background: rgba(255,0,0,.5); */
  }

.news-card__image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    z-index: -1;
  }

.news-card__text-wrapper {
    position: absolute;
    bottom: 0rem;
    padding: 1rem;
    color: white;
/*     background-color: rgba(0, 0, 0, 0.4); */
    transition: background-color 1.5s ease;
  }

.news-card__title {
    transition: color 1s ease;
    margin-bottom: .5rem;
  }

.news-card__post-date {
    font-size: .7rem;
    margin-bottom: .5rem;
    color: #CCC;
  }

.news-card__details-wrapper {
    max-height: 0;
    opacity: 0;
    transition: max-height 1.5s ease, opacity 1s ease;
  }

@media (min-width: 900px) {
    .news-card:hover .news-card__details-wrapper {
      max-height: 20rem;
      opacity: 1;
    }
    .news-card:hover .news-card__text-wrapper {
      background-color: rgba(0, 0, 0, 0.6);
    }
    .news-card:hover .news-card__title {
      color: #fcbe35;
    }
    .news-card:hover .news-card__image {
      transform: scale(1.2);
      z-index: -1;
    }
  }

.news-card__excerpt {
    font-weight: 300;
  }

.news-card__read-more {
    background: black;
    color: #bbb;
    display: block;
    padding: 0.4rem 0.6rem;
    border-radius: 0.3rem;
    margin-top: 1rem;
    border: 1px solid #444;
    font-size: 0.8rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-decoration: none;
    width: 7rem;
    margin-left: auto;
    position: relative;
    z-index: 5;
  }

.news-card__read-more i {
      position: relative;
      left: 0.2rem;
      color: #888;
      transition: left 0.5s ease, color 0.6s ease;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }

.news-card__read-more:hover i {
      left: 0.5rem;
      color: yellow;
    }
    .slick-prev:before, .slick-next:before {
      font-family: 'slick';
      font-size: 20px;
      line-height: 1;
      opacity: .75;
      color: black !important;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  .slick-slide {
      display: none;
      float: left;
      height: 20rem !important;
      min-height: 1px;
  }  
/* CARD */

.card {
  display: block; 
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
    transition: box-shadow .25s; 
    border-radius: 10px;
}
.card:hover {
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

 /* wave */
 .waveWrapper {
   overflow: hidden;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   margin: auto;
 }
 .waveWrapperInner {
   position: absolute;
   width: 100%;
   overflow: hidden;
   height: 100%;
   bottom: -1px;
   background-image: linear-gradient(to top, #86377b 20%, #27273c 80%);
 }
 .bgTop {
   z-index: 15;
   opacity: 0.5;
 }
 .bgMiddle {
   z-index: 10;
   opacity: 1;
 }
 .bgBottom {
   z-index: 5;
 }
 .wave {
   position: absolute;
   left: 0;
   width: 200%;
   height: 100%;
   background-repeat: repeat no-repeat;
   background-position: 0 top;
   transform-origin: center top;
 }

 .waveMiddle {
   animation: move_wave 10s linear infinite;
 }

 .waveMiddle{
   top: 0;
}

.our-stats.facts-figures{
   background: rgba(243,248,254,1);
}

.our-stats{
   background: rgb(255,255,255);

   /*background-image: url(../images/pattern-blue.svg), linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,248,254,1) 100%);*/
   background-image: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,248,254,1) 100%);

   background-size:cover;
   padding:40px 35px ;
}

.our-stats.facts-figures{
   background: #f3f8fe;
    background: linear-gradient(#f3f8fe, #fff)!important; 
 
 }
 .inner-banner img{
   opacity: .2;
 }
 .home .our-stats.facts-figures{
   margin-top: -9px;
 }

 .for-fading-bg {
   overflow: hidden;
   position: relative;
}

.our-stats h3 {
   font-size: 2.5rem;
   font-weight: bold;
   font-family: 'Montserrat', sans-serif;
}

.our-stats .container-fluid {
   margin: 50px 0px;
}

@keyframes move_wave {
   0% {
     transform: translateX(0) translateZ(0) scaleY(1);
   }
   50% {
     transform: translateX(-25%) translateZ(0) scaleY(0.55);
   }
   100% {
     transform: translateX(-50%) translateZ(0) scaleY(1);
   }
 }

 /* wave */

 /* footer */
 .haber-card .card {
   background-color: transparent !important;
   border: 1px solid gray;
 }
 .area .row {
   z-index: 2;
   position: relative;
 }
 .footer {
   position: relative;
 }
 .area{
   /* background: #4e54c8;   */
   /* background:#1a4483; */
   /* background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8); */
   background: #141618;
   width: 100%;
   /* height:23vh; */
   
  
}

.area .box {
   padding: 40px;
}

.circles{
   z-index: 1;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

.circles li{
   position: absolute;
   display: block;
   list-style: none;
   width: 20px;
   height: 20px;
   background: rgba(255, 255, 255, 0.2);
   animation: animate 25s linear infinite;
   bottom: -150px;
   
}

.circles li:nth-child(1){
   left: 25%;
   width: 80px;
   height: 80px;
   animation-delay: 0s;
}


.circles li:nth-child(2){
   left: 10%;
   width: 20px;
   height: 20px;
   animation-delay: 2s;
   animation-duration: 12s;
}

.circles li:nth-child(3){
   left: 70%;
   width: 20px;
   height: 20px;
   animation-delay: 4s;
}

.circles li:nth-child(4){
   left: 40%;
   width: 60px;
   height: 60px;
   animation-delay: 0s;
   animation-duration: 18s;
}

.circles li:nth-child(5){
   left: 65%;
   width: 20px;
   height: 20px;
   animation-delay: 0s;
}

.circles li:nth-child(6){
   left: 75%;
   width: 110px;
   height: 110px;
   animation-delay: 3s;
}

.circles li:nth-child(7){
   left: 35%;
   width: 150px;
   height: 150px;
   animation-delay: 7s;
}

.circles li:nth-child(8){
   left: 50%;
   width: 25px;
   height: 25px;
   animation-delay: 15s;
   animation-duration: 45s;
}

.circles li:nth-child(9){
   left: 20%;
   width: 15px;
   height: 15px;
   animation-delay: 2s;
   animation-duration: 35s;
}

.circles li:nth-child(10){
   left: 85%;
   width: 150px;
   height: 150px;
   animation-delay: 0s;
   animation-duration: 11s;
}



@keyframes animate {

   0%{
       transform: translateY(0) rotate(0deg);
       opacity: 1;
       border-radius: 0;
   }

   100%{
       transform: translateY(-1000px) rotate(720deg);
       opacity: 0;
       border-radius: 50%;
   }

}
 /* footer */
 
 /* pallax */
 #parallax {
   background-image: url("../images/main/parallax.png");
   background-position: center;
   background-size: cover;
   height: 600px;
   overflow: hidden;
 }
 #parallax .container-fluid {
   margin: 90px;
 }
 #parallax .col-md-5 {
   padding: 40px;
   background-color: #003a738e;
   color: #fff;
 }
 /* pallax */

/* services */
#services {
   position: relative;
   background-color: #003a73;
   padding: 40px 0;
}
#services:after {
   background: -webkit-gradient(linear,left top,left bottom,color-stop(-69.1%,rgba(38,38,38,0)),to(#0b0c1b));
   background: linear-gradient(180deg,rgba(38,38,38,0) -69.1%,#0b0c1b);
   content: "";
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
#services .solutions h1 {
   color: #fff !important;
   position: relative;
   z-index: 2;
}
#services .solutions span {
   color: #fff !important;
   position: relative;
   z-index: 2;
}
#services .solutions p {
   color: #fff !important;
   position: relative;
   z-index: 2;
}
#services img {
   position: relative;
   z-index: 2;
}

.solutions h1 {
   font-size: 40px;
   font-weight: 200;
   font-family: 'Roboto', sans-serif;
}

.solutions span {
   color: #2a313c;
   font-family: Arial, Helvetica, sans-serif;
}


.solutions p {
   font-size: 16px;
   color: black;
}
/* services */

.tasan-cont{width: 100%;height: 100%;z-index:2;background-color: #00b5fd5d; color: #fff;}
.tasan-cont h5{border-bottom:1px solid #fff;padding-bottom: 5px;margin:10px 0px;}
.tasan-cont h5 a{color:#fff;}
.tasan-cont h5 a:hover{color:#fff;}
.tasan-cont .btn.collapsed .fa.minus{display:none;}
.tasan-cont .btn.collapsed .fa.plus{display: block;}
.tasan-cont .btn .fa.plus{display: none;}

.form-control {
  border: 1px solid gray !important;
  border-radius: 0 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background: transparent !important;
}

#surecTab {
  display: inline-block !important;
}

#surecTab .nav-link {
  font-size: 18px !important;
}

#surecTab .nav-link {
  border: 1px solid orange !important;
  margin: 0px 0px 10px 0px;
  color: #495057;
  background-color: #fff;

}

.tab-p {
  color: #fff;
  font-weight: 600;
}

.tab-p b {
  text-decoration: underline;
}

.surecler2 {
  padding: 10px;
  /* border: 1px solid orange; */
  background: url("../images/sss/sss-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  height: 600px;
}

.surecler2::after {
  content: "";
  background: #0000005d;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.surecler {
  padding: 10px;
  /* border: 1px solid orange; */
  background: url("../images/surec/surec-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  height: 500px;
}

.surecler::after {
  content: "";
  background: #0000005d;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

#surecTab {
  border-bottom: none !important;
}

#surecTab .nav-link.active {
  color: #fff;
  background: orange;

  border: 1px solid orange !important;
}

.border-radius {
  border-radius: 20px;
}
.text-end {
  text-align: end;
}

.fa-right-long {
  color: #ffd43e;
}

.sorular .headline {
  font-size: 2rem;
}
.sorular {
  overflow: hidden;
}

.surec-list {
  list-style: none;
}
.surec-list li {
  margin-top: 20px;
}

.white {
  color: white;
}
.hizmet-box {
  padding: 20px;
  border: 1px solid orange;
  height: 320px;
  text-align: center;
}

#sss .hero-box {
  height: 700px;
  background-image: url("../images/sss/sss-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: 8px;
  border-radius: 20px;
  margin: 0px 30px 0px 30px;
}

#surec .hero-box {
  height: 700px;
  background-image: url("../images/surec/surec-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: 8px;
  border-radius: 20px;
  margin: 0px 30px 0px 30px;
}

#contact .hero-box {
  height: 700px;
  background-image: url("../images/contact/contact-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: 8px;
  border-radius: 20px;
  margin: 0px 30px 0px 30px;
}

#employer .hero-box {
  height: 700px;
  background-image: url("../images/employer/employer-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: 8px;
  border-radius: 20px;
  margin: 0px 30px 0px 30px;
}

#egitim .hero-box {
  height: 700px;
  background-image: url("../images/education/education-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: 8px;
  border-radius: 20px;
  margin: 0px 30px 0px 30px;
}

#hakkimizda .hero-box {
  height: 700px;
  background-image: url("../images/hakkimizda/hakkimizda.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: 8px;
  border-radius: 20px;
  margin: 0px 30px 0px 30px;
}

.hero-box::after {
  content: "";
  background: #0000005d;
  height: 100%;
  display: block;
  border-radius: 20px;
}

.hero-text {
  position: absolute;
  bottom: 10%;
  z-index: 4;
  width: 100%;
}
.hero-text h2 {
  color: #fff;
}

.hero-text span {
  color: rgb(255, 217, 0);
}

.hero-text a {
  color: rgb(255, 217, 0) !important;
}

.hero-text a:hover {
  color: rgb(255, 217, 0) !important;
}
.info-card a {
  color: #000;
}
.purple {
  color: #6528fa;
}
.gray {
  color: #4b5863;
}
.main-arrow {
  position: absolute;
  right: 25px;
  bottom: 25px;
}
.person img {
  border-radius: 20px;
}
.person h4 {
  margin-top: 5px;
}
.person p {
  margin: 0;
}
.check {
  padding: 0;
  list-style: none;
}
.check li {
  padding: 10px;
  background-color: #f5f5f7;
  border-radius: 10px;
  margin-bottom: 10px;
}
.check li:before {
  content: '✓';
  margin-right: 10px;
}
.list {
  list-style: decimal;
}
.bg-picture {
  position: relative;
  z-index: 2;
  background-image: linear-gradient(180deg, #E2F0FF 0%, #B6D9FD 100%);;
  height: 35%;
}
.bg-picture img {
  position: absolute;
  bottom: 0;
}
.bg-picture a {
  position: absolute;
  margin: auto;
  top: 20%;
  left: 35%;
}
.bg-picture h4 {
  position: absolute;
  margin: auto;
  top: 5%;
  width: 100%;
}
.education-list {
  background-color: #f5f5f7;
  padding: 20px;
  border: 1px solid gray;
  border-radius: 10px
}
.education-list ul {
  list-style: none;
}
.education-list img {
  width: 80px;
}


/* sss */

.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid #324c70;
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: #324c70;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: #324c70;
  border: 1px solid #324c70;
}
.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
}
.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion button[aria-expanded=true] {
  color: #324c70;
}
.accordion button[aria-expanded=true] .icon::after {
  width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  /* max-height: 9em; */
  max-height: max-content;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
  font-size: 1rem;
  font-weight: 300;
  margin: 2em 0;
}

button:focus {
  outline: none !important;
}
/* sss */
.numbers {
  background-color: rgb(255, 81, 0);
  border-radius: 10px;
  padding: 20px;
  color: #fff;
}

.fa-clone {
  background-color: rgb(255, 81, 0);
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  font-size: 30px;
}

.vision {
  background-color: #eeeeee;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid gray;
}

.fa-circle-half-stroke {
  background-color: rgb(255, 213, 0);
  padding: 10px;
  border-radius: 10px;
  color: #000;
  font-size: 30px;
}

.mision {
  background-color: #F8F0D2;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid gray;
}

.numbers span {
  font-weight: bold;
  font-size: 70px;
  line-height: 0.8;
}

.numbers .span2 {
  font-size: 40px;
}

.numbers p {
  margin: 0;
  font-size: 16px;
}

.headline {
  color: #0a0d53;
  font-size: 49px;
}

.headline span {
  color: #6528fa;
}

#hakkimizda .ustbg {
  background-image: url("../images/hakkimizda/ust-bg-2.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 240px;
  top: 0px;
}

.ust-bg{
  background-image: url("../assets/img/ust-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100px;
}


.navbar .container {
   display: block !important;
}
.navbar-expand-lg .container {
   padding-right: 15px !important;
   padding-left: 15px !important;
}
.darkbg .col-md-9 {
   max-width: 83% !important;
}
.ustbg img {
  filter: brightness(40%);
}

.ustbg {
  top: -98px;
}


#iletisim .ustbg {
  background-image: url("../images/iletisim/ust-bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 240px;
  top: 0px;
}


.bluebg {
   background: #002448;
   padding: 80px 10px;
   color: #fff;
}

.bluebg img {
   -webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
}

.project {
width: 100%;
height: 500px;
background-image: url("../images/u1.png");
background-size: cover;
background-position: center;
padding: 0 !important;
float:left;
}

.project-2 {
background-image: url("../images/u2.png");
}

.project-3 {
background-image: url("../images/u3.png");
}

.project-4 {
background-image: url("../images/u4.png");
}

.project-hover {
width: 100%;
height: 100%;
color: #fff;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: rgba(110, 110, 109, 0.801);
padding: 40% 30px !important;
}

.project-hover hr {
height: 30px;
width: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: rgba(255, 255, 255, 1);
border: 0;
}

.project-hover a {
color: rgba(255, 255, 255, 1);
padding: 2px 22px;
line-height: 40px;
border: 2px solid rgba(255, 255, 255, 1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.project-hover a:hover {
border-color: rgba(51, 51, 51, 1);
color: rgba(51, 51, 51, 1);
background-color: #FFF;
}

.project:hover .project-hover {
opacity: 1;
}

.project:hover .project-hover hr {
width: 100%;
height: 5px;
}


#slider .carousel-indicators li {
   height: 15px;
   width: 15px;
   border-radius: 10px;
   background-color: transparent;
   border: 1px solid white;
   cursor: pointer;
   margin: 10px;
}

.carousel-indicators .active {
   background-color: #fff !important;
}

#slider .slider-text {
   position: absolute;
   top: 36%;
   left: 20%;
   color: #fff;
   width: 30%;
   /* text-align: justify; */
}

#slider .slider-text1 {
   position: absolute;
   margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   top: 60%;
   text-align: center;
   color: #fff;
   width: 30%;
   /* text-align: justify; */
}

#slider .slider-text2 {
   position: absolute;
   top: 30%;
   left: 4%;
   color: #fff;
   width: 30%;
   /* text-align: justify; */
}

#slider .slider-text3 {
   position: absolute;
   top: 64%;
   right: 65%;
   color: #fff;
   width: 30%;
   text-align: start;
   /* text-align: justify; */
}

#slider img {
   filter: brightness(50%);
}

#slider .slider-text h1 {
   font-size: 4rem;
}


/* test slider */
.fnc {
   /* you can add color names and their values here
   and then simply add classes like .m--blend-$colorName to .fnc-slide 
   to apply specific color for mask blend mode */
 }
 .fnc-slider {
   overflow: hidden;
   box-sizing: border-box;
   position: relative;
   height: 100vh;
   /* height: 110vh; */
 }
 .fnc-slider *,
 .fnc-slider *:before,
 .fnc-slider *:after {
   box-sizing: border-box;
 }
 .fnc-slider__slides {
   position: relative;
   height: 100%;
   transition: transform 1s 0.6666666667s;
 }
 .fnc-slider .m--blend-dark .fnc-slide__inner {
   background-color: #8a8a8a;
 }
 .fnc-slider .m--blend-dark .fnc-slide__mask-inner {
   background-color: #575757;
 }
 .fnc-slider .m--navbg-dark {
   background-color: #575757;
 }
 .fnc-slider .m--blend-green .fnc-slide__inner {
   background-color: #000000;
 }
 .fnc-slider .m--blend-green .fnc-slide__mask-inner {
   background-color: #42605e;
 }
 .fnc-slider .m--navbg-green {
   background-color: #42605e;
 }
 .fnc-slider .m--blend-red .fnc-slide__inner {
   background-color: #ea2329;
 }
 .fnc-slider .m--blend-red .fnc-slide__mask-inner {
   background-color: #990e13;
 }
 .fnc-slider .m--navbg-red {
   background-color: #990e13;
 }
 .fnc-slider .m--blend-blue .fnc-slide__inner {
   background-color: #59aecb;
 }
 .fnc-slider .m--blend-blue .fnc-slide__mask-inner {
   background-color: #2d7791;
 }
 .fnc-slider .m--navbg-blue {
   background-color: #2d7791;
 }
 .fnc-slide {
   overflow: hidden;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   transform: translate3d(0, 0, 0);
 }
 .fnc-slide.m--before-sliding {
   z-index: 2 !important;
   transform: translate3d(100%, 0, 0);
 }
 .fnc-slide.m--active-slide {
   z-index: 1;
   transition: transform 1s 0.6666666667s ease-in-out;
   transform: translate3d(0, 0, 0);
 }
 .fnc-slide__inner {
   position: relative;
   height: 100%;
   background-size: cover;
   background-position: center top;
   transform: translate3d(0, 0, 0);
 }
 .m--global-blending-active .fnc-slide__inner, .m--blend-bg-active .fnc-slide__inner {
   background-blend-mode: luminosity;
 }
 .m--before-sliding .fnc-slide__inner {
   transform: translate3d(-100%, 0, 0);
 }
 .m--active-slide .fnc-slide__inner {
   transition: transform 1s 0.6666666667s ease-in-out;
   transform: translate3d(0, 0, 0);
 }
 .fnc-slide__mask {
   overflow: hidden;
   z-index: 1;
   position: absolute;
   right: 60%;
   top: 15%;
   width: 50.25vh;
   height: 67vh;
   margin-right: -90px;
   -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
           clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
   transform-origin: 50% 0;
   transition-timing-function: ease-in-out;
 }
 .m--before-sliding .fnc-slide__mask {
   transform: rotate(-10deg) translate3d(200px, 0, 0);
   opacity: 0;
 }
 .m--active-slide .fnc-slide__mask {
   transition: transform 0.7s 1.2222222222s, opacity 0.35s 1.2222222222s;
   transform: translate3d(0, 0, 0);
   opacity: 1;
 }
 .m--previous-slide .fnc-slide__mask {
   transition: transform 0.7s 0.3333333333s, opacity 0.35s 0.6833333333s;
   transform: rotate(10deg) translate3d(-200px, 0, 0);
   opacity: 0;
 }
 .fnc-slide__mask-inner {
   z-index: -1;
   position: absolute;
   left: 50%;
   top: 50%;
   width: 100vw;
   height: 100vh;
   margin-left: -50vw;
   margin-top: -50vh;
   background-size: cover;
   background-position: center center;
   background-blend-mode: luminosity;
   transform-origin: 50% 16.5vh;
   transition-timing-function: ease-in-out;
 }
 .m--before-sliding .fnc-slide__mask-inner {
   transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
 }
 .m--active-slide .fnc-slide__mask-inner {
   transition: transform 0.7s 1.2222222222s;
   transform: translateX(0);
 }
 .m--previous-slide .fnc-slide__mask-inner {
   transition: transform 0.7s 0.3333333333s;
   transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
 }
 .fnc-slide__content {
   z-index: 2;
   position: absolute;
   left: 40%;
   top: 40%;
 }
 .fnc-slide__heading {
   margin-bottom: 10px;
   text-transform: uppercase;
 }
 .fnc-slide__heading-line {
   overflow: hidden;
   position: relative;
   padding-right: 20px;
   font-size: 100px;
   color: #fff;
   word-spacing: 10px;
 }
 .fnc-slide__heading-line:nth-child(2) {
   padding-left: 30px;
 }
 .m--before-sliding .fnc-slide__heading-line {
   transform: translateY(100%);
 }
 .m--active-slide .fnc-slide__heading-line {
   transition: transform 1.5s 1s;
   transform: translateY(0);
 }
 .m--previous-slide .fnc-slide__heading-line {
   transition: transform 1.5s;
   transform: translateY(-100%);
 }
 .fnc-slide__heading-line span {
   display: block;
 }
 .m--before-sliding .fnc-slide__heading-line span {
   transform: translateY(-100%);
 }
 .m--active-slide .fnc-slide__heading-line span {
   transition: transform 1.5s 1s;
   transform: translateY(0);
 }
 .m--previous-slide .fnc-slide__heading-line span {
   transition: transform 1.5s;
   transform: translateY(100%);
 }
 .fnc-slide__action-btn {
   position: relative;
   margin-left: 200px;
   padding: 5px 15px;
   font-size: 20px;
   line-height: 1;
   color: transparent;
   border: none;
   text-transform: uppercase;
   background: transparent;
   cursor: pointer;
   text-align: center;
   outline: none;
 }
 .fnc-slide__action-btn span {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   perspective: 1000px;
   transform-style: preserve-3d;
   transition: transform 0.3s;
   transform-origin: 50% 0;
   line-height: 30px;
   color: #fff;
 }
 .fnc-slide__action-btn span:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 2px solid #fff;
   border-top: none;
   border-bottom: none;
 }
 .fnc-slide__action-btn span:after {
   content: attr(data-text);
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   line-height: 30px;
   background: #1f2833;
   opacity: 0;
   transform-origin: 50% 0;
   transform: translateY(100%) rotateX(-90deg);
   transition: opacity 0.15s 0.15s;
 }
 .fnc-slide__action-btn:hover span {
   transform: rotateX(90deg);
 }
 .fnc-slide__action-btn:hover span:after {
   opacity: 1;
   transition: opacity 0.15s;
 }
 .fnc-nav {
   z-index: 5;
   position: absolute;
   right: 0;
   bottom: 0;
 }
 .fnc-nav__bgs {
   z-index: -1;
   overflow: hidden;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
 }
 .fnc-nav__bg {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
 }
 .fnc-nav__bg.m--nav-bg-before {
   z-index: 2 !important;
   transform: translateX(100%);
 }
 .fnc-nav__bg.m--active-nav-bg {
   z-index: 1;
   transition: transform 1s 0.6666666667s;
   transform: translateX(0);
 }
 .fnc-nav__controls {
   font-size: 0;
 }
 .fnc-nav__control {
   overflow: hidden;
   position: relative;
   display: inline-block;
   vertical-align: top;
   width: 100px;
   height: 50px;
   font-size: 14px;
   color: #fff;
   text-transform: uppercase;
   background: transparent;
   border: none;
   outline: none;
   cursor: pointer;
   transition: background-color 0.5s;
 }
 .fnc-nav__control.m--active-control {
   background: #1f2833;
 }
 .fnc-nav__control-progress {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 2px;
   background: #fff;
   transform-origin: 0 50%;
   transform: scaleX(0);
   transition-timing-function: linear !important;
 }
 .m--with-autosliding .m--active-control .fnc-nav__control-progress {
   transform: scaleX(1);
 }
 .m--prev-control .fnc-nav__control-progress {
   transform: translateX(100%);
   transition: transform 0.5s !important;
 }
 .m--reset-progress .fnc-nav__control-progress {
   transform: scaleX(0);
   transition: transform 0s 0s !important;
 }
 .m--autosliding-blocked .fnc-nav__control-progress {
   transition: all 0s 0s !important;
   transform: scaleX(0) !important;
 }
 
 
 .demo-cont {
   overflow: hidden;
   position: relative;
   height: 100vh;
   /* height: 110vh; */
   perspective: 1500px;
   background: #000;
 }
 .demo-cont__credits {
   box-sizing: border-box;
   overflow-y: auto;
   z-index: 1;
   position: absolute;
   right: 0;
   top: 0;
   width: 400px;
   height: 100%;
   padding: 20px 10px 30px;
   background: #303030;
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
   color: #fff;
   text-align: center;
   transition: transform 0.7s;
   transform: translate3d(100%, 0, 0) rotateY(-45deg);
   will-change: transform;
 }
 .credits-active .demo-cont__credits {
   transition: transform 0.7s 0.2333333333s;
   transform: translate3d(0, 0, 0);
 }
 .demo-cont__credits *,
 .demo-cont__credits *:before,
 .demo-cont__credits *:after {
   box-sizing: border-box;
 }
 .demo-cont__credits-close {
   position: absolute;
   right: 20px;
   top: 20px;
   width: 28px;
   height: 28px;
   cursor: pointer;
 }
 .demo-cont__credits-close:before, .demo-cont__credits-close:after {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   width: 100%;
   height: 2px;
   margin-top: -1px;
   background: #fff;
 }
 .demo-cont__credits-close:before {
   transform: rotate(45deg);
 }
 .demo-cont__credits-close:after {
   transform: rotate(-45deg);
 }
 .demo-cont__credits-heading {
   text-transform: uppercase;
   font-size: 40px;
   margin-bottom: 20px;
 }
 .demo-cont__credits-img {
   display: block;
   width: 60%;
   margin: 0 auto 30px;
   border-radius: 10px;
 }
 .demo-cont__credits-name {
   margin-bottom: 20px;
   font-size: 30px;
 }
 .demo-cont__credits-link {
   display: block;
   margin-bottom: 10px;
   font-size: 24px;
   color: #fff;
 }
 .demo-cont__credits-blend {
   font-size: 30px;
   margin-bottom: 10px;
 }
 
 .example-slider {
   z-index: 2;
   transform: translate3d(0, 0, 0);
   transition: transform 0.7s;
 }
 .credits-active .example-slider {
   transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
 }
 .example-slider .fnc-slide-1 .fnc-slide__inner,
 .example-slider .fnc-slide-1 .fnc-slide__mask-inner {
   background-image: url("../images/main/slider-hidropress4.png");
 }
 .example-slider .fnc-slide-2 .fnc-slide__inner,
 .example-slider .fnc-slide-2 .fnc-slide__mask-inner {
   background-image: url("../images/main/slider-hidropress2.png");
 }
 .example-slider .fnc-slide-3 .fnc-slide__inner,
 .example-slider .fnc-slide-3 .fnc-slide__mask-inner {
   background-image: url("../images/main/slider-hidropress3.png");
 }
 .example-slider .fnc-slide-3 .fnc-slide__inner:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.1);
 }
 .example-slider .fnc-slide-4 .fnc-slide__inner,
 .example-slider .fnc-slide-4 .fnc-slide__mask-inner {
   background-image: url("../images/main/slider-hidropress.png");
 }
 .example-slider .fnc-slide-4 .fnc-slide__inner:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.2);
 }
 .example-slider .fnc-slide__heading,
 .example-slider .fnc-slide__action-btn,
 .example-slider .fnc-nav__control {
   font-family: "Open Sans", Helvetica, Arial, sans-serif;
 }
 
 /* COLORFUL SWITCH STYLES 
    ORIGINAL DEMO - https://codepen.io/suez/pen/WQjwOb */
 .colorful-switch {
   position: relative;
   width: 180px;
   height: 77.1428571429px;
   margin: 0 auto;
   border-radius: 32.1428571429px;
   background: #cfcfcf;
 }
 .colorful-switch:before {
   content: "";
   z-index: -1;
   position: absolute;
   left: -5px;
   top: -5px;
   width: 190px;
   height: 87.1428571429px;
   border-radius: 37.1428571429px;
   background: #314239;
   transition: background-color 0.3s;
 }
 .colorful-switch:hover:before {
   background: #4c735f;
 }
 .colorful-switch__checkbox {
   z-index: -10;
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
 }
 .colorful-switch__label {
   z-index: 1;
   overflow: hidden;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border-radius: 32.1428571429px;
   cursor: pointer;
 }
 .colorful-switch__bg {
   position: absolute;
   left: 0;
   top: 0;
   width: 540px;
   height: 100%;
   background: linear-gradient(90deg, #14dcd6 0, #10e7bd 180px, #ef9c29 360px, #e76339 100%);
   transition: transform 0.5s;
   transform: translate3d(-360px, 0, 0);
 }
 .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__bg {
   transform: translate3d(0, 0, 0);
 }
 .colorful-switch__dot {
   position: absolute;
   left: 131.1428571429px;
   top: 50%;
   width: 5.1428571429px;
   height: 5.1428571429px;
   margin-left: -2.5714285714px;
   margin-top: -2.5714285714px;
   border-radius: 50%;
   background: #fff;
   transition: transform 0.5s;
   transform: translate3d(0, 0, 0);
 }
 .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__dot {
   transform: translate3d(-80.3571428571px, 0, 0);
 }
 .colorful-switch__on {
   position: absolute;
   left: 104.1428571429px;
   top: 22.5px;
   width: 19.2857142857px;
   height: 36px;
   transition: transform 0.5s;
   transform: translate3d(0, 0, 0);
 }
 .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on {
   transform: translate3d(-80.3571428571px, 0, 0);
 }
 .colorful-switch__on__inner {
   position: absolute;
   width: 100%;
   height: 100%;
   transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
   transform-origin: 100% 50%;
   transform: rotate(45deg) scale(0) translateZ(0);
 }
 .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on__inner {
   transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
   transform: rotate(45deg) scale(1) translateZ(0);
 }
 .colorful-switch__on__inner:before, .colorful-switch__on__inner:after {
   content: "";
   position: absolute;
   border-radius: 2.5714285714px;
   background: #fff;
 }
 .colorful-switch__on__inner:before {
   left: 0;
   bottom: 0;
   width: 100%;
   height: 6.1428571429px;
 }
 .colorful-switch__on__inner:after {
   right: 0;
   top: 0;
   width: 6.1428571429px;
   height: 100%;
 }
 .colorful-switch__off {
   position: absolute;
   left: 131.1428571429px;
   top: 50%;
   width: 41.1428571429px;
   height: 41.1428571429px;
   margin-left: -20.5714285714px;
   margin-top: -20.5714285714px;
   transition: transform 0.5s;
   transform: translate3d(0, 0, 0);
 }
 .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off {
   transform: translate3d(-80.3571428571px, 0, 0);
 }
 .colorful-switch__off:before, .colorful-switch__off:after {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   width: 100%;
   height: 5.1428571429px;
   margin-top: -2.5714285714px;
   border-radius: 2.5714285714px;
   background: #fff;
   transition: transform 0.25s 0.25s;
 }
 .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before, .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
   transition-delay: 0s;
 }
 .colorful-switch__off:before {
   transform: rotate(45deg) scaleX(1) translateZ(0);
 }
 .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before {
   transform: rotate(45deg) scaleX(0) translateZ(0);
 }
 .colorful-switch__off:after {
   transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
   transform: rotate(-45deg) scaleX(1) translateZ(0);
 }
 .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
   transition-timing-function: ease;
   transform: rotate(-45deg) scaleX(0) translateZ(0);
 }
/* test slider */


#demo2 .carousel-indicators {
   bottom: -50px;
}

#demo2 .carousel-indicators .active {
   background-color: #7a976c !important;
}

.product-card {
   position: relative;
   width: 300px;
   height: 480px;
   /* background: #191919; */
   background:#6f79a2;
   border-radius: 20px;
   overflow: hidden;
   margin: 10px 20px;
 }
 
 .product-card::before {
   content: "";
   position: absolute;
   top: -50%;
   width: 100%;
   height: 100%;
   /* background: #e91c1b; */
   background:#848ba7;
   transform: skewY(345deg);
   transition: 0.5s;
 }
 
 .product-card:hover::before {
   top: -70%;
   transform: skewY(390deg);
 }
 
 .product-card::after {
   content: "HIDROPRES";
   position: absolute;
   bottom: 2%;
   left: 0;
   font-weight: 600;
   font-size: 3.2em;
   /* color: rgba(0, 0, 0, 0.1); */
   color: rgba(0, 0, 0, 0.1);
 }
 
 .product-card .imgBox {
   position: relative;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   padding-top: 20px;
   z-index: 1;
 }
 /*
 .product-card .imgBox img {
     max-width: 100%;
     
     transition: .5s;
 }
 
 .product-card:hover .imgBox img {
     max-width: 50%;
       
 }
 */
 .product-card .contentBox {
   position: relative;
   padding: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   z-index: 2;
   top: -30px;
 }
 
 .product-card .contentBox h3 {
   font-size: 18px;
   color: white;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 1px;
 }
 
 .product-card .contentBox .price {
   font-size: 24px;
   color: white;
   font-weight: 700;
   letter-spacing: 1px;
 }
 
 .product-card .contentBox .buy {
   position: relative;
   top: 100px;
   opacity: 0;
   padding: 10px 30px;
   margin-top: 15px;
   color: #fff;
   text-decoration: none;
   background: #e91c1b;
   border-radius: 30px;
   text-transform: uppercase;
   letter-spacing: 1px;
   transition: 0.5s;
 }
 
 .product-card:hover .contentBox .buy {
   top: 0;
   opacity: 1;
 }
 
 .mouse {
   height: 360px;
   width: auto;
 }
 

 /*  */
 
 /*  */


#special-card .card {
   width: var(--card-width);
   height: var(--card-height);
   position: relative;
   display: flex;
   justify-content: center;
   align-items: flex-end;
   padding: 0 36px;
   perspective: 2500px;
   /* margin: 0 50px; */
   margin: auto;
   flex-direction: row;
   background-color: transparent !important;
   border: none !important;
 }
 
 #special-card .cover-image {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 
 #special-card .wrapper {
   transition: all 0.5s;
   position: absolute;
   width: 100%;
   z-index: -1;
 }
 
 #special-card .card:hover .wrapper {
   transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);
   box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
   -webkit-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
   -moz-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
 }
 
 #special-card .wrapper::before,
 #special-card .wrapper::after {
   content: "";
   opacity: 0;
   width: 100%;
   height: 80px;
   transition: all 0.5s;
   position: absolute;
   left: 0;
 }
 #special-card .wrapper::before {
   top: 0;
   height: 100%;
   background-image: linear-gradient(
     to top,
     transparent 46%,
     rgba(12, 13, 19, 0.5) 68%,
     rgba(12, 13, 19) 97%
   );
 }
 #special-card .wrapper::after {
   bottom: 0;
   opacity: 1;
   background-image: linear-gradient(
     to bottom,
     transparent 46%,
     rgba(12, 13, 19, 0.5) 68%,
     rgba(12, 13, 19) 97%
   );
 }

 :root {
   --card-height: 400px;
   --card-width: calc(var(--card-height) / 1.5);
 }

 #special-card {
   /* display: flex; */
   justify-content: center;
   /* margin-top: 80px; */
   /* margin-bottom: 80px; */
 }
 
 #special-card .card:hover .wrapper::before,
 #special-card .wrapper::after {
   opacity: 1;
 }
 
#special-card  .card:hover .wrapper::after {
   height: 120px;
 }
#special-card .title {
   width: 100%;
   transition: transform 0.5s;
 }
 #special-card .card:hover .title {
   transform: translate3d(0%, -50px, 100px);
 }
 
 #special-card .character {
   /* width: 100%; */
   width: 125%;
   opacity: 0;
   transition: all 0.5s;
   position: absolute;
   z-index: -1;
 }
 
 #special-card .card:hover .character {
   opacity: 1;
   transform: translate3d(0%, -30%, 100px);
 }
 

#products-slider {
   margin-bottom: -15%;
   overflow: hidden;
}

#products-slider .container {
   min-width: 1500px;
}

#products-slider .carousel-inner {
   position: relative;
   width: 100%;
   overflow: visible;
}

#products-slider .card {
   position: relative;
   background-color: #10253e;
   color: #fff;
   border-radius: 0;
   width: 80%;
   height: 45%;
}

.carousel-fade .carousel-item {
   opacity: 0;
   transition-duration: .6s;
   transition-property: opacity;
  }
  
  .carousel-fade  .carousel-item.active,
  .carousel-fade  .carousel-item-next.carousel-item-left,
  .carousel-fade  .carousel-item-prev.carousel-item-right {
    opacity: 1;
  }
  
  .carousel-fade .active.carousel-item-left,
  .carousel-fade  .active.carousel-item-right {
   opacity: 0;
  }
  
  .carousel-fade  .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item.active,
  .carousel-fade .active.carousel-item-left,
  .carousel-fade  .active.carousel-item-prev {
   transform: translateX(0);
   transform: translate3d(0, 0, 0);
  }

  .carousel-control-prev-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23113f71' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
  }
  
  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23113f71' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
  }

  .carousel-control-prev {
   left: 45% !important;
   height: 40px !important;
   width: 4% !important;
   top: unset !important;
}

.carousel-control-next {
   right: 45% !important;
   height: 40px !important;
   width: 4% !important;
   top: unset !important;
}

.card-col {
   display: flex;
   justify-content: center;
}

.card-col p {
   height: 240px;
}

#products-slider .card h2 {
   font-size: 40px;
   font-weight: bold;
}

#products-slider .card-img {
   position: relative;
   bottom: 0;
   left: -20%;
   width: 80% !important;
}

#products-slider .card-img2 {
   position: relative;
   bottom: 30px;
   right: -40%;
   width: 100% !important;
}

#products-slider .card-img3 {
   position: relative;
   bottom: 0;
   left: 30px;
   width: 80% !important;
}

.urunlerimiz-main {
   background: url("../images/main/main-urunler.png");
   filter: sepia(100%) hue-rotate(190deg) saturate(500%);
   height: 500px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.urunlerimiz-main::before {
   content: "";
   background: rgb(0 27 75 / 80%);
   position: absolute;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   z-index: -1;
}

.urunlerimiz-main h3 {
   position: relative;
   top: 15%;
   color: #fff;
}


#tab-menu {
   position: relative;
   top: -60%;
}

#urunler-main {
   margin-bottom: -14%;
}

#urunler-main .nav {
   display: block;
   padding: 25px 0px 40px 25px;
   background: #fff;
}

#urunler-main .nav .nav-item {
   padding-right: 0;
}

#urunler-main .nav-link.active {
   border: none;
   border-radius: 0;
   background-color: #ff2a39 !important;
}

#urunler-main .nav-link.active:before {
   content: "";
   display: block;
   width: 0;
   height: 0;
   border-top: 30px solid transparent;
   border-bottom: 30px solid transparent;
   border-left: 30px solid #ff2a39;
   position: absolute;
   top: 0px;
   right: -30px;
}

#urunler-main .nav .nav-link {
   padding: 20px;
   border: none;
   position: relative;
}

#urunler-main .nav .nav-link:hover {
   border: none !important;
   background-color: #ff2a39;
   color: #fff;
   border-radius: 0;
}

#urunler-main .card-body {
   background: #fff;
}

.btn-danger {
   background-color: #ff2a39 !important;
}

/* #urunler-main .nav .nav-link:hover:before {
   content: "";
   display: block;
   width: 0;
   height: 0;
   border-top: 30px solid transparent;
   border-bottom: 30px solid transparent;
   border-left: 30px solid #ff2a39;
   position: absolute;
   top: 0px;
   right: -30px;
} */

/* #urunler-main .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
   border: none;
} */

.btn-success {
   background-color: #fff !important;
   color: #44533c !important;
   border-color: #44533c !important;
   padding: 10px 20px 10px 20px !important;
}

.btn-success:hover {
   background-color: #44533c !important;
   border-color: #44533c !important;
   color: #fff !important;
}

/* car */
.img-hvr{position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;cursor:pointer;color:#FFF;}
.car-brand{position:absolute;top:5px;left:5px;width:50px;}

.white-popup {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
 }

.hvr-one{left:620px;top:115px;transform:rotate(25deg);}
.hvr-one::before{content:'';position:absolute;width:5px;height:5px;background:#FFF;transition: width .5s ease;margin:3px;right:0px;transition-delay:.3s;}
.hvr-one .after{position:absolute;opacity:0;width:5px;height:5px;background:#FFF;transition: all .5s ease;margin:3px;right:94px;top:0px;transform:rotate(-25deg);}
.hvr-one h5{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-25deg);}
.hvr-one .img{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-25deg);width:140px;}
#car-hover .hvr-one.active::before,.hvr-one:hover::before{width:100px;transition-delay:.0s;}
#car-hover .hvr-one.active .after,.hvr-one:hover .after{width:100px;opacity:1;right:94px;top:21px;transition-delay:.27s;}
#car-hover .hvr-one.active .after:after, .hvr-one:hover .after:after{content:'';position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;left:-1px;top:-3px;}
#car-hover .hvr-one.active h5,.hvr-one:hover h5{opacity:1;right:194px;top:50px;transition-delay:.4s;}
#car-hover .hvr-one.active .img,.hvr-one:hover .img{opacity:1;right:165px;top:80px;transition-delay:.4s;width:100px;float:left;}

.hvr-two{left:810px;top:50px;transform:rotate(155deg);}
.hvr-two::before{content:'';position:absolute;width:5px;height:5px;background:#FFF;transition: width .5s ease;margin:3px;right:0px;transition-delay:.3s;}
.hvr-two .after{position:absolute;opacity:0;width:5px;height:5px;background:#FFF;transition: all .5s ease;margin:3px;right:50px;top:-1px;transform:rotate(-155deg);}
.hvr-two h5{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-155deg);width:140px;}
.hvr-two .img{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-155deg);width:140px;}
#car-hover .hvr-two.active::before,.hvr-two:hover::before{width:50px;transition-delay:.0s;}
#car-hover .hvr-two.active .after,.hvr-two:hover .after{width:100px;opacity:1;right:44px;top:-21px;transition-delay:.27s;}
#car-hover .hvr-two.active .after:after,.hvr-two:hover .after:after{content:'';position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;right:-1px;top:-3px;}
#car-hover .hvr-two.active h5,.hvr-two:hover h5{opacity:1;right:140px;top:-83px;transition-delay:.4s;width:140px;}
#car-hover .hvr-two.active .img,.hvr-two:hover .img{opacity:1;right:125px;top:-120px;transition-delay:.4s;width:100px;float:left;}

.hvr-three{left:865px;top:105px;transform:rotate(200deg);}
.hvr-three::before{content:'';position:absolute;width:5px;height:5px;background:#FFF;transition: width .5s ease;margin:3px;right:0px;transition-delay:.3s;}
.hvr-three .after{position:absolute;opacity:0;width:5px;height:5px;background:#FFF;transition: all .5s ease;margin:3px;right:50px;top:-1px;transform:rotate(-200deg);}
.hvr-three h5{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-200deg);width:140px;}
.hvr-three .img{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-200deg);width:140px;}
#car-hover .hvr-three.active::before,.hvr-three:hover::before{width:50px;transition-delay:.0s;}
#car-hover .hvr-three.active .after,.hvr-three:hover .after{width:80px;opacity:1;right:47px;top:14px;transition-delay:.27s;}
#car-hover .hvr-three.active .after:after,.hvr-three:hover .after:after{content:'';position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;right:-1px;top:-3px;}
#car-hover .hvr-three.active h5,.hvr-three:hover h5{opacity:1;right:130px;top:35px;transition-delay:.4s;width:140px;}
#car-hover .hvr-three.active .img,.hvr-three:hover .img{opacity:1;right:165px;top:-28px;transition-delay:.4s;width:100px;float:left;}

.hvr-four{left:665px;top:250px;transform:rotate(180deg);}
.hvr-four::before{content:'';position:absolute;width:5px;height:5px;background:#FFF;transition: width .5s ease;margin:3px;right:0px;transition-delay:.3s;}
.hvr-four .after{position:absolute;opacity:0;width:5px;height:5px;background:#FFF;transition: all .5s ease;margin:3px;right:150px;top:0px;transform:rotate(-180deg);}
.hvr-four h5{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:190px;top:-80px;transform:rotate(-180deg);width:140px;}
.hvr-four .img{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-180deg);width:140px;}
#car-hover .hvr-four.active::before,.hvr-four:hover::before{width:150px;transition-delay:.0s;}
#car-hover .hvr-four.active .after,.hvr-four:hover .after{width:80px;opacity:1;right:150px;top:0px;transition-delay:.25s;}
#car-hover .hvr-four.active .after:after,.hvr-four:hover .after:after{content:'';position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;right:-1px;top:-3px;}
#car-hover .hvr-four.active h5,.hvr-four:hover h5{opacity:1;right:240px;top:-20px;transition-delay:.4s;width:140px;}
#car-hover .hvr-four.active .img,.hvr-four:hover .img{opacity:1;right:125px;top:-110px;transition-delay:.4s;width:100px;float:left;}

.hvr-four-two{left:665px;top:275px;transform:rotate(180deg);}
.hvr-four-two::before{content:'';position:absolute;width:5px;height:5px;background:#FFF;transition: width .5s ease;margin:3px;right:0px;transition-delay:.3s;}
.hvr-four-two .after{position:absolute;opacity:0;width:5px;height:5px;background:#FFF;transition: all .5s ease;margin:3px;right:150px;top:0px;transform:rotate(-180deg);}
.hvr-four-two h5{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:190px;top:-80px;transform:rotate(-180deg);width:140px;}
.hvr-four-two .img{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-180deg);width:140px;}
#car-hover .hvr-four-two.active::before,.hvr-four-two:hover::before{width:150px;transition-delay:.0s;}
#car-hover .hvr-four-two.active .after,.hvr-four-two:hover .after{width:80px;opacity:1;right:150px;top:0px;transition-delay:.25s;}
#car-hover .hvr-four-two.active .after:after,.hvr-four-two:hover .after:after{content:'';position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;right:-1px;top:-3px;}
#car-hover .hvr-four-two.active h5,.hvr-four-two:hover h5{opacity:1;right:240px;top:-20px;transition-delay:.4s;width:140px;}
#car-hover .hvr-four-two.active .img,.hvr-four-two:hover .img{opacity:1;right:245px;top:-60px;transition-delay:.4s;width:100px;float:left;background-color:#FFFFFF;}

.hvr-five{left:685px;top:325px;transform:rotate(220deg);}
.hvr-five::before{content:'';position:absolute;width:5px;height:5px;background:#FFF;transition: width .5s ease;margin:3px;right:0px;transition-delay:.3s;}
.hvr-five .after{position:absolute;opacity:0;width:5px;height:5px;background:#FFF;transition: all .5s ease;margin:3px;right:50px;top:-1px;transform:rotate(-220deg);}
.hvr-five h5{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:160px;top:-80px;transform:rotate(-220deg);width:140px;}
.hvr-five .img{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-220deg);width:140px;}
#car-hover .hvr-five.active::before,.hvr-five:hover::before{width:50px;transition-delay:.0s;}
#car-hover .hvr-five.active .after,.hvr-five:hover .after{width:80px;opacity:1;right:40px;top:25px;transition-delay:.27s;}
#car-hover .hvr-five.active .after:after,.hvr-five:hover .after:after{content:'';position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;right:-1px;top:-3px;}
#car-hover .hvr-five.active h5,.hvr-five:hover h5{opacity:1;right:100px;top:80px;transition-delay:.4s;width:140px;}
#car-hover .hvr-five.active .img, .hvr-five:hover .img{opacity:1;right:130px;top:30px;transition-delay:.4s;width:100px;float:left;}

.hvr-six{left:615px;top:375px;transform:rotate(220deg);}
.hvr-six::before{content:'';position:absolute;width:5px;height:5px;background:#FFF;transition: width .5s ease;margin:3px;right:0px;transition-delay:.3s;}
.hvr-six .after{position:absolute;opacity:0;width:5px;height:5px;background:#FFF;transition: all .5s ease;margin:3px;right:89px;top:-1px;transform:rotate(-220deg);}
.hvr-six h5{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:160px;top:-80px;transform:rotate(-220deg);width:140px;}
.hvr-six .img{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-220deg);width:140px;}
#car-hover .hvr-six.active::before,.hvr-six:hover::before{width:100px;transition-delay:.0s;}
#car-hover .hvr-six.active .after,.hvr-six:hover .after{width:80px;opacity:1;right:89px;top:25px;transition-delay:.27s;}
#car-hover .hvr-six.active .after:after,.hvr-six:hover .after:after{content:'';position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;right:-1px;top:-3px;}
#car-hover .hvr-six.active h5,.hvr-six:hover h5{opacity:1;right:150px;top:95px;transition-delay:.4s;width:140px;}
#car-hover .hvr-six.active .img,.hvr-six:hover .img{opacity:1;right:190px;top:60px;transition-delay:.4s;width:100px;float:left;background-color:#FFFFFF;}

.hvr-seven{left:545px;top:385px;transform:rotate(220deg);}
.hvr-seven::before{content:'';position:absolute;width:5px;height:5px;background:#FFF;transition: width .5s ease;margin:3px;right:0px;transition-delay:.3s;}
.hvr-seven .after{position:absolute;opacity:0;width:5px;height:5px;background:#FFF;transition: all .5s ease;margin:3px;right:89px;top:-1px;transform:rotate(-220deg);}
.hvr-seven h5{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:160px;top:-80px;transform:rotate(-220deg);width:140px;}
.hvr-seven .img{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-220deg);width:140px;}
#car-hover .hvr-seven.active::before,.hvr-seven:hover::before{width:100px;transition-delay:.0s;}
#car-hover .hvr-seven.active .after,.hvr-seven:hover .after{width:80px;opacity:1;right:89px;top:25px;transition-delay:.27s;}
#car-hover .hvr-seven.active .after:after,.hvr-seven:hover .after:after{content:'';position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;right:-1px;top:-3px;}
#car-hover .hvr-seven.active h5,.hvr-seven:hover h5{opacity:1;right:150px;top:95px;transition-delay:.4s;width:140px;}
#car-hover .hvr-seven.active .img,.hvr-seven:hover .img{opacity:1;right:185px;top:40px;transition-delay:.4s;width:100px;float:left;}

#g-recaptcha-response {
	display: block !important;
	position: absolute;
	margin: -78px 0 0 0 !important;
	width: 302px !important;
	height: 76px !important;
	z-index: -999999;
	opacity: 0;
 }

.hvr-seven-two{left:500px;top:400px;transform:rotate(220deg);}
.hvr-seven-two::before{content:'';position:absolute;width:5px;height:5px;background:#FFF;transition: width .5s ease;margin:3px;right:0px;transition-delay:.3s;}
.hvr-seven-two .after{position:absolute;opacity:0;width:5px;height:5px;background:#FFF;transition: all .5s ease;margin:3px;right:89px;top:-1px;transform:rotate(-220deg);}
.hvr-seven-two h5{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:160px;top:-80px;transform:rotate(-220deg);width:140px;}
.hvr-seven-two .img{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-220deg);width:140px;}
#car-hover .hvr-seven-two.active::before,.hvr-seven-two:hover::before{width:100px;transition-delay:.0s;}
#car-hover .hvr-seven-two.active .after,.hvr-seven-two:hover .after{width:80px;opacity:1;right:89px;top:25px;transition-delay:.27s;}
#car-hover .hvr-seven-two.active .after:after,.hvr-seven-two:hover .after:after{content:'';position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;right:-1px;top:-3px;}
#car-hover .hvr-seven-two.active h5,.hvr-seven-two:hover h5{opacity:1;right:150px;top:95px;transition-delay:.4s;width:140px;}
#car-hover .hvr-seven-two.active .img,.hvr-seven-two:hover .img{opacity:1;right:125px;top:-110px;transition-delay:.4s;width:100px;float:left;}

.hvr-eight{left:440px;top:320px;transform:rotate(250deg);}
.hvr-eight::before{content:'';position:absolute;width:5px;height:5px;background:#FFF;transition: width .5s ease;margin:3px;right:0px;transition-delay:.3s;}
.hvr-eight .after{position:absolute;opacity:0;width:5px;height:5px;background:#FFF;transition: all .5s ease;margin:3px;right:185px;top:5px;transform:rotate(-250deg);}
.hvr-eight h5{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:160px;top:-80px;transform:rotate(-250deg);width:140px;}
.hvr-eight .img{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-250deg);width:140px;}
#car-hover .hvr-eight.active::before,.hvr-eight:hover::before{width:190px;transition-delay:.0s;}
#car-hover .hvr-eight.active .after,.hvr-eight:hover .after{width:120px;opacity:1;right:149px;top:55px;transition-delay:.27s;}
#car-hover .hvr-eight.active .after:after,.hvr-eight:hover .after:after{content:'';position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;right:-1px;top:-3px;}
#car-hover .hvr-eight.active h5,.hvr-eight:hover h5{opacity:1;right:185px;top:165px;transition-delay:.4s;width:140px;}
#car-hover .hvr-eight.active .img,.hvr-eight:hover .img{opacity:1;right:235px;top:240px;transition-delay:.4s;width:100px;float:left;}

.hvr-nine{left:330px;top:375px;transform:rotate(310deg);}
.hvr-nine::before{content:'';position:absolute;width:5px;height:5px;background:#FFF;transition: width .5s ease;margin:3px;right:0px;transition-delay:.3s;}
.hvr-nine .after{position:absolute;opacity:0;width:5px;height:5px;background:#FFF;transition: all .5s ease;margin:3px;right:100px;top:-2px;transform:rotate(230deg);}
.hvr-nine h5{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:95px;top:0px;transform:rotate(50deg);width:100px;}
.hvr-nine .img{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(50deg);width:140px;}
#car-hover .hvr-nine.active::before,.hvr-nine:hover::before{width:100px;transition-delay:.0s;}
#car-hover .hvr-nine.active .after,.hvr-nine:hover .after{width:120px;opacity:1;right:77px;top:-45px;transition-delay:.27s;}
#car-hover .hvr-nine.active .after:after,.hvr-nine:hover .after:after{content:'';position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;right:-1px;top:-3px;}
#car-hover .hvr-nine.active h5,.hvr-nine:hover h5{opacity:1;left:-221px;top:-100px;transition-delay:.4s;width:100px;}
#car-hover .hvr-nine.active .img,.hvr-nine:hover .img{opacity:1;right:125px;top:-110px;transition-delay:.4s;width:100px;float:left;}

.hvr-ten{left:290px;top:320px;transform:rotate(310deg);}
.hvr-ten::before{content:'';position:absolute;width:5px;height:5px;background:#FFF;transition: width .5s ease;margin:3px;right:0px;transition-delay:.3s;}
.hvr-ten .after{position:absolute;opacity:0;width:5px;height:5px;background:#FFF;transition: all .5s ease;margin:3px;right:50px;top:-2px;transform:rotate(230deg);}
.hvr-ten h5{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:95px;top:0px;transform:rotate(50deg);width:140px;}
.hvr-ten .img{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(50deg);width:140px;}
#car-hover .hvr-ten.active::before,.hvr-ten:hover::before{width:50px;transition-delay:.0s;}
#car-hover .hvr-ten.active .after,.hvr-ten:hover .after{width:120px;opacity:1;right:26px;top:-45px;transition-delay:.27s;}
#car-hover .hvr-ten.active .after:after,.hvr-ten:hover .after:after{content:'';position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;right:-1px;top:-3px;}
#car-hover .hvr-ten.active h5,.hvr-ten:hover h5{opacity:1;left:-160px;top:-120px;transition-delay:.4s;width:50px;}
#car-hover .hvr-ten.active .img,.hvr-ten:hover .img{opacity:1;right:125px;top:-70px;transition-delay:.4s;width:100px;float:left;}

.hvr-eleven{left:455px;top:280px;transform:rotate(0deg);}
.hvr-eleven::before{content:'';position:absolute;width:5px;height:5px;background:#FFF;transition: width .5s ease;margin:3px;right:0px;transition-delay:.3s;}
.hvr-eleven .after{position:absolute;opacity:0;width:5px;height:5px;background:#FFF;transition: all .5s ease;margin:3px;right:94px;top:0px;transform:rotate(0deg);}
.hvr-eleven h5{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(0deg);}
.hvr-eleven .img{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(0deg);width:140px;}
#car-hover .hvr-eleven.active::before,.hvr-eleven:hover::before{width:100px;transition-delay:.0s;}
#car-hover .hvr-eleven.active .after,.hvr-eleven:hover .after{width:100px;opacity:1;right:94px;top:0px;transition-delay:.27s;}
#car-hover .hvr-eleven.active .after:after,.hvr-eleven:hover .after:after{content:'';position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;left:-1px;top:-3px;}
#car-hover .hvr-eleven.active h5,.hvr-eleven:hover h5{opacity:1;right:194px;top:-20px;transition-delay:.4s;}
#car-hover .hvr-eleven.active .img,.hvr-eleven:hover .img{opacity:1;right:290px;top:-23px;transition-delay:.4s;width:100px;float:left;}

.hvr-twelve{left:425px;top:245px;transform:rotate(25deg);}
.hvr-twelve::before{content:'';position:absolute;width:5px;height:5px;background:#FFF;transition: width .5s ease;margin:3px;right:0px;transition-delay:.3s;}
.hvr-twelve .after{position:absolute;opacity:0;width:5px;height:5px;background:#FFF;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-25deg);}
.hvr-twelve h5{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-25deg);}
.hvr-twelve .img{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-25deg);width:140px;}
#car-hover .hvr-twelve.active::before,.hvr-twelve:hover::before{width:200px;transition-delay:.0s;}
#car-hover .hvr-twelve.active .after,.hvr-twelve:hover .after{width:100px;opacity:1;right:194px;top:21px;transition-delay:.27s;}
#car-hover .hvr-twelve.active .after:after,.hvr-twelve:hover .after:after{content:'';position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;left:-1px;top:-3px;}
#car-hover .hvr-twelve.active h5,.hvr-twelve:hover h5{opacity:1;right:295px;top:35px;transition-delay:.4s;}
#car-hover .hvr-twelve.active .img,.hvr-twelve:hover .img{opacity:1;right:125px;top:-110px;transition-delay:.4s;width:100px;float:left;}

.hvr-thirteen{left:490px;top:255px;transform:rotate(55deg);}
.hvr-thirteen::before{content:'';position:absolute;width:5px;height:5px;background:#FFF;transition: width .5s ease;margin:3px;right:0px;transition-delay:.3s;}
.hvr-thirteen .after{position:absolute;opacity:0;width:5px;height:5px;background:#FFF;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-55deg);}
.hvr-thirteen h5{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-55deg);}
.hvr-thirteen .img{position:absolute;opacity:0;transition: all .5s ease;margin:3px;right:194px;top:0px;transform:rotate(-55deg);width:140px;}
#car-hover .hvr-thirteen.active::before,.hvr-thirteen:hover::before{width:200px;transition-delay:.0s;}
#car-hover .hvr-thirteen.active .after,.hvr-thirteen:hover .after{width:100px;opacity:1;right:177px;top:41px;transition-delay:.27s;}
#car-hover .hvr-thirteen.active .after:after,.hvr-thirteen:hover .after:after{content:'';position:absolute;border-radius:50%;width:10px;height:10px;background-color:#FFFFFF;left:-1px;top:-3px;}
#car-hover .hvr-thirteen.active h5,.hvr-thirteen:hover h5{opacity:1;right:230px;top:100px;transition-delay:.4s;}
#car-hover .hvr-thirteen.active .img,.hvr-thirteen:hover .img{opacity:1;right:315px;top:220px;transition-delay:.4s;width:100px;float:left;background-color:#FFFFFF;}
/* car */

/* urun-card */


.page-content {
   display: grid;
   grid-gap: 1rem;
   padding: 1rem;
   max-width: 1024px;
   /* margin: 0 auto; */
   font-family: var(--font-sans);
 }
 @media (min-width: 600px) {
   .page-content {
     grid-template-columns: repeat(2, 1fr);
   }
 }
 @media (min-width: 800px) {
   .page-content {
     grid-template-columns: repeat(4, 1fr);
   }
 }
 
 #urun-card .card {
   position: relative;
   display: flex;
   align-items: flex-end;
   overflow: hidden;
   padding: 1rem;
   width: 100%;
   text-align: center;
   color: whitesmoke;
   background-color: whitesmoke;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);
 }
 @media (min-width: 600px) {
   #urun-card .card {
     height: 350px;
   }
 }
 #urun-card .card:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 110%;
   background-size: cover;
   background-position: 0 0;
   transition: transform calc(var(--d) * 1.5) var(--e);
   pointer-events: none;
 }
 #urun-card .card:after {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 200%;
   pointer-events: none;
   /* background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%); */
   transform: translateY(-50%);
   transition: transform calc(var(--d) * 2) var(--e);
 }
 #urun-card .card:nth-child(1):before {
   background-image: url(../images/urunler/kontrol-fikstur2.png);
   /* filter: brightness(0.8); */
 }
 #urun-card .card:nth-child(2):before {
   background-image: url(../images/urunler/ozel-seri-parca.png);
   /* filter: brightness(0.8); */
 }
 #urun-card .card:nth-child(3):before {
   background-image: url(../images/urunler/makine-otomasyon.png);
   /* filter: brightness(0.8); */
 }
 #urun-card .card:nth-child(4):before {
   background-image: url(../images/urunler/kontrol-fikstur2.png);
   /* filter: brightness(0.8); */
 }

 #urun-card a:hover {
  color: #fff;
 }
 
 #urun-card .content {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   padding: 1rem;
   transition: transform var(--d) var(--e);
   z-index: 1;
 }
 #urun-card .content > * + * {
   margin-top: 1rem;
 }
 
 #urun-card .title {
   font-size: 1.3rem;
   font-weight: bold;
   line-height: 1.2;
 }
 
 #urun-card .copy {
   font-family: var(--font-serif);
   font-size: 1rem;
   line-height: 1.35;
   background: #00000031;
   border-radius: 10px;
 }
 
 #urun-card .btn {
   cursor: pointer;
   margin-top: 1.5rem;
   padding: 0.75rem 1.5rem;
   font-size: 0.65rem;
   font-weight: bold;
   letter-spacing: 0.025rem;
   text-transform: uppercase;
   color: white;
   background-color: black;
   border: none;
 }
 #urun-card .btn:hover {
   background-color: #0d0d0d;
 }
 #urun-card .btn:focus {
   outline: 1px dashed yellow;
   outline-offset: 3px;
 }
 
 @media (hover: hover) and (min-width: 600px) {
   #urun-card .card:after {
     transform: translateY(0);
   }
 
   #urun-card .content {
     transform: translateY(calc(100% - 4.5rem));
   }
   #urun-card .content > *:not(.title) {
     opacity: 0;
     transform: translateY(1rem);
     transition: transform var(--d) var(--e), opacity var(--d) var(--e);
   }
 
   #urun-card .card:hover,
 #urun-card .card:focus-within {
     align-items: center;
   }
   #urun-card .card:hover:before,
 #urun-card .card:focus-within:before {
     transform: translateY(-4%);
   }
   #urun-card .card:hover:after,
 #urun-card .card:focus-within:after {
     transform: translateY(-50%);
   }
   #urun-card .card:hover .content,
 #urun-card .card:focus-within .content {
     transform: translateY(0);
   }
   #urun-card .card:hover .content > *:not(.title),
 #urun-card .card:focus-within .content > *:not(.title) {
     opacity: 1;
     transform: translateY(0);
     transition-delay: calc(var(--d) / 8);
   }
 
   #urun-card .card:focus-within:before, #urun-card .card:focus-within:after,
 #urun-card .card:focus-within .content,
 #urun-card .card:focus-within .content > *:not(.title) {
     transition-duration: 0s;
   }
 }

 #urun-card .card {
   width: 400px;
}

/* urun-card */

/*Ik Sayfasi Start*/

#ik {
   margin-bottom: 40px;
}

#ik .nav-pills a {
   color: rgb(218, 142, 3);
}

#ik .container-fluid .bgimage {
   background-image: url("../images/hakkimizda/hakkimizda.png");
   background-repeat:no-repeat;
   background-position:top center;
   background-size: 100%;
   min-height: 749px;
}

/* #ik .col-md-6 {
   position: absolute;
   top: 10%;
   left: 10%;
} */

#ik .ik-container {
   background-color: rgb(102 102 102 / 78%);
   width: 100%;
  
   padding: 2rem;
}

#ik .ik-container h1 {
   color: #fff;
   font-size: 1.5rem;
   font-weight: bold;
}

#ik .ik-container p {
   text-align: justify;
   color: #fff;
   font-weight: 400;
   font-size: 15px;
}

#ik .ik-container h4 {
   color: orange;
}

#ik .btn {
   background: #e69f1c;
   border-color: #e69f1c;
}

#ik label {
   color: #fff;
}

#ik .line {
   height: 1px;
   background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, rgba(183, 34, 34, 0.98) 50%, rgb(184, 38, 38) 51%, rgba(225,228,226,0) 99%, rgba(229,229,229,0) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(right, rgba(30,87,153,0) 0%,rgba(183, 34, 34, 0.98) 50%,rgb(184, 38, 38) 51%,rgba(225,228,226,0) 99%,rgba(229,229,229,0) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, rgba(145,41,41) 0%,rgba(183, 34, 34, 0.98) 50%,rgb(184, 38, 38) 51%,rgba(225,228,226,0) 99%,rgba(229,229,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   width: 80%;
   margin-top: 120px;
}

#ik .line::after {
   content: "İnsan Kaynakları";
   font-family: 'Ephesis', cursive;
    position: relative;
    top: -25px;
    left: 100%;
    font-size: 2rem;
    opacity: 0.3;
}

.nav-justified > li{text-align:center;}
.nav.nav-justified > li > a { position: relative;color:#80222e; }
.nav.nav-justified > li > a:hover,
.nav.nav-justified > li > a:focus { background-color: transparent; }
.nav.nav-justified > li > a > .quote { position: absolute;left:0px;top:0;opacity:0;width: 30px;height: 30px;padding: 5px;background-color:#13c0ba;border-radius:15px;color: #fff;}
.nav.nav-justified > li .active > .quote { opacity: 1; }
.nav.nav-justified > li > a > img { box-shadow: 0 0 0 5px #80222e; }
.nav.nav-justified > li > a > img { border-radius:50%;max-width: 100%;opacity: .3; -webkit-transform: scale(.8,.8);transform: scale(.8,.8);-webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.nav.nav-justified > li .active > img,
.nav.nav-justified > li:hover > img,
.nav.nav-justified > li:focus > img { opacity: 1; -webkit-transform: none;transform: none;-webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);}

/*Ik Sayfasi End*/


/* btn */
.ripple {
   display: block;
   position: absolute;
   transform: scale(0);
   border-radius: 100%;
   background: rgba(255, 255, 255, 0.2);
 }
 
 .animate {
   -webkit-animation: ripple 0.6s linear;
           animation: ripple 0.6s linear;
 }
 
 @-webkit-keyframes ripple {
   100% {
     transform: scale(2.5);
     opacity: 0;
   }
 }
 
 @keyframes ripple {
   100% {
     transform: scale(2.5);
     opacity: 0;
   }
 }
 .aos-animate {
  z-index: 2;
}
 .button {
   display: inline-block;
   position: relative;
   margin: 0 0 20px;
   padding: 0 60px;
   transition: all 0.2s ease-in;
   font-weight: 600;
   line-height: 50px;
   line-height: 3.4em;
   text-transform: uppercase;
   cursor: pointer;
   z-index: 9999;
 }
 .button:nth-child(odd) {
   margin-left: 20px;
 }
 .button:active {
   top: 2px;
 }
 
 .button1 {
   border: 3px solid #2DBCD6;
 }
 .button1 .button-arrow {
   position: absolute;
   /* top: -0.15em; */
   transition: all 0.2s ease;
   opacity: 0;
   font-size: 1.4em;
 }
 .button1 .button-title {
   display: inline-block;
   position: relative;
   transition: all 0.2s ease;
 }
 .button1:hover {
   border-color: #1BA5BE;
 }
 .button1:hover .button-title {
   transform: translate3d(1rem, 0, 0);
 }
 .button1:hover .button-arrow {
   transform: translate3d(-2rem, 0, 0);
   opacity: 1;
 }
 .button1.v1, .button1.v2 {
   background: #2DBCD6;
   color: #FFF;
 }
 .button1.v1:hover, .button1.v2:hover {
   background: #1BA5BE;
 }
 .button1.v3, .button1.v4 {
   color: #2DBCD6;
 }
 .button1.v3:hover, .button1.v4:hover {
   color: #1BA5BE;
 }
 .button1.v1 .button-arrow, .button1.v3 .button-arrow {
   left: 0;
 }
 .button1.v1:hover .button-title, .button1.v3:hover .button-title {
   transform: translate3d(1rem, 0, 0);
 }
 .button1.v1:hover .button-arrow, .button1.v3:hover .button-arrow {
   transform: translate3d(-2rem, 0, 0);
 }
 .button1.v2 .button-arrow, .button1.v4 .button-arrow {
   right: 0;
 }
 .button1.v2:hover .button-title, .button1.v4:hover .button-title {
   transform: translate3d(-1rem, 0, 0);
 }
 .button1.v2:hover .button-arrow, .button1.v4:hover .button-arrow {
   transform: translate3d(2rem, 0, 0);
 }
/* btn */

.whats-sets{

   /* padding:110px 0 ; */
   padding:40px 0 ;
   /*background:#FFF url(../images/pattern-blue-full.svg) no-repeat center top;*/
   background:#FFF;
   background-size: cover;

   }

   .whats-sets .what-bx i.icon {
      margin-bottom: 40px;
      display: inline-block;
  }

  .whats-sets h2 {
   color: #032450;
   font-size: 3rem;
}


  .what-bx-title-sec{
      padding-top: 50px;
  }

  .what-bx-main{
      margin: 15px 0;
  }

  .what-bx{
      border-radius:22px;
      border: 1px solid #E1E3E8;
      background: url(../images/main/count-text-bg.png) no-repeat right top 5px ;
      padding: 35px 25px;
      height: 100%;
      i.icon{
          margin-bottom: 40px;
          display: inline-block;
      }
     }

     .whats-sets .what-bx h4 {
      font-family: 'Oxanium', cursive;
      font-weight: 700;
      color: #032450;
      font-size: 20px;
  }

#icon-section .col-md-5 {
   justify-content: end;
   display: flex;
}

.icon-text h5 {
   font-family: Quattrocento, serif;
   font-size: 2rem;
   letter-spacing: 3px;
   color: #44533c;
   margin-top: 20px;
   margin-bottom: 10px;
}

.icon-text p {
   color: #44533c;
   width: 80%;
   margin: auto;
}

#urunlerimiz h6 {
   color: #44533c;
}

#urunlerimiz h2 {
   font-family: Quattrocento, serif;
   font-size: 3.5rem;
   letter-spacing: 3px;
   color: #44533c;
}

#urunlerimiz .urun-text {
   text-align: center;
   background-color: #ebf0e8;
   padding: 10px;
}

#urunlerimiz .urun-text h4 {
   font-family: Quattrocento, serif;
   font-size: 2rem;
   letter-spacing: 3px;
   color: #44533c;
   text-decoration: none;
   text-align: center;
}

#urunlerimiz a:hover {
   text-decoration: none;
}

.side-bar {
   position: sticky;
   top: 15%;
   margin-top: 5%;
}

/* .main-products {
   position: relative;
   top: 5%;
} */

.side-bar h5 {
   margin-top: 0;
   padding: 0 30px 10px 0;
   font-family: Quattrocento, serif;
   font-size: 2rem;
   color: #44533c;
   background-color: #0000;
   border-bottom: 2px solid #44533c;
   margin-bottom: 10px;
}

.side-bar ul {
   list-style: none;
   padding: 0;
}

.side-bar ul li {
   margin-bottom: 5px;
   margin-top: 5px;
}

.side-bar ul li a {
   color: #44533c;
   text-decoration: none;
}


.more {
   color: gray;
   position: relative;
   right: 0;
}

.more i {
   position: relative;
   transition: transform 250ms;
}

.more:hover {
   color: #f9bb5f;
}

.more:hover i {
   transform: translateX(10px);
}

.main-header {
   margin-top: 0;
   padding: 0 30px 10px 0;
   /* font-family: customfont; */
   font-family: 'Playfair Display', serif;
   font-size: 2rem;
   color: #000000;
   background-color: #0000;
   border-bottom: 2px solid #000000;
   margin-bottom: 10px;
   font-weight: 100;
}

#slider2 {
  background: url(../images/hakkimizda/background.jpg);
  padding: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  margin-top: 20px;
}

/* contact */


/* contact */

#iletisim .card {
  display: block; 
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
  transition: box-shadow .25s; 
  border-radius: 10px;
}
#iletisim .card:hover {
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

#iletisim .nav-tabs .nav-link {
  color: #fff !important;
  background-color: #0d0084;
  padding: 10px !important;
  margin: 2px;
  line-height: 30px !important;
  border-radius: 0px;
  border-bottom: none;
}

 #iletisim .nav {
  width: 100%;
  line-height: 60px;
  z-index: 5;
  background: transparent;
}

 #iletisim .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #151e9f;
  font-weight: 700;
}

#iletisim .contact-list {
  list-style: none;
  padding: 0;
}

#iletisim .contact-list p {
  font-size: 16px;
  margin-bottom: 2px;
}

#iletisim .contact-list a {
  text-decoration: none;
  color: #000;
  font-size: 16px;
}

#iletisim .form-group {
  margin-bottom: 2rem;
}

/* contact */


/* services section */
#services {
  background-color: #0b162c;
  padding: 75px;
  color: #fff;
}
#services .card {
  background: transparent;
}
#services .card-body {
  padding: 0;
  margin-top: 20px;
}
.owl-nav {
  position: absolute !important;
  /* bottom: 10% !important; */
  width: 10% !important;
  left: 85%;
  /* right: 55%; */
  top: -32%;
}
.owl-nav .owl-prev{position:absolute !important;left:-33px;font-size: 70px !important;background:transparent !important;outline:none;}
.owl-nav .owl-next{position:absolute !important;right:-33px;font-size: 70px !important;background:transparent !important;outline:none;}
.owl-nav .owl-next span, .owl-nav .owl-prev span{color:#a4a4a4;font-weight:100;}

.services-a {
  color: #fff;
}

.services-a:hover {
  color: #ffffffa1;
}

/* services section */


/*  */
/* #iletisim .contact-list {
   color: black;
 }
   
 .active-container .box {
     display: inline-block;
     background: #003a73;
     text-align: center;
     z-index: -1;
     border-radius: 10px;
     margin-top: 20px;
     position: relative;
     padding: 0px 20px 0px 20px;
 }
 
 #g-recaptcha-response {
   display: block !important;
   position: absolute;
   margin: -78px 0 0 0 !important;
   width: 302px !important;
   height: 76px !important;
   z-index: -999999;
   opacity: 0;
 }
   
 .active-container .box::before {
     position: absolute;
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: 0.255em;
     vertical-align: 0.255em;
     content: "";
     border-top: 0;
     border-right: 16px solid transparent;
     border-bottom: 16px solid;
     border-left: 16px solid transparent;
     margin-left: auto;
     margin-right: auto;
     left: 0;
     right: 0;
     text-align: center;
     color: #003a73;
     top: -16px;
 }
   
 .active-container .box p {
     display: inline-flex;
     color: #fff;
     padding: 2px 15px 2px 5px;
     margin: 8px 0px 8px 5px;
     font-family: gotham;
     font-size: 14px;
 }
   
 .active-text {
     margin-top: 20px;
 }
   
 .active-text h1 {
     color: #003a73;
     font-weight: bolder;
 }
   
 .active-text p {
     color: gray;
     font-weight: 800;
 }
   
 .active-text .btn-secondary {
     padding: 8px 25px 8px 25px !important;
     background-color: #003a73 !important;
     color: #fff !important;
 }
   
 .active-text .btn-secondary:hover {
     background-color: #fff !important;
     color: #003a73 !important;
 }

 #iletisim .nav-item {
   padding-right: 0;
}

 #iletisim .nav-tabs .nav-link {
   color: #fff !important;
   background-color: #003a73 !important;
   padding: 10px !important;
   margin: 2px;
   line-height: 30px !important;
   border-radius: 0px;
   border-bottom: none;
 }
 
  #iletisim .nav {
   width: 100%;
   line-height: 60px;
   z-index: 5;
   background: transparent;
 }

 #iletisim .nav-item .nav-link {
   font-size: 14px;
   color: #000;
   font-weight: 400;
   width: unset !important;
   font-weight: 600;
}
 
  #iletisim .nav-tabs .nav-link.active {
   color: #fff;
   background-color: #003a73;
   font-weight: 700;
   border-color: #003a73;
 }
 
 #iletisim .contact-list {
   list-style: none;
   padding: 0;
 }
 
 #iletisim .contact-list p {
   font-size: 16px;
   margin-bottom: 2px;
 }
 
 #iletisim .contact-list a {
   text-decoration: none;
   color: #000;
   font-size: 16px;
 }
 
 #iletisim .form-group {
   margin-bottom: 2rem;
 } */
 /*  */

/* 

#iletisim ul li a{
   color: black;
}
#iletisim ul li {
   border-width: 1px;
   border-style: solid;
   border-color: #e9e9e9;
   padding: 25px;
   display: flex;
   align-items: center;
   margin: 20px 0px 20px 0px;
}
#iletisim ul li:hover {
   border-color: #e91c1b;
}
#iletisim ul li:hover .iletisim-img > i {
   background: #e91c1b;
   color: #fff;
   border-radius: var(--DTRadius);
   display: inline-block;
   font-size: 20px;
   height: 50px;
   line-height: 50px;
   position: relative;
   text-align: center;
   width: 50px;
   transition: all .3s linear;;
}

#iletisim ul li .iletisim-img > i {
   background: transparent;
   color: black;
   border-radius: var(--DTRadius);
   display: inline-block;
   font-size: 20px;
   height: 50px;
   line-height: 50px;
   position: relative;
   text-align: center;
   width: 50px;
   transition: all .3s linear;;
   margin: 20px;
} */

/* contact */


#uretim {
   background-image: url("../images/main/ince_bg.png");
   background-position: bottom;
   background-size: auto;
   background-repeat: no-repeat;
}

.card-container .custom-card .card-content a {
   color: #fff;
}

.card-container .custom-card .card-content a:hover {
   text-decoration: none;
}

.card-container {
   margin: 15px auto 0;
   height: auto;
   grid-template-columns: 1fr 1fr 1fr;
   grid-template-rows: 440px;
   grid-gap: 40px;
}

   .card-container .custom-card {
       position:relative;
       background: transparent;
       overflow: hidden;
       transition: .5s;
       height:450px;
      border-radius: 20px;
   }

   .card-container .custom-card:hover {
       box-shadow: 0 20px 20px rgba(0,0,0,0.2);
   }
       .card-container .custom-card .card-img-box {
           position: absolute;
           top: -1px;
           left: 0;
           width: 100%;
           height: 100%;
           transition: 0.5s;
       }

       .card-container .custom-card:hover .card-img-box {        
           opacity: 0.5;
       }

       .card-container .custom-card .card-img-box img {
           width:350px;
           height: 100%;
       }

       .card-container .custom-card .card-content {
           position: absolute;
           width: 100%;
           height: 73%;
           bottom: -100%;
           padding: 20px;
           box-sizing: border-box;
           text-align: center;
           transition: 0.5s;
           padding-top: 30px;
       }

       .card-container .custom-card:hover .card-content {
           bottom:0
       }
           
       .card-container .custom-card:nth-child(1) {
         background: black;
       }
       .card-container .custom-card:nth-child(2) {
         background: black;
       }
       .card-container .custom-card:nth-child(3) {
         background: black;
       }

       .card-container .custom-card .card-content h4 {
           margin: 0 0 10px;
           padding:0;
           color: #fff;
           position: relative;
           bottom: 30%;
           font-size: 1.4rem;
       }

       .card-container .custom-card .card-content h2 span {        
           color: #ffeb3b;
           font-size: 16px;
       }

       .card-container .custom-card .card-content p {
           margin: 0;
           padding: 0;
           color: #fff;
           font-size: 16px;
           position: relative;
           bottom: 14%;
       }

       .card-container .custom-card .card-content ul {
           display: flex;
           margin: 10px 0 0;
           padding: 0;
           align-items: center;
           justify-content: center;
       }

       .card-container .custom-card .card-content ul  li {
           list-style: none;

       }

           .card-container .custom-card .card-content ul li a {
               color: #fff;
               padding: 0 10px;
               font-size: 18px;
               transition: 0.5s;
           }

           .custom-card:hover .urun-baslik {
              display: none;
           }
           .urun-baslik {
              position: relative;
              bottom: 18%;
              text-align: center;
              color: #fff;
              text-shadow: 1px 1px black;
           }

/* #hakkinda img {
   border-radius: 0px 0px 0px 40px;
} */

.main-about {
   padding: 20px;
   border: 1px solid #786653;
}


 .top-space {
   top: 0;
   position: relative;
}



/* news */


 /* news */

 .btn-primary2{
   color: #fff !important;
   background-color: #6528fa !important;
   border-color: #6528fa !important;
   border-radius: 60px;
   height: 40px;
   margin-top: 10px;
}
.btn-primary2:hover{
   color: #6528fa !important;
   background-color: #fff !important;
   border-color: #6528fa !important;
}

/* cards */
.services .icon-box {
   text-align: center;
   border: 1px solid #ededed;
   padding: 80px 20px;
   transition: all .3s ease-in-out
}

.services .icon-box .icon {
   width: 130px;
   height: 130px;
   /* background: #000000a0; */
   border-radius: 5px;
   transition: all .3s ease-out 0s;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 20px;
   transform-style: preserve-3d
}

.services .icon-box .icon i {
   color: #fff;
   font-size: 28px
}

/* .services .icon-box .icon:before {
   position: absolute;
   content: "";
   left: -8px;
   top: -8px;
   height: 100%;
   width: 100%;
   background: #000000a0;
   border-radius: 5px;
   transition: all .3s ease-out 0s;
   transform: translateZ(-1px)
} */

#site-header  .container {
   max-width: 1360px;
}

.site-menu-toggle {
   color: #fff;
}

.services .icon-box h4 {
   font-weight: 700;
   margin-bottom: 15px;
   font-size: 24px
}

.services .icon-box h4 a {
   color: #545454
}

.services .icon-box p {
   line-height: 24px;
   font-size: 14px;
   margin-bottom: 0
}

.services .icon-box:hover {
   /* background: #000000a0;
   border-color: #000000a0; */
   box-shadow: 0px 0px 10px 0px black;
}

.services .icon-box:hover .icon {
   /* background: #fff */
}

.services .icon-box:hover .icon i {
   color: #000000a0
}

.services .icon-box:hover .icon:before {
   background: #000000a0
}

.services .icon-box:hover h4 a,.services .icon-box:hover p {
   /* color: #fff */
}
/* cards */

#iletisim a {
   color: black;
   text-decoration: none;
}

#aksun {
   background-image: url("../images/main/ince_bg_2.png");
   background-size: auto;
   background-position: top;
   background-repeat: no-repeat;
}

.bluebg2 {
   background: #0e2364;
   height: max-content;
   color: #fff;
   border-radius: 20px;
   box-shadow: 0px 0px 10px 1px black;
   padding: 60px;
}

.circle::before {
   content: '';
   display: inline-block;
   width: 170px;
   position: absolute;
   height: 170px;
   border-radius: 115.5px;
   border: 4px solid gray;
   left: 58px;
   bottom: 64%;
}

.dot {
   width: 30px;
   height: 30px;
   background-color: #0e2364;
   color: #fff;
   border-radius: 20px;
   font-size: 18px;
   position: absolute;
   right: 26%;
   top: -33px;
}

/* .ustbg {
   background-image: url("../images/hakkimizda/ust_bg-2.png");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 320px;
}

.ustbg h1 {
   color: #fff;
   position: relative;
   top: 60%;
} */



#hakkimizda .aboutus h4 {
   color: #0a2550;
   font-weight: bold;
}

#hakkimizda .aboutus hr {
   background-color: #0a2550;
   width: 10%;
}


.sticky-menu{background-color: #F5F5F5 !important;border-radius: 20px !important;}
.sticky-menu .list-group-item {
    background-color: #F5F5F5 !important;
    border: none;
    border-bottom: none;
    color: #222967;
    margin-bottom: 0;
    font-weight: 600;
    text-decoration: none;
}
.sticky-menu .list-group-item:last-child{border-bottom: none;}
.sticky-menu .list-group-item:hover{
    background-color: #FFF;
    color: #222967;
}
.sticky-menu .list-group-item.active {
   color: #222967;
   font-weight: bold;
}

.sticky-menu .list-group-item{background-color:#FFF;border:none;border-bottom:1px solid #c5c7ce;color:#c5c7ce;margin-bottom:5px;font-weight:400;text-decoration:none;}
.sticky-menu .list-group-item:hover, .sticky-menu .list-group-item.active{background-color:#FFF;color:#171f3c;border-bottom-color:#171f3c;}

#hakkimizda .btn {
  background-color: #0a2550;
  border-color: #0a2550;
}

#hakkimizda .btn:hover {
  background-color: #fff;
  color: #0a2550;
}

.sticky-menu {
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
}


.hexa{
  border: 0px;
  float: left;
  text-align: center;
  height: 35px;
  width: 60px;
  font-size: 22px;
  background: #f0f0f0;
  color: #3c3c3c;
  position: relative;
  margin-top: 15px;
}

.hexa:before{
  content: ""; 
  position: absolute; 
  left: 0; 
  width: 0; 
  height: 0;
  border-bottom: 15px solid #f0f0f0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  top: -15px;
}

.hexa:after{
  content: ""; 
  position: absolute; 
  left: 0; 
  width: 0; 
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 15px solid #f0f0f0;
  bottom: -15px;
}

.special-ml {
  position: relative;
  left: 10%;
}


.ust-text {
   position: absolute;
   margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   top: 50%;
   text-align: center;
   color: #fff;
}

.ust-text a {
   color: #fff !important;
}

.ust-text a:hover {
   text-decoration: none;
}

#tarihce {
   background-image: url("../images/kurumsal/tarihce_arka.png");
   background-repeat: no-repeat;
   background-size: cover;
   height: 732px;
}

#tarihce h2 {
   color: #fff;
}

#tarihce hr {
   background-color: #fff;
   width: 8%;
}

#misyon-vizyon h4 {
   color: #0a2550;
   font-weight: bold;
}

#misyon-vizyon hr {
   background-color: #0a2550;
   width: 10%;
}

#misyon-vizyon ul li {
   list-style: none;
}
/* 
#tabmenu .nav-link{color: #0e2364;}
#tabmenu .nav-link:hover{color: #fff !important; background-color: #0e2364;font-weight: normal !important;}
#tabmenu .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
   color: #fff !important;
   background-color: #0e2364 !important;
   border-color: #dee2e6 #dee2e6 #fff;
}
#tabmenu .nav-tabs .nav-link {
   border: 1px solid transparent;
   border-bottom-left-radius: 0.25rem !important;
   border-bottom-right-radius: 0.25rem !important;
   border-top-left-radius: 1rem !important;
   border-top-right-radius: 1rem !important;
}

#tabmenu nav {
   height: 100px;
   background-color: #fff;
   border-radius: 20px 20px 0px 0px;
   padding: 10px;
}

#tabmenu {
   position: relative;
   bottom: 40px;
} */


#referanslar .owl-item {
   /* border: 0.5px solid rgb(168, 168, 168); */
   border-radius: 10px;
   /* background-color: #0000002d; */
   padding: 10px;
}

#referanslar .container img {
   /* border: 0.5px solid rgb(168, 168, 168); */
   border-radius: 10px;
}

.img-box {
   height: 300px;
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   /* width: 300px; */
   border: 1px solid black;
   border-bottom: none;
}

.img-text {
  /* position: absolute; */
  bottom: 0;
  width: 100%;
  border: 1px solid black;
  /* border-top: none; */
}

#product-list ul {
  /* list-style: none; */
}

#product-list ul li a {
  padding: 10px;
  /* color: #fff; */
  color: #000;
  /* background-color: #000000b8; */
  transition: background-color 0.5s ease;
  margin: 5px;
  border-radius: 20px;
  cursor: pointer;
  width: 100%;
  display: block;
  font-size: 14px;
}

#product-list ul li a:hover {
  /* background-color: #2913a8; */
}

#product-list ul li a {

}

#hakkimizda .factory img {
   border-radius: 0px 60px 0px 60px;
}

#hakkimizda a {
   color: black;
}

#hakkimizda a:hover {
   text-decoration: none;
}

#ik a {
  color: black;
}

#ik a:hover {
  text-decoration: none;
}

#urunler a {
  color: black;
}

#urunler a:hover {
  text-decoration: none;
}

/* .custom-border {
   position: relative !important;
   border-bottom: 1px solid rgb(0 0 0 / 40%);
}

.custom-border::after {
   content: "";
   position: absolute;
   bottom: -1px;
   left: 0;
   box-shadow: 0px 5px 20px 6px black;
   transform: matrix(-1,0,0,1,0,0);
   height: 1px;
   width: 100%;
} */

#sertifikalar img {
   border: 1px solid black;
   padding: 10px;
}

#sertifikalar h4 {
   color: #0e2364;
   text-decoration: none;
}
#galeri .card {
   border-radius: unset !important;
}
#galeri .text-area {
   border: 1px solid black;
   color: #0e2364;
}

#galeri .a:hover .text-area .card-text {
   text-decoration: none;
}

/* .site-navbar .site-logo #logoB {
   width: 68%;
} */


@media screen and (max-width: 1560px) {
  #urun-card .card {
    width: 366px;
}
  .solutions h1 {
    font-size: 50px;
    font-weight: 200;
    color: orange;
    font-family: 'Roboto', sans-serif;
}
  .site-navbar .site-logo {
    position: absolute;
    font-size: 4rem;
    /* text-transform: uppercase; */
    font-weight: 400;
    line-height: 0;
    margin: 0;
    padding: 0;
    z-index: 1;
    /* width: 20%; */
    left: -3% !important;
}
   #text-img .text1 {
      background: #002448;
      padding: 72.5px;
      color: #fff;
      height: 100%;
  }
  #text-img .text2 {
   background: red;
   padding: 150px 80px;
   color: #fff;
   height: 488px;
}
   #special-card .card:hover .character {
      width: 250px;
  }
   .orta-text img {
      width: 400px;
      position: absolute;
      bottom: -40%;
      right: -20%;
      z-index: 2;
  }
   #hakkimizda .factory img {
      width: 760px;
   }
}

@media screen and (max-width: 1440px) {
  .info-card .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
  #contact .col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
  #surec .col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
  #employer .col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
  #egitim .col-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
  }
  .hero-box {
    margin: 0 !important;
}
  .site-navbar .site-navigation .site-menu > li > a {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
  .info-card .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
  .sorular .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
  #employer .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
  #egitim .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
  .solutions p {
    font-size: 16px;
    color: black;
}

  #urun-card .card {
    width: 310px;
 }

 #urun-card .copy {
  font-size: 0.9rem;
}

   #text-img .text1 {
      background: #002448;
      padding: 60px;
      color: #fff;
      height: 100%;
  }

   #text-img .text2 {
      background: red;
      padding: 90px 80px;
      color: #fff;
      height: 456px;
  }

   .ust-text {
      top: 55%;
   }

   .ust-text h1 {
      font-size: 30px;
   }

   #products-slider .col-md-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 26.333333%;
      max-width: 26.333333%;
  }

   #orta .offset-md-2 {
      margin-left: 6.666667%;
  }
   #orta .col-md-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 65%;
      max-width: 60%;
  }
   .orta-text img {
      width: 340px;
      position: absolute;
      bottom: -8%;
      right: -20%;
      z-index: 2;
  }
   #hakkimizda .factory img {
      width: 696px;
      margin-top: 80px;
   }
}

@media screen and (max-width: 1360px) {

   #text-img .text2 {
      background: red;
      padding: 90px 80px;
      color: #fff;
      height: 431px;
  }

  #text-img .text1 {
   background: #002448;
   padding: 49px;
   color: #fff;
   height: 100%;
}

   #egitim .main-container::before {
      display: none;
  }

   #uzmanliklarimiz .main-container::before {
      display: none;
   }

   #avukatlarimiz .main-container::before {
      display: none;
   }

   #kurumsal .main-container::before {
      content: "";
      background-image: url(../images/hakkimizda/before.png);
      background-repeat: no-repeat;
      background-size: contain;
      height: 240px;
      width: 240px;
      position: absolute;
      bottom: -14%;
      left: -10%;
  }

   #orta .offset-md-2 {
      margin-left: 4.666667%;
  }

   #orta .col-md-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 98%;
      max-width: 62%;
  }

   #orta .col-md-4 {
      margin-top: 40px;
   }
   .orta-text img {
      width: 400px;
      position: absolute;
      bottom: -30%;
      right: -20%;
      z-index: 2;
  }
   #hakkimizda .factory img {
      width: 648px;
      margin-top: 80px;
   }
}


@media screen and (max-width: 500px) {

  .mb-cok {
    margin-bottom: 100px;
  }

  #employer .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  #egitim .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .surecler {
    height: 800px;
}

  .surecler2 {
    height: 800px;
}

  .headline {
    color: #0a0d53;
    font-size: 33px;
}

  .info-card .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  #surec .hero-box {
  margin: 0;
  }

  .ustbg {
    top: -20px;
 }
 

  .page-content {
    display: grid;
    grid-gap: 1rem;
    padding: 1rem;
    max-width: 1024px;
    /* margin: 0 auto; */
    font-family: var(--font-sans);
    justify-content: center;
}

  .timeline .event:before {
    left: -188.5px;
    color: rgb(4 4 4 / 40%);
    content: attr(data-date);
    text-align: right;
    font-weight: 100;
    font-size: 0.9em;
    min-width: 120px;
}

  .whats-sets {
    /* padding: 110px 0; */
    padding: 0px 0;
    /* background: #FFF url(../images/pattern-blue-full.svg) no-repeat center top; */
    background: #FFF;
    background-size: cover;
}
.what-bx-title-sec {
  padding-top: 0px;
}

  .our-stats h3 {
    font-size: 2rem;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}

#parallax {
  background-image: url(../images/main/parallax.png);
  background-position: center;
  background-size: cover;
  height: 560px;
  overflow: hidden;
}

  .site-navbar {
    padding: 10px 10px 0px 10px !important;
}

  .ustbg {
    height: 150px !important;
  }

  #text-img img {
    width: 100%;
  }

  #parallax {
    background-repeat: no-repeat;
  }

  #parallax .container-fluid {
    margin: 10px;
}

  #parallax .col-md-5 {
    padding: 40px;
    background-color: #003a738e;
    color: #fff;
  }

  .our-stats .container-fluid {
    margin: 10px 0px;
}

  .special-ml {
    left: 0;
  }

   #products-slider .card-img {
      position: relative;
      bottom: 0;
      left: 0;
      width: 100% !important;
  }

  #products-slider .card-img2 {
   position: relative;
   bottom: 0;
   right: 0;
   width: 100% !important;
}


   .link-active-span {
      display: none;
   }

   .back-btn {
      position: relative;
      left: 0%;
      top: -26px;
  }

   #uzmanliklarimiz .uzmanliklar-list a {
      text-decoration: none;
      color: #000;
      justify-content: center;
      display: flex;
      text-align: center;
      margin: 20px;
  }

  .uzmanliklar-list li img {
   margin-left: auto;
   display: block;
   margin-right: auto;
   margin-bottom: 20px;
   margin-top: 20px;
}

   #main-uzmanliklarimiz .card {
      height: auto;
  }
   
   #kurumsal .main-container::before {
      display: none;
   }

   .black {
      color: #ddd !important;
   }

   .slider-text1 {
      position: absolute;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      top: 60% !important;
      text-align: center;
      color: #fff;
      width: 90% !important;
   }

   .slider-text1 h4 {
      font-size: 20px;
   }

   .slider-text2 {
      position: absolute;
      top: 30%;
      left: 4%;
      color: #fff;
      width: 90% !important;
   }

   .slider-text2 h4 {
      font-size: 20px;
   }

   .slider-text3 {
      position: absolute;
      top: 64%;
      left: 2% !important;
      color: #fff;
      width: 90% !important;
      text-align: end;
   }

   .slider-text3 h4 {
      font-size: 20px;
   }

   /* #sticky-wrapper {
      height: 20px;
   } */

   #hakkimizda .factory img {
      margin-top: 0px;
   }

   .darkbg .col-md-9 {
      max-width: 100% !important;
   }

   .xs-hidden {
      display: none !important;
   }

   .md-hidden {
      display: block !important;
   }

   .socials{text-align: center; padding-top: 5px;}

   .nav-item {
      padding-right: 0px;
  }

  #slider .slider-text {
   position: absolute;
   top: 30%;
   left: 13%;
   color: #fff;
   width: 80%;
   /* text-align: justify; */
}

.card-container .custom-card .card-img-box img {
   width: 100%;
   height: 100%;
}

.card-container .custom-card {
   margin-bottom: 20px;
}

.circle::before {
   content: none;
}

.dot {
   display: none;
}

#aksun .mt-150 {
   margin-top: 60px !important;
}

#slider img {
   height: 750px;
   max-width: none;
}

.nav-item .nav-link {
   width: unset;
}

.darkbg {
   background: #44533c;
}

#hakkimizda .container img {
   max-width: 100%;
}

#tabmenu {
   bottom: 0;
}

#tabmenu nav {
   height: unset;
}

#hakkinda {
   margin-top: 20px !important;
}

#hakkimizda .container {
   top: 10px !important;
}
.footer .col-md-6 {
   text-align: center;
}
}