@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Titillium Web:200,300,300i,400,400i,600,600i,700,700i,900');
html,body{width:100%;height:100%;font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;margin:0px;padding:0px;background-color:#FFF;}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
body::-webkit-scrollbar { width:2px;background-color: #F5F5F5;}
body::-webkit-scrollbar-thumb { background-color: #38455d; border: 1px solid #38455d;border-radius:0px;}
::selection { background: #22397f;color:#FFFFFF;text-shadow: 0;}
::-moz-selection {background: #22397f;color: #FFFFFF;}
#header, #slider, #main, #section,#referances{float:left; width:100%; height:auto;}
.intro .perakende{background-image: url("img/perakende-bg.png");background-size: 100%;background-position: center;}
.intro .muhendislik{background-image: url("img/muhendislik-bg.png");background-size: 100%;background-position: center;}
.intro .muhendislik, .intro .perakende{-webkit-transition-property: background-size;transition-property: background-size;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.intro .muhendislik:hover, .intro .perakende:hover{background-position: center;background-size: 110%;}
.intro .muhendislik a, .intro .perakende a{display: block;width: 50vw;height: 100vh;float: left;text-decoration: none;}
.intro h1, .intro h5{-webkit-transition-property: margin-top;transition-property: margin-top;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.intro h5:after{-webkit-transition-property: width,left,right;transition-property: width,left,right;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.intro h1{font-family: 'Montserrat', sans-serif !important;color:#FFF;font-weight: 100;text-align: center;margin-top:40vh;}
.intro .muhendislik a:hover h1, .intro .perakende a:hover h1{margin-top:35vh;}
.intro .muhendislik a:hover h5, .intro .perakende a:hover h5{margin-top:18vh;position: relative;}
.intro .muhendislik a h5:after, .intro .perakende a h5:after{content:'';position:absolute;bottom:-15px; height: 2px;background-color: #FFF;width: 0px;left:50%;right:50%;}
.intro .muhendislik a:hover h5:after, .intro .perakende a:hover h5:after{width:100px;left:calc(50% - 50px);right:calc(50% - 50px);}
.intro h5{font-family: 'Montserrat', sans-serif !important;margin-top:10vh;text-align: center;color:#FFF;font-weight: 100;position: relative;}
#header{height:14vh;}
/* .bg-deneme{background-image: url("img/bg-deneme.png");    background-size: cover;
  height: 580px;} */
  .bg-deneme2{background-image: url("img/bg-deneme5.png");background-size: cover;background-position: center;background-repeat: no-repeat;}
.mundo-color{color:#c31629 !important;}
.mundo-color-dark{color:#252c38 !important;}
.anadolu-bg{background-color:#171f3c;}
.dark-gray-color{color:#606060;}
.dark-gray-bg{background-color:#606060;}
.gray-color{color:#e9e9e9;}
.gray-bg{background-color:#e9e9e9;}
.white-bg{background-color:#FFFFFF;}
.white-color{color:#FFFFFF;}
.b-none{border:none;}
.bb-5{border-bottom:5px solid #80222e;}
.bl-1{border-left: 1px solid #FFF;}
.bb-1{border-bottom: 1px solid #FFF;}
.brg-1{border-right:1px solid #c5c7ce;}
.bbg-1{border-bottom:1px solid #c5c7ce;}
.br-1{border-right: 1px solid #FFF;}
.brb-1{border-right: 1px solid #000;}
.bbb-1{border-bottom: 1px solid #000;}
.blm-1{border-left:1px solid #171f3c;}
.bbm-1{border-bottom:1px solid #171f3c;border-radius: 0px;}
.gradient-menu{background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6646008745294993) 90%);}
.gradient-bg{background: rgb(24,53,95);background: radial-gradient(circle, rgba(24,53,95,1) 0%, rgba(21,26,46,1) 100%);}
.navbar-brand img{position:fixed;top:0px;left:7%;z-index:9;width:200px;}
.logo{position:absolute;max-width:150px;top:-20px;left: 165px;}
.navbar {padding-top:0px;padding-bottom:0px;}
.golge::after{content:'';width:100%;height:28px;position:absolute;bottom:0px;left:0px;z-index:1;-webkit-box-shadow: 0px 8px 10px -10px rgba(0,0,0,1);
-moz-box-shadow:0px 8px 10px -10px rgba(0,0,0,1);box-shadow:0px 8px 10px -10px rgba(0,0,0,1);}
.mini-golge::after{content:'';width:50%;left:25%;height:28px;position:absolute;bottom:0px;z-index:1;-webkit-box-shadow: 0px 13px 10px -10px rgba(0,0,0,1);
-moz-box-shadow:0px 13px 10px -10px rgba(0,0,0,1);box-shadow:0px 13px 10px -10px rgba(0,0,0,1);}
.hvr-underline-from-center:after{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:5px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-underline-from-center:before, .hvr-underline-from-center:after{background:#c31629 !important;height:1px !important;}
.navbar {padding:0px;background-color: #FFF;}
.navbar .nav-item{position:relative;}
.navbar .nav-item .nav-link{position:relative;color:#000;font-size:15px;font-weight:500;padding: 5px 20px 5px 20px;}
.navbar .nav-item .nav-link:after{position: absolute;bottom:-10px;left:0;width:100%;height: 4px;background-color: #80222e;}
.navbar .nav-item .nav-link.active{font-weight:700;color:#80222e;}
.navbar .navbar-toggler {margin-top:2.5%;margin-bottom:2.5%;}
.navbar .navbar-toggler i{color:#80222e;}
.navbar-toggler{outline:none !important;}
.lang a{color:#80222e;}
.tarihce-box{position:absolute;z-index:5;right:15px;bottom:0px;width:60%;}
.lang a.active,.lang a:hover{font-weight:bold;}
.blur{-webkit-backdrop-filter: saturate(180%) blur(6px);backdrop-filter: saturate(180%) blur(6px);background-color: rgb(23 31 60 / 60%);}
.nav {width: 100%;line-height:60px;z-index:5;background:#FFF;}
.nav ul {line-height:60px;list-style:none;background:rgba(0, 0, 0, 0);overflow:hidden;color:#fff;padding: 0;text-align: right;margin:0;padding-right:40px;transition:1s;}
.nav ul li {display: inline-block;padding: 16px 40px;}
.nav ul li a {text-decoration: none;color:#fff;font-size: 16px;}
.title-line::before{content:'';position:absolute;top:50%;height:1px;width:100vw;left:-102vw;background-color:#122b7b;}
.btn-anadolu {color:#FFF;border-color:#171f3c;border-radius:0px;background-color:#171f3c;position: relative;}
.btn-anadolu:focus{box-shadow: none;}
.btn-anadolu:before,.btn-anadolu:after{content:'';position: absolute;background-color:#171f3c;}
.btn-anadolu:before{width:110%;right:-15%;bottom:-20%;height:1px;-webkit-transition-property: width;transition-property: width;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.btn-anadolu:after{height: 130%;width:1px;bottom:-40%;right:-7%;-webkit-transition-property: height;transition-property: height;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.btn-anadolu:hover{color:#171f3c;background-color:#fff;border-color:#171f3c;}
.btn-anadolu:hover:before{width:0%;right:-15%;bottom:-20%;height:1px;}
.btn-anadolu:hover:after{height: 0%;width:1px;bottom:-40%;right:-7%;}
.btn-anadolu-big {color:#828282;border-color:#171f3c;border-radius:0px;background-color:#e7e7e7;position: relative;border:0px;}
/*.btn-anadolu-big {color:#FFF;border-color:#171f3c;border-radius:0px;background-color:#171f3c;position: relative;}*/
.btn-anadolu-big:before,.btn-anadolu-big:after{content:'';position: absolute;background-color:#171f3c;}
.btn-anadolu-big:before{width:0%;right:-5%;bottom:-2%;height:1px;-webkit-transition-property: width;transition-property: width;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.btn-anadolu-big:after{height: 0%;width:1px;bottom:-8%;right:-1%;-webkit-transition-property: height;transition-property: height;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.btn-anadolu-big:hover{color:#FFF;background-color:#171f3c;border-color:#171f3c;}
.btn-anadolu-big:hover img{filter:brightness(0) invert(1);}
.btn-anadolu-big:hover:before{width:100%;right:-5%;bottom:-2%;height:1px;}
.btn-anadolu-big:hover:after{height: 100%;width:1px;bottom:-8%;right:-1%;}
.nasil-calisiriz .btn.collapsed .fa.minus{display:none;}
.nasil-calisiriz .btn.collapsed .fa.plus{display: block;}
.nasil-calisiriz .btn .fa.plus{display: none;}
.sticky-menu .list-group-item{background-color:#FFF;border:none;border-bottom:1px solid #c5c7ce;color:#c5c7ce;margin-bottom:5px;border-radius:0px;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;}
.hvr-sweep-to-top:before, .hvr-sweep-to-right:before{background-color:#80222e !important;}
.box-img{overflow: hidden;position:relative;transition:all .2s ease-out 0s;text-align:center}
.box-img .box-content{top:45%;z-index:1;opacity:1;transform:translate(0,-50%);transition-delay:.2s}
.box-img .box-content,.box-img:after{position:absolute;left:20px;right:20px}
.box-img:hover:after{opacity:0;transform:rotate3d(-1,1,0,100deg);}
.box-img:after{content:"";display:block;background:rgba(0,0,0,.8);top:10px;bottom:10px;right:10px;left:10px;opacity:.9;transform:rotate3d(0,0,0,0deg);transition:all .4s ease-in-out 0s}
.box-img img{width:100%;height:auto}
.box-img:hover .box-content{opacity:0;-webkit-transform:translate(10%,-30%);transform:translate(10%,-30%);transition:all .2s ease-out 0s}
.box-img .title{display:block;font-size:22px;font-weight:700;color:#FFF;margin:0 0 10px}
.box-img .post{display:block;font-size:15px;color:#FFF;margin-bottom:20px}
.iletisim-box{background-image:url(img/iletisim-box-bg.png);background-size: cover;position: relative;margin-top:-40px;margin-bottom:-40px;padding:60px 50px;z-index:999;color:#FFF;font-weight: 300;}
.iletisim-box a{color:#FFF;}
.md-hidden{display:none;}
.sm-hidden{display:block;}
.tab-content .tab-pane p{padding:20px 0px;}
.mt-10y{margin-top:10%;}
.border-b1{border-bottom:1px solid #FFF;}
.border-t1{border-top:1px solid #FFF;}
.border-r1{border-right:1px solid #727274;}
.on-mobile{display:none;}
.w-40{width:40%;}
#in-page{padding-top:100px;overflow:hidden;}
.hvr-outline-out:before{border:4px solid #009799 !important;}
.nav-justified {background:transparent !important;line-height:25px;}
.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);}
.tab-pane .tab-inner { padding: 30px 0 20px; }
.pp{margin-top:-100px;}
.pb{margin-top:-42px;}
.nav-item .nav-link{display:table;margin-top:30px !important;margin-bottom:30px !important;}
#kurumsal .nav-item .nav-link{display:table;margin-top:10px !important;margin-bottom:10px !important;}
.slide-wrapper{margin: top 230px;height:auto;}
.slide-wrapper img{filter: brightness(50%);}
.slide-wrapper .slider-text {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    width: 45%;
    text-align: center;
    /* text-align: justify; */
 }
 .main-box {
  position: relative;
  background: #e2f1f1;
  padding: 10px 10px 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  overflow: hidden;
  box-shadow: 0 0 3px rgb(0 0 0 / 10%);
  margin: 10px;
 }
 .main-box:hover {
  box-shadow: 0 5px 20px rgb(0 0 0 / 30%);
 }
 .main-box a {
  text-decoration: none;
  color: #212121dd;
 }

.main-box a:hover {
  color: #000;
}

.slide-wrapper .slider-text h1 {
    font-size: 3rem;
    text-shadow: 0 0 6px black;
 }
/* .slide-wrapper::after{content: "";width: 430px;height: 116px;background-color: hsl(217deg 17% 43%);position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto; } */
.ogeler{position: absolute;z-index: 99;bottom: 0;}
.text-end{text-align: end;}
.text-start{text-align: start;}
/*.slide-wrapper .carousel-inner> .carousel-item.carousel-item-next ,.carousel-inner > .carousel-item.active.carousel-item-right{transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0,100%,0);top:0;}
.slide-wrapper .carousel-inner > .carousel-item.carousel-item-prev ,.carousel-inner > .carousel-item.active.carousel-item-left{transform: translate3d(0,-100%, 0); -webkit-transform: translate3d(0,-100%, 0);-moz-transform: translate3d(0,-100%, 0);-ms-transform: translate3d(0,-100%, 0); -o-transform: translate3d(0,-100%,0);top:0;}
.slide-wrapper .carousel-inner > .carousel-item.next.carousel-item-left ,.carousel-inner > .carousel-item.carousel-item-prev.carousel-item-right ,
.slide-wrapper .carousel-inner > .carousel-item.active{transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);; -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); top:0;}*/
.slide-wrapper .slider-kesit{background-image:url(img/slider_content_bg.png);background-size:cover;color:#FFF;height:340px;}
.slide-wrapper .slider-kesit h4{padding:20px 15px;border-bottom:1px solid #FFF;}
.slide-wrapper .slider-cont {position: absolute;width:70%;top:40%;left:15%;text-align:center;color:#FFF;}
.slide-wrapper .slider-cont h1:after{content:'';position:absolute;bottom:37px;width:30%;left:35%;right:35%;border-bottom:1px solid #FFF;}
#main-slider, #main-slider .carousel-item{background-size: cover;}
#main-slider .carousel-control-next,#main-slider .carousel-control-prev{width:10% !important;}
#main-slider .carousel-control-next span,#main-slider .carousel-control-prev span{ border:1px solid transparent;padding:5px;}
#main-slider .carousel-indicators li{background-color:transparent !important;height:auto;text-indent: 0px;position: relative;}
#main-slider .carousel-indicators .active{margin-right: 50px;margin-left: 50px;}
#main-slider .carousel-indicators li:after{content:'';position: absolute;right:-100%;top:26%;border-radius:50%;width:15px;height:15px;background-color: transparent;border:1px solid #FFF;}
#main-slider .carousel-indicators li.active:after{background-color:#FFF;border:1px solid #FFF;}
#main-slider .carousel-indicators li:not(:last-child).active:before{content:'';position: absolute;right:-300%;top:45%;width:50px;height:1px;background-color:#FFF;}
#main-slider .carousel-indicators li:last-child.active:before{content:'';position: absolute;left:-200%;top:45%;width:50px;height:1px;background-color:#FFF;}
#main-slider .carousel-indicators span{display: none;}


.main-timeline4 {
  overflow: hidden;
  position: relative
}

.main-timeline4:before {
  content: "";
  width: 5px;
  height: 77%;
  background: #333;
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translateX(-50%)
}

.main-timeline4 .timeline-content:before,
.main-timeline4 .timeline:before {
  top: 50%;
  transform: translateY(-50%);
  content: ""
}

.main-timeline4 .timeline {
  width: 50%;
  padding-left: 100px;
  float: right;
  position: relative
}

.main-timeline4 .timeline:before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 5px solid #333;
  position: absolute;
  left: -10px
}

.main-timeline4 .timeline-content {
  display: block;
  padding-left: 150px;
  position: relative
}

.main-timeline4 .timeline-content:before {
  width: 90px;
  height: 10px;
  border-top: 7px dotted #333;
  position: absolute;
  left: -92px
}

.main-timeline4 .year {
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 100px;
  border-radius: 50%;
  border: 10px solid #c31629;
  font-size: 30px;
  color: #c31629;
  text-align: center;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .4);
  position: absolute;
  top: 0;
  left: 0
}

.main-timeline4 .year:before {
  content: "";
  border-left: 20px solid #c31629;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  bottom: -13px;
  right: 0;
  transform: rotate(45deg)
}

.main-timeline4 .inner-content {
  padding: 20px 0
}

.main-timeline4 .title {
  font-size: 24px;
  font-weight: 600;
  color: #c31629;
  text-transform: uppercase;
  margin: 0 0 5px
}

.main-timeline4 .description {
  font-size: 14px;
  color: #6f6f6f;
  margin: 0 0 5px
}

.main-timeline4 .timeline:nth-child(2n) {
  padding: 0 100px 0 0
}

.main-timeline4 .timeline:nth-child(2n) .timeline-content:before,
.main-timeline4 .timeline:nth-child(2n) .year,
.main-timeline4 .timeline:nth-child(2n):before {
  left: auto;
  right: -10px
}

.main-timeline4 .timeline:nth-child(2n) .timeline-content {
  padding: 0 150px 0 0
}

.main-timeline4 .timeline:nth-child(2n) .timeline-content:before {
  right: -92px
}

.main-timeline4 .timeline:nth-child(2n) .year {
  right: 0
}

.main-timeline4 .timeline:nth-child(2n) .year:before {
  right: auto;
  left: 0;
  border-left: none;
  border-right: 20px solid #f54957;
  transform: rotate(-45deg)
}

.main-timeline4 .timeline:nth-child(2) {
  margin-top: 110px
}

.main-timeline4 .timeline:nth-child(odd) {
  margin: -110px 0 0
}

.main-timeline4 .timeline:nth-child(even) {
  margin-bottom: 80px
}

.main-timeline4 .timeline:first-child,
.main-timeline4 .timeline:last-child:nth-child(even) {
  margin: 0
}

.main-timeline4 .timeline:nth-child(2n) .year {
  border-color: #1ebad0;
  color: #1ebad0
}

.main-timeline4 .timeline:nth-child(2) .year:before {
  border-right-color: #1ebad0
}

.main-timeline4 .timeline:nth-child(2n) .title {
  color: #1ebad0
}

.main-timeline4 .timeline:nth-child(3n) .year {
  border-color: #7cba01;
  color: #7cba01
}

.main-timeline4 .timeline:nth-child(3) .year:before {
  border-left-color: #7cba01
}

.main-timeline4 .timeline:nth-child(3n) .title {
  color: #7cba01
}

.main-timeline4 .timeline:nth-child(4n) .year {
  border-color: #f8781f;
  color: #f8781f
}

.main-timeline4 .timeline:nth-child(4) .year:before {
  border-right-color: #f8781f
}

.main-timeline4 .timeline:nth-child(4n) .title {
  color: #f8781f
}

.main-timeline4 .timeline:nth-child(5n) .year {
  border-color: #f54957;
  color: #f54957
}

.main-timeline4 .timeline:nth-child(5) .year:before {
  border-right-color: #f54957
}

.main-timeline4 .timeline:nth-child(5n) .title {
  color: #f54957
}

@media only screen and (max-width:1200px) {
  .main-timeline4 .year {
      top: 50%;
      transform: translateY(-50%)
  }
}

@media only screen and (max-width:990px) {
  .main-timeline4 .timeline {
      padding-left: 75px
  }

  .main-timeline4 .timeline:nth-child(2n) {
      padding: 0 75px 0 0
  }

  .main-timeline4 .timeline-content {
      padding-left: 130px
  }

  .main-timeline4 .timeline:nth-child(2n) .timeline-content {
      padding: 0 130px 0 0
  }

  .main-timeline4 .timeline-content:before {
      width: 68px;
      left: -68px
  }

  .main-timeline4 .timeline:nth-child(2n) .timeline-content:before {
      right: -68px
  }
}

@media only screen and (max-width:767px) {
  .main-timeline4 {
      overflow: visible
  }

  .main-timeline4:before {
      height: 100%;
      top: 0;
      left: 0;
      transform: translateX(0)
  }

  .main-timeline4 .timeline:before,
  .main-timeline4 .timeline:nth-child(2n):before {
      top: 60px;
      left: -9px;
      transform: translateX(0)
  }

  .main-timeline4 .timeline,
  .main-timeline4 .timeline:nth-child(even),
  .main-timeline4 .timeline:nth-child(odd) {
      width: 100%;
      float: none;
      text-align: center;
      padding: 0;
      margin: 0 0 10px
  }

  .main-timeline4 .timeline-content,
  .main-timeline4 .timeline:nth-child(2n) .timeline-content {
      padding: 0
  }

  .main-timeline4 .timeline-content:before,
  .main-timeline4 .timeline:nth-child(2n) .timeline-content:before {
      display: none
  }

  .main-timeline4 .timeline:nth-child(2n) .year,
  .main-timeline4 .year {
      position: relative;
      transform: translateY(0)
  }

  .main-timeline4 .timeline:nth-child(2n) .year:before,
  .main-timeline4 .year:before {
      border: none;
      border-right: 20px solid #f54957;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      top: 50%;
      left: -23px;
      bottom: auto;
      right: auto;
      transform: rotate(0)
  }

  .main-timeline4 .timeline:nth-child(2n) .year:before {
      border-right-color: #1ebad0
  }

  .main-timeline4 .timeline:nth-child(3n) .year:before {
      border-right-color: #7cba01
  }

  .main-timeline4 .timeline:nth-child(4n) .year:before {
      border-right-color: #f8781f
  }

  .main-timeline4 .inner-content {
      padding: 10px
  }
}

#quote-carousel .carousel-inner{width:90% !important;margin-left:5%;margin-right:5%;}
#quote-carousel .carousel-control-prev{left:-20px !important;}
#quote-carousel .carousel-control-next{right:-20px !important;}
.intro_.footer{background-color:#171f3c;padding-top:10px;padding-bottom:10px;color:#FFF;position: fixed;width: 100%;bottom:0px;}
.footer{background-color:rgb(223 231 231);padding-top:10px;padding-bottom:10px;color:#000;}
.footer h5 {font-weight: 600;font-size:17px;}
.footer a{color:#000;font-size:14px;}
.footer a:hover{color:#9FA3A6;}
.footer ul {list-style:none;padding:0px;line-height: 25px;}
.footer ul li{line-height:30px;text-align: start;}
.footer img{width: 200px;}
.banner-baslik {position:absolute;width:100%;bottom:30%;left:0%;text-align:center;color:#FFF;}
.banner-baslik a{color:#FFF;font-size:13px;}
#gotop {display:none;background-color:#272a38;text-decoration: none;width:50px;height:50px;text-align:center;border-radius:4px;margin:30px;position:fixed;bottom:90px;right:30px;transition:background-color .3s;z-index:1000;}
#gotop.show{display:inline-block;}
#gotop:hover {cursor:pointer;background-color:#6e8097;text-decoration: none;}
#gotop:active {background-color:#555;}
#gotop::after {content: "\f077";font-family:FontAwesome;font-weight:normal;font-style:normal;font-size:2em;line-height:50px;color: #fff;}
.mega-dropdown-menu li a {text-decoration: none;padding-bottom:10px;}
.uruns-cont{margin-top:-50px;position:relative;z-index:10;}
.icons-cont .icons{min-height:382px;padding:50px 20px;border-top:15px solid #80222e;border-bottom:15px solid #80222e;background-color:#FFFFFF;}
.referans-carousel .owl-item img{border:1px solid #80222e;border-radius:10px;}
.tab-menu .nav{background-color:#FFF !important;border-bottom:0px !important;justify-content: space-between}
.tab-menu .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color:#FFF !important;/* border-left:5px solid #606060 !important;*/ background-color:#c31629 !important; border-color: rgb(146, 147, 149) !important;/* font-size: 16px;line-height:25px !important; */ }
.tab-menu .nav-tabs .nav-link {min-width:25%;border:none;background-color: #e2f1f1;/*border-left:5px solid #d0d0d0;color:#80222e;font-size:16px;line-height:25px !important;background-color:#efefef;border-top-left-radius:0px !important;border-top-right-radius:0px !important;text-align:center;font-weight:bold !important;*/ }
.nav-tabs .nav-link {border: 1px solid transparent;border-top-left-radius: 0;border-top-right-radius: 0;background: #6e808a;color: #fff !important;line-height: 40px;}
.tab-menu .nav-tabs .nav-link:hover{color:#FFF !important;background-color: rgb(174, 198, 212);}
.hover-3 {
  --b: 0.1em;   /* the thickness of the line */
  --c: #c31629; /* the color */
  
  color: #0000;
  padding-block: var(--b);
  background: 
    linear-gradient(var(--c) 50%,#000 0) 0% calc(100% - var(--_p,0%))/100% 200%,
    linear-gradient(var(--c) 0 0) 0% var(--_p,0%)/var(--_p,0%) var(--b) no-repeat;
  -webkit-background-clip: text,padding-box;
          background-clip: text,padding-box;
  transition: .3s var(--_s,0s) linear,background-size .3s calc(.3s - var(--_s,0s));
}
.hover-3:hover {
  --_p: 100%;
  --_s: .3s;
}

.flex-column a{color: #000 !important;font-weight: bold;font-size: 26px;}
.flex-column a i{float: right;margin-top: 20px;}
.flex-column .active{color: #c31629 !important;background-color: #dadada !important;}
.flex-column .fa-angle-down{display: none;}
.flex-column .active .fa-angle-right{display: none;}
.flex-column .active .fa-angle-down{display: inline;}
.urun-menu .nav{background-color:#FFF !important;border-bottom:0px !important;justify-content: space-between}
.urun-menu .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color:#FFF !important;/* border-left:5px solid #606060 !important;*/ background-color:#c31629 !important; border-color: rgb(146, 147, 149) !important;/* font-size: 16px;line-height:25px !important; */ }
.nav-tabs .bergstein.active {background-color:#0164c0  !important;}
.nav-tabs .tigres.active {background-color:#c28819  !important;}
.nav-tabs .berghof.active {background-color:#c31629  !important;}
.urun-menu .nav-tabs .nav-link {min-width:25%;border:none;background-color: #e2f1f1;/*border-left:5px solid #d0d0d0;color:#80222e;font-size:16px;line-height:25px !important;background-color:#efefef;border-top-left-radius:0px !important;border-top-right-radius:0px !important;text-align:center;font-weight:bold !important;*/ }
.nav-tabs .nav-link {border: 1px solid transparent;border-top-left-radius: 0;border-top-right-radius: 0;background: #e2f1f1;color: black !important;line-height: 40px;}
.urun-menu .nav-tabs .nav-link:hover{color:#FFF !important;background-color: rgb(174, 198, 212);}
.tab-content .col-md-3{color: rgb(55, 82, 125);}
.tab-content .col-md-3 p{font-size: 14px;}
.tab-content .border-div{border: 1px solid rgba(0, 0, 0, 0.395);padding: 5px 15px 5px 15px;min-height: 300px;}
.urun-card:hover{border-color:#80222e;}
.search-box{position:absolute;right:20%;bottom:-5px;background-color:#FFFFFF;border-radius:10px 10px 0px 0px;padding:5px;width:300px;}
.search-box input{outline:none !important;box-shadow:none !important;    border-bottom-right-radius: 0px;border-bottom-left-radius:0px;border-color:#FFF !important;}
.xs-hidden{display: flex;}
.btn-outline-anadolu {color:#171f3c;border-color:transparent;border-radius:0px;border-bottom:1px solid #dedede;}
.btn-outline-anadolu:hover{color:#fff;background-color:#171f3c;border-color:#dedede;}
.video-galeri{background-image: url(img/video_bg.png);background-size: cover;}
.image-galeri{background-image: url(img/image_bg.png);background-size: cover;}
.teknik-destek{background-color: #d5dadf;height: auto;}
.teknik-destek .col-md-4{padding-left: 170px;padding-right: 170px;top: -67px;}
.tehlike-section{border: 4px solid #fcc336;padding: 20px;}
.btn-primary{background-color: hsl(217deg 17% 43%) !important;border-color: hsl(217deg 17% 43%) !important;}
.iletisim-form .form-control{border-radius:0}
.iletisim-form .form-control:focus{box-shadow:none}
.iletisim-form .form-group{position:relative;margin-bottom:15px}
.iletisim-form .form-group>label{font-size:10px;color:#a1a2a3;transform-origin:0 0;transform:scale(1.9);pointer-events:none;position:relative;z-index:5}
.iletisim-form .form-group>input{width:100%}.form-group>label{}
.iletisim-form .form-group.not-empty>label{transform:none}
.iletisim-form .form-control{border:0;border-bottom:1px solid #a1a2a3}
.iletisim-form .form-control,.iletisim-form .form-control:focus,.iletisim-form .form-control:focus:hover{color:#171f3c;background:0 0;outline:0}
.iletisim-form .form-control:focus,.iletisim-form .form-control:focus:hover{border-bottom:1px solid #171f3c}
.owl-nav{position:absolute !important;top:-20% !important;width:100% !important;}
.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;}
.owl-item .item{border-width:0;border-style:solid;border-image:linear-gradient(rgba(0, 0, 0, 0),black,rgba(0, 0, 0, 0)    ) 1 100%;}
.owl-referanslar .owl-item img{filter:grayscale(100%);}
.owl-referanslar .owl-item img:hover{filter:grayscale(0%);}
.marka-filtre{display: inline-block;}
.marka-scroll{display: flex;overflow-x:auto;width: 100%;scroll-behavior: smooth;}
.marka-filtre button{border:none;background-color: transparent;position:absolute;top:4px;z-index:99;outline: none;box-shadow: none;color:#7e7e7e;}
.marka-filtre .marka-prev{left:-6px;}
.marka-filtre .marka-next{right:-7px;}
.marka-scroll a{position: relative;flex-shrink:0;min-width: 140px;text-align:center;color:#b0b0b0;border-bottom:1px solid #8b8f9d;padding:5px 20px;text-decoration:none;}
.marka-scroll a:hover, .marka-scroll a:active,.marka-scroll a:focus{color:#171f3c;}
.marka-scroll a:hover:after, .marka-scroll a:active:after,.marka-scroll a:focus:after{content:'';position: absolute;bottom:0px;left:0px;width:100%;height: 3px;background:#171f3c;}
.marka-scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
.marka-scroll::-webkit-scrollbar { height:0px;background-color: #F5F5F5;}
.marka-scroll::-webkit-scrollbar-thumb { background-color: #38455d; border: 1px solid #38455d;border-radius:0px;}
.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 {padding: 10px;}
.e-katalog{background-color: #a0a8b5;margin-bottom: 160px;margin-top: 100px;}
.e-katalog .row{align-items: center;padding: 40px 0px 40px 0px;}
.e-katalog h2{color: #205987;font-weight: bold;}
.e-katalog p{font-size: 20px;}
.e-katalog .btn-primary{background-color: #205987 !important;padding: 20px 40px 20px 40px;font-size: 30px;font-weight: bold;border-color: #205987 !important;}
.e-katalog .btn-primary:hover{background-color: #fff !important;color: #205987 !important;}
.e-katalog img{position: absolute;left: 0;top: -172px;}
#kurumsal{margin-top: 100px;}
#iletisim{margin-top: 100px;}
.contacts .col-md-4 a{color: #000;}
.sticky-menu{background-color: hsl(217deg 17% 43%) !important;}
.sticky-menu .list-group-item {
    background-color: hsl(217deg 17% 43%) !important;
    border: none;
    border-bottom: 1px solid #c5c7ce;
    color: #c5c7ce;
    margin-bottom: 0;
    border-radius: 0px;
    font-weight: 400;
    text-decoration: none;
}
.sticky-menu .list-group-item:last-child{border-bottom: none;}
.sticky-menu .list-group-item:hover{
    background-color: #FFF;
    color: #fff;
    border-bottom-color: #c5c7ce;
}
.sticky-menu .list-group-item.active {
    background-color: #d8d8d8 !important;
    color: hsl(217deg 17% 43%);
    border-bottom-color: #c5c7ce;
}
/* .main-section .offset-md-1 {
    margin-left: 12.333333%;
} */
/* .main-section{margin-top: -30px;} */
.main-section .col-md-4{padding-left: 0;padding-right: 0;}
/* .teknoloji{background-image: url("../assets/img/anasayfa-arka-plan-sekil.png");background-position: 0 120px;background-size: cover;background-repeat: no-repeat;height: 1000px;} */
.teknoloji .col-5{top: 215px;}
.teknoloji .offset-md-1{margin-left: 4.733333%;}
/* .teknoloji .col1{background-color: #252c38;width: 100px;height: 70px;} */
/* .teknoloji .col-1{max-width: 4.833333% !important;} */
.teknoloji .col-12 {border-left: 80px solid #252c38;}
.b-left-red{border-left: 10px solid #c31629;padding-left: 10px;}
.orta-resim{background-position: center;background-size: 100%;background-repeat: no-repeat;height: 430px;position:relative;margin: 1px;z-index:1;transition: all 0.4s ease-in-out !important;}
.orta-resim:hover{background-size: 120%;}
.orta-resim::after{content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  width:100%;
  height:430px;
  background:rgba(0,0,0,0.5);
  z-index:-1;
  transition: all .5s;
}
/* .orta-resim:hover {
  transform: scale(1.2) !important;
} */
.orta-resim h3{color: #fff;}
#kurumsal .orta-resim2 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 290px;
  position: relative;
  z-index: 1;
}
.orta-resim2::after{content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  width:100%;
  height:290px;
  background:rgba(0,0,0,0.5);
  z-index:-1;}
.orta-resim2 h3{color: #fff;}
#kurumsal .card-body{min-height: 411px;}
#kurumsal .card-body .btn{position: absolute; bottom: 20px;left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 200px;}
.video-section{padding-top: 45px;padding-bottom: 45px;position: relative;}
.video-section::after{content: "";position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;height:200px;background:#849ea4;z-index: -1;}
.custom-col-1{min-height: 100%;background-color: #dfe8e8;padding: 20px;position: relative;top: 0%;-webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1); 
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1); 
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1);
  transition: all 200ms ease-in;
  transform: scale(1);   }
.hover-container{}
.custom-col-2{min-height: 300px;background-color: #e2f1f1;padding: 50px}
.custom-col-1:hover{box-shadow: 0px 0px 150px #000000;
  z-index: 2;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1.2);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1.2);   
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1.2);
  transition: all 200ms ease-in;
  transform: scale(1.2);}
/* .custom-col-1:hover{} */
.ortaklar{align-items: center;}
.ortaklar p{margin-bottom: 0 !important;}
.ortaklar .border{border: 1px solid black;padding: 10px;}
.ortaklar a{color: #000;}
#urunler{margin-top: 100px;}
#urunler ul li {list-style: none;}
/*#urunler ul li::before {
  content: "";
    background: #c31629;
    font-weight: bold;
    display: inline-block;
    width: 8px;
    height: 28px;
    position: absolute;
    margin-left: -1em;
}*/
.az-ml{margin-left: 23%;}
.urun-icon{margin-right: 10px;}
.urun-text{background-color: #232b37;padding: 20px;}
.urun-text p{font-size: 18px;color: #fff;}
.urun-cesitleri ul{list-style: none;}
.urun-cesitleri ul li{margin-bottom: 20px;}
.urun-cesitleri ul li a{text-decoration: none;color: #000;font-size: 18px;}
.urun-cesitleri h4{position: absolute; 
  top: 50%;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 100%;
  font-size: 26px;
  text-shadow: 2px 2px black;
}
.ozellikler{padding: 20px;border: 1px solid black;text-align: start;min-height: 800px;margin-top: 20px;}
#referanslar{margin-top: 150px;}
#kurumsal ul li {list-style: none;}
#kurumsal-ul li::before {
  content: "\2022";
  color: #c31629;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
#kurumsal-ul li{margin-bottom: 5px;}
/* TIMELINE */
.timeline .carousel-inner,.timeline .carousel,.timeline .carousel-item{overflow: hidden;height:100%;min-height:600px;width:100%;background-position:center center;background-size:cover;}
.timeline.slide-wrapper{display:inline;}
.timeline .carousel-item{background-image: url(../assets/img/tarihce.png);background-size: cover;}
.timeline .carousel-item .col-md-5{overflow: hidden;}
/*.timeline .carousel-inner> .carousel-item.carousel-item-next ,
.timeline .carousel-inner > .carousel-item.active.carousel-item-right{transform: translate3d(-50%, 75%, 0); -webkit-transform: translate3d(100%, 75%, 100%);-ms-transform: translate3d(100%, 75%, 100%); -moz-transform: translate3d(100%, 75%, 100%); -o-transform: translate3d(100%, 75%, 100%);  top: 0px;}
.timeline .carousel-inner > .carousel-item.carousel-item-prev ,
.timeline .carousel-inner > .carousel-item.active.carousel-item-left{
    transform: translate3d(0,-75%, 0); -webkit-transform: translate3d(0,-75%, 0);  -moz-transform: translate3d(0,-75%, 0);-ms-transform: translate3d(0,-75%, 0); -o-transform: translate3d(0,-75%, 0);top:0;}
.timeline .carousel-inner > .carousel-item.next.carousel-item-left ,
.timeline .carousel-inner > .carousel-item.carousel-item-prev.carousel-item-right ,
.timeline .carousel-inner > .carousel-item.active{opacity:1;transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);; -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); top:0;}*/
.timeline .carousel-indicators{position:absolute;top:0;bottom:0;margin:auto;height:50px;right:-50px; left:auto;width:auto;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.timeline .carousel-indicators:before{content:'';position: absolute;;bottom:-15px;left:-50%;width: 200%;height: 1px;background-color: white;}
.timeline .carousel-indicators li{display:block;color:#FFF;width: auto;height: 30px;background-color: transparent; border:0px solid transparent;text-indent: 0px;transform:rotate(270deg);}
.timeline .carousel-indicators li.active{font-weight: bold;}
.timeline .carousel-indicators li.active:before{content:'';position: absolute;left:-35px;top:8px;border-radius:50%;width:8px;height:8px;background-color: white;}
/* TIMELINE */
.alan-ozellikleri .col-md-5 p{margin-bottom: 10px; font-size: 20px;}
#kurumsal .orta-resim{background-position: center;background-size: 100%;background-repeat: no-repeat;height: 578px;position:relative;margin: 1px;z-index:1;transition: all 0.4s ease-in-out;}
#kurumsal .orta-resim:hover{background-size: 140%;}
#kurumsal .orta-resim::after{content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  margin:auto;
  width:100%;
  height:578px;
  background:rgba(0,0,0,0.5);
  z-index:-1;}
.filter ul {list-style-type: none;text-align: left;padding-left:20px}
.filter ul > li {margin-bottom:15px;}
.filter ul > li:before {content: "-";position: absolute;left:15px;}
@media (max-width: 767px){.mega-dropdown.open>.mega-dropdown-menu{padding-top:0;background-color:#014fa1;} .mega-dropdown.open>.mega-dropdown-menu li{padding:10px;}}
@media (min-width: 768px){ .mega-dropdown-menu li {float:left;padding:0 10px;border-right: 1px solid #0058b6;} .mega-dropdown-menu li a {color: #122b7b !important;} .mega-dropdown-menu li:last-child {border:none;} }
.mega-dropdown {position: static !important; }
.mega-dropdown-menu {padding: 15px 15px 5px 15px;text-align:center;width:100%;border-top:none}
@media (min-width: 768px){
.mega-dropdown-menu .container{display:flex;-webkit-justify-content:center;justify-content:center;}
.mega-dropdown.open:after{content:"";border-bottom: 8px solid #fff;border-right:9px solid transparent;border-left:9px solid transparent;position:absolute;bottom:-1px;z-index:10;margin-left:35px;} }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { color:#fff;font-weight: bold;background-color: #0058B6; }
.mega-dropdown.open:after, .mega-dropdown.open .mega-dropdown-menu {-webkit-animation: fadein 1s;-moz-animation:fadein 1s;-ms-animation:fadein 1s;-o-animation:fadein 1s;animation: fadein 1s;}
@media (max-width: 500px) { .gal {-webkit-column-count:1;-moz-column-count:1;column-count:1;} }
.footer ul{list-style:none;}
.footer ul li{line-height:30px;}
.footer h5{font-weight:600;}
.footer .borderr{border-right:1px solid #FFF;}
@media(max-width: 786px) {
.mr-xs-10{margin-right:10px !important;}
.mt-92 .container-fluid{display:none;}
.social{display:none;}
.mobil-menu{width:100%;}
.nav-item .nav-link{padding-top:15px !important;padding-bottom:15px !important;}
.sticky-top{position:relative;}
.md-hidden{display:block;}
.sm-hidden{display:none;}
.logo{margin:0px 0px;}
.nav ul {max-height: 0px;background: #000;}
.showing{max-height: 34em;}
.nav ul li {box-sizing: border-box;width: 100%;padding: 24px;text-align: center;}
.menu-icon {display: block;color:#FFFFFF;margin-top:13%;}
}
@media (min-width:1900px){
}
@media(min-width:1915px){
.slide-wrapper .container .slider-image{width:80%;}
.slide-wrapper .container .slider-text-fligran{font-size:30rem;}
}
@media(max-width:1367px){
.navbar .navbar-brand img{left:14%;}
.navbar .nav-item .nav-link{padding:.5rem;}
.navbar .navbar-nav .mx-auto{margin-right:unset;padding-left:0px !important;}
.col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 33%;
    max-width: 33%;
}
}
@media(max-width:1441px){
  .orta-resim {
    height: 418px;
  }
  .orta-resim:after {
    height: 418px;
  }
  .teknoloji .col1 {
    background-color: #252c38;
    width: 80px;
    height: 70px;
  }
  .bg-deneme {
    height: 430px;
}

  .contacts .col-md-4{margin-bottom: 20px;}

  .contacts .col-md-4 a{font-size: 14px;}
  }
@media(max-width:1367px){
.navbar .navbar-brand img{left:7%;}
}
@media(max-width:1025px){
.navbar .navbar-brand img{left:.5%;}
.navbar-nav{margin-right:.5% !important;}
.navbar .nav-item .nav-link{font-size:13px !important;}
}
@media(max-width:992px){
}
@media(min-width:768px){
}
@media(max-width:500px){
  .az-ml{margin-left: 0;}
  .footer .col-md-3 {
    text-align: center;
  }
  .main-section {
    margin-top: 0px;
}
.contacts .col-md-4{margin-bottom: 20px;}

#kurumsal .orta-resim {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 325px;
  position: relative;
  z-index: 1;
}
#kurumsal .orta-resim::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 325px;
  background: rgba(0,0,0,0.5);
  z-index: -1;
}
#kurumsal .card-body {
  min-height: 475px;
}
.custom-col-1 {
  padding: 20px;
  position: unset;
}
.custom-col-2 {
  min-height: 230px;
  background-color: #e2f1f1;
  padding: 20px;
}
.navbar {
  padding: 10px;
}
.carousel-indicators {
  display: none !important;
}
.video-section {
  padding-top: 20px;
  padding-bottom: 20px;
}
.bg-deneme {
    height: 526px;
}
.slide-wrapper .slider-text {
      width: 85%;
}
.slide-wrapper .slider-text h1 {
    font-size: 2rem;
}
.slide-wrapper .slider-text h3 {
  font-size: 1.5rem;
}
.slide-wrapper .slider-text h4 {
  font-size: 16px;
}
.navbar .nav-item .nav-link {
  border-right: none;
}
#gotop{display: none;}
.navbar .nav-item .nav-link{display:block;text-align: center;margin:0 !important}
.tab-menu .nav-tabs .nav-link {max-width: 50%;width: 100%;font-size: 14px;}
.lang a{color:#FFF;}
.on-mobile{display:block;}
.sm-hidden{display:none;}
.xs-hidden{display:none;}
.md-hidden{display:block;}
}
[data-aos^=hide][data-aos^=hide] {opacity:1;transition-property:opacity, transform;}
[data-aos^=hide][data-aos^=hide].aos-animate {opacity:0;transform:translate(0);}





/* asdasdsadasdasdasdsadasdsadsadsadas */
.u-clearfix:after,
.u-clearfix:before {
  content: '';
  display: table;
}
.u-clearfix:after {
  clear: both;
}

.u-sheet {
    position: relative;
    width: 1140px;
    margin: 0 auto;
}
.u-body {
    font-size: 1rem;
    line-height: 1.6;
}
.u-section-2 .u-shape-1 {
    width: 229px;
    height: 229px;
    background-image: none;
    margin: 50px 151px 0 auto;
}
.u-palette-4-base, .u-body.u-palette-4-base, .u-container-style.u-palette-4-base:before, .u-container-layout.u-palette-4-base:before, .u-table-alt-palette-4-base tr:nth-child(even) {
    color: #ffffff;
    background-color: #43bbec;
}
.u-shape-circle, .u-shape-circle:before, .u-shape-circle > .u-container-layout {
    border-radius: 50%;
}
section > *, header > *, footer > *, .u-sheet > * {
    position: relative;
}
.u-section-2 .u-shape-2 {
    width: 270px;
    left: 55px;
    right: auto;
}
.u-palette-4-light-2, .u-body.u-palette-4-light-2, .u-container-style.u-palette-4-light-2:before, .u-container-layout.u-palette-4-light-2:before, .u-table-alt-palette-4-light-2 tr:nth-child(even) {
    color: #111111;
    background-color: #b1e3f7;
}
.u-expanded-height-xl {
    position: absolute !important;
    height: 86% !important;
    top: 0 !important;
}
.u-section-2 .u-image-1 {
    width: 890px;
    height: 605px;
    object-position: 0% 50%;
    background-position: 0% 50%;
    margin: -137px 250px 0 auto;
}
img.u-image, .u-video-poster {
    overflow: hidden;
}
.u-image, .u-background-effect-image, .u-video-poster {
    object-fit: cover;
    display: block;
    vertical-align: middle;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.u-sheet > * {position: relative;}
.u-section-2 .u-group-1 {min-height: 437px;width:560px;margin: -250px 0 60px auto;}
.u-section-2 .u-group-2 {min-height: 437px;width:540px;margin: -250px auto 60px -100px;}
.u-white, .u-body.u-white, .u-container-style.u-white:before, .u-container-layout.u-white:before, .u-table-alt-white tr:nth-child(even) {color: #111111;}
.u-align-left {text-align: left;}
.u-group {display: flex;}
.u-sheet > * {position: relative;}
.u-section-2 .u-container-layout-1 {padding:10px 40px;}
.u-valign-middle {
    justify-content: center;
}
.u-valign-middle, .u-valign-top, .u-valign-bottom {
    display: flex;
    flex-direction: column;
}
.u-container-layout {
    position: relative;
    flex: 1;
    max-width: 100%;
}
.u-section-2 .u-text-1 {
    font-size: 3rem;
    margin: 0;
}
.u-font-ubuntu.u-custom-font {
    font-family: Ubuntu, sans-serif !important;
}
.u-section-2 .u-text-2 {
    font-size: 1.25rem;
    font-style: italic;
    margin: 18px 0 0;
}
.u-section-2 .u-text-3 {
    font-weight: 600;
    font-style: italic;
    margin: 30px 0 0;
}
.u-section-2 .u-btn-2 {
    border-style: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-image: none;
    margin: 30px auto 0 0;
}
.u-btn {
    /* display: inline-block; */
    display: table;
    cursor: pointer;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-decoration: none;
    border: 0 none transparent;
    outline-width: 0;
    background-color: transparent;
    margin: 0;
    -webkit-text-decoration-skip: objects;
    font-style: initial;
    white-space: nowrap;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    text-align: center;
    padding: 10px 30px;
    border-radius: 0;
    align-self: flex-start;
}
.u-button-style.u-palette-4-base, .u-button-style.u-palette-4-base[class*="u-border-"] {
    color: #ffffff !important;
    background-color: #43bbec !important;
}
.u-button-style[class*="u-custom-color-"], .u-button-style[class*="u-palette-"], .u-button-style[class*="u-gray-"], .u-button-style.u-white, .u-button-style.u-black {
    border-width: 0;
}
.u-group .u-container-layout > * {
    position: relative;
}


.u-radius-50, .u-radius-50:before, .u-radius-50 .u-background-effect, .u-radius-50:not(.u-hover-box) > .u-container-layout {
    border-radius: 50px !important;
}
.u-valign-middle > *, .u-valign-top > *, .u-valign-bottom > * {flex-shrink: 0;}
.u-section-2 .u-sheet-1 {
    min-height: 800px;
  }
  .u-section-2 .u-shape-1 {
    width: 229px;
    height: 229px;
    background-image: none;
    margin: 50px 151px 0 auto;
  }
  .u-section-2 .u-shape-2 {
    width: 270px;
    left: 55px;
    right: auto;
  }
  .u-section-2 .u-image-1 {width: 890px;height: 605px;object-position: 0% 50%;background-position: 0% 50%;margin: -137px 250px 0 auto;}
  .u-section-2 .u-image-2 {width: 890px;height: 605px;object-position: 0% 50%;background-position: 0% 50%;margin: -137px auto 0 250px;}
  .u-section-2 .u-group-1 {min-height: 437px;width: 560px;margin: -250px 0 60px auto;}
  .u-section-2 .u-container-layout-1 {padding: 10px 40px;}
  .u-section-2 .u-text-1 {
    font-size: 3rem;
    margin: 0;
  }
  .u-section-2 .u-text-2 {
    font-size: 1.25rem;
    font-style: italic;
    margin: 18px 0 0;
  }
  .u-section-2 .u-text-3 {
    font-weight: 600;
    font-style: italic;
    margin: 30px 0 0;
  }
  .u-section-2 .u-btn-1 {
    border-style: none none solid;
    font-style: italic;
    padding: 0;
  }
  .u-section-2 .u-btn-2 {
    border-style: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-image: none;
    margin: 30px auto 0 0;
  }
  @media (max-width: 1199px) {
    .u-section-2 .u-sheet-1 {
      min-height: 968px;
    }
    .u-section-2 .u-shape-1 {
      margin-top: 0;
    }
    .u-section-2 .u-shape-2 {
      width: 186px;
      height: 968px;
      left: auto;
      bottom: auto;
      right: auto;
      top: auto;
      margin: -279px auto 0 55px;
    }
    .u-section-2 .u-image-1 {
      width: 697px;
      height: 511px;
      margin-top: -824px;
      margin-right: auto;
      margin-left: 0;
    }
    .u-section-2 .u-group-1 {
      min-height: 399px;
      margin-top: -158px;
      margin-bottom: 22px;
    }
  }
  @media (max-width: 991px) {
    .u-section-2 .u-sheet-1 {
      min-height: 939px;
    }
    .u-section-2 .u-shape-1 {
      margin-top: 50px;
      margin-right: 50px;
    }
    .u-section-2 .u-shape-2 {
      left: 55px;
      right: auto;
      height: auto;
      margin: initial;
    }
    .u-section-2 .u-image-1 {
      width: 588px;
      height: 425px;
      margin-top: -135px;
    }
    .u-section-2 .u-group-1 {
      min-height: 442px;
      width: 424px;
      margin-top: -135px;
      margin-bottom: 60px;
    }
    .u-section-2 .u-container-layout-1 {
      padding-left: 30px;
      padding-right: 30px;
    }
    .u-section-2 .u-text-1 {
      font-size: 2.25rem;
    }
  }
  @media (max-width: 767px) {
    .u-section-2 .u-sheet-1 {
      min-height: 898px;
    }
    .u-section-2 .u-shape-1 {
      width: 204px;
      height: 204px;
      margin-top: 57px;
      margin-right: 0;
    }
    .u-section-2 .u-image-1 {
      width: 467px;
      height: 337px;
      margin-top: -117px;
    }
    .u-section-2 .u-group-1 {
      min-height: 407px;
      margin-top: -47px;
      margin-bottom: 57px;
    }
    .u-section-2 .u-container-layout-1 {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  @media (max-width: 575px) {
    .u-section-2 .u-sheet-1 {
      min-height: 787px;
    }
    .u-section-2 .u-shape-1 {
      width: 96px;
      height: 96px;
      margin-top: 0;
    }
    .u-section-2 .u-shape-2 {
      width: 148px;
      height: 787px;
      left: auto;
      bottom: auto;
      right: auto;
      top: auto;
      margin: -159px auto 0 22px;
    }
    .u-section-2 .u-image-1 {
      width: 310px;
      height: 233px;
      margin-top: -694px;
    }
    .u-section-2 .u-group-1 {
      min-height: 427px;
      width: 296px;
      margin-top: -23px;
      margin-bottom: -6px;
    }
    .u-section-2 .u-container-layout-1 {
      padding-right: 0;
    }
    .u-section-2 .u-text-1 {
      font-size: 1.875rem;
      width: auto;
    }
  .u-section-2 .u-text-2 {
      font-size: 1.125rem;
    }
}
.showcase-intro-block {padding: 42px 0 8px;}

.showcase-intro {
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
  padding: 0;
}

.showcase-intro .row {
  background: linear-gradient(135deg, #f7fafc 0%, #eef3f7 100%);
  border: 1px solid rgba(15, 27, 45, 0.08);
  border-radius: 32px;
  padding: 36px 38px;
  box-shadow: 0 22px 60px rgba(15, 27, 45, 0.08);
}

.showcase-intro__kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #c31629;
  margin-bottom: 14px;
}

.showcase-intro__kicker::before {
  content: "";
  width: 44px;
  height: 2px;
  background: linear-gradient(90deg, #c31629 0%, rgba(195, 22, 41, 0.2) 100%);
}

.showcase-intro h2 {
  font-family: 'Titillium Web', sans-serif !important;
  font-size: clamp(2rem, 4vw, 3.6rem);
  line-height: 1.05;
  color: #162234;
  margin: 0;
}

.showcase-intro p {
  font-size: 1.06rem;
  line-height: 1.8;
  color: #526074;
  margin: 0;
  max-width: 640px;
}

.showcase-section {
  padding: 18px 0;
}

.showcase-shell {
  width: min(1240px, calc(100% - 32px));
  min-height: auto !important;
  display: flex;
  align-items: stretch;
  gap: 26px;
  background: linear-gradient(135deg, #f8fbfd 0%, #edf3f8 100%);
  border-radius: 32px;
  padding: 26px;
  box-shadow: 0 24px 60px rgba(15, 27, 45, 0.08);
  overflow: hidden;
}

.showcase-section--reverse .showcase-shell {
  flex-direction: row-reverse;
}

.showcase-media {
  flex: 1 1 58%;
  min-height: 430px;
  border-radius: 26px;
  overflow: hidden;
  position: relative;
  background: #dbe4ec;
}

.showcase-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(9, 18, 31, 0) 0%, rgba(9, 18, 31, 0.14) 100%);
}

.showcase-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease;
}

.showcase-section:hover .showcase-image {
  transform: scale(1.04);
}

.showcase-panel {
  flex: 0 0 42%;
  width: auto;
  min-height: auto;
  margin: 0;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(15, 27, 45, 0.08);
  box-shadow: 0 18px 40px rgba(15, 27, 45, 0.08);
}

.showcase-panel .u-container-layout-1 {
  padding: 42px 38px;
  height: 100%;
}

.showcase-tag {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  background: #fff2f4;
  border: 1px solid #ffd7dd;
  color: #c31629;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.showcase-section .u-text-1 {
  font-family: 'Titillium Web', sans-serif !important;
  font-size: clamp(2rem, 2.5vw, 3.2rem);
  line-height: 1.05;
  color: #162234;
  margin: 18px 0 18px;
}

.showcase-description {
  font-size: 1.02rem;
  line-height: 1.8;
  color: #4f5f72;
  margin: 0 0 28px;
}

.showcase-section .u-btn-2 {
  padding: 14px 28px;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #c31629 0%, #e23d50 100%) !important;
  box-shadow: 0 16px 30px rgba(195, 22, 41, 0.22);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.showcase-section .u-btn-2:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 36px rgba(195, 22, 41, 0.28);
}

.application-areas {
  padding: 42px 0 18px;
}

.application-areas__title {
  font-family: 'Titillium Web', sans-serif !important;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  line-height: 1.08;
  color: #162234;
  margin: 10px 0 0;
  max-width: 680px;
}

.application-card {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 430px;
  position: relative;
  margin: 12px;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  padding: 26px;
  border-radius: 26px;
  overflow: hidden;
  transition: transform 0.35s ease, box-shadow 0.35s ease, background-size 0.35s ease !important;
  box-shadow: 0 18px 40px rgba(15, 27, 45, 0.16);
}

.orta-resim.application-card:hover {
  transition: all 0.5s ease !important;
  background-size: 110%;
  transform: translateY(-6px);
  box-shadow: 0 24px 48px rgba(15, 27, 45, 0.24);
}

.orta-resim.application-card::after {
  content: "";
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  background: linear-gradient(180deg, rgba(7, 16, 29, 0.1) 0%, rgba(7, 16, 29, 0.82) 100%);
  z-index: 0;
  border-radius: inherit;
}

.application-card__title {
  position: relative;
  z-index: 1;
  color: #fff;
  font-family: 'Titillium Web', sans-serif !important;
  font-size: 1.75rem;
  line-height: 1.1;
  margin: 0;
  max-width: 80%;
  text-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

@media (max-width: 1199px) {
  .showcase-shell {
    gap: 20px;
    padding: 20px;
  }

  .showcase-panel .u-container-layout-1 {
    padding: 34px 28px;
  }
}

@media (max-width: 991px) {
  .showcase-intro .row {
    padding: 30px 24px;
  }

  .showcase-shell,
  .showcase-section--reverse .showcase-shell {
    flex-direction: column;
  }

  .showcase-media,
  .showcase-panel {
    flex: initial;
    width: 100%;
  }

  .showcase-media {
    min-height: 320px;
  }
}

@media (max-width: 500px) {
  .showcase-intro-block {
    padding-top: 24px;
  }

  .showcase-intro {
    width: calc(100% - 20px);
  }

  .showcase-intro .row {
    padding: 24px 18px;
    border-radius: 22px;
  }

  .showcase-shell {
    width: calc(100% - 20px);
    padding: 14px;
    gap: 14px;
    border-radius: 22px;
  }

  .showcase-media {
    min-height: 240px;
    border-radius: 18px;
  }

  .showcase-panel {
    border-radius: 18px;
  }

  .showcase-panel .u-container-layout-1 {
    padding: 24px 18px;
  }

  .showcase-section .u-text-1 {
    font-size: 1.9rem;
  }

  .application-card {
    min-height: 300px;
    margin: 8px;
    padding: 18px;
    border-radius: 18px;
  }

  .application-card__title {
    font-size: 1.4rem;
    max-width: 100%;
  }
}

/* Refined showcase layout */
.showcase-section {
  padding: 24px 0;
}

.showcase-shell {
  width: min(1280px, calc(100% - 32px));
  min-height: auto !important;
  display: flex;
  align-items: stretch;
  gap: 28px;
  padding: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.showcase-section--reverse .showcase-shell {
  flex-direction: row-reverse;
}

.showcase-panel {
  flex: 0 0 320px;
  width: auto;
  min-height: 560px;
  margin: 0;
  border: none;
  border-radius: 32px;
  background: linear-gradient(160deg, #172335 0%, #27364b 100%);
  box-shadow: 0 24px 55px rgba(12, 21, 34, 0.18);
  overflow: hidden;
  position: relative;
}

.showcase-panel::before {
  content: "";
  position: absolute;
  inset: 20px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
}

.showcase-panel::after {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  right: -70px;
  bottom: -70px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(195, 22, 41, 0.34) 0%, rgba(195, 22, 41, 0) 72%);
}

.showcase-panel .u-container-layout-1 {
  padding: 42px 34px;
  height: 100%;
  display: flex;
  align-items: center;
}

.showcase-section .u-text-1 {
  font-family: 'Titillium Web', sans-serif !important;
  font-size: clamp(2.2rem, 2.2vw, 4rem);
  line-height: 1;
  color: #ffffff;
  margin: 0;
  position: relative;
  z-index: 1;
  text-align: center;
}

.showcase-media {
  flex: 1 1 auto;
  min-height: 560px;
  border-radius: 32px;
  overflow: hidden;
  position: relative;
  background: #dbe4ec;
  box-shadow: 0 24px 55px rgba(12, 21, 34, 0.14);
}

.showcase-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(9, 18, 31, 0.02) 0%, rgba(9, 18, 31, 0.18) 100%);
}

.showcase-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s ease;
}

.showcase-section:hover .showcase-image {
  transform: scale(1.03);
}

/* Menu hover and active state */
.navbar {
  padding: 8px 24px;
  background: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.navbar .navbar-collapse {
  align-items: center;
}

.navbar .navbar-nav {
  gap: 6px;
}

.navbar .nav-item {
  margin: 0 2px;
}

.navbar .nav-item .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px !important;
  margin: 18px 0 !important;
  border-radius: 999px;
  color: #1c2738;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  position: relative;
  transition: color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.navbar .nav-item .nav-link::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 10px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #c31629 0%, #ff7f8d 100%);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.25s ease;
}

.navbar .nav-item .nav-link:hover,
.navbar .nav-item .nav-link:focus {
  color: #c31629;
  background: rgba(195, 22, 41, 0.08);
  box-shadow: inset 0 0 0 1px rgba(195, 22, 41, 0.08);
  transform: translateY(-1px);
}

.navbar .nav-item .nav-link:hover::before,
.navbar .nav-item .nav-link:focus::before {
  transform: scaleX(1);
}

.navbar .nav-item .nav-link.active {
  color: #ffffff;
  background: linear-gradient(135deg, #c31629 0%, #e23d50 100%);
  box-shadow: 0 14px 28px rgba(195, 22, 41, 0.24);
}

.btn-mundo {
  color: #e23d50;
  background: linear-gradient(135deg, #FFFFFF 0%, #d6d6d6 100%);
  box-shadow: 0 14px 28px rgba(195, 22, 41, 0.24);
  transition: all 0.25s ease;
  border-radius: 999px;
  padding: 10px 30px;
  font-size:15px;
  font-weight: 600;
}
.btn-mundo:hover {
  color: #FFF;
  background: linear-gradient(135deg, #c31629 0%, #e23d50 100%);
  box-shadow: 0 14px 28px rgba(195, 22, 41, 0.24);
}

.navbar .nav-item .nav-link.active::before {
  transform: scaleX(1);
  background: rgba(255, 255, 255, 0.68);
}

.navbar .nav-item .nav-link.active:hover,
.navbar .nav-item .nav-link.active:focus {
  color: #ffffff;
  background: linear-gradient(135deg, #b81224 0%, #d93447 100%);
}

@media (max-width: 1199px) {
  .showcase-panel {
    flex-basis: 290px;
    min-height: 500px;
  }

  .showcase-media {
    min-height: 500px;
  }
}

@media (max-width: 991px) {
  .showcase-shell,
  .showcase-section--reverse .showcase-shell {
    flex-direction: column;
    gap: 14px;
  }

  .showcase-panel {
    flex: initial;
    min-height: 170px;
    border-radius: 24px;
  }

  .showcase-panel .u-container-layout-1 {
    padding: 28px 24px;
    align-items: center;
  }

  .showcase-media {
    min-height: 320px;
    border-radius: 24px;
  }

  .navbar {
    padding: 10px 12px;
  }

  .navbar .navbar-collapse {
    background: #ffffff;
    margin-top: 10px;
    padding: 10px;
    border-radius: 24px;
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.12);
  }

  .navbar .navbar-nav {
    gap: 4px;
  }

  .navbar .nav-item .nav-link {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin: 0 !important;
    padding: 0 16px !important;
    min-height: 48px;
  }

  .navbar .nav-item .nav-link::before {
    left: 16px;
    right: auto;
    width: 38px;
    bottom: 11px;
    transform-origin: left center;
  }
}

@media (max-width: 500px) {
  .showcase-shell {
    width: calc(100% - 20px);
  }

  .showcase-panel {
    min-height: 150px;
    border-radius: 20px;
  }

  .showcase-panel .u-container-layout-1 {
    padding: 24px 18px;
  }

  .showcase-section .u-text-1 {
    font-size: 1.95rem;
  }

  .showcase-media {
    min-height: 250px;
    border-radius: 20px;
  }
}

/* Hero refresh */
.slide-wrapper {
  position: relative;
  margin-top: 100px;
  overflow: hidden;
  background: #0f1927;
}

.slide-wrapper.shadow {
  box-shadow: 0 26px 60px rgba(12, 21, 34, 0.18) !important;
}

.slide-wrapper .container-fluid {
  position: relative;
}

#main-slider,
#main-slider .carousel-inner,
#main-slider .carousel-item {
  min-height: 760px;
}

#main-slider .carousel-item {
  position: relative;
}

#main-slider .carousel-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(7, 16, 28, 0.86) 0%, rgba(7, 16, 28, 0.48) 34%, rgba(7, 16, 28, 0.18) 62%, rgba(7, 16, 28, 0.08) 100%),
    linear-gradient(180deg, rgba(7, 16, 28, 0.08) 0%, rgba(7, 16, 28, 0.36) 100%);
  z-index: 1;
}

.slide-wrapper .image {
  width: 100%;
  height: 760px;
  object-fit: cover;
  filter: none;
}

.slide-wrapper .slider-text {
  position: absolute;
  bottom:20%;
  left: clamp(18px, 8vw, 120px);
  transform: translateY(-50%);
  z-index: 3;
  width: min(620px, calc(100% - 36px));
  padding: 38px 40px;
  color: #fff;
  text-align: left;
  background: rgba(9, 18, 31, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 32px;
  box-shadow: 0 24px 60px rgba(6, 14, 24, 0.28);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.slide-wrapper .slider-text::before {
  content: "";
  position: absolute;
  inset: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  pointer-events: none;
}

.hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.82);
  position: relative;
  z-index: 1;
}

.hero-kicker::before {
  content: "";
  width: 44px;
  height: 2px;
  background: linear-gradient(90deg, #ff8a97 0%, rgba(255, 138, 151, 0.12) 100%);
}

.slide-wrapper .slider-text h1 {
  font-family: 'Titillium Web', sans-serif !important;
  font-size: clamp(2.6rem, 4.7vw, 4rem);
  line-height: 0.98;
  letter-spacing: -0.04em;
  margin: 0;
  max-width: 11.5ch;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
  text-shadow: none;
  position: relative;
  z-index: 1;
}

#main-slider .carousel-item:nth-child(3) .slider-text h1,
#main-slider .carousel-item:nth-child(4) .slider-text h1 {
  font-size: clamp(2.25rem, 4.1vw, 4.15rem);
  max-width: 13ch;
}

.slide-wrapper .slider-text p {
  margin: 22px 0 0;
  max-width: 520px;
  font-size: 1.05rem;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.82);
  position: relative;
  z-index: 1;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
  position: relative;
  z-index: 1;
}

.hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.hero-btn:hover {
  transform: translateY(-2px);
}

.hero-btn--primary {
  color: #fff;
  background: linear-gradient(135deg, #c31629 0%, #e23d50 100%);
  box-shadow: 0 18px 34px rgba(195, 22, 41, 0.26);
}

.hero-btn--primary:hover {
  color: #fff;
  box-shadow: 0 22px 40px rgba(195, 22, 41, 0.32);
}

.hero-btn--ghost {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.hero-btn--ghost:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
}

#main-slider .carousel-indicators {
  left: clamp(18px, 8vw, 120px);
  right: auto;
  bottom: 40px;
  margin: 0;
  justify-content: flex-start;
  gap: 10px;
}

#main-slider .carousel-indicators li {
  width: auto;
  height: auto;
  margin: 0;
  text-indent: 0;
  background: transparent !important;
}

#main-slider .carousel-indicators li::before,
#main-slider .carousel-indicators li::after {
  display: none;
}

#main-slider .carousel-indicators li span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 46px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

#main-slider .carousel-indicators li.active {
  margin: 0;
}

#main-slider .carousel-indicators li.active span,
#main-slider .carousel-indicators li:hover span {
  background: #ffffff;
  color: #172335;
  border-color: #ffffff;
  transform: translateY(-2px);
}

#main-slider .carousel-control-prev,
#main-slider .carousel-control-next {
  width: 68px !important;
  height: 68px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  opacity: 1;
  transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
  z-index: 4;
}

#main-slider .carousel-control-prev {
  left: 28px;
}

#main-slider .carousel-control-next {
  right: 28px;
}

#main-slider .carousel-control-prev:hover,
#main-slider .carousel-control-next:hover {
  transform: translateY(-50%) scale(1.04);
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.34);
}

#main-slider .carousel-control-next span,
#main-slider .carousel-control-prev span {
  padding: 0;
}

.hero-brand-strip {
  position: absolute;
  left: 50%;
  bottom: 34px;
  z-index: 4;
  transform: translateX(-50%);
  width: min(820px, calc(100% - 40px));
}

.ogeler {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 2vw, 26px);
  width: 100%;
  padding: 16px 24px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 20px 45px rgba(12, 21, 34, 0.14);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.ogeler a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  min-height: 52px;
  padding: 0 6px;
  border-radius: 18px;
  transition: transform 0.25s ease, background-color 0.25s ease;
}

.ogeler a:hover {
  transform: translateY(-3px);
  background: rgba(23, 35, 53, 0.05);
}

.ogeler img {
  max-height: 34px;
  width: auto;
  filter: none;
}

@media (max-width: 991px) {
  #main-slider,
  #main-slider .carousel-inner,
  #main-slider .carousel-item {
    min-height: 680px;
  }

  .slide-wrapper .image {
    height: 680px;
  }

  .slide-wrapper .slider-text {
    top: 46%;
    left: 20px;
    width: calc(100% - 40px);
    padding: 28px 24px;
    border-radius: 24px;
  }

  .slide-wrapper .slider-text::before {
    inset: 12px;
    border-radius: 18px;
  }

  .slide-wrapper .slider-text h1 {
    font-size: clamp(2rem, 6.8vw, 3.4rem);
    max-width: 12.5ch;
  }

  #main-slider .carousel-item:nth-child(3) .slider-text h1,
  #main-slider .carousel-item:nth-child(4) .slider-text h1 {
    font-size: clamp(1.85rem, 6vw, 3rem);
    max-width: 14ch;
  }

  .slide-wrapper .slider-text p {
    font-size: 0.98rem;
  }

  #main-slider .carousel-control-prev,
  #main-slider .carousel-control-next {
    width: 56px !important;
    height: 56px;
    top: auto;
    bottom: 118px;
    transform: none;
  }

  #main-slider .carousel-control-prev:hover,
  #main-slider .carousel-control-next:hover {
    transform: scale(1.04);
  }

  #main-slider .carousel-control-prev {
    left: 20px;
  }

  #main-slider .carousel-control-next {
    right: 20px;
  }

  #main-slider .carousel-indicators {
    left: 20px;
    bottom: 132px;
  }

  .hero-brand-strip {
    bottom: 20px;
    width: calc(100% - 20px);
  }

  .ogeler {
    gap: 10px;
    padding: 12px 16px;
    border-radius: 24px;
    flex-wrap: wrap;
  }

  .ogeler img {
    max-height: 28px;
  }
}

@media (max-width: 500px) {
  #main-slider,
  #main-slider .carousel-inner,
  #main-slider .carousel-item {
    min-height: 720px;
  }

  .slide-wrapper .image {
    height: 720px;
  }

  .slide-wrapper .slider-text {
    top: 42%;
    padding: 24px 18px;
  }

  .hero-kicker {
    font-size: 10px;
    letter-spacing: 0.18em;
    gap: 8px;
  }

  .hero-kicker::before {
    width: 28px;
  }

  .slide-wrapper .slider-text h1 {
    font-size: 1.85rem;
    max-width: 100%;
  }

  .slide-wrapper .slider-text p {
    font-size: 0.92rem;
    line-height: 1.65;
    margin-top: 18px;
  }

  .hero-actions {
    gap: 10px;
    margin-top: 22px;
  }

  .hero-btn {
    min-height: 46px;
    width: 100%;
    padding: 0 16px;
    font-size: 13px;
  }

  #main-slider .carousel-indicators {
    bottom: 116px;
    gap: 8px;
  }

  #main-slider .carousel-indicators li span {
    min-width: 46px;
    height: 40px;
    padding: 0 10px;
    font-size: 11px;
  }

  #main-slider .carousel-control-prev,
  #main-slider .carousel-control-next {
    width: 48px !important;
    height: 48px;
    bottom: 110px;
  }

  .hero-brand-strip {
    bottom: 14px;
  }

  .ogeler {
    justify-content: space-between;
    padding: 10px 12px;
    border-radius: 20px;
  }

  .ogeler a {
    min-width: calc(50% - 6px);
    min-height: 44px;
  }
}

/* Products page refresh */
#urunler.urunler-page {
  margin-top: 100px;
  padding-bottom: 90px;
  background:
    radial-gradient(circle at top left, rgba(195, 22, 41, 0.06) 0%, rgba(195, 22, 41, 0) 28%),
    linear-gradient(180deg, #f8fafc 0%, #eef3f7 100%);
}

.urunler-page .container {
  width: min(1240px, calc(100% - 32px));
}

.urunler-page .container-fluid {
  overflow: hidden;
}

.urunler-hero {
  position: relative;
  padding-bottom: 34px;
}

.urunler-hero__media {
  position: relative;
}

.urunler-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(11, 19, 31, 0.16) 0%, rgba(11, 19, 31, 0) 55%);
}

.urunler-hero__media img {
  width: 100%;
  height: clamp(320px, 38vw, 540px);
  object-fit: cover;
}

.urunler-hero__content {
  position: relative;
  z-index: 2;
  margin-top: -96px;
}

.urunler-hero__card {
  max-width: 100%;
  padding: 38px 40px;
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(18, 30, 48, 0.08);
  box-shadow: 0 28px 60px rgba(12, 21, 34, 0.12);
}

.urunler-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  color: #c31629;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.urunler-hero__eyebrow::before {
  content: "";
  width: 46px;
  height: 2px;
  background: linear-gradient(90deg, #c31629 0%, rgba(195, 22, 41, 0.18) 100%);
}

.urunler-hero__card h1 {
  font-family: 'Titillium Web', sans-serif !important;
  font-size: clamp(2.8rem, 4vw, 4.5rem);
  line-height: 0.95;
  letter-spacing: -0.04em;
  color: #172335;
  margin: 0;
}

.urunler-hero__card p {
  margin: 22px 0 0;
  font-size: 1.05rem;
  line-height: 1.85;
  color: #526074;
}

.urunler-koleksiyon {
  margin-top: 22px;
  display: grid;
  gap: 34px;
}

.urun-grup {
  display: flex;
  align-items: stretch;
  border-radius: 36px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(18, 30, 48, 0.08);
  box-shadow: 0 24px 55px rgba(12, 21, 34, 0.10);
}

.urun-grup--reverse {
  flex-direction: row-reverse;
}

.urun-grup__media,
.urun-grup__content {
  flex: 1 1 50%;
}

.urun-grup__media {
  overflow: hidden;
  position: relative;
  min-height: 440px;
  background: #dbe4ec;
}

.urun-grup__media img {
  width: 100%;
  height: 100%;
  /*object-fit: cover;*/
  transition: transform 0.65s ease;
}

.urun-grup:hover .urun-grup__media img {
  transform: scale(1.04);
}

.urun-grup__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 16, 27, 0.18) 0%, rgba(8, 16, 27, 0.78) 100%);
}

.urun-grup__caption {
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 32px;
  z-index: 2;
}

.urun-grup__caption h2 {
  font-family: 'Titillium Web', sans-serif !important;
  font-size: clamp(2rem, 2.6vw, 3rem);
  line-height: 1;
  letter-spacing: -0.03em;
  color: #fff;
  margin: 10px 0 0;
}

.urun-grup__eyebrow {
  display: inline-flex;
  align-items: center;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.84);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.urun-grup__content {
  padding: 40px 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
}

.urun-grup--accent .urun-grup__content {
  background: linear-gradient(180deg, #fff6f7 0%, #fffdfd 100%);
}

.urun-grup__summary {
  font-size: 1rem;
  line-height: 1.8;
  color: #526074;
  margin: 0 0 28px;
  max-width: 520px;
}

.urun-link-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 14px;
}

.urunler-page .urun-link-list li {
  margin: 0;
}

.urunler-page .urun-link-list li::before {
  content: none;
  display: none;
}

.urun-link-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 72px;
  padding: 16px 18px 16px 22px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(18, 30, 48, 0.08);
  box-shadow: 0 16px 32px rgba(12, 21, 34, 0.06);
  color: #172335;
  text-decoration: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.urun-link-list a:hover {
  color: #c31629;
  border-color: rgba(195, 22, 41, 0.24);
  box-shadow: 0 20px 36px rgba(12, 21, 34, 0.10);
  transform: translateY(-3px);
}

.urun-link-list__label {
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 600;
}

.urun-link-list__icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(195, 22, 41, 0.08);
  color: #c31629;
  transition: transform 0.25s ease, background-color 0.25s ease;
}

.urun-link-list a:hover .urun-link-list__icon {
  transform: translateX(2px);
  background: rgba(195, 22, 41, 0.14);
}

@media (max-width: 991px) {
  .urunler-hero__content {
    margin-top: -68px;
  }

  .urunler-hero__card {
    padding: 30px 24px;
    border-radius: 26px;
  }

  .urun-grup,
  .urun-grup--reverse {
    flex-direction: column;
  }

  .urun-grup__media {
    min-height: 320px;
  }

  .urun-grup__content {
    padding: 28px 24px;
  }
}

@media (max-width: 500px) {
  #urunler.urunler-page {
    padding-bottom: 56px;
  }

  .urunler-page .container {
    width: calc(100% - 20px);
  }

  .urunler-hero__media img {
    height: 260px;
  }

  .urunler-hero__content {
    margin-top: -36px;
  }

  .urunler-hero__card {
    padding: 24px 18px;
    border-radius: 22px;
  }

  .urunler-hero__card h1 {
    font-size: 2.2rem;
  }

  .urunler-hero__card p,
  .urun-grup__summary {
    font-size: 0.94rem;
    line-height: 1.7;
  }

  .urunler-koleksiyon {
    gap: 22px;
  }

  .urun-grup {
    border-radius: 24px;
  }

  .urun-grup__media {
    min-height: 250px;
  }

  .urun-grup__caption {
    left: 18px;
    right: 18px;
    bottom: 18px;
  }

  .urun-grup__caption h2 {
    font-size: 1.85rem;
  }

  .urun-grup__content {
    padding: 22px 18px;
  }

  .urun-link-list a {
    min-height: 62px;
    padding: 14px 14px 14px 16px;
    border-radius: 18px;
  }

  .urun-link-list__label {
    font-size: 0.94rem;
  }

  .urun-link-list__icon {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
  }
}

/* Bergstein catalog */
.bergstein-hero {
  margin-top:0px;
  position: relative;
  overflow: hidden;
}

.bergstein-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 18, 37, 0.06), rgba(8, 18, 37, 0.38));
  pointer-events: none;
}

.bergstein-hero img {
  width: 100%;
  max-height: 540px;
  object-fit: cover;
}

.bergstein-catalog {
  padding: 0 0 56px;
}

.bergstein-intro {
  margin-bottom: 20px;
}

.bergstein-intro p {
  font-size: 1.15rem;
  line-height: 1.9;
  color: #49556a;
}

.bergstein-series {
  display: grid;
  gap: 32px;
  padding-top: 12px;
}

.bergstein-card {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: stretch;
  background: #fff;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 24px 55px rgba(14, 31, 53, 0.12);
}

.bergstein-card--reverse .bergstein-card__media {
  order: 2;
}

.bergstein-card--reverse .bergstein-card__body {
  order: 1;
}

.bergstein-card__media {
  min-height: 360px;
  background: linear-gradient(135deg, #0f213a, #123d73);
}

.bergstein-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bergstein-card__body {
  padding: 44px 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%);
}

.bergstein-card__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  color: #0b4f94;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.bergstein-card__eyebrow::before {
  content: "";
  width: 42px;
  height: 2px;
  background: linear-gradient(90deg, #c31629, rgba(195, 22, 41, 0));
}

.bergstein-card__body h3 {
  margin-bottom: 12px;
  color: #12233e;
  font-size: clamp(2rem, 3vw, 2.75rem);
  font-weight: 700;
}

.bergstein-card__lead {
  margin-bottom: 16px;
  color: #c31629;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
}

.bergstein-card__body p {
  margin-bottom: 12px;
  color: #4c5b73;
  font-size: 1.02rem;
  line-height: 1.85;
}

.bergstein-card__body p:last-child {
  margin-bottom: 0;
}

.bergstein-placeholder {
  padding: 72px 0 80px;
}

.bergstein-placeholder .col-md-8 {
  padding: 44px 36px;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #f6f8fb 100%);
  box-shadow: 0 20px 45px rgba(14, 31, 53, 0.1);
}

.bergstein-placeholder p {
  margin: 12px 0 0;
  color: #526178;
  font-size: 1.05rem;
  line-height: 1.8;
}

@media (max-width: 991.98px) {
  .bergstein-card {
    grid-template-columns: 1fr;
  }

  .bergstein-card--reverse .bergstein-card__media,
  .bergstein-card--reverse .bergstein-card__body {
    order: initial;
  }

  .bergstein-card__media {
    min-height: 300px;
  }

  .bergstein-card__body {
    padding: 34px 28px;
  }
}

@media (max-width: 575.98px) {
  .bergstein-hero img {
    max-height: 300px;
  }

  .bergstein-intro p {
    font-size: 1rem;
  }

  .bergstein-card {
    border-radius: 22px;
  }

  .bergstein-card__media {
    min-height: 240px;
  }

  .bergstein-card__body {
    padding: 28px 22px;
  }

  .bergstein-card__lead {
    font-size: 1.05rem;
  }
}