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

.navbar-logo img {
      border-radius: 20px;
      margin-top: 8px;
}
.contentid25 {
      padding-top: 25px;
      margin-top: 0rem !important;
}

.detail-parallax-background {
      padding-top: 160px!important;
    padding-bottom: 160px!important;
}


    .bg-color ul li a {
        color: #cfb53b !important;
    }
.cid-rxVuiMJXcQ .navbar-dropdown.bg-color.transparent.opened {
    background: #000;
}

.zoomContainer {
  display: none;
}

.prod_picture_box {
  pointer-events: none;   /* Tıklamayı tamamen engeller */
  user-select: none;      /* Seçilmeyi engeller */
}




/*!
 * menu sayfası
 */
#services1-5 > div > div > div.col-lg-9.border-left.mbr-gallery.mbr-slider-carousel > div > div > div > div.card-box > a > h4 {
      font-size: 1.2rem;
    text-align: center !important;
       margin-bottom: 40px;
     margin-top: 0px;
}

#services1-5 > div > div > div.col-lg-9.border-left.mbr-gallery.mbr-slider-carousel > div > div > div > div.card-box > div.mbr-section-btn.align-left.mb-3.SubCutListButton {
     display:none;
}

.card-box { 
  display: flex;
  flex-direction: column; 
} 


.CorporationTitle {
    font-size: 1.2rem!important;
    order: 1;
}

#cat-prod .current_price {
    font-size: 1.2rem!important;
  order: 2;
}

#cat-prod > div > div > form > div {
    order: 3;
    padding: 0;
    margin-bottom: 20px;
}

#cat-prod > div > div > form > div a {
      padding: 10px;
}

/*!
 * menu sayfası
 */

/*!
 * 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 #f7ae2e;
        width: 4rem;
        margin: 0 1rem;
        transform: translateY(-0.5rem);
    }
  }
/*!
 * kategori h2 yanlara çizgi web görünümünde
 */
#slider-text-zep > div > p {
  font-size: 2rem;
}

#slider-text-zep > div > h2 > strong {
      margin-top: 10px;
    color: !important;
    font-family: 'Great Vibes',cursive;
    color: #e1b234;
    font-size: 5rem;
    font-style: italic;
        line-height: 90px;
}

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

}

#main-prod > div > h2 {
    margin-top: 10px;
    color: !important;
    font-family: 'Great Vibes',cursive;
    color: #fcc903;
    font-size: 5rem;
    font-style: italic;
}

#content5-o > div.title.col-12.col-md-12 > h2 > span {
   font-family: 'Great Vibes', cursive;
    font-weight: 700;
    font-size: 4rem;
    font-style: italic;
}

#header3-q > div.container > div > div.media-content > h1 {
     font-family: 'Great Vibes', cursive;
    font-weight: 700;
    font-size: 4rem;
    font-style: italic;
        line-height: 90px;
}

#content5-o > div.container > div > h2 {
     font-family: 'Great Vibes', cursive;
    font-weight: 700;
    font-size: 4rem;
    font-style: italic;
    text-shadow: 0px 5px 10px #000;
}

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

.accordion2 h3 strong {
    color: !important;
    font-family: 'Great Vibes',cursive;
    color: #f8ae2e;
    font-size: 5rem;
    font-style: italic;
  
}


#accordion2-d h4{
    font-family: 'Great Vibes', cursive;
      color: #c09c3c;
    font-size: 2rem; 
      
}
    

.cid-rycP9Lrxh0 {
    background-color: #000000;
        border-top: solid 32px #c09c3b;
}

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

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

#footer4-9 {
    background-color: #f8f2e9 !important;
    border-top: solid #f9ae2e 5px !important;
}

.card-wrapper .card-img a img {
    border-bottom: solid 5px #f8ae2e;
    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: 1rem;
}
.contentid16 {
      border-top: solid #c09c3c 10px;
}

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

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

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

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

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

body {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

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

.cid-ryKP3d3R3Q::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;
}

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

.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(0 0 0) 0%, rgba(255,255,255,0) 100%);
}

#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: -20px;
}
.cid-rxVuiMJXcQ .navbar-toggleable-sm .navbar-collapse .navbar-nav {
    margin: 0 auto;
    max-width: 1250px;
    border-radius: 20px;
    background-color: #000;
}
.navbar-dropdown.bg-color.transparent {
  background: linear-gradient(180deg, rgb(0 0 0) 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 */

#myaccount-body {
      padding-top: 240px;
}

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

#login-body {
  
    padding-top: 240px;
}



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


.MainPageProdList{
    background-color: #f8f2e9;
}


.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;
      top: 65%;
}


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