html {height:100%; }
body {height:100%; position: relative; background: #f6f6f6; } 

@font-face { font-family: lnormal; src: url(../fonts/lato.ttf); } 
@font-face { font-family: llight; src: url(../fonts/latolight.ttf); } 
@font-face { font-family: lbold; src: url(../fonts/latobold.ttf); } 

h1 { font-family: lbold; font-size: 50px; color: #fff; line-height: 60px; margin: 10px 0px;}
h1 azul { color: #062f52;}

h2 { font-family: llight; font-size: 50px; color: #fff; line-height: 60px; margin: 10px 0px;}
h2 celeste { color: #1498cc;}

h3{ font-family: lnormal; font-size: 30px; color: #fff; line-height: 35px;}

h4 { font-family: llight; font-size: 24px; color: #404040; line-height: 30px; margin: 10px 0px;}
h4 blanco { color: #fff;}

p { font-family: llight; font-size: 20px; color: #fff; line-height: 30px; margin: 5px 0px;}
p a:link { color: #fff; text-decoration: none;}
p a:visited { color: #fff; text-decoration: none;}

p negro { color: #404040;}

p small { font-size: 14px; line-height: 10px !important; }


.btn { font-family: llight; font-size: 18px; border-radius: 25px; padding:8px 24px 10px 24px; background: #1498cc; color: #fff; margin: 15px 0px;}
.btn:hover { background: #fff; color: #002A3A; }

.btn_blanco { background: #fff; color: #002A3A; }
.btn_blanco:hover { background: #1498cc; color: #fff; }


@media screen and (max-width: 991px){ 
   
}


@media screen and (max-width: 768px){ 
    
}

@media screen and (max-width: 575px){ 
    h1 { font-size: 40px;  line-height: 55px; }
    h2 { font-size: 40px;  line-height: 45px; }
    p { font-size: 20px; line-height: 20px;}
}


/* ////////////////////////////////////////// */




.link_arriba { position:fixed; bottom:50px; right:55px; z-index: 1; opacity:1; display: none;  }
.link_arriba:hover { opacity:0.5 }
.link_arriba img {height: 50px;}

.link_whatsapp_verde { position:fixed; bottom:130px; right:50px; z-index: 5;  }
.link_whatsapp_verde img { height: 60px; transition: 0.5s; }

.link_whatsapp_verde img:hover { scale:1.2; }

@media screen and (max-width: 991px){
.link_arriba { bottom:50px; right:20px; }
.link_arriba img {height: 50px;}	

.link_whatsapp_verde { bottom:110px; right:20px;  }
.link_whatsapp_verde img {height: 50px;}
}




/*///////////////////////////////////////////////////////////////// */




.waypoint_animacion { opacity: 0;}
.waypoint_animacion.animated { opacity: 1; }




/* ////////////////////////////////////////// */




.navbar { background: #fff; display: block; padding: 20px 0px; transition: 0.5s;}
.navbar_achicar { padding: 5px 0px;}
.navbar-brand img { height: 40px;}
.navbar-brand_achicar { padding: 100px 0px;}
.nav-item { padding: 0px 10px; }
.nav-item a { font-family: lnormal; font-size: 16px; color: #002A3A!important; }
.nav-item a:hover { color: #1498cc!important; }

.nav-link { color: #9BC149;}
.dropdown-menu { background: #1498cc; padding: 0px; }
.dropdown-menu a { background: #0c5899; color: #fff !important; padding: 15px 10px;}
.dropdown-menu a:hover { background: #1498cc; color: #fff !important; }



.nav_redes a { padding: 0px 2px;}
.nav_redes img { height: 20px; margin-top: 7px;}
.mostrar_chico {display: none;}

.redes_celus { display: none;}

@media screen and (max-width: 1199px){  
    .nav-item  { padding: 0px 0px; }   
}

@media screen and (max-width: 767px){    
    .navbar { padding: 0px; margin: 0px; text-align: center; height: 65px; display: block;}    
    .navbar .container { padding: 10px 0px; display: block; } 
    .navbar-collapse { margin-top: 15px;}
    .navbar-brand { padding-left: 10px; }
    
    .nav-item {  text-align: center; background: #0c5899; }
    .nav-item a { padding:15px 0px; font-size: 16px; color: #fff !important ; display: block; }
    .nav-item a:hover { color: #fff !important ; background: #1498cc;}

    .redes_desktop {display: none;}
    .redes_celus { display: inline-block;}

    .dropdown {  }
    .dropdown a {   }
    .dropdown-menu { text-align: center;  }
    .dropdown-item { padding: 15px 0px; border-top: 1px solid #1498cc; }
    .dropdown-item_ultimo { border-bottom: 1px solid #1498cc;}

    .nav_redes img { height: 20px; margin-top: 10px; margin-bottom: 10px;}
    .navbar-toggler { border: 0px; float:right; position: absolute; right: 20px; top: 12px;}
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(12, 88, 153, 0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
   }

}




/* ////////////////////////////////////////// */




.espacio_vacio_superior { height: 90px;  background: #fff;}

@media screen and (max-width: 991px){ 
    .espacio_vacio_superior { height: 65px; }
}




/* ////////////////////////////////////////// */



.videoycarrousel { height: 500px; z-index: 1; padding: 0px; position: relative; overflow: hidden; background-image: url("../img/friomas_videoinicio.jpg"); background-position: center ; background-size: cover;}

.video_fondo { position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 2;}

.carousel{ padding: 0px; text-align: center; z-index: 3; }
.carousel-item-inicio { height: 500px; background: rgba(0, 0, 0, 0.6);}
.carousel-item-inicio .container {height: 100%;} 
.carousel-item-inicio .container .row {display: flex; align-items: center; height: 100%; text-align: left;}

.carousel_data h1 {padding-right: 100px;}
.carousel_data p { padding-right: 100px;}

.separadorcarousel {height: 10px; background: #1498cc;}

@media screen and (max-width: 1199px){ 
    .carousel_data { }
    .carousel_data h1 {padding-right: 0px;}
    .carousel_data p { padding-right: 0px;}
    .carousel-control-prev, .carousel-control-next { display: none;}
 
}

@media screen and (max-width: 991px){ 
    .carousel_data { text-align: center; padding: 0px 100px;}
    .carousel_data h1 {padding-right: 0px;}
    .carousel_data p { padding-right: 0px;}
 
}

@media screen and (max-width: 768px){ 
    .videoycarrousel { height: 550px;}
    .carousel-item-inicio  { height: 550px; background: rgba(0, 0, 0, 0.7);}
    .carousel_data { padding: 0px 50px; }
}





/* ////////////////////////////////////////// */




.servicios { background: rgb(20,152,204); background: linear-gradient(180deg, rgb(12, 88, 153) 0%, rgba(264,246,246,1) 100%); overflow: hidden; padding-bottom: 200px;}

.servicios_titulo { text-align: center; padding: 80px 0px 50px 0px; }

.servicios_item { padding: 0px 15px;}
.servicios_item_on { background: #062f52; padding: 0px; border-radius: 20px; transition: 0.5s; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0); padding: 0px 0px; text-align: center;} 
.servicios_item_on_on { padding:0px 30px 0px 30px; height:200px; display: flex; align-items: center;  }
.servicios_item_on_on_on {width: 100%; }
.servicios_item_on img { border-radius: 20px 20px 0px 0px;}
.servicios_item_on_2 { background: #0c5899; }
.servicios_item_on_3 { background: #1498cc; }


.servicios_item_on:hover { scale: 1.05; box-shadow: 0px 25px 5px rgba(0, 0, 0, 0.3);}

.servicios_item_on h4 {  }
.servicios_item_on p {  }
.servicios_item_on .btn { margin-top: 10px; }


@media screen and (max-width: 1199px){ 
    .servicios_item { padding: 0px 10px;}   
    .servicios_item_on_on { height:250px;  padding:0px 20px; } 
    .servicios_item_on:hover { scale: 1; }

    .servicios { padding-bottom: 100px;}
    .servicios_titulo { text-align: center; padding: 50px 0px 40px 0px; }
}

@media screen and (max-width: 991px){ 
    .servicios_item { padding: 20px 10px;} 
    .servicios_item_on_on { height:200px; } 
    .servicios_titulo h2 celeste { color: #fff;}

}

@media screen and (max-width: 768px){ 
    
}




/* ////////////////////////////////////////// */




.separador { background: #062f52; text-align: center; background-image: url(/img/friomas_img_separador.jpg); background-size: cover; background-attachment: fixed; background-position: center; overflow: hidden;}
.separador_2 { background: #062f52; text-align: center; background-image: url(/img/friomas_img_separador_2.jpg); background-size: cover; background-attachment: fixed; background-position: center; overflow: hidden;}

.separador .row { padding: 100px 50px;}
.separador .row .col-12 { padding: 0px 100px;}

.separador .row .col-12 img { height: 20px; margin-right: 6px; margin-top: -2px;}


@media screen and (max-width: 768px){ 
    .separador .row .col-12 { padding: 0px 0px;}
}




/* ////////////////////////////////////////// */




.nosotros { padding: 150px 0px; }

.nosotros_img { padding-right: 100px;}

.nosotros_img img { -webkit-filter: drop-shadow(20px 20px 3px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(20px 20px 3px rgba(0, 0, 0, 0.2));}

.nosotros_txt p {  }    
.nosotros_txt img { width: 200px; margin-top: 30px;  }


@media screen and (max-width: 991px){ 
    .nosotros { padding: 100px 0px;}
    .nosotros_img { padding: 0px 30px;}
    .nosotros_txt { padding-top: 50px;}
}

@media screen and (max-width: 768px){ 
    .nosotros { padding: 50px 0px;}
    .nosotros_txt { padding: 20px 30px 0px 30px;}
}




/* ////////////////////////////////////////// */




.marcas { }
.marcas .container { padding: 70px 0px; text-align: center; border-top: 1px solid #1498cc; }
.marcas-carousel-item { padding: 50px 0px; }
.marcas-carousel-item img {width: 100%; }

.carousel-control-prev-icon-2 {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon-2 {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

.carousel_mostrar_en_celu { display: none;}


@media screen and (max-width: 768px){ 
    .carousel_mostrar_en_pc { display: none;}
    .carousel_mostrar_en_celu { display: inline-block;}
}




/* ////////////////////////////////////////// */    




.ubicacion {  }
.ubicacion .row { display: flex; align-items: center; padding: 0px; }
.ubicacion_mapa { padding: 0px; margin: 0px; height: 300px;  }
.ubicacion_txt { width: 100%; max-width: 500px; text-align: left; }
.ubicacion_txt p { padding-left: 50px;}
.ubicacion_txt img { height: 20px; margin-right: 8px; margin-top: -3px; }


@media screen and (max-width: 1199px) {
    .ubicacion_txt { max-width: 400px;}

    }


@media screen and (max-width: 991px) {
    .ubicacion_txt { max-width: 100%; padding: 50px 0px 50px 0px; }  
    .ubicacion_mapa { padding: 0px; margin: 0px; height: 300px; }
    }




/* ////////////////////////////////////////// */    




.footer { background: #062f52; overflow-wrap: break-word;}
.footer .datita { padding: 50px 20px 20px 20px; }
.footer .datita p { margin: 10px 0px; line-height: 18px; }
.footer .datita img { height: 20px; margin-top: -2px; margin-right: 8px; }
.footer .firma { text-align: center; margin-bottom: 20px; }
.footer .firma img { height: 40px; margin-left: 5px; margin-top: -5px; }
.clavefiscal { height: 80px !important }


@media screen and (max-width: 991px) {
.footer { padding-top: 40px; }
.footer .datita { padding: 10px 20px 10px 20px; }  
.footer .datita p { margin: 5px 0px;  }
.footer .firma { text-align: left;  margin-top: 10px;}
.footer .firma span { display: block;  }
}




/* ////////////////////////////////////////// */   




.subdominio_servicios { padding-top: 50px;}
.subdominio_servicios .container .row { display: flex; align-items: center;}
.subdominio_servicios_img { padding-right: 50px;}
.subdominio_servicios_txt { padding-right: 150px; margin-top: -30px;}

.subdominio_servicios_info { padding: 100px 0px 70px 0px;}
.subdominio_servicios_info_izquierda { padding-right: 150px;}
.servicios_logo { width: 200px; margin-top: 30px;}
.servicios_logo_2 { width: 40%; display: inline;}

.subdominio_servicios_img .carousel .carousel-inner { border-radius: 0px 72px 72px 72px; -webkit-filter: drop-shadow(15px 15px 3px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(15px 15px 3px rgba(0, 0, 0, 0.1));}


.subdominio_clientes { background: #062f52; background-image: url(/img/FrioMas_Fondo_Subdominio.jpg); background-size: cover; background-attachment: fixed; background-position: center; overflow: hidden; height:200px;}    


.marcas_que_confian { padding: 50px 0px 50px 0px;}
.marcas_que_confian_titulo { padding-bottom: 50px;}
.marcas_que_confian_on { display: flex; align-items: center; margin-bottom: 30px;}
.marcass_img { display: inline-block; }
.marcass_img img { height: 180px; border-radius: 20px; transition: 0.5s;}
.marcass_img img:hover { -webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); }
.marcass_txt { padding-left: 20px;  }


.galeria .container { padding: 50px 0px 150px 0px; border-top: 1px solid #002A3A;}
.galeria_titulo { padding-bottom: 50px;}
.gallery-item-contenedor { overflow: hidden; margin-bottom: 20px; border-radius: 20px;}
.gallery-item-contenedor:hover { }
.gallery-item {  transition-duration: 0.5s; filter: grayscale(100%);}
.gallery-item:hover { scale: 1.2; filter: grayscale(0%); }

.modal-body { padding: 0px;}
.modal-content { border-radius: 10px 10px 10px 10px;}
.modal-img { border-radius: 0px 0px 10px 10px;}
.nav_logo { height: 40px; margin-left: 20px;}
.modal-header .btn-close {margin-right: 10px;}


@media screen and (max-width: 991px) {
    .subdominio_servicios { padding-top: 20px;}
    .subdominio_servicios_img { padding-right: 15px;}
    .subdominio_servicios_img .carousel .carousel-inner { border-radius: 0px 50px 50px 50px; }
    .subdominio_servicios_txt { padding-right: 15px; padding-top: 40px; margin: 0px 10px 0px 10px; }
    .subdominio_servicios_info { padding: 20px 20px 80px 20px;}
    .subdominio_servicios_info_izquierda { padding-right: 5px;}
    .subdominio_servicios_info_derecha { display: none;}

    .marcas_que_confian { padding: 30px 10px 50px 10px;}
    .marcas_que_confian_titulo { padding-bottom: 20px;}
    .marcass_img img { height: 150px; }
    

    .galeria_item { padding: 10px 10px 10px 10px;}
    }




/* ////////////////////////////////////////// */   





.subdominio_contacto { padding-top: 30px; padding-bottom: 80px;}
.subdominio_contacto_izquierda { padding-right: 200px; }
.subdominio_contacto_izquierda img { width: 20px; margin-top: -5px; margin-right: 5px;}

.subdominio_contacto_derecha { padding-top: 50px; }


.form-control { font-family: llight; font-size: 18px; color: #404040; line-height: 24px;  padding: 15px 20px; margin: 20px 0px; border: 0px; border-radius: 10px; width: 100%;  }
.form-control:focus { color: #000; }


@media screen and (max-width: 991px){
    .subdominio_contacto { padding-top: 10px; padding-bottom: 50px;}
    .subdominio_contacto_izquierda { padding-right: 20px; }
    .subdominio_contacto_derecha { padding-top: 10px; }
}