/*!
 * ZeplinGo
 * Custom css
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) ZeplinGo
 */
@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&family=Outfit:wght@100..900&display=swap')

h1 {
  font-family: "Gilda Display", serif!important;
}
h2 {
  font-family: "Gilda Display", serif!important;
}
h3 {
  font-family: "Gilda Display", serif!important;
}
h4 {
  font-family: "Gilda Display", serif!important;
}
h5 {
  font-family: "Gilda Display", serif!important;
}

.footer_ssl_card {
      margin-bottom: 140px;
}

/*!
 * Google yorumlar 
 */
.contentid49 .col-md-8 {
     -ms-flex: 0 0 100%;
     -webkit-box-flex: 0;
     flex: 0 0 100%;
     max-width: 100%;
}

.contentid49 h2 {
    color: #000 !important;
    color: !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-image: linear-gradient(45deg, #9f1a3e 10%, #282828 30%, #bb8831);
    color: transparent;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.4;
    margin-right: auto;
}
/*!
 * Google yorumlar 
 */

.otel-reservation-detail {
  background-color: #181818!important;
      background: #181818;
    color: #fff;
}
#form1 > div > div > div > h1  {
      color: #fff !important;
}

.btn-info.active, .btn-info.focus, .btn-info:focus, .btn-info:hover {
    color: #fff!important;
    background-color: #0a0a0a!important;
    border-color: #fda71a!important;
}


.mbr-gallery .mbr-gallery-item img {
    border-top: solid 10px #ab8a62;
}

#DetailPageSimilarProdList > div.mbr-section-btn.pt-3.pb-0.col-12.text-center > h2 {
font-size: 0!important
}

#DetailPageSimilarProdList > div.mbr-section-btn.pt-3.pb-0.col-12.text-center > h2:after {
    font-size: 2rem;
    content: 'Diğer Odalarımız';
    visibility: visible;
}


#header3-q > div.container > div > div.media-content > div.mbr-section-text.mbr-white.pb-3 > p > b {
        font-size: 1rem;
    color: #ab8a62;
    margin-bottom: 0px;
}

.cid-ryadLfwoYT {
    padding-top: 0px;
    padding-bottom: 0;
}


.BlogMainDate {

    display: none;

}

.CorporationContent {
    background-color: #fff;

}

.carousel-indicators {
    display: none;
}

#header3-q > div.container > div > div.mbr-figure > img {
    border-radius: 0px 40px 0px 50px;
    border: solid 5px #ab8a62;

}
/*!
.navbar-logo img{
    background-color: #0a0a0aa6;
    border-radius: 30px 30px 0px 0px;
}
 */
.navbar-logo img:hover {
  transform: none!important; 

}



.contentid16::before {
 left: 0;
    z-index: 0;
    width: 100%;
    content: '';
    bottom: -1px;
    height: 81px;
    position: absolute;
    background-image: url(https://www.ardahanet.com/uploads/shape.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.MainPageProdList .container {
      max-width: 100%!important;
}

.contentid25 .container {
      max-width: 100%!important;
}


.current_price {
    color: #fff!important;
    font-size: 1.6rem;
    font-weight: 600;
    position: absolute;
    top: 10px;
    left: 25px;
    background-color: #000000a8;
    padding: 4px;
    border-radius: 10px 10px 10px;
        border-top: solid 3px #ab8a62;
}

@media screen and (max-width: 768px) {
        .current_price {
    color: #ec9a0b!important;
    font-size: 1rem;
    top: 10px;
    left: 14px;
    padding: 4px;
    width: 160px;
    }
}


.current_price::after {
    content: " / Gecelik";
      font-size: 0.8rem;
}

#find-prod-body {
      padding-top: 210px;
}

.btn-info-outline, .btn-info-outline:active {
    background: 0 0;
    border-color: #ab8a6230;
    color: #000000;
}

.btn-primary, .btn-primary:active {
    background-color: #f5a71f!important;
    border-color: #f5a71f!important;
    color: #331c12!important;
}



#content5-o > div.container > div > h2 {
  text-shadow: 0px 0px 7px #000000;
}



/*!
 * iconlar
 */
  .contentid36 .container .media-container-row > div {
    min-height: 230px;
    margin-top:30px;
    margin-bottom:30px;
    }

 @media screen and (max-width: 768px) {
   
   .contentid36 .container {
    margin-top: 75px;
    }


    .contentid36 .container .media-container-row > div {
    min-height: 230px;
    }
}



.contentid36 .container .media-container-row {

}

.contentid36 .container .media-container-row > div:nth-child(1){
    box-shadow: 0px 0px 20px -6px;
  background-color: #fff;
}

.contentid36 .container .media-container-row > div:nth-child(2){
    box-shadow: 0px 0px 20px -6px;
    background-color: #fff;

}

.contentid36 .container .media-container-row > div:nth-child(3){
    box-shadow: 0px 0px 20px -6px;
  background-color: #fff;

}

.contentid36 .container .media-container-row > div:nth-child(4){
    box-shadow: 0px 0px 20px -6px;
    background-color: #fff;

}

.contentid36 .container .media-container-row .card:nth-child(2) .card-box h4 {
          color: #331c12!important;
}

.contentid36 .container .media-container-row .card:nth-child(3) .card-box h4 {
      color:#000!important;
}
.contentid36  > div > div > div:nth-child(3) > div.card-box > p {
    color:#000!important;

}
#features1-3 > div > div > div > div.card-box > h4 {
  font-size: 1.6rem;
}
/*!
 * iconlar
 */


/*! rezervasyon formu*/

@media screen and (min-width: 768px) {
        .otel-rezervasyon {
          z-index: 1;
          margin-top: -290px !important;
          height: 290px;
    }
}

.otel-rezervasyon small {
    color: #000;
}

.otel-rezervasyon .btn-info-outline, .btn-info-outline:active {
    background-color: #fff;
}

.btn-info-outline.active, .btn-info-outline.focus, .btn-info-outline:focus, .btn-info-outline:hover {
    color: #fff!important;
    background-color: #000000;
    border-color: #f5a71f;
}


.otel-rezervasyon h2 {
  display:none;
}

.otel-rezervasyon > div > div {
    background-color: #ffffffb5;
    border-radius: 20PX;
}
/*! rezervasyon formu*/


/*!
 * kategori h2 yanlara çizgi web görünümünde
 */
@media (min-width: 1023px) {
    .title h2::before,
    .title h2::after {
        display: inline-block;
        content: "";
        border-top: .3rem solid #74645d;
        width: 4rem;
        margin: 0 1rem;
        transform: translateY(-0.5rem);
    }
  }
/*!
 * kategori h2 yanlara çizgi web görünümünde
 */

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

  	.cid-ry6drk2Fr4 .mbr-slider .carousel-control.carousel-control-prev {
    display: none;
	}
  
  .cid-ry6drk2Fr4 .mbr-slider .carousel-control.carousel-control-next {
    display: none;
	}	

}



#slider-text-zep > div > p {
  font-size: 1.4rem;
}

#slider-text-zep > div > h2 > strong {
  font-family: "Gilda Display", serif;
	margin-top: 10px;
    color: #ffffff;
    font-size: 5rem;
    line-height: 80px;
    font-weight: 300;
}

@media screen and (max-width: 768px) {
	
  #slider-text-zep > div > h2 > strong {
    font-size: 2rem;
    line-height: 40px;
	}

}

#main-prod > div > h2 {
    margin-top: 10px;
    color: !important;
    
    color: #fcc903;
    font-size: 2rem;

}

#content5-o > div.title.col-12.col-md-12 > h2 > span {
   
    font-weight: 700;
    font-size: 4rem;

}

#header3-q > div.container > div > div.media-content > h1 {
    font-family: "Gilda Display", serif !important;
    font-weight: 700;
    font-size: 3rem;
    line-height: 90px;
}

#content5-o > div.container > div > h2 {
     
    font-weight: 700;
    font-size: 3rem!important;
    

}

/*!
 * ürünlerimiz ana sayfa
 */

.accordion2 h3 strong {
    color: !important;
    
    color: #d9989a;
    font-size: 5rem;
    
  
}


#accordion2-d h4{
    
      color: #fff;
    font-size: 3rem; 
      
}
    

.cid-rycP9Lrxh0 {
    background-color: #11401b;
        border-top: solid 32px #e8d6c9;
}

.cid-rycP9Lrxh0 .mbr-section-subtitle, .cid-rycP9Lrxh0 p {
    color: #ffffff;
    font-size: 1.4rem;
}

/*!
 * ürünlerimiz ana sayfa
 */

#footer4-9 {
background-color: #0a0a0a !important;
    border-top: solid #f5a71f 5px !important;
}

.card-wrapper .card-img a img {
    border-bottom: solid 5px #ab8a62;
    border-radius: 10px 60px 10px 10px;
    box-shadow: 0px 0px 20px 0px #666;
}

/*!
 * resim zoom ani
 */
img:hover {
  transform: scale(1.1); 
  scroll-behavior: smooth;/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

img {
  transition: transform .2s; /* Animation */
}
/*!
 * resim zoom ani
 */



.display-5 {
    font-size: 1.2rem;
    font-weight: 700 !important;
}
.contentid16 {

}

button.navbar-toggler .hamburger span {
    background-color: #f4a81f!important;
}
#corp22-body {
  top: 220px;
}

.btn-info, .btn-info:active {
    background-color: #ab8a62!important;
    border-color: #ab8a62!important;
    color: #fff!important;
}

.footer4 {
      background-color: #172e1e;
}

.cid-ry6ebB5y3k {
    margin-top: 0 !important;
}


#img-1 {
    border: none;
}

/*!
 * detay sayfası
 */
.product_details {
    background-color: transparent;
}

.product_details form {
      background-color: #ffffffcf;
    padding-top: 10px;
}
.DetailPageSimilarProdList {
      background-color: #ffffffcf !important;
}
/*!
 * detay sayfası
 */

/*!
 * header altı görsel sonrası gorsel olmayan alanarı düzeltme
 */

#web-res-page {
      margin-top: 190px;
}

#mobil-res-page {
        margin-top: 190px;
} 

#steps-cont {
        margin-top: 220px;
} 

.prodDetailBreadMargin6 {
    padding-top: 180px;
}


/*!
 * header altı görsel sonrası gorsel olmayan alanarı düzeltme
 */



.bb-1 {
    border-bottom: none;
}



/*! slider */
.carousel-caption .col-10 h2 strong {
        text-shadow: 0px 1px 15px #331c12;
}

.carousel-caption .col-10 .display-5 {
    text-shadow: 2px 2px 2px #000000;
}
/*! slider */

/*! kategori görseli */

.cid-rxVuiMJXcQ .navbar {
    background: transparent;
        background: linear-gradient(180deg, rgb(205 184 150) 0%, rgba(255,255,255,0) 100%);
}
.opened {
  background: linear-gradient(180deg, rgb(205 184 150) 0%, rgb(0 0 0 / 96%) 100%)!important;
}

#content5-o > div.container {
    top: 85px;
}

/*! kategori görseli */


/*! header scrool hide */
@media (min-width: 1023px) {
  .cid-rxVuiMJXcQ .navbar.navbar-short {
    top: -90px;
    }
}

/*! header scrool hide */


/*! header */
.justify-content-end-desktop {
    margin-top: -16px;
}
.cid-rxVuiMJXcQ .navbar-toggleable-sm .navbar-collapse .navbar-nav {
	margin: 0 auto;
    max-width: 1160px;
    border-radius: 20px;
    background-color: #0000003d;
}
.navbar-dropdown.bg-color.transparent {
background: linear-gradient(180deg, rgb(206 184 150) 0%, rgba(255,255,255,0) 100%);
}
.nav6 {
    top: 0px;
}
.headerTop6 {
    padding-top: 0;
}

@media (max-width: 1023px) {
  .headerTop6 {
    padding-top: 0px!important;
    }
}


@media (max-width: 1023px) {
  .cid-rxVuiMJXcQ img {
    height: 6.8rem!important;
    }
}


/*! header */


.contentid47 .display-5 {
    font-size: 2rem;
}



.cid-rxVuiMJXcQ .navbar.navbar-short .navbar-logo a img {
    height: 5.2rem!important;
}


.MainPageProdList{
    background-color: #f1f1f1;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-image: url(https://demo.zeplingo.com/d3/uploads/slider/slider-16frS3bx-1.jpeg); */
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;

}


.nav-scroller {
  display:none;
}

#slider-img-zep {
  -webkit-animation: kenburns-top 30s ease-out both;
            animation: kenburns-top 30s ease-out both;
}

#slider-text-zep {
    -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s  both;
            animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s  both;
}


/**
 * ----------------------------------------
 * animation kenburns-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation kenburns-top
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}


/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}




/*!
 * dalga efekti için animasyon
 */

@-webkit-keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@keyframes moveleftbounce {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    50% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@-webkit-keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@keyframes movebounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@-webkit-keyframes border-transform {
    0%,
    100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }
}
@keyframes border-transform {
    0%,
    100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }
}


/*!
 * dalga efekti için animasyon
 */css