/*mobil sabit butonlar*/
div.sabit-form-left a{
    color: #fff!important;
    width: 100%;
}
@media (min-width: 768px){
    div.sabit-code{bottom:30px!important;}
    .sabit-code img{
        height: 90px;
        margin: 5px 0;
        border: 4px solid #ffffff;
    }
    .sabit-code span{display:block;color:#fff;}
    #header .header-nav-top{margin-right:15px;}
    body:not(.page-) div.body .background-color-quaternary {border-bottom: solid 1px #ccc !important;}
}
@media (max-width: 767px){
    .sabit-code img{height:90px;}
    .sabit-code span{display:block;color:#fff;}
}
@media screen and (max-width:450px){
    .visible-xs.sabit-code, .visible-xs.sabit-form{display:none!important;}
    .qrcodeIn .visible-xs.sabit-code, .qrcodeIn .visible-xs.sabit-form{display:block!important;animation:slide-up 1s;}
}

@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(140px);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
@keyframes slide-down {
    0% {
        opacity: 1;
        transform: translateY(0);
    } 
    100% {
        opacity: 0;
        transform: translateY(140px);
    } 
}
/*Logo Start*/
.header-logo svg{
    width: 302px;
    height: 100px;
}
.sticky-header-active .header-logo svg {
    width: 249px;
    height: 133px;
    /*margin-bottom: -24px;*/
}

/*Special Gallery Start*/
.special .slider4 .thumb-info .thumb-info-inner, .special .slider6 .thumb-gallery .thumb-info-inner {
    padding: 20px 0 10px;
}
.thumb-info .thumb-info-action-icon{
    display: none;
}
.special .slider4 .thumb-info .thumb-info-title{
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    background: transparent;
    color: #222;
    letter-spacing: inherit;
    padding: 0;
    position: relative;
    text-shadow: none;
    max-width: 100%;
}
.special .slider4 .thumb-info .thumb-info-type{
    overflow: auto;
    text-overflow: inherit;
    white-space: pre-wrap;
    background-color: transparent !important;
    border-radius: 2px;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    padding: 2px 0;
    text-transform: none;
    z-index: 2;
    color: #777;
}
.special .slider4 .thumb-info{
    border:none
}
.special .slider4 .thumb-info img {
    border: 0;
    padding:5px;
}
.special .slider4 .thumb-info:hover img{
    border-color:#222;
}
.special .img-thumbnail{
    padding: 0;
    border: 0;
}
@media (min-width: 1000px) {
    
}
@media only screen and (max-width: 767px){
    .special .slider4 > div:nth-child(2n+1){
        clear:both;
    }    
}
.special .slider4 .thumb-info .thumb-info-inner, .slider6 .thumb-gallery .thumb-info-inner {
    overflow: unset;
    text-overflow: inherit;
    white-space: pre-wrap;
}
.special .slider4 .thumb-info:hover {
    text-decoration: none;
}


/*Logo End*/
/*
.header-logo svg g:nth-child(1) rect{
    fill: #fff!important;
}
.header-logo svg g:nth-child(2) rect{
    fill: #fff!important;
}
*/
#header .header-nav.header-nav-stripe nav > ul > li:hover > a{
    background: transparent!important;
}

.btn-grad {
    background-image: linear-gradient(to right, #07632b 0%, #74be5d 51%, #289b41 100%)
}
.btn-grad {
    margin: 0px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s!important;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    display: block;
}
.btn-grad:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

/*
@font-face{font-family:'Kelson';font-display:swap;font-style:normal;font-weight:400;src:local('KelsonSans Normal'),local(KelsonSans-Normal),url(/upload/fonts/Kelson/TTF/KelsonSans-Normal.ttf)}
*/
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,
.custom-primary-font,
.nav-list a, #header li a, span, p, input, li,
.tp-caption,
.wws-popup__footer .wws-popup__open-btn{
    font-family: 'Ubuntu';
}
body{
    font-family:'Roboto', sans-serif;
    width:100%;
}

.sidebar h2:after {
    position: absolute;
    display: block;
    left: 0;
    bottom: -2px;
    width: 60px;
    margin-top: 1rem;
    border-top: 2px solid #00abeb;
    content: "";
}
.sidebar h2 {
    position: relative;
    margin-top: -2px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ededed;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.bottom-0 {
    bottom: 5px;
    margin-bottom:0!important
}
.fixed {
    position: fixed;
}
.block {
    display: block;
}
.f10 {
    font-size: 10px;
}

.container-fluid.footer-ikili{
    margin-top:0;
}


.contentDiv{float:right;}
.sidebar_1{float:left;}
.page-header .breadcrumb>li+li:before{
    color: #fff;    
}
.header-search{display:none!important;}
.home-intro p:last-child{margin-bottom:0;}
.divider.white hr {
    background: #ffffff!important;
}

.grayscale100{
  filter: grayscale(100%);
  transition: all 0.5s ease;
}
.grayscale100:hover{
  filter: grayscale(0%);
}

/*Gallery Start*/

    .ws{
        white-space: normal!important;
    }
    
@media (min-width:767px) and (max-width:1024px){
    #header .header-nav-top .nav>li:nth-child(3){
        display: none;
    }
}
@media screen and (max-width:767px){
    .header-btn-collapse-nav:before{
        content:'MENÜ';
        font-size: small;
        font-weight: 700;
    }
    .pr45, .pl45 {
        padding-left: 0;
        padding-right: 0;
    }
    .header-logo svg {
        width: 195px;
        height: 78px;
    }
    .paragraf{
        line-height: 20px!important;
    }
    .ws{
        white-space: normal;
    }
    #header .header-nav-main nav > ul > li > a:hover {
        background: #00adee;
    }

    .hizmetler .thumb-info .thumb-info-type, .thumb-gallery .thumb-info-type{
        display:none!important;
    }
    .hizmetler .thumb-info span.thumb-info-title, .thumb-gallery .thumb-info-title{
        font-size: 11px!important;
    }
}
    .hizmetler .thumb-info .thumb-info-type, .thumb-gallery .thumb-info-type{
        display:contents;
    }
    .hizmetler .thumb-info .thumb-info-title, .thumb-gallery .thumb-info-title{
        color:#fff!important;
        letter-spacing: 0!important;
        font-size: 15px!important;
        text-align: center!important;
        font-weight:700!important;
        max-width: 100%;
        bottom:0;
        background: rgba(175, 10, 17, 0.62);
    }
    .hizmetler .thumb-info:hover .thumb-info-title {
        background: #00395e;
    }
    .hizmetler .thumb-info .thumb-info-inner, .thumb-gallery .thumb-info-inner,.thumb-info .thumb-info-type, .thumb-gallery .thumb-info-type small {
        text-overflow: clip;
        white-space: normal;
        text-align: center;
    }
    .hizmetler .owl-carousel .owl-nav [class*="owl-"] {
        color: #aa2d2d;
        width: 20px;
        background: transparent !important;
    }
    .hizmetler .portfolio-item.img-thumbnail{
        padding:0px;
        border:0;
        border-radius:4px!important;
    }
    .hizmetler .portfolio-item .thumb-info{
        border:0;
        border-radius:4px!important;
    }
    .hizmetler .portfolio-item .thumb-info img{
        border:0;
        border-radius:4px!important;
    }
    .hizmetler .thumb-info img:hover {
        opacity: 0.85;
    }
    .hizmetler .portfolio-item .thumb-info:hover {
        -webkit-box-shadow: 0px 17px 20px -15px rgba(33, 37, 41, 0.6);
        box-shadow: 0px 17px 20px -15px rgba(33, 37, 41, 0.6);
    }
    .hizmetler .owl-theme .owl-nav [class*=owl-]:hover {
        color: #898a8d;
    }
/*Gallery Finish*/

/*Header 1 Mobile Css*/
.breadcrumb12{padding:0;margin: 0 0 30px;}
.iletisim-box{box-shadow: 0px 0px 60px -10px rgba(139, 139, 139, 0.5);}

#footer{background:#fff!important;}
.page-header-color{border-bottom:0}
html .page-header-color.page-header-primary {
    background-color: #eaeff3;
    border-bottom-color: #eaeff3;
    background-image: radial-gradient(circle at 77% 43%, rgba(168, 168, 168,0.04) 0%, rgba(168, 168, 168,0.04) 50%,rgba(10, 10, 10,0.04) 50%, rgba(10, 10, 10,0.04) 100%),radial-gradient(circle at 33% 65%, rgba(248, 248, 248,0.04) 0%, rgba(248, 248, 248,0.04) 50%,rgba(228, 228, 228,0.04) 50%, rgba(228, 228, 228,0.04) 100%),radial-gradient(circle at 92% 79%, rgba(152, 152, 152,0.04) 0%, rgba(152, 152, 152,0.04) 50%,rgba(28, 28, 28,0.04) 50%, rgba(28, 28, 28,0.04) 100%),radial-gradient(circle at 91% 13%, rgba(41, 41, 41,0.04) 0%, rgba(41, 41, 41,0.04) 50%,rgba(214, 214, 214,0.04) 50%, rgba(214, 214, 214,0.04) 100%),linear-gradient(90deg, rgb(11, 127, 96),rgb(139, 205, 191)) !important;
}

section.custom-background-image-1{
    background-image: url(/upload/images/section-bg.jpg);
    background-position: center;
    background-size: contain;
}
section.custom-background-image-1:before{background: rgba(0, 0, 0, 0.39);left:50%;}
@media (max-width: 767px){
    #header .header-nav-top .nav>li:nth-child(3){display:none;}
    .product-details-box {float: none;}
    .page-header-color{border-bottom:0;background-image: url(/upload/images/breadcrumb-mobile.jpg)!important;background-size:cover;}
    #footer .footer-copyright p,.container-fluid>.row>.p-none:last-child section.section, .container-fluid>.row>.p-none:last-child section.section p{text-align:center;}
    .footer_custom ul li{text-align:center;}
    #footer .container .row>div {text-align: center!important;}
    #header .header-btn-collapse-nav{margin:0px 0 5px 15px;}
    #header .header-top{background:#0b9dd4;}
    section.section{display:block!important;}
    #header .header-nav-top .nav>li>a, #header .header-nav-top .nav>li>span{font-size:.81em;padding-right:0;}
    .home-intro p,.home-intro div.col-md-4,.modul-baslik,.footer-ikili .ozelFormLabel{text-align:center;}
    .footer-ikili .btn-primary{width:100%!important;}
}
.neden-alya .owl-carousel .owl-item img{display:inline;}
.home-intro{background:#0b9dd4;}
.btn-primary, .btn-default {
    border-radius: 30px;
}
html .featured-box-primary h4 {
    font-weight: 600;
}
.box-content p{text-align: center;}
   
.herbal{
    width: 150px;
    height: auto;
}
@media (min-width: 992px){
    #header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a, 
    #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a{
            padding: 20px 13px;
    }
    html:not(.sticky-header-active) #header.header-transparent .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):hover >a.dropdown-toggle:after
    {
        border-color: #000 transparent transparent;
    } 
    #header .header-nav-top .nav>li:first-child>a{
        color: #fff;
        background-color: #529e54;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{
        font-size: 1em;
    }
    html .featured-box-primary h4 {
        height: 42px;
    }
    html #header.header-semi-transparent .header-nav-main nav>ul>li:not(.active)>a, html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav>ul>li:not(.active)>a, html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav>ul>li:not(.active)>a{
        color: #000;
    }
    .page- #header .header-body{
        background: linear-gradient(229deg, #00582617 61%, transparent 61.2%)!important;
    }
    .custom-toll-free-a{
        background: linear-gradient(100deg, #74b7e6, #245ca7);
    }
    .custom-toll-free{
        color:#fff;
    }
    #mainMenu{margin-top:25px;}
    #header .header-container.container {
        margin-top: 0;
    }

    .sidebar .col-xs-12.mt15{margin-top:0;}
    .sidebar h2{font-weight:700;}
    #header .header-nav-top{
        margin:0!important;
    }
    #header .header-top .header-nav-top{width:100%;padding-left: 15px;}
    .page-insan-kaynaklari .tab-content .row div:nth-child(4){margin-top:32px!important;}
    #header .header-logo img{margin:0!important}
    .iletisim-box{
        width: 49%!important;
        margin-right: 10px;
        margin-bottom: 15px;
    }
    #header .header-nav.header-nav-stripe nav>ul>li>a{
        transition: .3s;
        font-family: 'Kaushan Script', cursive;
        letter-spacing: .7px;
        font-size: 16px;
    }
    /*
    #header .header-nav.header-nav-stripe nav>ul>li:last-child>a{margin-top: -6px!important;transition: background .3s;}
    */
    #header .header-nav.header-nav-stripe nav>ul>li:last-child{height: 106%!important;}
    #header .header-nav.header-nav-stripe nav>ul>li:hover>a{color:#005826!important;}
    #header .header-nav.header-nav-stripe nav>ul>li:hover>a, #header .header-nav.header-nav-stripe nav>ul>li>a{padding: 35px 11px;}
    html #header.header-flex .header-nav{
        margin-top:9px;
    }
    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: 41px!important;
    }
    #header .header-nav-main nav>ul>li > a{height:30px!important;}
    #header .header-nav-main nav>ul>li > a:before {
        content: "";
        display: block;
        width: 0;
        height: 2px;
        background: linear-gradient(45deg, #0c6c2e, #6ac264 50%, #107231 100%);
        opacity: 0;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        position: absolute;
        bottom: -5px;
        left: 50%;
    }
    section.section-sss {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-image: url('/upload/images/faq.jpg');
        background-size: cover;
        background-position: center;
        top: 0;
        left: 0;
    }
    #header .header-nav-main nav>ul>li.active > a:before, #header .header-nav-main nav>ul>li:hover > a:before {
        opacity: 1;
        width: calc(100% - 14px);
        left: 7px;
    }
    #header .header-container.container{margin-top: 9px;}
    html #header.header-flex .header-body {padding: 15px 0 0}
    #header .header-top{background-color: #0b9dd4;top: -2px;height: 48px;padding: 4px 0;}
    html:not(.ie) #header.header-flex .header-logo{max-width: 350px;}
    #header.header-narrow .header-nav.header-nav-stripe nav > ul > li.dropdown > a, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li.dropdown:hover > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown:hover > a {
    padding: 20px 5px ;
}
    #header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a, #header.header-narrow .header-nav.header-nav-stripe nav > ul > li:hover > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li > a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a{padding-right:10px;}
    .custom-toll-free{margin-left:0!important;padding-left: 26px!important;}
    #header.header-narrow .header-logo .logo-default{margin: -100px -70px -102px 0;}
    html.sticky-header-active #header.header-semi-transparent-light .header-body{top:-18px !important;box-shadow: 0 0 10px #969696;}
    html #header.header-semi-transparent .header-body, html #header.header-semi-transparent-light .header-body{background:rgb(255,255,255,.9);}
}
@media (min-width: 992px) and (max-width:1560px){
    #header .header-nav.header-nav-stripe nav>ul>li:hover>a, #header .header-nav.header-nav-stripe nav>ul>li>a{
        padding: 20px 8px!important;
        font-size: 14px!important;
    }
}
.goog-te-gadget-simple{font-size:13px !important;color: #222 !important;}
.fa.fa-globe {float:left;padding:6px 6px;}
/* -- End Google Translate Css */


/*whatsapp animation*/
.wws-popup__footer .wws-popup__open-btn i{
    margin: 0 5px 0 0;
    padding-left: 4px;
}
.wws-popup__footer .wws-popup__open-btn{
    padding: 12px;
    border-radius: 20px;
}
.wws--bg-color{background-image: linear-gradient(34deg,#46a58d 0%,#119069 100%);}
.wws-lau00001 {fill: #00000075 !important;}
.wws-lau00002 {fill: #000000 !important;}
.wws-popup__open-btn{
/*background: linear-gradient(89deg, #ab8526 , #d2a847 , #b28c2f , #d7b462 );*/
background: linear-gradient(89deg, #006347 , #9df9e6 , #007351, #37d6a3 );
background-size: 400% 400%;

-webkit-animation: AnimationName 6s ease infinite;
-moz-animation: AnimationName 6s ease infinite;
animation: AnimationName 6s 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%}
}
@media only screen and (min-width: 992px){
    .wws-popup__footer .wws-popup__open-btn{
        font-size: 15px;
    }
}
/* -- End whatsapp */

html .background-color-primary {
    background-color: #2b72b7!important;
    background-image: radial-gradient(circle at 77% 43%, rgba(168, 168, 168,0.04) 0%, rgba(168, 168, 168,0.04) 50%,rgba(10, 10, 10,0.04) 50%, rgba(10, 10, 10,0.04) 100%),radial-gradient(circle at 33% 65%, rgba(248, 248, 248,0.04) 0%, rgba(248, 248, 248,0.04) 50%,rgba(228, 228, 228,0.04) 50%, rgba(228, 228, 228,0.04) 100%),radial-gradient(circle at 92% 79%, rgba(152, 152, 152,0.04) 0%, rgba(152, 152, 152,0.04) 50%,rgba(28, 28, 28,0.04) 50%, rgba(28, 28, 28,0.04) 100%),radial-gradient(circle at 91% 13%, rgba(41, 41, 41,0.04) 0%, rgba(41, 41, 41,0.04) 50%,rgba(214, 214, 214,0.04) 50%, rgba(214, 214, 214,0.04) 100%),linear-gradient(90deg, rgb(11, 127, 96),rgb(139, 205, 191));
}