@font-face {
    font-family: SegoiScript;
    src: url(/assets/fonts/segoesc.ttf);
}

.mobile-only{display: none;}

.cookiesConfigBanner,.cookiesBanner{position: fixed; bottom: 0; left: 0; width: 100%; height: auto; z-index: 10000; color: #000;}
.cookiesConfigBanner{z-index: 10100; padding-right: 0 !important;}
.cookiesConfigBanner .btn,.cookiesBanner .btn{margin-bottom: 10px;}
.btnAceptarCookies,.btnGuardarCookies{border-color:#36b258 !important; background: #36b258 !important;}
.btnDeclinarCookies{border-color:#dabc6e !important; background: #dabc6e !important;}
.btnAceptarCookies:hover{border-color:#2c8e47 !important; background: #2c8e47 !important;}
.btnDeclinarCookies:hover{border-color:#af995f !important; background: #af995f !important;}
.btnGuardarCookies:active,.btnGuardarCookies:focus,.btnAceptarCookies:focus,.btnAceptarCookies:active,.btnDeclinarCookies:active,.btnDeclinarCookies:focus{outline: none; box-shadow: none;}

/* SLIDER */
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}

.banner-content{
    padding-top: 70px;
    margin-left: 18%;
    font-size: .7em;
}
.banner-content2{padding-top: 50px;}
.banner-content3{padding-top: 55px;}

/* PAGINA INICIO */
body p,body ul li{font-size: 16px;}

.owl-carousel .owl-stage{display: flex; flex-wrap: wrap;}
.owl-carousel .owl-item{display: flex;}
.single-testimonial h4:hover{color: #36b258;}


.zSpec{font-size: 1.2em; font-family: Charm;}
#header{background: transparent !important;}
#header.header-scrolled{background: #fff !important; transform: scale(1) !important; margin-left: 0 !important;}
.banner-area{background-size: cover; background-repeat: no-repeat;}
.banner-area .banner-content{padding-left: 9.8%;}

.nav-menu a{font-weight: 500; font-size: 14.5px;}
.nav-menu .sub-menu a{font-size: 14px;}
*::selection{background: 1px 1px #36b258;}
.footer-area .documentosLegales a:hover{color: #dabc6e !important;}
.nav-menu ul li:hover>a,.nav-menu li:hover>a, .nav-menu>.menu-active>a,.footer-area .footer-bottom a,.footer-area .number,.footer-area .documentosLegales a{color: #36b258 !important;}
.footer-area .number{font-size: 16px;}
.footer-area p{color: #a1a1a1;}
.footer-area .genric-btn{background: #308c4a;}
.single-footer-widget .navbar-form .genric-btn:hover,.footer-area .footer-bottom .footer-social a:hover{background: #dabc6e; color: #fff;}
.footer-area .footer-bottom .footer-social i,section.cabecera>.fondoCabeceraDesc h3,.migasPan,.migasPan a{color: #fff;}
.migasPan,.migasPan a{font-style: italic; font-size: 16px;}
.migasPan a:hover{text-decoration: underline;}
section.cabecera{margin-top: 90px;}
section.cabecera>.fondoCabeceraDesc{
    width: 100%;
    z-index: 900;
    position: absolute;
    background: #dabc6e;
    padding: 8px 50px;
}
.triangulo {
    width: 0;
    height: 0;
    border-left: 27px solid #fff;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 5%;
}
.trianguloIzq{left:0;}
.trianguloDer{
    right:0;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
}

/*.subtitulo_principal{font-family: SegoiScript;}*/
.primary-btn.header-btn,.p1-gradient-bg, .primary-btn, .header-btn, .testimonial-area .overlay-bg, .single-service:hover, .about-right .overlay-bg,.single-fact h1.counter,section.cabecera>div{
    background: -webkit-linear-gradient(0deg, #28a745 0%, #80d621 100%);
    background: -moz-linear-gradient(0deg, #28a745 0%, #80d621 100%);
    background: -ms-linear-gradient(0deg, #28a745 0%, #80d621 100%);
}
.offered-left .single-offer:hover{border-color: #80d621ad;}
.bloque2 .single-offer{ padding: 20px;}
.bloque2 .single-offer img.img-fluid{width: 70%;}

.single-fact h1.counter{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bloque0{padding-top: 100px;}

.bloque5 img{width: 90%;}

.bloque6 .textIzq{margin-top: -10%;}
.bloque6{margin-bottom: 45px;}

.bloque7 img{width: 159px; height: 110px;}

.bloque9 ul,.bloque9 ol{padding-left: 50px; list-style-type: disc;}
.bloque9 img{padding: 20px; box-sizing: border-box;}
.bloque9 span[style*=background-color]{display: block; padding: 10px;}


/***** SWITCH *****/
.switch {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 3px 0;
}

.ios-switch {
    height: 45px;
    width: 75px;
    position: relative;
    background-color: #E5E5E5;
    border-radius: 100px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ios-switch.on .on-background {
    opacity: 1;
}

.switch.switch-sm .ios-switch {
    height: 25px;
    width: 55px;
}

.switch .ios-switch {
    height: 35px;
    width: 65px;
}

.ios-switch .background-fill {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    position: absolute;
    left: 0;
    top: 0;
}

.ios-switch.off .state-background {
    -o-transition: .4s 0.25s;
    -ms-transition: .4s 0.25s;
    -moz-transition: .4s 0.25s;
    -webkit-transition: .4s 0.25s;
    transition: .4s 0.25s;
}

.ios-switch .state-background {
    border-radius: 100px;
    z-index: 2;
    background-image: -o-linear-gradient(#ffffff, #FDFDFD);
    background-image: -ms-linear-gradient(#ffffff, #FDFDFD);
    background-image: -moz-linear-gradient(#ffffff, #FDFDFD);
    background-image: -webkit-linear-gradient(#ffffff, #FDFDFD);
    background-image: linear-gradient(#ffffff, #FDFDFD);
    border: 2px solid #E5E5E5;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}

.ios-switch .on-background {
    background-image: -o-linear-gradient(#00e459, #00e158);
    background-image: -ms-linear-gradient(#00e459, #00e158);
    background-image: -moz-linear-gradient(#00e459, #00e158);
    background-image: -webkit-linear-gradient(#00e459, #00e158);
    background-image: linear-gradient(#00e459, #00e158);
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    z-index: 1;
    -o-transition: .3s 0.2s;
    -ms-transition: .3s 0.2s;
    -moz-transition: .3s 0.2s;
    -webkit-transition: .3s 0.2s;
    transition: .3s 0.2s;
}

.switch.switch-primary .ios-switch .on-background {
    background: #dabc6e;
}

.ios-switch.on .state-background {
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.ios-switch .handle {
    width: 41px;
    height: 41px;
    background-color: white;
    top: 2px;
    left: 2px;
    position: absolute;
    border-radius: 20px;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.075), 0 3px 5px rgba(0, 0, 0, 0.15), 1px 2px 2px rgba(0, 0, 0, 0.05);
    z-index: 3;
    -o-transition: -o-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -ms-transition: -ms-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -moz-transition: -moz-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -webkit-transition: -webkit-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -o-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -ms-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -moz-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -webkit-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.ios-switch.on .handle {
    -o-animation: expand-on .3s 0.2s;
    -ms-animation: expand-on .3s 0.2s;
    -moz-animation: expand-on .3s 0.2s;
    -webkit-animation: expand-on .3s 0.2s;
    animation: expand-on .3s 0.2s;
    -o-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -o-transform: translate3d(30px, 0, 0);
    -ms-transform: translate3d(30px, 0, 0);
    -moz-transform: translate3d(30px, 0, 0);
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
}

.switch.switch-sm .ios-switch .handle {
    height: 21px;
    width: 21px;
}
/***** FIN SWITCH *****/


/* RESPONSIVE */
@media(max-width: 1600px){
    /*.banner-content{padding-left: 15%;}*/
}

@media(max-width: 1400px){
    /*.banner-content{padding-left: 19%; font-size: .85em;}*/
}

@media(max-width: 1100px){
    #header>.container{max-width: 1060px;}
}

@media(max-width: 1000px){
    #header{margin-left: 135px;}
    .header-scrolled #logo{padding-left: 30px;}
}

@media(max-width: 991px){
    .banner-content{margin-left: 3%;}
    #header{margin-left: 109px;}
}

@media(max-width: 991px){
    .mobile-only{display: inline-block;}
    .desktop-only{display: none;}
}

@media(max-width: 768px){
    .fondoCabeceraDesc{text-align: center;}
    .fondoCabeceraDesc .migasPan{text-align: center !important;}
    .fondoCabeceraDesc .row{padding-right: 0 !important;}

    .bloque0{
        padding-bottom: 30px;
        text-align: center;
    }

    .bloque9{margin: 20px !important;}
    .bloque9 img{
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        margin-bottom: 30px;
    }

    .active-testimonial .owl-item .single-testimonial{width: 100%;}

    .bloque7 .logo-wrap{padding: 60px 85px;}

}