/*Mobile Buttons Start*/
#footer .fixed.visible-xs a{color:#fff!important;border:1px solid rgb(255,255,255,.2);}
#footer .f10{font-size:11px!important;}
.fixed{position:fixed}
.bottom-0{bottom:5px;}
.block{display:block;}
.bra100{border-radius:10px;padding-top: 6px!important;min-height: 50px;margin-bottom: 2px;color:#fff!important;}
@media (max-width: 767px){
    #footer .f15 {font-size: 13px!important;}
}
/*Mobile Button End*/
.icon-featured {
    display: inline-block;
    font-size: 0;
    margin: 15px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #FFF;
    font-size: 40px;
    line-height: 110px;
}

@media (min-width: 768px){
    .product-name{display:none;}
    .product-short-desc h2{margin-top:0;}
}
@media (max-width: 320px){
    #header .header-nav-top .nav>li>a{
        padding:0 5px!important;
    }
    #header .header-nav-top .nav>li>a span:nth-child(2){
        font-size:15px!important; 
    }     
}

.page-header h1{
    font-weight:400;
}

@media (min-width: 992px){
    .fixed-width-1{
        width: 130px;
        display: inline-block;
    }
    .fixed-width-adres-1,.fixed-width-adres-3{
        float:left;
    }
    .fixed-width-adres-2{
        display: inline-block;
        width: 230px;
        padding-left: 4px;
    }
}

.f34{font-size:34px;}
.page-header-light h1{    text-transform: uppercase;}

.portfolio-list  .thumb-info .thumb-info-title {
    height: 100%;
    background: rgb(14, 114, 204);
    text-align: center;
    vertical-align: middle;
    position: absolute;
    border-radius:6px;
    border:none;
}

.portfolio-list .img-thumbnail{border:none;}


.portfolio-list .thumb-info .thumb-info-inner  {
    overflow: visible;
    text-overflow: unset;
    white-space: inherit;
}
/* .page-gida-bilesenleri-ve-yardimci-malzemeler .thumb-info {display:inline-grid;} */
/* .page-gida-bilesenleri-ve-yardimci-malzemeler img{display:none;} */ 

body{
    font-family: 'Roboto'
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,
.header-nav nav>ul>li>a,
h1.tp-caption,.tp-caption.PostSlider-Title, .PostSlider-Title,
.thumb-info .thumb-info-title,
.slider-container .btn-slider-action,
.btn,.wws-popup__open-btn{
     font-family:'Titillium Web', sans-serif;
}


.product-actions .fa-shopping-cart, .product-actions .btn-group{display:none;}

.page-header .breadcrumb{margin-bottom:10px;}
.page-header .breadcrumb > li.active {
    color: #aaaaaa;
}
.page-header .breadcrumb > li > a {
    color: #5b5b5b;
}
.page-header .breadcrumb > li + li:before {
    color: #5b5b5b;
}
.page-header-light {
    border-bottom: 0;
}
.page-header-color, .page-header-light {
    background-color: #eaeff3;
}
    
.icons.icon-globe{float: left;padding: 6px 6px;}
.iletisim .btn{border-radius:25px;margin-bottom:15px;}
.iletisim .icon-envelope:before{vertical-align:middle;}
.iletisim span{font-size:14px;}
/*İkonlu Kutucuklar Başlangıç*/
.product-essential .owl-carousel .owl-item img {display: block;width: 100%;}
.owl-carousel .owl-item img {display: initial;width: auto;}
/*İkonlu Kutucuklar Bitiş*/

#header .header-nav-main nav>ul>li>a{font-size:14px;}
/* -- 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;padding-top:0 !important;}
.goog-te-gadget-simple {background-color: transparent;}
.goog-te-gadget-simple .goog-te-menu-value span {color:#999  !important;}
.goog-te-gadget-simple .goog-te-menu-value{padding:0px;margin:0 15px 0 0;display: inline-block;}
#header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{padding: 0 10px;}
#header .header-top .header-nav-top{max-height:48px;overflow: hidden;}


.page-header.breadcrumb11 {
    padding: 30px 0 30px!important;
    background-color: #eaeff3;
}

#header .header-body {
    border-top: 3px solid #eaeff3!important;
}

html #header.header-transparent{position:relative;}


html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav>ul>li:not(.active)>a {
    color: #222;
}
html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav>ul>li:hover>a {
        color: #fff;
}
html #header.header-transparent .header-nav-main nav>ul>li>a {
    color: #222;
}

html #header.header-semi-transparent .header-nav-main nav>ul>li:not(.active)>a.dropdown-toggle:after, html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav>ul>li:not(.active)>a.dropdown-toggle:after, html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav>ul>li:not(.active)>a.dropdown-toggle:after {
    border-color: #222 transparent transparent;
}
#searchForm{display:none;}
@media (min-width: 992px){
    #footer .footer-form{
        background-position: 96% 50%;
    }
    .wws-popup__open-btn {
        padding: 15px 30px!important;
        font-size: 20px!important;
    }  
    .header-menu-top-wrp{
        z-index: 2;
        position: relative;
    }
    
    #header .header-nav-top{margin:0 -20px;}
    
    #header .header-nav-top .nav>li>a{
        font-size:13px;z-index: 1;color:#555;font-weight:400;z-index: 9;
        border-left: solid 1px #eaeff3;
        border-radius: 0;
        margin: 8px 0px!important;        
    }
    #header .header-nav-top .nav>li:nth-last-child(2)>a{
        /*border-right: solid 1px #eaeff3;*/
    }
    
    #header .header-nav-top .nav>li:first-child>a{border-left:0;}
    #header .header-nav-top .nav>li>a:hover{color:#222;}
     #header .header-nav-top .nav>li>a i{margin-right:0;}
     #header .header-nav-top .nav>li>a:hover span:first-child{font-weight:bold;}
     
     #header .header-nav-top .nav>li>a:hover span{font-weight:bold!important;}
    
    .translation-icons{padding:6px 0;}
    .translation-icons a:hover{text-decoration:none;}


    #header .header-nav-top .nav>li>a span {
        line-height:initial;
    }
    #header .header-nav-top .nav>li>a span:first-child {
        text-align:center;
        font-weight:normal;
    }
    #header .header-nav-top .nav>li>a span:nth-child(2){
        color: #0a62b6!important
    }    
    
    #header .header-nav-top .nav>li>a>span:nth-child(2):after {
      display:block;
      content: '';
      border-bottom: solid 2px #0a62b6;  
      transform: scaleX(0);  
      transition: transform 250ms ease-in-out;
      transform-origin: 100% 50%; 
    }
    /* h1:after{ transform-origin: 100% 50%; } */
    /* h1.fromRight:after{  transform-origin:   0% 50%; } */
    #header .header-nav-top .nav>li:not(:last-child)>a:hover span:nth-child(2):after{ transform: scaleX(1); transform-origin:   0% 50%; }
    /*h1.fromRight:hover:after{ transform: scaleX(1); transform-origin: 100% 50%; }     */
    
    #header .header-nav-top .nav>li>a a:focus, #header .header-nav-top .nav>li>a:hover {background-color:transparent;}
    
    .sticky-header-active  body{padding-top:120px;}

    #header .header-nav-main nav > ul > li:hover > a {
        color: #fff;
    }    
    
    html #header.header-transparent .header-nav-main nav>ul>li:hover>a.dropdown-toggle:after {
        border-color: #fff transparent transparent!important;
    }

    .header-menu-top{
        position: absolute;
        right: 32px;
        top: -9px;
    }
    .product .product-name a {
        font-size: 21px;
        font-weight: 600;
    }

    html #header.header-flex .header-nav {
        margin-top: 38px;
    }
    .header-body {
        max-height: 100px;
    }
    
    
    #header .header-logo a:before{
        left: -15px;
        top: -1000px;
        background: #ffffff;
        box-shadow: 0px 0px 3px 4px #3d76ab0d;
        z-index: -1;
        position: absolute;
        border-radius: 12px;
        right: -10px;
        content: "";
        bottom: -64px;
    }

     
    #header.header-narrow .header-logo .logo-default{margin: -75px -70px -102px 0;}
}

html.sticky-header-active #header.header-semi-transparent-light .header-body{top:0px !important;}
.goog-te-gadget-simple{font-size:14px !important;color: #eee !important;}
.fa.fa-globe {float:left;padding:6px 6px;}
/* -- End Google Translate Css */

@media (min-width: 320px) and (max-width: 374px){
    #header .header-logo img{
        top: 17px!important;
        width: auto;
        height: 40px!important;
    }
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{font-size:.81em}
    .m-f12{font-size:12px!important;}
}
@media (min-width:321px) and (max-width: 425px){
    #header .header-logo img{
        top: 10px!important;
        width: auto;
        height: 57px!important;
    }
    .sticky-header-active #header .header-logo img{
        width: auto;
        height: 45px;
    }
    .sticky-header-negative #header .header-logo img{
        width: auto;
        height: 57px!important;
    }
}
@media (max-width: 475px){
.owl-dots{display:none;}
}
@media (max-width: 320px){
    #header .header-nav-top .nav>li:nth-child(2){float:right;}
    .tp-caption.main-label img{
        width: 200px!important;
        height: auto!important;
    }
}
@media (min-width:321px) and (max-width: 425px){
    #header .header-nav-top .nav>li:nth-child(2){float:right;}
    .tp-caption.main-label img{
        width: 300px!important;
        height: auto!important;
    }
}
@media (min-width:426px) and (max-width: 767px){
    .tp-caption.main-label img{
        width: 350px!important;
        height: auto!important;
    }
    
}
@media (max-width: 767px){
    img.p2.m-p0.pr0.pt0{width:33%;}
    .page- .call-to-action .call-to-action-content, .page- .call-to-action .call-to-action-btn{
        padding: 20px 20px 20px 0;
    }
    .sticky-header-active  body{padding-top:140px;}
    #header.header-narrow .header-body{padding-top:0;}
    html.sticky-header-negative.sticky-header-active #header .header-logo{
        padding-top:0;
    }
    .g-recaptcha{margin-bottom:-20px;}
        #footer .FormWrp h2{font-size:24px;}
    #footer .call-action p, 
    #footer .call-action a {
        color: #000000!important;
    }
    #header .header-body{background: #fff!important;}
    .number-hover {
        display: block!important;
    }
    
    .header-nav-top .nav.nav-pills li:nth-child(3),
    .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 {background: transparent;}
   /* .page- #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{color:#eee}*/
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{color:#ffffff}
    #footer:not(.light) h3{margin: 20px 0 5px 0;}
    #header .header-nav-top{margin:0;width: 94%;text-align: right;background-color: #0e72cc;border-radius: 4px;}
    .header1 .header-logo {
        margin-top: 35px!important;
    }    

}
.header1{min-height: auto!important;}
@media (min-width: 921px) and (max-width: 1440px){
    
}
@media (max-width: 920px){
    .header-nav-top{position:absolute;}
    .slider-container .btn-slider-action{padding:15px 8px!important;}
    .header-btn-collapse-nav:before{content:'MENÜ';font-size:small;font-weight:700;}
    #header .header-btn-collapse-nav{margin-top:70px;transition:.3s;}

    html.sticky-header-active #header.header-transparent .header-body{top: -63px!important;}
    html.sticky-header-active #header .header-body{top: -3px!important;}
    html.sticky-header-active #header.header-transparent .header-body:before{background:#fff;}
}
@media (min-width: 1440px){
    
}
@media (min-width: 992px){
    .sticky-header-active body.page- {
        padding-top: 120px;
    }
    #header .header-column{vertical-align: top!important;}
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        border-top-color: #0e72cc;
        border-width: 2px;
    }    
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after {
        border-color: transparent transparent transparent #19450e!important;
    }
    .page- #header .header-body{background:#fff!important;}

    html.sticky-header-active #header.header-transparent .header-body,
    html #header.header-flex:not(.header-transparent-bottom-border) .header-body{top: -50px!important;}
    html.sticky-header-active #header.header-transparent .header-body:before{background:#fff;}
    html.sticky-header-active #header.header-transparent .header-body:after{background-image: linear-gradient(144deg, #000000 41%, #ffffff 41.2%);}
    /*Color Start*/
   

    /*Color Start*/
    #header.header-narrow .header-logo img {margin:-4px 0px 15px 0px}
    .sticky-header-active #header .header-logo .wrapper{margin:30px 0 0;}
    html.sticky-header-active #header.header-transparent .header-body{box-shadow:0 0px 9px #4267a226}
    .header-nav-top .nav.nav-pills li:first-child{height:50px;}
    .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: 0 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 7px;
    }
    
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{font-size:1.1em;}

    

    html #header.header-flex .header-nav-main nav>ul>li{height:49px!important;}
    .sticky-header-active #header.header-flex .header-nav {margin-top:38px;}
    

   .sticky-header-active #header .header-nav.header-nav-stripe nav>ul>li:hover > a,
    body:not(.page-) #header .header-nav.header-nav-stripe nav>ul>li:hover > a{
        /*
        background: -webkit-linear-gradient(#0e72cc, #0e72cc);
        -webkit-text-fill-color: #fff;
        color: #fff;
        */
        background:#0e72cc;
        color:#fff;
    }
    
    #header .header-nav.header-nav-stripe nav>ul>li>a{
        font-size:15px;
    }
    .sticky-header-active #header .header-nav-main .nav>li:last-child a:after{
            bottom: 8px;
    }
    
    .breadcrumb8{
        padding: 50px 0 !important;
    }
    .page-header.breadcrumb8{
        background-position: 50% 75%;
        background-size: cover;
    }
}


    
    .ampstart-btn {
        font-size: 1.25rem;
        color: #000!important;
        background-color: #ffe11b;
        /*animation: a .4s .4s ease-in-out both;transition: box-shadow .25s,transform .25s;*/
        line-height: 1.125rem;
        border-color: transparent;
        border: 1px solid transparent;
        text-decoration: none;
        word-wrap: normal;
        vertical-align: middle;
        cursor: pointer;
    }
    .call-action {
        bottom: 0;
    }
    .call-action .col-xs-3,.call-action .col-xs-4,.call-action.col-xs-12{
        padding:0;        
    }
    .pb01 {
        padding-bottom: 0.1rem;
    }

    .pt01 {
        padding-top: 0.1rem;
    }
    .pb05 {
        padding-bottom: 0.5rem;
    }
    
    .pt05 {
        padding-top: 0.5rem;
    }
    .fw7 {
    font-weight: 700;
    }
    
    .f10 {
        font-size: 10px;
    }
    .block {
        display: block;
    }
    .truncate {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .i-amphtml-layout-size-defined {
    overflow: hidden!important;
    }
    
    .i-amphtml-layout-fixed, [layout=fixed][width][height]:not(.i-amphtml-layout-fixed) {
        display: inline-block;
        position: relative;
    }
    .-ra {
        display: inline-block;
    }
    .-rl {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }
    .-rc {
        grid-column: 1/-1;
        grid-row: 1/-1;
        animation: roll 12s cubic-bezier(.25,.1,.25,1) 1s infinite backwards;
    }
    .-rc:nth-child(2) {
        animation-delay: 4s;
        /* opacity: 0; */
    }
    .-rc:nth-child(3) {
        animation-delay: 7s;
        opacity: 0;
    }
    .-rc:nth-child(4) {
        animation-delay: 10s;
        opacity: 0;
    }

@keyframes roll{
    0% {
        opacity: 0;
        transform: translate3d(0,-70%,0);
    }
    
    2.5%, 25% {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
    100%, 27.5% {
        opacity: 0;
        transform: translate3d(0,70%,0);
    }
}
@keyframes a{
    0% {
    opacity: 0;
    transform: translateY(2rem);
    }
    
    100% {
        opacity: 1;
        transform: none;
    }
}

.product-details-box .product-actions .btn-group a.btn {
    line-height: inherit;
    height: auto;
}
.events-none>li>a{pointer-events:none!important;}