@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');
@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: 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: 36px;}
.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: #f9bb5f !important;
}
#sticky-wrapper {
   height: 0;
}

.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);
  }

.nav-bar-active{border-bottom: 4px solid #f9bb5f;}
/* .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;}
.btn-outline-blue {color: black!important;background-color: transparent;background-image: none;border-color:#313381!important;}
.btn-outline-blue:hover {color: #fff!important;background-color: #313381;background-image: none;border-color: #313381 !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;}

.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);
  }

.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;
}

.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%;
   right: 4%;
   color: #fff;
   width: 30%;
   /* text-align: justify; */
}

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

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

#slider h3 {
   font-size: 70px;
   color: orange;
}

#slider h4 {
   font-size: 30px;
}

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

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


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

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

#orta {
   padding-top: 80px;
   padding-bottom: 200px;
}

#orta .orta-text {
   width: 90%;
}

.orta-text img {
   width: 450px;
   display: block;
   position: absolute;
   bottom: 40px;
   border-radius: 5%;
}

/* .orta-text img {
   width: 450px;
   position: absolute;
   bottom: -15%;
   right: -20%;
   z-index: 2;
} */

#orta h6 {
   color: #44533c;
}

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

#orta .col-md-4 {
   margin-top: 100px;
}

#orta .col-md-6 {
   justify-content: end;
   display: flex;
}

#main-katalog {
   position: relative;
   background-color: #003a73;
   padding: 20px 0;
}
#main-katalog: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%;
}

#main-katalog .col-12 {
   display: flex;
   justify-content: center;
}

#main-katalog .row {
   position: relative;
   z-index: 99;
}

#main-katalog h2 {
   color: #fff;
   text-align: center;
   position: relative;
   z-index: 2;
}

#main-katalog h4 {
   color: #fff;
   z-index: 2;
}

#main-katalog a {
   color: #fff;
   z-index: 2;
}

.kataloglar {
   padding: 20px;
   margin-top: 20px;
}

.kataloglar .box {
   padding: 10px;
   background-color: #00000045;
}


.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;
}

#icon-section {
   background-color: #ebf0e8;
   overflow: hidden;
}

#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;
}

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

.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 {
   margin-top: -30%;
}

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

#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;
} */


.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;
}

#kurumsal .main-container {
   position: relative;
}

#kurumsal .main-container img {
   border-radius: 10px;
}

#kurumsal .main-container::before {
   content: "";
   background-image: url("../images/hakkimizda/before.png");
   background-repeat: no-repeat;
   height: 330px;
   width: 100%;
   position: absolute;
   bottom: 0;
   left: -34%;
}

/* custom btn */

.sticky-wrapper.is-sticky .special-link {
   color: #fff !important;
}

.special-link {
   padding: 10px !important;
   color: #fff !important;
   box-shadow: 0px 0px 9px 0px black;
   background-color: #fcbe35 !important;
   font-weight: 600;
}
/* custom btn */

/* #kurumsal .main-container::after {
   content: "";
   background-image: url("../images/kurumsal/after.png");
   background-repeat: no-repeat;
   height: 330px;
   width: 100%;
   position: absolute;
   bottom: 0;
   right: -34%;
} */

#kurumsal .icon-container .text-box h3 {
   margin-top: 0;
   font-family: Quattrocento, serif;
   font-size: 2rem;
   color: #44533c;
   background-color: #0000;
   margin-bottom: 10px;
   margin-top: 20px;
}


.line {
   text-decoration: underline;
}

.back-btn {
   position: relative;
   left: -10%;
}


/*urunler sayfasi*/

#slide .container {
   max-width: 1500px;
   background-color: #fff;
}

/*Slide*/


#slide nav .form-control {
   width: 300px !important;
   display: inline !important;
}

.navp {
   margin-bottom: 3px;
}

.select {
   padding: 5px;
}

 /* #slide span.Content {
   position: absolute;
   left: 50%;
   top: 50%;
   width: auto;
   max-width: 450px;
   height: auto;
   margin-left: -550px;
   margin-top: -75px;
   color: #FFF;
   padding: 20px 25px;
   background: rgba(255,158,27,0.8);
   z-index: 1;
}

#slide span.Content h1 {
   float: left;
   width: auto;
   height: auto;
   font-family: 'MyriadPro-Semibold';
   font-size: 36px;
   line-height: 40px;
}

#slide span.Content p {
   float: left;
   clear: both;
   width: auto;
   height: auto;
   font-family: 'MyriadPro-Semibold';
   font-size: 14px;
   line-height: 20px;
} */

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

.list-group-item.active {
   z-index: 2;
   color: #fff;
   background-color: #0a2052 !important;
   border-color: #0a2052 !important;
}

.list-group-item {
   color: black;
}

.list-group-item:hover {
   color: #000;
}


 /*Slide*/

 /*urunler Start*/

 #urunler {
   background-color: rgb(238, 236, 236);
 }

#urunler .rowbg1 {
   background-color: rgb(238, 236, 236);
}

#urunler .rowbg2 {
   background-color: rgb(206, 206, 206);
}


 /*urunler End*/
/*urunler sayfasi*/

/*urunler card*/

#slide .mobile-btn {
   display: none;
}


#slide h2 {
   color: #0a4870;
   font-weight: 500;
 }
 
 #slide ul {
   flex-wrap: wrap;
   list-style: none;
   padding: 0;
   justify-content: center;
 }
 #slide ul .booking-card {
   position: relative;
   width: 260px;
   display: flex;
   flex: 0 0 300px;
   flex-direction: column;
   margin: 20px;
   margin-bottom: 30px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   overflow: hidden;
   background-position: top;
   background-size: 100%;
   background-repeat: no-repeat;
   text-align: center;
   color: #0a4870;
   transition: 0.3s;
   box-shadow: 0px 0px 20px 1px grey;
   background-color: #fff;
   height: 460px;
 }
 #slide ul .booking-card::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(10, 72, 112, 0);
   transition: 0.3s;
 }
 #slide ul .booking-card .book-container {
   height: 50px;
 }
 #slide ul .booking-card:hover .book-container {
   height: 0px;
   padding-bottom: 40px;
 }
 #slide ul .booking-card .book-container .content {
   position: relative;
   opacity: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 100%;
   transform: translateY(-200px);
   transition: 0.3s;
 }
 #slide ul .booking-card .book-container .content .btn {
   border: 3px solid white;
   padding: 10px 15px;
   background: none;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 1.3em;
   color: white;
   cursor: pointer;
   transition: 0.3s;
 }
 #slide ul .booking-card .book-container .content .btn:hover {
   background: white;
   border: 0px solid white;
   color: #0a4870;
 }
 #slide ul .booking-card .informations-container {
   flex: 1 0 auto;
   padding: 20px;
   background: #fff;
   transform: translateY(206px);
   transition: 0.3s;
 }

.asd {
   position: relative !important;
   bottom: 10px !important;
 }

 #slide ul .booking-card .informations-container .title {
   position: relative;
   padding-bottom: 10px;
   margin-bottom: 10px;
   font-weight: bold;
   font-size: 1rem;
   word-break: break-word;
   min-height: 48px;
 }

 #slide .sub-title {
    font-weight: bold;
    font-size: 20px;
 }

 #slide ul .booking-card .informations-container .title::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 3px;
   width: 50px;
   margin: auto;
   background: #0a4870;
 }
 #slide ul .booking-card .informations-container .price {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 10px;
 }
 #slide ul .booking-card .informations-container .price .icon {
   margin-right: 10px;
 }
 #slide ul .booking-card .informations-container .more-information {
   opacity: 0;
   transition: 0.3s;
 }
 #slide ul .booking-card .informations-container .more-information .info-and-date-container {
   display: flex;
 }
 #slide ul .booking-card .informations-container .more-information .info-and-date-container .box {
   flex: 1 0;
   padding: 15px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   background: rgb(241, 241, 241);
   font-weight: bold;
   font-size: 0.9em;
 }
 #slide ul .booking-card .informations-container .more-information .info-and-date-container .box .icon {
   margin-bottom: 5px;
 }
 #slide ul .booking-card .informations-container .more-information .info-and-date-container .box.info {
   color: #ec992c;
   min-height: 190px;
 }
 #slide ul .booking-card .informations-container .more-information .info-and-date-container .box.info ul{
   font-size: 12px;
 }
 #slide ul .booking-card .informations-container .more-information .info-and-date-container .box.info ul li{
   margin: 0 10px 0 10px;
 }
 #slide ul .booking-card .informations-container .more-information .disclaimer {
   margin-top: 20px;
   font-size: 0.8em;
   color: #7d7d7d;
 }
 #slide ul .booking-card:hover .book-container .content {
   opacity: 1;
   transform: translateY(0px);
 }
 #slide ul .booking-card:hover .informations-container {
   transform: translateY(0px);
 }
 #slide ul .booking-card:hover .informations-container .more-information {
   opacity: 1;
 }



 .mt{margin-top: 20px !important;}
 .mfcolor{color: #0a4870;}
 .mfcolor2{color: #ec992c;}
/*urunler card*/

/*search sayfasi*/

#search .slide-img {
   background-image: url(../images/urunler/urunler-img.png);
   min-height: 785px;
   background-position: center center;
   margin-top: -485px;
   background-size: cover;
   position: relative;
}

#search span.Content {
   position: absolute;
   left: 50%;
   top: 50%;
   width: auto;
   max-width: 450px;
   height: auto;
   margin-left: -550px;
   margin-top: -75px;
   color: #FFF;
   padding: 20px 25px;
   background: rgba(255,158,27,0.8);
   z-index: 1;
}

#search .btn {
   color: #0a2052 !important;
   background-color: transparent !important;
   border-color: #0a2052 !important;
}

#search span.Content h1 {
   float: left;
   width: auto;
   height: auto;
   font-family: 'MyriadPro-Semibold';
   font-size: 36px;
   line-height: 40px;
   margin: 0px;
}

#search span.Content p {
   float: left;
   clear: both;
   width: auto;
   height: auto;
   font-family: 'MyriadPro-Semibold';
   font-size: 14px;
   line-height: 20px;
}

#search nav {
   position: absolute;
   border-radius: 10px;
   bottom: -16px;
   left: 50%;
   right: 50%;
   margin-left: -411px;
   width: max-content;
   background-color: rgb(238, 236, 236);
}

#search nav .form-control {
   width: 300px !important;
   display: inline !important;
}

#slide .btn {
   color: #0a2052 !important;
   background-color: transparent !important;
   border-color: #0a2052 !important;
}


#search .mobile-btn {
   display: none;
}


#search h2 {
   color: #0a4870;
   font-weight: 500;
 }
 
 #search ul {
   list-style: none;
   padding: 0;
   justify-content: center;
 }
 #search ul .booking-card {
   position: relative;
   width: 300px;
   display: flex;
   flex: 0 0 300px;
   flex-direction: column;
   margin: 20px;
   margin-bottom: 30px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   overflow: hidden;
   background-position: top;
   background-size: 100%;
   background-repeat: no-repeat;
   text-align: center;
   color: #0a4870;
   transition: 0.3s;
   box-shadow: 0px 0px 20px 1px grey;
   background-color: #fff;
   height: 460px;
 }
 #search ul .booking-card::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(10, 72, 112, 0);
   transition: 0.3s;
 }
 #search ul .booking-card .book-container {
   height: 50px;
 }
 #search ul .booking-card:hover .book-container {
   height: 0px;
   padding-bottom: 40px;
 }
 #search ul .booking-card .book-container .content {
   position: relative;
   opacity: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 100%;
   transform: translateY(-200px);
   transition: 0.3s;
 }
 #search ul .booking-card .book-container .content .btn {
   border: 3px solid white;
   padding: 10px 15px;
   background: none;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 1.3em;
   color: white;
   cursor: pointer;
   transition: 0.3s;
 }
 #search ul .booking-card .book-container .content .btn:hover {
   background: white;
   border: 0px solid white;
   color: #0a4870;
 }
 #search ul .booking-card .informations-container {
   flex: 1 0 auto;
   padding: 20px;
   background: #fff;
   transform: translateY(206px);
   transition: 0.3s;
 }
 #search ul .booking-card .informations-container .title {
   position: relative;
   padding-bottom: 10px;
   margin-bottom: 10px;
   font-weight: bold;
   font-size: 1rem;
   word-break: break-word;
   min-height: 48px;
 }

 #search .sub-title {
    font-weight: bold;
    font-size: 20px;
 }

 #search ul .booking-card .informations-container .title::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 3px;
   width: 50px;
   margin: auto;
   background: #0a4870;
 }
 #search ul .booking-card .informations-container .price {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 10px;
 }
 #search ul .booking-card .informations-container .price .icon {
   margin-right: 10px;
 }
 #search ul .booking-card .informations-container .more-information {
   opacity: 0;
   transition: 0.3s;
 }
 #search ul .booking-card .informations-container .more-information .info-and-date-container {
   display: flex;
 }
 #search ul .booking-card .informations-container .more-information .info-and-date-container .box {
   flex: 1 0;
   padding: 15px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   background: rgb(241, 241, 241);
   font-weight: bold;
   font-size: 0.9em;
 }
 #search ul .booking-card .informations-container .more-information .info-and-date-container .box .icon {
   margin-bottom: 5px;
 }
 #search ul .booking-card .informations-container .more-information .info-and-date-container .box.info {
   color: #ec992c;
   min-height: 190px;
 }
 #search ul .booking-card .informations-container .more-information .info-and-date-container .box.info ul{
   font-size: 12px;
 }
 #search ul .booking-card .informations-container .more-information .info-and-date-container .box.info ul li{
   margin: 0 10px 0 10px;
 }
 #search ul .booking-card .informations-container .more-information .disclaimer {
   margin-top: 20px;
   font-size: 0.8em;
   color: #7d7d7d;
 }
 #search ul .booking-card:hover .book-container .content {
   opacity: 1;
   transform: translateY(0px);
 }
 #search ul .booking-card:hover .informations-container {
   transform: translateY(0px);
 }
 #search ul .booking-card:hover .informations-container .more-information {
   opacity: 1;
 }
 
 /*search kismi mobil*/
 @media (max-width: 768px) {
   #search ul .booking-card .book-container .content {
     opacity: 1;
     transform: translateY(0px);
   }
   /* #search ul .booking-card .informations-container {
      
   }
   #search ul .booking-card .informations-container .more-information {
      
   } */

   #search .mobile-btn {
      display: inherit;
      margin: auto;
      width: 50%;
      z-index: 1;
   }

   #slide .mobile-btn {
      display: inherit;
      margin: auto;
      width: 50%;
      z-index: 1;
   }

   #search nav .form-control {
      width: 250px !important;
   }

   #search nav .form-inline button {
      margin-left: 5px;
   }
   #slide nav .form-inline button {
      margin-left: 5px;
   }

   #search ul .booking-card:hover .informations-container {
      transform: translateY(206px);
      opacity: 1;
    }

    #search ul .booking-card:hover .informations-container .more-information {
       opacity: 0;
    }

    #search span.Content {
      margin-top: -40px;
      left: 10px;
      margin-left: 0px;
      font-size: 20px;
      padding: 20px;
   }

   #search span.Content h1{
      font-size: 24px;
      line-height: 30px;
   }

   #search span.Content p {
      font-size: 12px;
      line-height: 14px;
   }

   #search .slide-img {
      margin-top: -190px;
      min-height: 550px;
   }

   #search nav {
      position: absolute;
      border-radius: 0px;
      bottom: -1px;
      left: 0;
      right: 0;
      margin-left: 0;
      width: 100%;
      background-color: rgb(238, 236, 236);
   }

 }
 /*search kismi mobil*/
 
 #search .credits {
   display: table;
   background: #0a4870;
   color: white;
   line-height: 25px;
   margin: 10px auto;
   padding: 20px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   text-align: center;
 }
 #search .credits a {
   color: #e3ebf1;
 }
 
 #search h1 {
   margin: 10px 20px;
 }

/*search sayfasi*/


/* contact */
/* #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: #44533c;
}
#iletisim ul li:hover .iletisim-img > i {
   background: #44533c;
   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;
} */

#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;
 }

/* 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;
} */

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

.swiper-container {width:100%;height: 600px;}
.swiper-slide{text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;}

.golge img {
   filter: drop-shadow(-1px 9px 10px rgba(50, 50, 0, 0.5))
}

.ustbg {
   background-image: url("../images/main/ustbg.jpg");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 120px;
   top: 0px;
 }

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

/* 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%;
   z-index: 3;
}
.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 section */

#services .owl-carousel .owl-item img {
   display: block;
   width: unset;
   margin: auto;
}

#services .owl-carousel .owl-item a {
   color: #fff;
}

/* news */

.active-container .box {
   display: inline-block;
   background: #122b7b;
   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: #122b7b;
   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: #122b7b;
   font-weight: bolder;
 }
 
 .active-text p {
   color: gray;
   font-weight: 800;
 }
 
 .active-text .btn-secondary {
   padding: 8px 25px 8px 25px !important;
   background-color: #122b7b !important;
   color: #fff !important;
 }
 
 .active-text .btn-secondary:hover {
   background-color: #fff !important;
   color: #122b7b !important;
 }
 
 
 .blog-ul {
   padding: 0px;
   margin: 0;
   border: 1px solid #122b7b;
 }
 
 .blog-ul li {
   list-style: none;
   padding: 5px;
   text-align: justify;
 }
 .blog-ul li a {
   text-decoration: none;
   color: #122b7b;
 }
 
 #blog h5 {
   font-size: 0.85rem;
 }
 
 .widget-sidebar {
   /* background-color: #fff; */
   padding: 0px 20px 20px 20px;
   /* margin-top: 30px; */
 }
 
 .title-widget-sidebar {
   font-size: 14pt;
   border-bottom: 2px solid #e5ebef;
   margin-bottom: 15px;
   padding-bottom: 10px;    
   margin-top: 0px;
   font-weight: 500;
   color: black;
 }
 
 .title-widget-sidebar:after {
   border-bottom: 2px solid #000000;
   width: 150px;
   display: block;
   position: absolute;
   content: '';
   padding-bottom: 10px;
 }
 
 .recent-post{width: 100%;height: 100px;list-style-type: none;}
 .post-img img {
   width: 100px;
   height: 100px;
   float: left;
   margin-right: 15px;
   border: 5px solid #f9bb5f;
   transition: 0.5s;
   border-radius: 10px;
 }
 
 #haberler .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;
 }

 .recent-post h5 {
   color: #000;
 }
 /* news */

 .btn-primary2{
   color: #fff !important;
   background-color: #0a0a0abf !important;
   border-color: #0a0a0abf !important;
   border-radius: 60px;
   height: 40px;
   margin-top: 10px;
}
.btn-primary2:hover{
   color: #0a0a0abf !important;
   background-color: #fff !important;
   border-color: #0a0a0abf !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;
}

.bluebg {
   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 {
   /* background-color: rgb(223, 223, 223); */
}

#hakkimizda .container {
   padding: 50px;
   background-color: #fff;
   position: relative;
   /* top: -50px; */
   /* border-radius: 20px 20px 0px 0px; */
}

#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;
}

#iletisim .socials {
   text-align: start;
}

#iletisim .socials a {
   color: #0e2364;
   padding: 0px 20px 0px 0px;
}

#iletisim ul {
   padding: 0;
}

#iletisim ul li {
   list-style: none;
}

#iletisim ul li a {
   text-decoration: none;
   color: #0e2364;
}

#iletisim .contact {
   background-color: #292b31;
   color: #fff;
   padding-bottom: 40px;
   padding-top: 20px;
   margin-bottom: -48px;
}

#iletisim .contact .card {
   background-color: transparent;
   border: none;
}

#referans .item {
   border: 0.5px solid rgb(168, 168, 168);
   /* border-radius: 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;
}

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

#hakkimizda a {
   color: black;
}

#hakkimizda 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;
}
.gal {
	
	
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	  
	
	}	
	.gal img{ width: 100%; padding: 7px 0;}
@media (max-width: 500px) {
		
		.gal {
	
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	  
	
	}
		
	}
/* .site-navbar .site-logo #logoB {
   width: 68%;
} */


@media screen and (max-width: 1560px) {
   .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) {

   #hakkinda .container {
      min-width: 1200px;
  }

   #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) {

   .site-menu {
      margin-left: 10%;
   }

   #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) {

   #services h1 {
      font-size: 1.5rem;
   }

   #hakkinda .container {
      min-width: 100%;
  }

   #hakkinda .carousel {
      margin-top: 0;
  }

  .owl-nav {
   position: absolute !important;
   /* bottom: 10% !important; */
   width: 10% !important;
   left: 45%;
   /* right: 55%; */
   top: 92%;
   z-index: 3;
}

   #slider .slider-text4 {
      position: absolute;
      top: 44%;
      left: 14%;
      color: #fff;
      width: 80%;
  }

   .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: #f9bb5f !important;
   }

   .site-navbar {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
  }

   .slider-text1 {
      position: absolute;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      top: 40% !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%;
}

.ustbg {
   top: -20px;
}

.ustbg h1 {
   top: 67%;
}

#tabmenu {
   bottom: 0;
}

#tabmenu nav {
   height: unset;
}

.footer .col-md-6 {
   text-align: center;
}
}