@charset "utf-8";

/* CSS Document */
:root {
	--color_primario: rgba(241,72,51,1.00);;
	--color_fondo_primario: rgba(241,72,51,0.20);;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item a.mn-ico {
	background: #FFF url(../../../images/web/ico-tratamientos.png) no-repeat left center;
	padding: 4px 10px 4px 40px;
	height: 32px;
	line-height: 32px;
	box-sizing: content-box;
}

a.mn-ico.carcoma {background-position: left 0px !important;}
a.mn-ico.termitas {background-position: left -40px !important;}
a.mn-ico.chinches {background-position: left -80px !important;}
a.mn-ico.cucarachas {background-position: left -120px !important;}
a.mn-ico.mosquitos {background-position: left -160px !important;}
a.mn-ico.aves {background-position: left -200px !important;}
a.mn-ico.roedores {background-position: left -240px !important;}
a.mn-ico.procesionaria {background-position: left -280px !important;}
a.mn-ico.legionela {background-position: left -320px !important;}
a.mn-ico.desinfecciones {background-position: left -360px !important;}
#contact-us{background-image: url(/images/svg/section-background-stripes2.svg);}
/*BARRA TOP*/
.sp-contact-info {float: left;}
.accesoClientes ul li a {line-height: initial;}
#sp-top2 .pull-right {margin-left: 0px;}
/*HEADER*/
#sp-logo .sp-default-logo {width: 200px;}
/*MENU PRINCIPAL*/
.separator.plagas > a{
    color: var(--color_primario) !important;
}
.tel-menu {
    line-height: 108px;
    text-align: center;
    font-size: 3.2rem;
    font-weight: 600;
}
.tel-menu a {
    color: var(--color_primario) !important;   
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);    
}
#fading-header .tel-menu {line-height: 88px;}
.sp-menu-item.mn-acc-cli {display: none;}
.offcanvas-menu {color: #888;}
.offcanvas-menu .nav-header.separator {display: none !important;}
#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner {background: rgba(255, 255, 255, 0.8);}
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item >a {color: #2b2b2b;}
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.separator >a, 
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.separator >a:hover {
    background: transparent;
    color: #2b2b2b;
}
/*moviles vertical*/
@media (min-width: 320px) and (max-width: 567px){
    #contact-us .sppb-container-inner {width: 750px;}
    #sp-tel-menu {display: contents;}
    .tel-menu {
        background-color: #e5e5e5;
        display: inline-block;
        line-height: normal !important;
        font-size: 2.4rem;
        width: 100%;
    }
    #fading-header #sp-logo {display: none;}
    #fading-header #sp-menu {display: none;}
    #fading-header #sp-header {height: auto;}
    .icono-VO {display: none;}
    .sp-menu-item.mn-acc-cli {display: inline-block;}
    /*TEL-HEAD-MOVIL*/
    section#sp-tel-fijo-footer {
        background-color: #f5f5f5;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 44px;
        line-height: 40px;
        z-index: 1000;
        border-top: 1px solid #ddd;
    }
    #sp-tel-fijo-footer a {
        display: inline;
        padding: 8px 16px;
    }
    #formularioContacto {padding: 0 0 0 0;}
    .cc-revoke.cc-bottom.cc-left{
        left: -21px;
        bottom: 80px;
        transform: rotate(90deg);    
    }
}
/*moviles horizontal - iPhone X*/
@media (min-width: 568px) and (max-width: 823px){
    #contact-us .sppb-container-inner {width: 750px;}
    #sp-tel-menu {display: contents;}
    .tel-menu {
        background-color: #e5e5e5;
        display: inline-block;
        line-height: normal !important;
        font-size: 2.4rem;
        width: 100%;
    }
    #fading-header #sp-logo {display: none;}
    #fading-header #sp-menu {display: none;}
    #fading-header .esloganLanding {display: none;}
    #fading-header #sp-header {height: auto;}
}
/*tablets vertical + iPhone X horizontal*/
@media (min-width: 824px) and (max-width: 1023px){
    #contact-us .sppb-container-inner {width: 970px;}
    #sp-tel-menu {display: contents;}
    .tel-menu {
        background-color: #e5e5e5;
        display: inline-block;
        line-height: normal !important;
        font-size: 2.4rem;
        width: 100%;
    }
    section#sp-tel-head-movil {display: none;}
}
/*escritorio*/
@media (min-width: 1024px){
    #contact-us .sppb-container-inner {width: 1170px;}
    section#sp-tel-head-movil {display: none;}
    #formularioContacto {padding: 50px 0 20px 0;}
}

#contact-us .sppb-container-inner {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.btn-readmore, .sppb-btn-primary, .vm-button-correct {
    border-color: var(--color_primario) !important;
    background-color: var(--color_primario) !important;
    color: #fff;
    outline: 0;
}
.entry-header h1 {
    margin: 0;
    line-height: 1.2;
    width: auto;
    padding-right: 30px;
    box-shadow: inset 0 -1px 0 #ddd;
    display: table;
    word-wrap: break-word;
    font-family: Raleway,sans-serif;
    font-size: 33px;
    font-weight: 300;
}
.entry-header h1:after {
    background: #f47363;
    clear: both;
    display: block;
    float: left;
    content: "";
    position: relative;
    height: 2px;
    width: 70%;
    margin: 10px 30% 0 0;
    border-radius: 2px;
    padding: 0;
}
/*HOME*/
.sp-page-builder .page-content #presentacionPgt {background-image: url(/images/home/bckg-5-bw.jpg);}
.sp-megamenu-parent>li.sp-has-child>a:after {
    font-size: 4rem;
    font-weight: bold;
}
.sppb-section.filaTratamientos{
	background-image: none !important;
}
.filaTratamientos span.sppb-img-container {
	display: block !important;
    max-width: 250px;
    margin: auto;
    box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.32);
}
.filaTratamientos .sppb-addon-text {
	max-width: 350px;
	margin: auto;
}
/*TRATAMIENTOS*/
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #f14833;
}
#pasosTratamientos .sppb-blocknumber-number { 
	background-color: var(--color_primario);
	color: #fff;
}
#pasosTratamientos {
	background-color: var(--color_fondo_primario) !important;
	background-image: url(/images/svg/section-background-stripes.svg) !important;
}
#ventajasTratamiento {
    background: #fcdfdb;
    margin-top: 20px !important;
}
#ventajasTratamiento .boxsVentajasTrat .sppb-column{	
	border-color: var(--color_primario);
	border-radius: 16px;
	background-color: #FFF;
	border-style: solid;
	border-width: 2px;
	padding: 20px 10px;
}
#ventajasTratamiento .sppb-icon .sppb-icon-container {
    padding: 10px !important;
    border-radius: 50px !important;
}
.garantias-tratamientos {
    margin: 25px 0;
}
.garantias-tratamientos .garantia {
    border-color: var(--color_primario);
    border-radius: 16px;
    background-color: #FFF;
    border-style: solid;
    border-width: 2px;
    padding: 20px 10px;
    text-align: center;
    min-height: 320px;
    margin: 10px auto;
}
.garantias-tratamientos .garantia .icono {text-align: center;}
.garantias-tratamientos .garantia .icono span {
    display: inline-block;    
    padding: 20px;
    background-color: #e8e8e8;
    border-style: solid;
    border-color: #d2d2d2;
    border-width: 2px;
    border-radius: 64px;
}
.garantias-tratamientos .garantia .icono i {
    font-size: 80px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    color: var(--color_primario);
}
/*RSFORM PRO*/
.form-horizontal .control-label {width: 116px;}
.rsform-block-send .formControlLabel, #formOnline label {
	width: 0px;
	padding: 0;
}
.rsform-block-send .formControls, #contact-us  .formControls {
	text-align: center;
	width: 100%;
}
.rsform-block-send .formControls button {white-space: normal;}
#contact-us .form-control[placeholder] {
    color: #a5a5a5;
    color: rgba(255,255,255,0.85);
    border: 1px solid #999;
    border: 1px solid rgba(200,200,200,0.8);
    background: transparent;
}
#contact-us .form-control[placeholder] {
    line-height: 1.9;
    box-shadow: none;
}
#contact-us .form-control[placeholder] {
    line-height: 1.9;
    border: 1px solid #c9c9c9;
    box-shadow: none;
    background: transparent;
    -webkit-transition: all .4s ease-in-out .2s;
    -moz-transition: all .4s ease-in-out .2s;
    -o-transition: all .4s ease-in-out .2s;
    transition: all .4s ease-in-out .2s;
}
#contact-us .rsform-input-box.form-control {height: 38px !important;}
#contact-us .form-control[placeholder]:focus {border: 1px solid #fc9e1a;}
#contact-us .form-control[placeholder]:focus {box-shadow: 0 0 5px rgba(153,102,0,0.3);}
/*FORMULARIO DCH*/
#contacto {padding: 50px 0 20px 0;}
.formDch {
    background-color: var(--color_primario);
    border-radius: 8px;
    padding: 20px;
    color: #fff;
}
.formDch .rsform-block-imagen label {width: 0px;}
.formDch .formError, .formDch .has-error .control-label, .formDch .formRed, .formDch .has-error .checkbox-inline, .formDch a {color: #eee;}
.formError, p.formRed {
    font-size: 12px;
    background: #ffc107!important;
    color: #212529!important;
    padding: 2px 4px;
    border-radius: 2px;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 32%);
}
.has-error .form-control {
    border-color: #333;
    border: 4px dashed;
}
.formControlLabel.rsform-error, .has-error .control-label, .has-error .checkbox-inline {color: #eee}
/*MENU FOOTER*/
.menuFooter .sppb-panel {background-color: transparent;}
/*CORRECCIONES*/
.btn-primary span a:link {color: #fff;}