.video-item .play-btn:hover svg, .video-item .play-btn:focus svg {
    cursor: pointer;
    fill:#173d34;
}

.fa {
    font-family: FontAwesome !important;
}
.sayfa-ust-404 .contentDiv.col-md-9 img{
    border-radius: 10px;
    padding: 1px !important;
    margin-left: 20px;
    background: #81c4c3;
    width: 400px;
    margin-bottom: 15px;
}
@media (max-width: 768px) {
    .contentDiv.col-md-9 img{
        border-radius: 10px;
        padding: 0!important;
        margin: 0px;
        width: 100%;
        margin-bottom: 15px;
    }
}

@media (min-width: 992px) {
    .col-md-offset-2 {
        margin-left: 16.66666667%!important;
    }
}
/********************** instagram css *************************/

.dynamic-instagram-cta {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 25px;
    margin: 40px 0;
    border-radius: 12px;
    color: #ffffff;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.dynamic-instagram-cta .insta-icon {
    font-size: 48px;
    flex-shrink: 0;
}

.dynamic-instagram-cta .insta-text div {
    margin: 0 0 8px 0;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
}

.dynamic-instagram-cta .insta-text p {
    margin: 0;
    font-size: 15px;
    opacity: 0.9;
    line-height: 1.6;
    color: #ffffff;
    font-weight: 500;
}

.dynamic-instagram-cta .insta-button {
    margin-left: auto;
    flex-shrink: 0;
    padding: 10px 22px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    border: 2px solid #fff;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.dynamic-instagram-cta .insta-button:hover {
    background-color: #fff;
    color: #d6249f;
}
@media (max-width: 768px) {
    .dynamic-instagram-cta {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
    .dynamic-instagram-cta .insta-icon {
        margin-right: 0;
    }
    .dynamic-instagram-cta .insta-button {
        margin-left: 0;
        margin-top: 10px;
    }
}


/************* bölgelerdeki görseller CSS *****************/
.dynamic-content-image {
    float: right;
    width: 50%;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-right: 0;
    padding: 0;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid #f0f0f0; 
    max-width: 400px;
}

@media (max-width: 768px) {
    .dynamic-content-image {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
        max-width: none;
    }
}
/************* bölgelerdeki görseller CSS SON *****************/


/************* Müşteri Yorumu CSS *****************/
.g-reviews-section {
    width: 100%;
    padding: 0 0 40px;
    margin-bottom: 30px;
    display: inline-block;
}
.splide__container {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
}
.splide__slide {
    padding: 10px; /* Kartlar arası boşluk için */
    box-sizing: border-box;
}

.g-review-card-inner {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.3s ease;
}

.g-review-card-inner:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.g-review-card-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.g-review-card-header .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #546E7A; /* Profesyonel bir renk */
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    margin-right: 12px;
    flex-shrink: 0;
}

.g-review-card-header .author-info .author-name {
    font-weight: 600;
    color: #202124;
    font-size: 15px;
}

.g-review-card-header .author-info .review-source {
    font-size: 13px;
    color: #70757a;
}

/* Yıldızlar */
.g-review-card .stars {
    color: #fbbc05;
    margin-bottom: 12px;
    font-size: 14px;
}

/* Yorum metni */
.g-review-card .comment {
    font-size: 14px;
    line-height: 1.6;
    color: #3c4043;
    flex-grow: 1;
}

.splide__arrow {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,0.1);
}
.splide__arrow svg {
    fill: #333;
}
.splide__pagination__page.is-active {
    background: #007bff;
}
i.fas.fa-star {
    color: #fcbf02;
}
.splide__pagination {
    bottom: -1.5em;
}
/************* Müşteri Yorumu CSS SON *****************/

/***************** Rastgele Bilgi Kutucuğunun Ana Kapsayıcısı CSS ******************/
.dynamic-info-box {
    display: flex; 
    align-items: flex-start;
    background-color: #f0f7ff;
    border: 1px solid #2a4b42;
    padding: 20px;
    margin-bottom: 30px;
    margin-top: 61px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.page-blog .dynamic-info-box{
    display: none;
}
.dynamic-info-box .info-icon {
    font-size: 24px; 
    color: #2a4b42; 
    margin-right: 15px; 
    margin-top: 2px; 
}
.dynamic-info-box .info-content {
    flex: 1; 
}
.dynamic-info-box .info-content h4 {
    margin: 0 0 8px 0;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.dynamic-info-box .info-content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #555;
}
/***************** Rastgele Bilgi Kutucuğunun Ana Kapsayıcısı CSS SON ******************/

/* --- CTA Butonları Alanı --- */

/* Butonları yan yana ve ortalı bir şekilde tutan ana kapsayıcı */
.cta-buttons-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px; /* Butonlar arasındaki boşluk */
    flex-wrap: wrap; /* Mobil için: Butonlar sığmazsa alt satıra geçsin */
    padding: 20px 0; /* Üst ve altta boşluk */
}

/* Tüm butonlar için ortak temel stil (DRY Prensibi) */
.btn-cta {
    padding: 12px 28px; /* Buton içi boşluk (Yükseklik/Genişlik) */
    border-radius: 50px; /* Görseldeki gibi tamamen yuvarlak kenarlar (Pill Shape) */
    font-family: 'Montserrat', sans-serif; /* Modern bir font (değiştirebilirsiniz) */
    font-size: 15px;
    font-weight: 600; /* Yazı kalınlığı */
    text-transform: uppercase; /* Metni büyük harfe çevir */
    text-decoration: none; /* Link altı çizgisini kaldır */
    text-align: center;
    letter-spacing: 0.5px; /* Harfler arası boşluk */
    border: 2px solid transparent; /* Geçişlerde zıplamayı önlemek için şeffaf kenarlık */
    cursor: pointer;
    transition: all 0.3s ease; /* Tüm geçiş efektleri için yumuşaklık */
    display: inline-block;
}

/* Ana Buton: WhatsApp (Dolu Renkli) */
.btn-cta-whatsapp {
    background-color: #2A4B42; /* Görseldeki ana koyu yeşil renk */
    color: #ffffff; /* Yazı rengi: Beyaz */
}

/* İkincil Buton: Telefon (Dış Çizgili) */
.btn-cta-phone {
    background-color: transparent; /* Arka plan şeffaf */
    border-color: #2A4B42; /* Kenarlık rengi, ana butonla aynı */
    color: #2A4B42; /* Yazı rengi, ana butonla aynı */
}


/* --- HOVER (Fare Üzerine Gelince) EFEKTLERİ --- */

/* Ana Buton Hover Efekti */
.btn-cta-whatsapp:hover {
    background-color: #3b6b5f; /* Rengin biraz daha açığı */
    color: #ffffff;
    transform: translateY(-3px); /* Hafif yukarı kalkma efekti */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Hafif gölge */
}

/* İkincil Buton Hover Efekti (İçi Dolar) */
.btn-cta-phone:hover {
    background-color: #2A4B42; /* Arka planı ana renkle doldur */
    color: #ffffff; /* Yazı rengini beyaz yap */
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(42, 75, 66, 0.2);
}
.sayfa-ust-404 .dynamic-info-box, .sayfa-ust-404 .g-reviews-section, .sayfa-ust-404 .dynamic-content-image {
    display: none!important;
}

/*************************** SABİT FIXED BUTTON CSS ******************************/
.custom-fixed-btn{
    line-height: 22px;
    padding: 7px 11px;
    font-size: 15px;
    border-radius: 20px;
    display: inline-block;
    margin-top: 14px;
    cursor: pointer;
    box-shadow: 0 0 50px rgba(0,0,0,0.2);
    left: 12px;
    width: auto;
    position: fixed;
    z-index: 9999999;    
}
.custom-fixed-btn:hover{
    color: #ffffff;
    text-decoration:none;
}
.custom-fixed-btn-whatsapp:hover{
    background: #114232;
}
.custom-fixed-btn-whatsapp{
    bottom: 6px;
    background-color: #1aa54e;
    color: #fff;
    border: 3px solid #81be40;
    border-radius: 30px;
}
.custom-fixed-btn-mobil{
    bottom: 58px;
    background-color: #173d34;
    color: #fff;
}
.custom-fixed-btn-form{
    bottom: 106px;
    background: #ea7600de;
    color: #fff;
}
.custom-fixed-btn-form img{
    animation: swing 2s infinite;
    width: 81px;
    height: 81px;
}
@media (min-width: 768px){
    .custom-fixed-btn {
        padding: 8px 13px !important;
        font-size: 17px !important;
        font-weight:bold;
    }
    .custom-fixed-btn.custom-fixed-btn-form{
        padding: 0;
    }
}
/*************************** SABİT FIXED BUTTON CSS SON ******************************/


.icerikresim .col-half-section .btn-primary {
    border-radius: 50px;
    padding: 20px 40px;
    background: #173d34;
    color: white!important;
    border: 2px solid white;
}
.icerikresim .col-half-section .btn-primary:hover {
    background: #eeeeee!important;
    color: #173d34!important;
    border: 2px solid #173d34;
}
.icerikresim .col-md-6.p-none>section{
    background: transparent;
}
@media (min-width: 992px) {
    html #header.header-flex .header-nav-main, html #header.header-flex .header-nav-main nav, html #header.header-flex .header-nav-main nav>ul, html #header.header-flex .header-nav-main nav>ul>li {
        height: 88% !important;
    }
}


@media (min-width: 1440px){
    .container{
        width: 1350px;
    }
}

/* BODY */
#cookieConsent {
    background-color: #666;
    min-height: 26px;
    font-size: 12px;
    color: #ccc;
    padding: 15px 0 8px 8px;
    font-family: 'Cinzel', sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    right: 0;
    z-index: 9999;
}
#closeCookieConsent {
float: right;
    display: inline-block;
    cursor: pointer;
    height: 30px;
    width: 30px;
    margin: -25px 0px 0 0;
    font-weight: bold;
    text-align: right;
    padding: 10px;
    font-size: 20px
}
#cookieConsent:hover p{
    color:#fff!important;
}


#defaultModal .modal-title{
    opacity:0;
}
.modal-body p{
    color: #bbbbbb;
    font-family: "Kumbh Sans", sans-serif;
}
.modal-body{
    padding: 25px 50px;
}
.modal-header {
    display: none;
    border-bottom: 1px solid #e5e5e500;
}
.modal-footer {
    position: absolute;
    right: 15px;
    bottom: 15px;
    margin-top: -60px;
    border-top: 1px solid #e5e5e500;
}
.modal-content{
    background: rgba(5,56,38,.85);
    border-radius: 30px!important;
}
.modal-footer .btn.btn-default{
    background: transparent;
    color: #ffff;
    border-radius: 25px;
}
@media (max-width: 767px){
    .modal-body{
        padding: 35px 30px 25px;
    }
    .modal-dialog {
        margin: 50px 25px;
    }
}
@media (min-width: 768px){
    .modal-dialog {
        margin: 100px auto;
    }
    .page-header h1 span{
        
    }
    .kampanya-slider{
        float:right;
        margin:0!important;
    }
    .kampanya-slider .owl-carousel{
        top: -370px;
        right: 0;        
        /* border: solid 5px rgba(5,56,38,.85); */ 
        position:absolute;
    }
    .kampanya-slider .thumb-info{
        border: 8px solid #ffffff33;
        border-radius: 15px;
        background: transparent;
    }
    .kampanya-slider .thumb-info img{
    }
    .kampanya-slider .img-thumbnail{
        background: transparent;
        border: none;
        border-radius: 15px;
    }
    .kampanya-slider .owl-carousel-spaced .owl-item>div{
        margin:0;
    }
}



.parallax-background{
    height: 100%!important;
    transform: none!important;  
    min-height: 500px;
}


body {
    font-family: "Kumbh Sans", sans-serif;
    line-height: 1.5em;
    font-size: 16px;
    background-color: #e4e9e5;
    font-weight: 300;
    color: black
}
body p, body li {
    font-size: 17px;
    line-height: 30px;
    color: #333333;
}

h1 {
    font-family: 'Cinzel', sans-serif;
    font-weight: normal;
    font-size: 1.25em; /* 20 / 16 */
}

/* HEADER */
.header-menu-top-wrp{
    background-image: linear-gradient(to right, rgb(255 0 0 / 0%) 10%, #000000b0 171%);
}

html #header.header-flex .header-body {
    padding: 0;
}
html #header.header-transparent-bottom-border .header-body {
    background: rgba(5,56,38,.85);
    border-bottom:0;
}
    



.rt01{
    opacity:0;
}
.rt01_goster{
    opacity:1!important;
}
.rt01viewport {
    padding: 0 30px;
}

#header .header-body{
    border-top: 0!important;
}
li:hover>a.cesurlar{
    border-bottom: 2px solid transparent!important;
}
.insaat{
    display: contents;
    color:#fff!important;
    font-weight: 400!important;
    font-size: 12px;
}
a.cesurlar{
    display: block!important;
     /* TEXT STYLE*/
    text-transform: capitalize;
    margin-right: 45px!important;
    font-weight: 600!important;
    text-align: center;
    pointer-events: none;
    
}
.gradient-text{
    font-size: 16px!important;
  /* Fallback: Set a background color. */
  background-color: #aa771c!important;
    
  
  /* Create the gradient. */
   background-image: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C)!important;
  
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: no-repeat;

  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text!important;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text!important;
  -moz-text-fill-color: transparent;
  
  /* Animate the text when loading the element. */
    /* This animates it on page load and when hovering out. */
    animation: rainbow-text-simple-animation-rev 2s ease infinite;
    animation-direction: alternate;
}
.gradient-text:hover{
    animation: rainbow-text-simple-animation 0.5s ease-in alternate;
}
/*
@keyframes rainbow-text-simple-animation-rev {
    0% {
        background-size: 50%;
    }
    40% {
        background-size: 650%;
    }
    100% {
        background-size: 50%;
    }
}
*/
/* Move the background and make it larger. */
/* Animation shown when hovering over the text. *//*@keyframes rainbow-text-simple-animation {
    0% {
        background-size: 100%;
    }
    80% {
        background-size: 650%;
    }
    100% {
        background-size: 650%;
    }
}
*/



.o0{opacity:0;}
.dnone{display:none!important;}
#header svg{
    width: 104px;
    height: 104px;
    transition: .3s;
}
.sticky-header-active #header svg {
    width: 68px;
    height: 68px;
    margin-top:0;
}
@media (max-width: 767px){
    .parallax-background{
        min-height: auto;
    }
    #header svg {
        width: 110px;
        height: 110px;
        margin-bottom: -24px;
        margin-top: -2px;
    }
    .sticky-header-active #header svg {
        width: 148px;
        height: 155px;
        margin-top: -77px;
        padding-top: 87px;
    }
    .tp-caption.btn{
        line-height: 28px!important;
        border-radius: 6px;
    }
}
#insaat{
    fill: #fff;
}

ul.nav-list li a:before{border-left: 4px solid #000000;}
.side-dropdown-custom:before{border-top: 4px solid #bdbdbd!important;}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cinzel', sans-serif;
    text-transform: uppercase;
}
h2 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 19px;
} 
h3 {
    font-size: 24px;
    margin-bottom: 16px;
    text-transform: none;
    margin-top: 30px;
    font-weight: 700;
}
h4 {
    font-size: 16px;
    font-weight: 700;
}
ul.simple-post-list .post-info {
    line-height: 28px;
}
.breadcrumb9 .parallax-background{background-size: contain!important;}
.header-nav-top .fa.fa-globe{color:#828282;}

.page-header{background-color: #fffffc;background-image: linear-gradient(315deg, #fffffc 0%, #beb7a4 74%);border-top: 0px solid #f1f0ea;}

@media (max-width: 370px){
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{font-size:.81em}
}
@media (max-width: 475px){
    .owl-dots{display:none;}
}
html #header .header-body:before,
html #header .header-body,
html #header.header-transparent .header-body:before
{
    background: transparent;
    border-bottom:none;
}

    
@media (max-width: 767px){
    .hizmet .img-thumbnail {
        padding: 0;
        border: 0;
        overflow: hidden;
        position: relative;
    }
    .hizmet .row .col-md-yuzde20:last-child .img-thumbnail{
        max-height: 220px;
    }
    .hizmet .row .col-md-yuzde20:last-child {
        width: 100%;
        max-height: 220px;
    }
    .sticky-header-active #header.header-narrow .header-logo .logo-small{
        margin: 10px 12px 12px 0!important;
    }
    #header .header-body {
        background: rgba(5,56,38,.85) !important;
    }
    .fa-bars:before {
        content: "\f038"!important;
    }
    .header-btn-collapse-nav:before{
        content: 'MENU'; font-size: small; font-weight:600;
    }
    .header-nav-top .nav.nav-pills li:nth-child(2),.header-nav-top .nav.nav-pills li:nth-child(4),.header-nav-top .nav.nav-pills li:nth-child(5){display:none;}
    #header .header-nav-top .nav>li>a a:focus, #header .header-nav-top .nav>li>a:hover {color:#fff;background: transparent;}
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{font-size: 14px; margin-top: -15px;color:#eee; max-height: 40px!important;min-height: 40px
    !important;}
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{color:#828282}
    #footer:not(.light) h3{margin: 20px 0 5px 0;}
    .fa-navicon:before, .fa-reorder:before, .fa-bars:before {content: "Menü \f0c9";}
    #header .header-btn-collapse-nav{margin-top:30px;background: transparent;transition:.2s;border: .001em solid #ffffff82;}
    .sticky-header-active #header .header-btn-collapse-nav{
        margin-top: 35px;
    }
    #header .header-logo img{
        width: 180px!important;
        height: auto!important;
        margin-top: 6px!important;
        margin-bottom: 12px!important;
    }
    .sticky-header-active #header .header-logo img{
        top: 0 !important;
    }
}
@media (min-width: 992px){
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{
        padding: 11px 20px 11px 12px;
    }
}
.sticky-header-active #header .logo-1, 
.sticky-header-active #header .logo-yazi{
    transition: all ease-in-out .2s;
  
}
#header .logo-yazi{
    display:none;
    transition: opacity 1s ease-out;
    opacity: 0;      

}
#header.header-narrow .header-logo img{
    margin: 35px 0 0 0;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
}

#header .header-nav.header-nav-stripe nav>ul>li>a{
    font-family: 'Cinzel', sans-serif;
    padding: 12px 10px;
}
@media (min-width: 992px){
    html #header.header-flex .header-nav {
        margin-top: 65px;
    }
    .sticky-header-active #header .logo-yazi{
        display:block;
        opacity:1;
    }
    .sticky-header-active #header .logo-1{
        display:none;
    }

    #mainNav > li{
      transition: all ease-in-out .2s;
    }
    
    #header .header-nav.header-nav-stripe nav>ul>li::after{
        content: '';
        position: absolute;
        width: 0px;
        height: 2px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
        background-color: #76c0c0;
        transition: all ease-in-out .2s;
    }
    #header .header-nav.header-nav-stripe nav>ul>li:hover::after{
        width: 50%;
        left: 0;
        right: 0;
        margin: auto;
    }

    html #header.header-flex .header-logo {
        margin: 0 0 0;
    }    
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span {
        padding: 6px 12px;
    }    
    #header .header-nav-top .nav>li>a{
        right: 20px;
    }
    .page-kurumsal #header.header-narrow .header-body{
        min-height: 166px!important;
    }
    

    
    .header-nav-top .nav.nav-pills li:first-child{height:40px;}
    .page-surgulu-ray-dolap .masonry .masonry-item {width: 33.3333%;}
    .page- .header-nav-top .fa.fa-globe{color:#dddddd;}
    html.sticky-header-active #header.header-flex .header-nav-main-effect-2 nav>ul>li.dropdown:hover>.dropdown-menu{top: calc(100% + -3px);}
    html #header.header-flex .header-nav .header-social-icons{margin: 0 0 10px 10px;}
    .sticky-header-active #header.header-flex .header-nav .header-social-icons{margin: -43px 0 4px 10px;}
    .sidebar .row div{margin-top:0;}
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after {border-color: transparent transparent transparent #de1d23;}
    #header.header-narrow .header-nav.header-nav-stripe nav>ul>li:hover>a, #header.header-narrow .header-nav.header-nav-stripe nav>ul>li>a {
        padding: 20px 20px;
    }
    #header .header-nav-top{margin-top:0;}
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{
        font-size: 16px;
    }
    #header .header-nav-top .nav>li>a{font-size:1em;margin-top:2px;z-index: 1;}
    #header .header-nav-top .nav>li>a:hover{background:transparent;color:#ffffff;}
    #header .header-nav-top .nav>li>a{color:#ddd;font-weight:500;z-index: 9;font-size:14px;}
    #header .header-nav-top .nav>li>a:hover{background:transparent;color:#fff;}

    .sticky-header-active .header-body {max-height: 153px;}
    #header .header-nav.header-nav-stripe nav > ul > li:hover > a {background-color: transparent;color: #dab20d !important;}
    #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
        background-color: transparent!important;
    }
    /*.header-container.container{top:-26px;}*/

    .sticky-header-active #header.header-flex .header-nav {margin-top:0;}
    #header .header-nav.header-nav-stripe nav>ul>li>a{
        font-size: 16px;
        letter-spacing: 1px;
        border-bottom: 2px solid transparent;
        color: #fff;
    }
    #header .header-nav.header-nav-stripe nav>ul>li:hover>a{color:#fff!important;}
    .sticky-header-active #header .header-nav.header-nav-stripe nav>ul>li:hover>a,#header .header-nav.header-nav-stripe nav>ul>li:hover>a{color:#fff!important;}
}

.breadcrumb a span{
    color: rgb(255 255 255 / 80%);
}
.breadcrumb>.active {
    color: rgb(255 255 255 / 50%);
}

@media (max-width: 767px) {
    #header .header-nav-main nav>ul li a{
        font-size: 15px;
    }
}
@media (min-width: 992px) {
    #header .header-nav-main-effect-1 nav>ul>li.dropdown:hover>.dropdown-menu {
        border-radius: 6px;
    }
}

@media (max-width: 767px) {
    .page-header.breadcrumb8{
        padding: 255px 0 51px !important;
    }
}
section.page-header.page-header-custom-background.breadcrumb8:before {
    content: '';
    background: #173d348c;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
section.page-header.page-header-custom-background.breadcrumb8:after {
    background: url(/upload/images/pilatesbg.svg);
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: 260px;
    opacity: .04;
    filter: invert(1);
}

section.page-header.page-header-custom-background.breadcrumb8 {
    clip-path: ellipse(69% 115% at 50% -15%);
    text-align: center;
    margin-top: -181px;
    background-color: #3f3f3f;
    background-image: url('/upload/images/breadcrumb.jpg')!important;
    background-position: 50% 60%;
    background-repeat: no-repeat, repeat;
    background-size: cover;
    padding: 250px 0 200px !important;
}
.sticky-header-active section.page-header.page-header-custom-background.breadcrumb8 {
    clip-path: ellipse(249% 115% at 50% -15%);
}
@media screen and (max-width: 767px) {
    section.page-header.page-header-custom-background.breadcrumb8 {
        height: 19vh;
        background-position: 32% 1%;
        background-size: 370px;
        clip-path: ellipse(99% 114% at 50% -15%);
        /*clip-path: ellipse(69% 115% at 50% -15%);*/
        transition: .6s;
    }
}
/* -- Google Translate Css*/
.goog-te-gadget-icon{display:none;}
.goog-te-banner-frame.skiptranslate {display:none !important;} 
body{top: 0px !important;}
.goog-te-gadget-simple{border:0!important;}
.goog-te-gadget-simple {background-color: transparent!important;}
.goog-te-gadget-simple .goog-te-menu-value span {color:#828282 !important;}
.goog-te-gadget-simple .goog-te-menu-value span {color:#ddd  !important;font-family: "Kumbh Sans", sans-serif;font-size: 14px;}
.goog-te-gadget-simple .goog-te-menu-value{padding:0px;margin:0 15px 0 0;display: inline-block;}
.goog-te-gadget-simple{padding-top:0;}
#header .header-top .header-nav-top{max-height:48px;overflow: hidden;}
html.sticky-header-active #header.header-semi-transparent-light .header-body{top:0px !important;}
.goog-te-gadget-simple{font-size:14px !important;color: #222 !important;}
.fa.fa-globe {float:left;padding:5px 6px;}
/* -- End Google Translate Css */


.sup { vertical-align: super; font-size:50%;}
.franchising_form{
    background: #f4f4f4;
}
.testimonial blockquote p {min-height:auto!important;}

#header .header-nav-top .nav>li>a a:focus, #header .header-nav-top .nav>li>a:hover {
    background:transparent!important;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

@media screen and (max-width: 768px) {
  .masonry .masonry-item{width:50%;}
}
.masonry-item .thumb-info {
    border: 10px solid #fff;
}

.thumb-info .thumb-info-action-icon{background-image: linear-gradient(147deg, #990000 0%, #ff0000 74%);}
.lightbox .row.slider4 .portfolio-item.img-thumbnail{padding:0;border:0;}
section.section-serit{background-image: linear-gradient(315deg, #fffffc 0%, #beb7a4 74%);/*background-image: linear-gradient(147deg, #990000 0%, #ff0000 74%);background: linear-gradient(89deg, #ab8526 , #d2a847 , #b28c2f , #d7b462 );*/}
section.section-haberler{background-image: linear-gradient(315deg, #fffffc 0%, #beb7a4 74%);}
.owl-theme .owl-dots .owl-dot span{background:#949494;}
html .btn-dark {background-color: #727271;border-color: #727271;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #de1d23!important;}
@media (max-width: 991px){
    #header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover {
        color: #eeeeee;
    }
    #header.header-semi-transparent .header-nav-main, #header.header-semi-transparent-light .header-nav-main, #header.header-transparent .header-nav-main{
        background: transparent;
    }
    html #header.header-flex .header-body{
        padding: 8px 0;
    }
    #header .dropdown-menu>li>a {
        color: white !important;
        padding: 6px 19px !important;
    }
    #header .header-nav-main nav>ul li {
        border-bottom: 1px solid #ffffff0f;
    }
    #header .header-nav.header-nav-stripe nav>ul>li>a{
        font-size: 18px;
    }
}
.section-anasayfa {
background: linear-gradient(89deg, #ab8526 , #d2a847 , #b28c2f , #d7b462 )!important;padding: 20px 0!important;margin-top:0!important;margin-bottom:0!important;}
.section-serit h2,.section-serit h4{text-shadow: 0 0 2px dimgrey;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #d5bd60;}

html .btn-primary {border-color: #005d28;background:#005d28}




/*Footer Start*/
#footer .footer-copyright.pt-md.pb-md.tleft{
    text-align: center;
}
#footer .footer-copyright img{
    opacity: .3;
}
#footer .footer-copyright .footer-developed-by{
    z-index: 2;
}
footer#footer:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(20 64 48 / 90%);
    content: " ";
    z-index: 1;
}
.footerlogo svg{
    width: 285px;
}
@media (max-width: 991px){
    footer#footer:after {
        background: #0000009e!important;
    }
}

#footer-wrapper>.container>.col-md-3,
#footer-wrapper>.container>.col-md-2,
#footer-wrapper>.container>.col-md-4{
    z-index: 2;
}
@media (max-width: 767px) {
    footer#footer:before {
        background: linear-gradient(180deg, black, transparent);
    }
    #footer{
        background-position: 81% 100%!important;
        padding: 30px 0!important;
    }
    #footer-wrapper{text-align:center;padding: 0!important;}
    #footer-wrapper .footerlogo{margin:0 auto 15px;}
} 
/*
#footer-wrapper .col-md-3 ul li a:before{
    content: '\203A';
    display: inline-block;
    margin-right: 5px;
    font-size: 19px;
    color: #fff;
}
*/
#footer:not(.light) li{
    color: white;
    font-size: 16px;
    line-height: 32px;
}
#footer-wrapper .col-md-3 ul.social-icons li a:before{content:none;}
#footer-wrapper .footer-social-icons>li>strong>a:before{content:none!important;}
#footer .footer2 .social-icons li{border-radius:0;box-shadow:none;list-style-type:none;}
#footer .footer2 .social-icons li:hover a{opacity:1}
#footer .footer2 .social-icons li a{color:#FFF!important;border-radius:0}
#footer .footer2 .social-icons li.social-icons-twitter a{background:#1aa9e1}
#footer .footer2 .social-icons li:hover.social-icons-foursquare a{background:#0072b1!important}
#footer .footer2 .social-icons li:hover.social-icons-tripadvisor a{background:#00AF87!important}
#footer .footer2 .social-icons li.social-icons-facebook a{background:#3b5a9a}
#footer .footer2 .social-icons li.social-icons-instagram a{background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}
#footer .footer2 .social-icons li:hover.social-icons-instagram a{background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;}
#footer .social-icons li:hover.social-icons-foursquare a{background:#0072b1!important}
#footer .social-icons li:hover.social-icons-tripadvisor a{background:#00AF87!important}
#footer .social-icons li:hover.social-icons-linkedin a{background:#0e76a8 !important}
.social-icons li:hover.social-icons-facebook a{background: #3b5a9a!important;}
.social-icons li:hover.social-icons-twitter a {background: #1aa9e1!important;}
.social-icons li:hover.social-icons-instagram a {background: #f09433!important; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)!important; 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important; 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 )!important;}
#footer .footer-copyright {
    margin-top:0;
    background: transparent;
    border-top: 0;
}
#footer .container .row>div {
    margin-bottom: 0;
}
.footerlogo {
    background-color: #3db8fb00;
    padding: 0px;
    text-align: center;
    margin: -50px 0 25px 0;
    width: 185px;
    float: none;
}
.phone-no {
    line-height: 22px;
}

#footer-wrapper .col-md-3 .phone-no p {
    margin-bottom: 2px;
}
.phone-no span{color: #ffffff;}
#footer-wrapper {
    position: relative;
    padding: 50px 0 0;
}
#footer-wrapper .footer-social-icons {
    margin-top: 20px;
    padding-left:0;
}
#footer-wrapper .footer-social-icons li{display: inline-block;}
#footer{
    margin-top: 0;
    border: 0;
    padding: 60px 0 41px;
    background: url(/upload/images/breadcrumb.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
/*
.footer-social-icons li a:hover {background: #3db8fb!important;}
.footer-social-icons a {
    background: #3db8fb!important;
    color: #ffffff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin: 0 5px 5px 0;
    padding: 0!important;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    font-size: 20px;
}
*/
/*Footer Social Icons Start*/
    #footer .social-icons li {
        border-radius: 0;
        box-shadow: none;
        margin: 0;
    }
    #footer .social-icons li a {
        overflow: hidden;
        margin: 0 5px 5px 0;
        width: 40px;
        height: 40px;
        border: #999 1px solid;
        border-radius: 3px;
        color: #999!important;
        background: transparent;
    }
    #footer .social-icons li a i {
        font-size: 20px;
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
        margin-top: 10px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    #footer .social-icons a:hover i {
        color:#fff;
    }
    #footer .social-icons a:hover i:first-child {
        margin-top: -38px;
    }
    #footer .social-icons a:hover i:last-child {
        margin-top: 8px;
    }
    /*Footer Social Icons End*/
.phone-no span, .phone-no a:hover, .col-md-3 h5 span, .widget-column-2 ul li a:hover, .widget-column-2 ul li.current_page_item a {
    color: #ffffff;
}

#menu-footer-menu{list-style: none;padding-left:0}
#footer h5 {
    font-weight: 400;
    margin-bottom: 25px;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff24;
    padding-bottom: 15px;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 2px;
}

/*Footer End*/
.footer-ribbon{display:none;}
/*Butonlar CSS*/
.btn-warning{background-color:#333;border:#333;}
.btn-white{color:#fff;border:1px solid #ccc;}
.btn-white:hover{color:#fff;border: 1px solid #00538082;background-color: #27317d82;}
/*Butonlar CSS SON*/
.social-icons li:hover.social-icons-instagram a {background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}.page-odeme .submit{margin-bottom: 30px;}
.panel-group {margin-top: 42px;}
.product-price-box .old-price {width:100%;}
#footer p, #footer a{color:#d0d0d0!important;}
#footer p:hover, #footer a:hover{color:#fff!important;}
.img-thumbnail{
    padding: 0;
    border: 0;
}
@media only screen and (min-width: 992px){
    .page-header-custom-background h1{
        max-width: 100%;
    }
    
    .page-header-custom-background h1 span{
        font-size: .5em;
        line-height: 1.5em;
        font-family: "Kumbh Sans", sans-serif!important;
        background: rgb(0 0 0 / 16%);
        padding: 15px;
        border-radius: 15px;
        opacity: 1;
        width: 80%;
        float: right;
        font-weight: 300;
        margin-top: -60px;
        letter-spacing: 0.3px;    
    }

    .modal-header .close{
        font-size:50px;
    }
    article.post-large h2 {
        margin: 0 0 15px;
        font-size: 24px;
        line-height: 32px;
    }    
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after {
        border-color: transparent transparent transparent #08c;
    }
    .nav-tabs li a {
        font-size: 16px;
    }    
}
#footer .footer-copyright p, #footer .footer-developed-by a {
    color: #d0d0d0!important;
}
.owl-carousel .owl-nav .owl-prev {
    left: -25px;
}
.owl-carousel .owl-nav .owl-next {
    right: -25px;
}

.header-logo a .logo-text span:first-child {
    font-size: 18px;
    color: #08c;
    text-align: left;
    font-weight: 600;
    letter-spacing: -1.3px;
    margin-top: -5px;
}
.header-logo a .logo-text span:nth-child(2) {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.7px;
    margin-top: 2px;
    color: #575757;
}
.logo-icon-wrp {
    float: left;
    width: 50px;
    height: 45px;
}
.parallax-background{
    background-repeat: no-repeat;
}

.testimonial blockquote {background: #f5f5f5;}
.testimonial .testimonial-arrow-down {border-top-color: #f5f5f5;}


.page- .testimonial blockquote {background: #fff;}
.page- .testimonial .testimonial-arrow-down {border-top-color: #fff;}

.testimonial blockquote p {color: #777;}
.testimonial blockquote:after, .testimonial blockquote:before {color: #777;}
.product .product-name {
    font-size: 22px;
}
.list-icons i{font-size:14px;}
@media only screen and (min-width: 768px){
    .testimonial blockquote p{min-height: 231px;max-height: 231px;overflow-y:auto;overflow-x:hidden;}
    .section-yorumlar .aboutDesc>div:nth-child(1n+4){margin-top:30px;}
    .product .product-name {
        font-size: 24px;
            min-height:74px;
    }
    .product .product-details-area {
        padding: 10px 0;
    }
}
.shop-sidebar > div{
    margin-top:0;
}
/*
section.section {
    margin: 0;
    padding: 30px 0;
}
.row {
    padding-bottom:30px;
}
*/

 /*  STYLE 1
 */

.testimonial blockquote p::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.testimonial blockquote p::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.testimonial blockquote p::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.section.template-2{margin-top:0;}

.section-primary.template-2 span, .section-primary.template-2 label{color:#fff;}

.counters.template-2 strong { line-height: 1;font-size: 3.6em;font-family: "Kumbh Sans", sans-serif;font-weight:normal;}
.counters.template-2 label{ font-family: "Kumbh Sans", sans-serif;font-weight:normal;font-size: 1.1em;color: #6a80a9 !important;}

/* .sidebar form .form-area .col-md-6{padding:0;} */

/* Roundness */ 		
.rounded, .img-thumbnail, .img-thumbnail img, code, pre, .form-control, .form-control-sm, .form-control-sm .form-control, .form-control-lg, .form-control-lg .form-control, .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .invalid-tooltip, .btn, .btn-group-4 > .btn, .btn-sm, .btn-group-2 > .btn, .btn-xs, .btn-group-1 > .btn, .btn-lg, .btn-group-lg > .btn, .btn-sm, .btn-group-sm > .btn, .dropdown-menu, .input-group-4 > .form-control, .input-group-4 > .input-group-addon, .input-group-4 > .input-group-btn > .btn, .input-group-2 > .form-control, .input-group-2 > .input-group-addon, .input-group-2 > .input-group-btn > .btn, .input-group-addon, .input-group-addon.form-control-sm, .input-group-addon.form-control-lg, .nav-tabs > li > a, .nav-tabs.nav-justified > li > a, .nav-pills > li > a, .nav-tabs-justified > li > a, .navbar, .navbar-toggle, .navbar-toggle .icon-bar, .breadcrumb, .pagination, .pager li > a, .pager li > span, .label, .badge, .container .jumbotron, .container-fluid .jumbotron, .thumbnail, .alert, .progress, .card, .accordion .card, .well, .well-lg, .well-sm, .modal-content, .tooltip-inner, .popover, .popover-title, .carousel-indicators li, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span, .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span, #header .header-search .form-control, #header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a, #header.header-transparent .header-nav-main, #header.header-semi-transparent .header-nav-main, #header.header-semi-transparent-light .header-nav-main, #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a, #header .header-nav-top .dropdown-menu, .slider-container .tparrows, .nivo-slider .theme-default .nivoSlider, .nivo-slider .theme-default .nivoSlider img, .home-intro-compact, html.dark #header, html.boxed .body, blockquote.with-borders, p.drop-caps.drop-caps-style-2:first-child:first-letter, .btn-3d, select, .captcha-refresh, .featured-icon, .accordion .card-header, .tabs, .nav-tabs li a, .tab-content, .tabs.tabs-bottom .tab-content, .tabs.tabs-bottom .nav-tabs li a, .tabs-left .tab-content, .tabs-left .nav-tabs > li:first-child a, .tabs-left .nav-tabs > li:last-child a, .tabs-right .tab-content, .tabs-right .nav-tabs > li:first-child a, .tabs-right .nav-tabs > li:last-child a, .nav-tabs.nav-justified li:first-child a, .nav-tabs.nav-justified li:first-child a:hover, .nav-tabs.nav-justified li:last-child a, .nav-pills .nav-link, .nav-tabs.nav-justified li:last-child a:hover, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a, .tabs-navigation, .tabs-navigation .nav-tabs > li:first-child a, .tabs-navigation .nav-tabs > li:last-child a, .nav-pills .nav-link, .navbar-toggler, .card, .card-header:first-child, .card-footer:last-child, .card-img, .badge, .badge-pill, .jumbotron, .alert, .progress, .modal-content, .tooltip-inner, .popover, .rounded, .toggle > label, .toggle.toggle-simple .toggle > label, .toggle.toggle-simple .toggle > label:after, .owl-carousel .owl-nav [class*="owl-"], .owl-carousel.rounded-nav .owl-nav [class*="owl-"], .owl-carousel.rounded-nav .owl-nav [class*="owl-"]:hover, .owl-carousel.full-width .owl-nav .owl-prev, .owl-carousel.big-nav .owl-nav .owl-prev, .owl-carousel.full-width .owl-nav .owl-next, .owl-carousel.big-nav .owl-nav .owl-next, .embed-responsive.embed-responsive-borders, .pricing-table h3, .pricing-table .plan, .featured-box, .featured-box .box-content, .thumb-info, .thumb-info .thumb-info-wrapper, .thumb-info .thumb-info-wrapper:after, .thumb-info .thumb-info-type, .thumb-info img, section.timeline .timeline-date, section.timeline .timeline-box, .testimonial blockquote, .testimonial.testimonial-style-2 blockquote, .testimonial.testimonial-style-3 blockquote, .testimonial.testimonial-style-4, .testimonial.testimonial-style-4 blockquote, .testimonial.testimonial-style-5 blockquote, .testimonial.testimonial-style-6 blockquote, .container .call-to-action, .progress, .progress.progress-border-radius, .progress.progress-border-radius .progress-bar, .progress-bar, .progress-bar-tooltip, .counters.with-borders .counter, html .scroll-to-top, .google-map.small, .google-map-borders, article.post .post-date .month, article.post .post-date .day, article .post-video, article .post-audio, ul.comments .comment-block, .recent-posts .date .month, #header nav.mega-menu .mega-menu-shop .dropdown-menu, .shop ul.products .product .add-to-cart-product, .product-info, .product-info img, .product-info + .product-info, .img-thumbnail.img-thumbnail-hover-icon:before, .product-thumb-info, .product .product-label span {border-radius: 0;}

/* */
.ml-15{margin-left:-15px;}
.mr-15{margin-right:-15px;}

/* Genel */
/*.text-primary{color:#ab7c09 !important;}*/
.breadcrumb-section{margin:0 0 60px 0 !important;}


/*whatsapp animation*/
.wws--bg-color {background-image: linear-gradient(34deg,#ddbd6b 0%,#ad8b36 100%);}
.wws-lau00001 {fill: #ddbd6b !important;}
.wws-lau00002 {fill: #ad8b36 !important;}
.wws-popup__open-btn{
/*background: linear-gradient(89deg, #ab8526 , #d2a847 , #b28c2f , #d7b462 );
background: linear-gradient(89deg, #0c9e43 , #1ba54f , #5ed88c, #077731 );*/
background: linear-gradient(89deg, #000000 , #232323 , #063223, #252525, #000000 );
background-size: 400% 400%;

-webkit-animation: AnimationName 15s ease infinite;
-moz-animation: AnimationName 15s ease infinite;
animation: AnimationName 15s ease infinite;

}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@keyframes AnimationName { 
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}


/* .product .product-image-area {padding:0;border:none;border-radius:0;} */
.product .product-image-area .product-image{border-radius:0;}

#footer .footer-ribbon span, .home-concept strong, .home-intro p em {font-family: inherit;}

.tp-caption.PostSlider-Title, .PostSlider-Title {font-family: 'Cinzel', sans-serif;}
.cinzel{
    font-family: 'Cinzel', sans-serif!important;
}
html .scroll-to-top {
    background: #222;
    bottom: 58px;
    color: #ffffff;
}
html .scroll-to-top:hover, html .scroll-to-top:focus{color: #ffffff;}



/* Slider Bullet */
.tp-thumbs.hades {background: transparent !important;}
.section .HakkimizdaTitle {
    font-size: 40px;
}
.call-to-action-content .fa-star{font-size:30px;color:#FD4;}
.call-to-action-with-star .call-to-action-content{padding-top:0;padding-bottom: 0;}

.call-to-action.call-to-action-with-star .call-to-action-content {
    width: 65%;
}
.call-to-action.call-to-action-with-star .call-to-action-btn {
    width: 30%;
}
@media (max-width: 767px) {
    .call-to-action.call-to-action-with-star .call-to-action-btn,
    .call-to-action.call-to-action-with-star .call-to-action-content{
        width:100%;
    }
}
#footer{margin-top:0;}
.list.list-icons li > .fa:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .fa:first-child, .list.list-icons li a:first-child > .icons:first-child {
    position: absolute;
    left: 0;
    top: 5px;
}
.list.list-icons {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}
.fa-check:before {
    color: #0088cc;
    border-color: #0088cc;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
}
.icons {font-size: inherit;}
/*.franchising_form label{color:#fff;}*/
.form_ajax_12{
    height:555px;
}

.franchising_form > div > div:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    background-image: url("/upload/images/logo-500-beyaz.png");
    width: 100%;
    height: 100%;
    opacity: 0.07;
    z-index: 0;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: -180px 50px;
}
html.sticky-header-active .header-body {
    background:#063826!important;
}


/*************************************** SHOP ****************************************************/
/* Shop Sidebar Mobile */
@media (min-width: 320px) and (max-width: 374px){
    .banner-list .col-md-6.col-sm-12.col-xs-12 {
        margin-top: 15px!important;
        min-height: 344px;
    }
}
@media (min-width: 375px) and (max-width: 420px){
    .banner-list .col-md-6.col-sm-12.col-xs-12 {
        margin-top: 15px!important;
        min-height: 371px;
    }
}

@media (min-width: 421px) and (max-width: 767px){
    .banner-list .col-md-6.col-sm-12.col-xs-12 {
        margin-top: 15px!important;
        min-height: 396px;
    }
}
@media (max-width: 921px) {
    html.sticky-header-active #header .header-body {top:-60px!important;}
    .sticky-header-active #header .header-btn-collapse-nav{margin-top:25px;}
    .banner-list .col-md-6.col-sm-12.col-xs-12 {margin-top: -160px;}
    /*
    .banner-list .col-md-6.col-sm-12.col-xs-12 h2.modul-baslik{display:none;}
    */
    .shop-sidebar{display:none;}
    .products-grid.columns4 li:nth-child(2n+1) {
        clear:both!important;
    }    
}
.shop-sidebar-toggle-btn{
    background: #fff;
    border: 1px solid #ccc;
    padding: 2px 8px;
    height: 26px;
    color: #777;
    font-size: 13px;
    border-radius: 3px;    
}
@media (min-width: 1200px){
    .products-grid.columns4 li:nth-child(5n+1) {
        clear:none!important;
    }
}
@media (min-width: 922px) {
    /*
    #language_select img{width: 32px;}
    */
    .dnone{display:none!important;}
    p.w50y {
        width: 49%;
        display: inline-block;
    }
    .section-slider-bottom h2.title {
        font-size: 23px!important;
    }
    .section-slider-bottom .action-block h4 {
        font-size: 17px!important;
    }
    .banner-list .col-md-12.col-sm-12.col-xs-12 .owl-carousel .owl-nav .owl-prev {
        left: -55px;
        top: -55px;
        background: transparent;
        color: #254a2399;
        font-size: xxx-large;
    }
    .banner-list .col-md-12.col-sm-12.col-xs-12 .owl-carousel .owl-nav .owl-next {
        right: -35px;
        top: -55px;
        background: transparent;
        color: #254a2399;
        font-size: xxx-large;
    }
    .banner-list .col-md-12.col-sm-12.col-xs-12 .products-grid.columns2 li{width:50%;}
    .banner-list .col-md-12.col-sm-12.col-xs-12{float: right;margin-top: -486px;}
    #header .header-nav-main nav > ul > li > a.dropdown-toggle:after{
        border-color: #ffffff transparent transparent;
    }
    .shop-sidebar-toggle-btn{display:none;}
    .products-grid{padding:0 15px !important}
}

/*SHOP*/
@media (min-width: 922px) {
    .shop-sidebar-toggle-btn{display:none;}
}
.sorter .pagination li{padding:0!important}
.sorter .products-grid.columns4 li{width:auto!important;}
.toolbar-bottom li a, .sorter .pagination>li>a, .sorter .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.toolbar .sorter select{width:100px;}
.toolbar {padding:0 10px !important;}
.sort-by{display:none}
.mobile-nav{
    background-color: rgba(255,255,255,0.95);
    overflow-y: auto;
    overflow-x: hidden;
}
.body.mmenu-open .mobile-nav{
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);    
}
.mmenu-open #mobile-menu-overlay {
    opacity: .25;
}
.mobile-nav-wrapper h4{font-weight:bold;}
.shop-sidebar-mobile li a {
    display: block;
    font-size: 13px;
    line-height: 40px;
    background-color: transparent;
    border: 0;
    padding:0 20px 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    text-decoration: none!important;
}
.shop-sidebar-mobile{
    margin:0;
    padding:0;
}
.shop-sidebar-mobile li {
    display: block;
    position: relative;
    list-style:none;
    margin:0
}

.shop-sidebar-mobile li.chosen a:after {
    top: 8px;
    content: 'X';
    display: inline-block;
    opacity: .6;
    color: currentColor;
    margin-right: 5px;
    background-color: #ff0000;
    color:#fff;
    border: 1px solid rgba(0,0,0,0.1);
    line-height: 12px;
    font-size: 12px;
    padding: 2px 4px;
    text-align: center;
    border-radius: 99px;
    text-align: right;
    position: absolute;
    right: 0;
}

.shop-sidebar-mobile li.chosen a:before {
    content: '\2713';
    display: inline-block;
    opacity: .6;
    margin-right: 5px;
    color: green;
}

/* Shop Sidebar */
@media (min-width: 992px) {
  .col-md-9 {
    padding-right: 12px;
  }
  .col-md-9.col-md-push-3 {
    padding-right: 15px;
    padding-left: 12px;
  }
  .col-md-9 + .col-md-3 {
    padding-left: 12px;
  }
  .col-md-9 + .col-md-3.col-md-pull-9 {
    padding-left: 15px;
    padding-right: 12px;
  }
}
.shop-sidebar .panel-group {
  margin-bottom: 40px;
}
.shop-sidebar .panel-group .panel + .panel {
  margin-top: 14px;
}
.shop-sidebar .panel.panel-default {
  border-radius: 6.99px;
  border: none;
}
.shop-sidebar .panel.panel-default .panel-heading {
  border-radius: 0;
}
.shop-sidebar .panel.panel-default .panel-heading .panel-title {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #777;
}
.shop-sidebar .panel.panel-default .panel-heading a {
  position: relative;
  border-radius: 6.99px 6.99px 0 0;
  padding-top: 11.5px;
  padding-bottom: 11.5px;
  padding-right: 45px;
  color: #777;
  border: 1px solid #ddd;
}
.shop-sidebar .panel.panel-default .panel-heading a:before {
  font-family: 'FontAwesome';
  content: "\f0d8";
  width: 26px;
  height: 26px;
  display: block;
  border: 1px solid #ddd;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -13px;
  border-radius: 3px;
  color: #ccc;
  text-align: center;
  line-height: 24px;
  background-color: #fff;
  font-size: 10px;
}
.shop-sidebar .panel.panel-default .panel-heading a:hover:before {
  background-color: #0088CC;
  border-color: #0088CC;
  color: #fff;
}
.shop-sidebar .panel.panel-default .panel-heading a.collapsed {
  border-radius: 6.99px;
}
.shop-sidebar .panel.panel-default .panel-heading a.collapsed:before {
  content: "\f0d7";
}
.shop-sidebar .panel.panel-default .panel-body {
  padding: 15px 15px 7px;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 6.99px 6.99px;
  background-color: #fbfbfb;
}
.shop-sidebar .filter-price {
  margin: 14px 0 9px;
}
.shop-sidebar .filter-price #price-slider {
  margin-bottom: 20px;
}
.shop-sidebar .filter-price .noUi-target {
  background: #eee;
  border-radius: 0;
  border: none;
  box-shadow: none;
}
.shop-sidebar .filter-price .noUi-handle {
  background: #0088CC;
  cursor: pointer;
  border-radius: 5px;
  border: none;
  box-shadow: none;
}
.shop-sidebar .filter-price .noUi-handle:before, .shop-sidebar .filter-price .noUi-handle:after {
  display: none;
}
.shop-sidebar .filter-price .noUi-horizontal {
  position: relative;
  height: 7px;
}
.shop-sidebar .filter-price .noUi-horizontal .noUi-handle {
  position: absolute;
  width: 13px;
  height: 18px;
  border: 0;
  left: -6.5px;
  top: -6px;
}
.shop-sidebar .filter-price .noUi-horizontal .noUi-base .noUi-origin {
  position: absolute;
}
.shop-sidebar .filter-price .noUi-connect {
  background-color: #1ab3ff;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
}
.shop-sidebar .filter-price .filter-price-details {
  text-align: center;
}
.shop-sidebar .filter-price .filter-price-details * {
  white-space: normal;
}
.shop-sidebar .filter-price .filter-price-details span {
  vertical-align: middle;
  line-height: 26px;
}
.shop-sidebar .filter-price .filter-price-details .form-control {
  display: inline-block;
  vertical-align: middle;
  color: #a3a2a2;
  padding: 2px 5px;
  font-size: 14px;
  margin: 0 2px;
  width: 50px;
  height: 26px;
}
.shop-sidebar .filter-price .filter-price-details .btn {
  border: none;
  height: 26px;
  line-height: 26px;
  color: #fff;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 14px;
  margin: 5px 0;
}
.shop-sidebar ul, .shop-sidebar ol {
  padding: 0;
  margin: -7px 0 0;
  list-style: none;
}
.shop-sidebar ul li a, .shop-sidebar ol li a {
  color: #777;
  line-height: 2.5;
}
.shop-sidebar .configurable-filter-list {
  padding: 0;
  margin: 0 -5px;
  list-style: none;
  font-size: 0;
}
.shop-sidebar .configurable-filter-list li {
  display: inline-block;
  margin: 0 5px 8px;
}
.shop-sidebar .configurable-filter-list li a {
  display: block;
  color: #777;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 28px;
  background: #f4f4f4;
  border: 1px solid #cccccc;
  border-radius: 3px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.shop-sidebar .configurable-filter-list li a:hover {
  border-color: #0088CC;
  text-decoration: none;
}
.shop-sidebar .configurable-filter-list.filter-list-color li a {
  padding: 1px;
}
.shop-sidebar .configurable-filter-list.filter-list-color li a span {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 3px;
}
.shop-sidebar h4 {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.shop-sidebar .owl-carousel .owl-nav {
  top: -28px;
  width: auto;
  right: 5px;
  margin: 0;
  line-height: 1;
}
.shop-sidebar .owl-carousel .owl-nav .owl-prev,
.shop-sidebar .owl-carousel .owl-nav .owl-next {
  font-size: 16px;
  line-height: 1;
  min-width: 18px;
}

.shop-sidebar li.chosen{position:relative;}
.shop-sidebar li.chosen a{font-weight:bold;color:#262626;}
.shop-sidebar li.chosen{
    padding-right: 28px;
}
.shop-sidebar li{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.shop-sidebar li.chosen a:before {
    content: '\2713';
    display: inline-block;
    opacity: .6;
    margin-right: 5px;
    color: green;
}
.shop-sidebar li.chosen a:after {
    top: 8px;
    content: 'X';
    display: inline-block;
    opacity: .6;
    color: currentColor;
    margin-right: 5px;
    background-color:#ff0000;
    color:#fff;
    border: 1px solid rgba(0,0,0,0.1);
    line-height: 12px;
    font-size: 12px;
    padding: 2px 4px;
    text-align: center;
    border-radius: 99px;
    text-align: right;
    position: absolute;
    right: 0;
}
.create_links_top > .pagination{
    margin-top:0;
    display:none;
}
.product-actions{
    display:none;
}
.product-details-box-inner{
    border-bottom:0;
}
.slider-title{
    font-size:26px;
}
.owl-carousel.owl-urun-liste .owl-nav .owl-prev, .owl-carousel.owl-urun-liste .owl-nav .owl-next{
        color: #063826;
}
/******* SHOP *******/

.parallax-background{
    background-position: 50% 50%!important
}
.anasayfa-galeri .col-md-yuzde20{
    padding:0;
    margin-bottom: -10px!important;
}
.anasayfa-galeri .col-md-yuzde20 a{
    border:0;
}

/*! SVG Türkiye Haritası | CSS | MIT Lisans | dnomak.com */
.svg-turkiye-haritasi {
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
}
.svg-turkiye-haritasi svg {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
    .svg-turkiye-haritasi{
        overflow-y: hidden;
        overflow-x: scroll;
    }
    .svg-turkiye-haritasi svg {
        width: 200%;   
    }
    .il-isimleri {
      margin-left:-30%;
    }
}
.il-isimleri {
  position: absolute;
  z-index: 99;
}
.il-isimleri div {
  display: inline-block;
  background: #222;
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size:16px;
}
#svg-turkiye-haritasi path {
  cursor: pointer;
  fill: #555;
}
#svg-turkiye-haritasi path:hover {
  fill: #222;
}
#guney-kibris {
  pointer-events: none;
}
#istanbul-asya path,
#istanbul-avrupa path,
.dolu path{
    fill:#053826d9!important
}
.dolu path:hover{
    fill:#032015d9!important
}

.onay-checkbox > div{
    display:flex;
}
.onay-checkbox label{
    margin:-3px 0 0 0;
    padding:0 0 0 5px;
    line-height: initial;
}

.urunler .thumb-info{
    border-radius: 10px;
    padding: 0;
    border: 0;
}

.urunler .thumb-info .thumb-info-title {
    color: #ffffff;
    background: #173d34bd;
    padding: 14px;
    text-shadow: none;
    font-weight: 600;
    letter-spacing: 1px;
    bottom: 0;
    top: auto;
}
.owl-carousel .owl-nav [class*="owl-"] {
    background: #173d346e!important;
    color: #ffffff!important;
    font-size: 23px!important;
    width: 60px!important;
    height: 60px!important;
    border-radius: 30px!important;
}

.owl-carousel .owl-nav .owl-prev {
    left: 15px!important;
}
.owl-carousel .owl-nav .owl-next {
    right: 25px!important;
}
.owl-carousel .owl-nav .owl-prev:before, .owl-carousel .owl-nav .owl-next:before {
    top: 16px!important;
}