h1,h2,h3,h4,h5,h6{
	font-family: 'Noto Sans', sans-serif;
	font-weight: 700;
}
:focus{
	outline: 0 !important;
};
p,a,.form-control,button,address,.list-details li,table,small,textarea{
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300;
}
textarea{ resize: none; }
a{ color: inherit; }
a,p,address,.list-details li,table{ 
	font-size: 15px; 
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300;
}
p{ line-height: 2; }
a:hover{ text-decoration: none; }
.bg-black{ background-color: #212121; }
.bg-custom-red{ background-color: #FF3A32; }
.bg-custom-red:hover{ background-color: #F10D04; }

.color-custom-red{ color: #FF3A32; }
a:hover, a:active{
	color: #D40F00;
}
.menu-footer a:hover{ color: #5D5256; }
.border-color-pink{ border-color: #F2027D !important; }

.banner{ background-image: url('../img/Inicio.jpg'); background-repeat: no-repeat; background-size: cover;}
.btn-banner{ padding: 15px 0px; }
.home-page .menu-top a{ color: #FFF; }
.product-page .menu-top a{ color: #000; }
.menu-top .active{ background-color: #FF3A32; padding: 10px 0px; }
.menu-top .active:hover{ background-color: #F10D04; }
.title-thermoflow{ cursor: pointer; }
.title-thermoflow:hover{ color: #CC0500; }
.title-thermoflow div { 
	width: 13px; 
	height: 9px;
	background-image: url('../img/arrows.png'); 
	background-repeat: no-repeat;
	background-position-x:right; 
}
.title-thermoflow.active div { 
	background-position-x:left; 
}
#seccion-productos small{ background-color: #F3F3F3; }
#seccion-thermoflow{ background-color: #EEF3F9; overflow: hidden; }
.text-thermoflow{ display: none; }
#p1{ display: block; }
#seccion-contacto small{ background-color: #F2F4F3; }
.form-control{ background-color: #EEF3F9; font-size: 13px;}
.form-control:focus{ background-color: #EEF3F9; color: #45484F; box-shadow: unset;}
#seccion-horario{ border-color: #E50E0C !important; }
.msj-error{
	border:1px solid #FE0002;
	color: #FE0002;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: none;
}
.msj-success{
	border: 1px solid #4EA82D;
	color: #4EA82D;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: none;
}
.input-required{ color: #fe0100; font-size: 11px; display: none; }
.btn-enviar{ font-size: 13px; }
.btn-menu-movil{
	width: 23px;
	height: 18px;
	background-size: contain;
	background-position: center;
	background-color: unset;
}
.home-page .btn-menu-movil{
	background-image: url('../img/menu.png');
}
.product-page .btn-menu-movil{
	background-image: url('../img/menu-2.png');
}
.btn-cerrar-menu{
	width: 23px;
	height: 18px;
	background-size: contain;
	background-image: url('../img/cerrar.png');
	background-position: center;
	background-color: unset;
}
.a-contacto:hover{ color:#f10c03; }
#banner-thermoflow{ 
	background-image: url('../img/img-3.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	right: 0;
    top: 0;
}
/* Productos  */
.list-details li::before {
  content: "\2022";
  color: #000;
  font-weight: normal; 
  display: table; 
  width: 1em;
  margin-left: -1em;
  float: left;
}
.product-page .subtitle{ color: #6F7488; }
.product-page h2{ font-size: 22px; }
.product-page h3{ font-size: 18px; }
#seccion-productos-relacionados{ background-color: #EEF3F9; }
.product-page #seccion-horario{ border-color: #FFF !important; }
@media (max-width: 575.98px) { 
	.menu-top .active:hover{ background-color: unset; }
	.menu-top{
		position: fixed;
	    z-index: 1;
	    width: 100vw;
	    height: 100vh;
	    background-color: #FFF;
	    left: 0;
	    top: 0;
	    padding-left: 16vw;
	    padding-right: 10vw;
	    display: none;
	}
	.home-page .menu-top a{ color: #000; }
	.btn-banner {
	    padding: 10px 0px;
	    font-size: 13px !important;
	}
	.banner{
		background-image: unset; 
		background-color: #A50000;
	}
	h1{ font-size: 22px; }
	h2{ font-size: 20px; }
	h3{ font-size: 18px; }
	button,h5{ font-size: 14px; }
	p{ line-height: 1.5; font-size: 12px; }
	a, p, address, .list-details li, table{ font-size: 13px; }
	footer img{ max-width: 75% !important; }
	#seccion-thermoflow{ background-image: unset; }
	.msj-success{ float: left; text-align: center; width: 100%; margin-top: 15px;}
	.msj-error{ display: none !important; }
	.link-menu,.text-secondary{ font-size: 16px; }
	.menu-top .active{ background-color: #FFF; color: #000 !important; }
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	.menu-top .active:hover{ background-color: unset; }
	.menu-top{
		position: fixed;
	    z-index: 1;
	    width: 100vw;
	    height: 100vh;
	    background-color: #FFF;
	    left: 0;
	    top: 0;
	    padding-left: 16vw;
	    padding-right: 10vw;
	    display: none;
	}
	.home-page .menu-top a{ color: #000; }
	.btn-banner {
	    padding: 10px 0px;
	    font-size: 13px !important;
	}
	.banner{
		background-image: unset; 
		background-color: #A50000;
	}
	h1{ font-size: 22px; }
	h2{ font-size: 20px; }
	h3{ font-size: 18px; }
	button,h5{ font-size: 14px; }
	p{ line-height: 1.5; font-size: 12px; }
	a, p, address, .list-details li, table{ font-size: 13px; }
	footer img{ max-width: 75% !important; }
	#seccion-thermoflow{ background-image: unset; }
	.msj-success{ float: left; text-align: center; width: 100%; margin-top: 15px;}
	.msj-error{ display: none !important; }
	.link-menu,.text-secondary{ font-size: 16px; }
	.menu-top .active{ background-color: #FFF; color: #000 !important; }
	#contenedor-acordeon{ min-height: 490px; }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
	#seccion-thermoflow{ min-height: 670px; }
	#contenedor-acordeon{ min-height: 560px; }
	.menu-top{display: block !important; }
	h1{ font-size: 2rem; } 
	a,p,address,.list-details li,table{ 
		font-size: 13px; 
	}
	#contenedor-acordeon{ min-height: 600px; }
	#banner-thermoflow{ max-width: 40%; }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	#seccion-thermoflow{ min-height: 670px; }
	#contenedor-acordeon{ min-height: 630px; }
	.menu-top{display: block !important; } 
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.banner{ height: 747px; }
	#seccion-thermoflow{ min-height: 660px; }
	#contenedor-acordeon{ min-height: 570px; }
	.menu-top{display: block !important; }
	#banner-thermoflow{ max-width: 40%; }
}