@font-face {
    font-family: 'Nunito';
    src: url('/TarificadorWeb/FUENTES/Nunito/nunito-regular-webfont.eot');
    src: url('/TarificadorWeb/FUENTES/Nunito/nunito-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/TarificadorWeb/FUENTES/Nunito/nunito-regular-webfont.woff2') format('woff2'), url('/TarificadorWeb/FUENTES/Nunito/nunito-regular-webfont.woff') format('woff'), url('/TarificadorWeb/FUENTES/Nunito/nunito-regular-webfont.ttf') format('truetype'), url('/TarificadorWeb/FUENTES/Nunito/nunito-regular-webfont.svg#nunitoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Nunito Bold';
    src: url('/TarificadorWeb/FUENTES/Nunito/nunito-semibold-webfont.eot');
    src: url('/TarificadorWeb/FUENTES/Nunito/nunito-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/TarificadorWeb/FUENTES/Nunito/nunito-semibold-webfont.woff2') format('woff2'), url('/TarificadorWeb/FUENTES/Nunito/nunito-semibold-webfont.woff') format('woff'), url('/TarificadorWeb/FUENTES/Nunito/nunito-semibold-webfont.ttf') format('truetype'), url('/TarificadorWeb/FUENTES/Nunito/nunito-semibold-webfont.svg#nunitosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{font-size:16px !important}


p, h1, h2, h3, h4, h5, h6, span, li{font-family: nunito !important;}
b, sup, sub, u, del {
    color: #00848d !important;
}
.primary-btn {
    
    background: -webkit-linear-gradient(to right, #0ba9ff 0%, #56d9ff 51%, #0ba9ff 100%) !important;
    background: -moz-linear-gradient(to right, #0ba9ff 0%, #56d9ff 51%, #0ba9ff 100%)!important;
    background: -ms-linear-gradient(to right, #0ba9ff 0%, #56d9ff 51%, #0ba9ff 100%)!important;
    background: -o-linear-gradient(to right, #0ba9ff 0%, #56d9ff 51%, #0ba9ff 100%)!important;
    background: linear-gradient(to right, #ff650b 0%, #ff6303 51%, #f9660c 100%)!important;
    padding: 20px 38px !important;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 50px;
    border-radius: 50px;
    outline: none !important;
    box-shadow: 0px 0px 15px rgb(217, 245, 241)!important;
    font-size:25px !important;
}

.banner_content span {
    margin-top: 0px;
    font-size: 48px;
    font-weight: 700;
    font-family: nunito;
    line-height: 65px;
    color: #fff;
    font-size:60px !important;
    display:block;
    max-width:800px;
}

.home_banner_area .banner_inner .banner_content p {
    font-size: 21px !important;
}
.contenedorofertas {min-height:72vh}


.feature_btn{background: #fb6408;
    padding: 20px 10px;
    text-align: center;
    color: white !important;
    font-size: 16px;
    border-radius: 20px;}
.single_feature .feature_btn .f_btn{color: white !important;}
.section_gap {
    padding: 70px 0 !important;
    background: #f9f9f9;
}
h1{color: #00848d !important; }
.verde{color: #00848d !important;}
.blanco{color:white !important;}
.about_right.overlay:after {background: #00d2d5 !important;}
.main_title p {
    font-size: 19px !important;}

.btn-secondary {
    background-color: #fb6408 !important;
    border-color: #6c757d !important;
    padding: 15px 35px !important;
    border-radius: 20px !important;
    font-size: 17px !important;}

.single_department .dpmt-thumb {
    margin-bottom: 20px !important;
}
.titulo_comparador{
    color: #00848d;
    padding: 35px 10px 5px;
    }
.parrafo{font-size:18px;}
.fondo_aseguradoras{padding:0px 0px 80px;}
.fondo_aseguradoras h3{font-size:35px; padding:20px 30px;}

.modulo_companias{justify-content:center}
.modulo_companias img{box-shadow: 0px 5px 10px gainsboro; -webkit-box-shadow: 0px 5px 10px gainsboro; -moz-box-shadow: 0px 5px 10px gainsboro; 
margin:10px; padding:4px; width: 118px; border-radius: 5px;
    height: 71px;}
.footer-bottom {
    background: #025a59 !important;
        color: white; padding:40px 0px !important}

.single_department{ background-color:white !important;}
.titulo_ventajas{color: #0c6b71;
    padding: 10px;}
.about_right .about_inner{font-size:17px !important; padding: 60px 20px 80px !important;}
.single-footer-widget h4{font-size:28px !important;}
.single-footer-widget p{font-size:20px !important; margin-bottom: 30px;}
.mediana{font-size:20px;}
.about_area .list_wrap .about_lists:before {color: #00d2d5 !important;}

.llamada_movil {
    display: none;
}
.fondo_llamada {
    background: #0ABFBA; padding:30px 0px
}
.fondo_llamada p {
    color: white;
}
.fondo_llamada a {
    color: white !important;
}
#presupuesto .legend {
    display: none;
}
.fondo_llamada a {
    font-size: 26px;
    font-weight: bold;
}
.telefono_llamada > div {
    display: flex;
    justify-content: center;
}
form#presupuesto #solicitante {
    background-color: transparent !important;
    color: #fff !important;
}
div.contenedorprincipal_llamada ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
div.contenedorprincipal_llamada fieldset#solicitante ul li {
    width: 50%;
}
fieldset#solicitante input {
    margin-bottom: 15px;
}
input, select, textarea, label[for="idcomentario"] {
    color: #004a6d !important;
}
#presupuesto {
    margin: 10px auto 20px;
    text-align: center;
    max-width: 700px;
}
form#presupuesto #solicitante .protecciondatos label a {
    font-size: inherit;
    font-weight: normal;
}
.telefono_llamada {
    padding: 70px 1%;
    border-right: 1px dotted white;
    
}

.telefono_llamada img{margin-right:15px}

.formulario_llamada_gratis {
    padding: 70px 1% 10px;
}
#presupuesto .enviar{ background-color:#ff6303 !important; color: white !important; font-weight: 200 !important;}
#idhorario {
    font-size: 16px;
    height: 30px;
    color: blue !important;}
.header_area .navbar .nav .nav-item:hover .nav-link, .header_area .navbar .nav .nav-item.active .nav-link {
    color: #ff6303 !important;
}

.container{width:98% !important; max-width:1200px; margin:0px auto}

.footer-bottom a {color: #fff !important;}
.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {background: #f6f6f6 !important;}

.counter_area {
    background-image: url(../img/counter-bg.jpg);
    background-size: cover !important;
    background-position:center;
    z-index: 1;
    background-attachment: fixed;
}



.header_area .navbar .nav .nav-item .nav-link {color: #00848d !important; padding:0px 10px !important; font-size:15px !important}

.navbar-toggler span {background: #00848d !important;}

.header_area {position: absolute;top: 0;}
.single-footer-widget p.number{font-size:28px !important}

/***********EMPIEZA ESTILO LLAMADA LATERAL*********/
  /*#sp-header.header-sticky {z-index: 999;}*/
  .llamada-gratis-fixed {
    width: 100px;
    height: 100px;
    position: fixed;
    background-color: #fb6408;
    right: -200px;
    top: 70%;
    padding: 15px;
    z-index: 999;
    box-shadow: -5px 5px 7px rgba(0,0,0,0.2);
    -webkit-box-shadow: -5px 5px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: -5px 5px 7px rgba(0,0,0,0.2);
    overflow: hidden;
    border-radius: 50%;
}
 
  
  /*.llamada-gratis-fixed .btn-cerrar {opacity: 0;}*/
  
  
  .llamada-gratis-fixed.llamada_visible {
    right: 0% !important;
    width: 200px;
    height: auto;
    border-radius: 0% !important;
    overflow: visible;
    background-color: #00d2d5;
    top:40%
}
.llamada_grande{font-size:24px; font-weight:bold}

.llamada-gratis-fixed.llamada_visible .btn{background-color: #fb6408;}
  .llamada-gratis-fixed img.icono_movil {
    cursor: pointer;
    width: 70px;
    max-width: 70px;
    padding: 0px;
    margin-bottom: 15px;
}
  .llamada-gratis-fixed.llamada_visible .btn-cerrar::after {
    content: "+";
    position: absolute;
    top: 0px;
    right: 10px;
    color: #ffffff80;
    transform: rotate(45deg);
    font-size: 25px;
    font-weight: bold;
}
  
  .llamada-gratis-fixed a {
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    font-size: 18px;
    margin-top: 5px;
    font-weight: bold;
}
  .llamada-gratis-fixed p {line-height: 100%;}
  img.icono_movil{-webkit-animation: tiembla 2s infinite;}
  
@-webkit-keyframes tiembla{
  0%{ -webkit-transform:rotate( 0deg); }
  70%{ -webkit-transform:rotate( 0deg); }
  73% { -webkit-transform:rotate( 6deg) scale(1.1);}
  76%{ -webkit-transform:rotate( -6deg) scale(1.1);}
  79%  { -webkit-transform:rotate(6deg) scale(1.1);}
  82% { -webkit-transform:rotate( -6deg) scale(1.1);}
  85%{ -webkit-transform:rotate( 6deg) scale(1.1); }
  88% { -webkit-transform:rotate( -6deg) scale(1.1); }
  91%{ -webkit-transform:rotate( 6deg) scale(1.1); }
  94%  { -webkit-transform:rotate(-6deg) scale(1.1);}
  97% { -webkit-transform:rotate( 6deg) scale(1.1);  }
  100%{ -webkit-transform:rotate( -6deg) scale(1.1); }
  
}

#modal-llamada div.contenedorprincipal_llamada fieldset#solicitante ul li{width:100%}
  
  #form_llamada_fixed #idnombre, #form_llamada_fixed #idtel, #form_llamada_fixed select#idhorario{border: 1px solid #00d2d5 !important;}
  #form_llamada_fixed #solicitante{background:#fff}
  #modal-llamada .legend {background-color: #00d2d5; color:#fff}
  #modal-llamada label{color:#000}
  #form_llamada_fixed #solicitante select {
    height: 40px;
    border: 1px solid #00d2d5;
    width: 100%;
}
  #form_llamada_fixed ul li{text-align:left}
  #form_llamada_fixed a.llamada-modal{font-size:24px !important}
  #form_llamada_fixed .modal-footer{justify-content:flex-start !important}
  
  @media only screen and (max-width: 575px){
  	.llamada-gratis-fixed.llamada_visible{top:50%}
  	.llamada-gratis-fixed {width: 70px; height: 70px; top: 80%;}
	.llamada-gratis-fixed img.icono_movil {width: 40px;max-width: 40px;}
  	
 }


/***********ACABA ESTILO LLAMADA LATERAL*********/

/********************************* MOVIL ******************************************************************************************************************************************************************* MOVIL *****************************
 * ***********MOVIL*************************************/

@media only screen and (max-width:480px) {
    
.header_area .navbar {
    background: #f9f9f9 !important;
}
.navbar-toggler span{background: #00848d !important;}
.banner_content span{line-height: 37px;
    font-size: 26px !important;}
.primary-btn{font-size: 19px !important; line-height: 34px !important;}
.fondo_aseguradoras h3 {
    font-size: 20px;
    padding: 0px 0px 20px 0px;
    margin-top: -50px;}

.modulo_companias img{width: 100px;
    height: 63px;
        margin: 0px auto;}
.single-footer-widget{padding-top:20px !important;}
.home_banner_area{min-height:auto !important; background-position:left center !important}
.home_banner_area .banner_inner .banner_content{text-align:center}
.home_banner_area .banner_inner {padding: 100px 0px 30px !important}
.footer-text {text-align: center !important;}
.h1_tarificadores{margin-top:130px}
.single_department {padding: 20px 10px !important;}
.llamada img{    width: 70%;
    margin-top: 75px;}
.formulario_llamada_gratis {
    padding: 30px 1% 10px;}
    
.telefono_llamada {
    padding: 30px 1%;
    border-bottom: 1px dotted white;
    border-right:none;
}   
    
    
    
}
/****************************** TABLET ********************************************************************************************************************************************** TABLET ******************************************************TABLET**********************************************/

@media only screen and (min-width:481px) and (max-width:766px) {

.header_area .navbar {
    background: #f9f9f9 !important;
}

.navbar-toggler span{background: #00848d !important;}

.home_banner_area .banner_inner .banner_content {
    padding: 30px 15px;
    margin-top: 0px;
}
.banner_content span{font-size: 34px !important; line-height: 46px !important;}
.home_banner_area .banner_inner .banner_content p {color: #00848d !important;}
.fondo_aseguradoras h3 {
    font-size: 28px;
    padding: 20px 10px;
}
.modulo_companias img{width: 106px;
    height: 65px; margin: 5px auto;}
.single-footer-widget{padding-top:20px !important;}
.home_banner_area{background-position:57% 30% !important; margin-top:100px !important}
.banner_content span{max-width:400px; color: #147571;}
.home_banner_area .banner_inner {padding: 50px 0px !important;}

.footer-text {text-align: center !important;}
footer .justify-content-between{justify-content:center !important}
.h1_tarificadores{margin-top:130px}
.llamada img{    width: 70%;
    margin-top: 75px;}
.formulario_llamada_gratis {
    padding: 30px 1% 10px;}
    
.telefono_llamada {
    padding: 30px 1%;
    border-bottom: 1px dotted white;
    border-right:none;
}   

}


/*********************************** LAPTOP ***************************************************************************************************************************************************** LAPTOP ***********************************************LAPTOP*****************************************/

@media only screen and (min-width:767px) and (max-width:991px) {
.header_area .navbar {background: #f9f9f9 !important;}  
.single_department p {height:50px !important; padding: 0px 20px;}
.titulo_ventajas {height:65px;}
.about_area .about_details h2 {font-size: 26px !important;}
.modulo_companias img {width: 117px;height: 71px;}
.home_banner_area {padding:60px 0px; background-position:50% 50% !important; background-position-y:30% !important;margin-top:100px !important}
.banner_content span {font-size:50px !important}


.home_banner_area .banner_inner {padding: 50px 0px !important;}
.banner_content span{max-width:600px}
.footer-text {text-align: center !important;}
footer .justify-content-between{justify-content:center !important}
.navbar-nav .dropdown-menu {position: static;float: none;}
.h1_tarificadores{margin-top:130px}
.llamada img{
    margin-top: 75px;}





}
/*********************************** ORDENADOR ***************************************************************************************************************************************************** LAPTOP ***********************************************LAPTOP*****************************************/

@media only screen and (min-width:992px) {
   
.single_department p {height:124px !important; padding: 0px 20px;}
.titulo_ventajas {height:65px;}
.telefono_llamada {border-right: 1px dotted #fff;}
.home_banner_area .banner_inner {margin-top: -100px;}












}