@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
/* =================================== */
/*	Basic Style 
/* =================================== */
html, body {margin: 0; padding: 0; height: 100%;}
body {background-color: #fff; font-family: "Josefin Sans", sans-serif; line-height: 1.5;	font-size: 16px; color: #121212; overflow-x: hidden;}
.josefin-sans-<uniquifier> {font-family: "Josefin Sans", sans-serif; font-optical-sizing: auto;  font-weight: <weight>;
  font-style: normal;}

ol, ul { margin: 0;padding: 0;list-style: none;}

figure, p { margin: 0;}

a {color: #fff;-webkit-transition: all .3s ease-in 0s; -moz-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s;-o-transition: all .3s ease-in 0s;transition: all .3s ease-in 0s;}

iframe { border: 0;}

a, a:focus, a:hover {text-decoration: none;outline: 0;}

a:focus, a:hover {color: inherit; opacity:.7}

h1, h2, h3, h4, h5, h6 {font-weight: normal;	margin: 0;}

.clear:before, .clear:after { content: " ";   display: table;}
.clear:after {clear: both;}
.clear { clear: both;}

section {	padding: 70px 0;}
section, footer {  margin: 0 auto;  position: relative; max-width: 1920px;overflow: hidden;}
@media only screen and (max-width: 767.99px) {
	section {	padding: 40px 0;}
	.sec-sub-title p { font-size: 14px;}
}

img { max-width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; height:auto}

.jose {font-family: "Josefin Sans", sans-serif;	}
.texto {font-size: 1rem; line-height:1.5;color: #121212;}
.image {cursor: zoom-in; position: relative; overflow: hidden;}
.image:hover img {  transform: scale(1.08,1.08);}

.sec-title h2 {color: #121212;font-size: 28px;font-weight: 800;text-transform: uppercase;font-family: 'Open Sans', sans-serif;}

.sec-sub-title {	margin: 35px auto;}

.sec-sub-title p {font-weight: 600;	line-height: 24px;	font-size: 18px;	color: #5b646e;}

.devider { margin-top: 10px;font-family: 'Open Sans', sans-serif;}

.devider i {  color: #cccccc;}

.devider:before,
.devider:after { content: "___________________"; color: #e6e8ea; position: relative; bottom: 6px;}
.devider:before { right: 10px;}
.devider:after {  left: 10px;}

.mb50 {	margin-bottom: 50px;}

#preloader {background-color: #fff; height: 100%;position: absolute;width: 100%; z-index: 1100;
/* Habilita el modo flex y centra en ambos ejes */
  display: flex; justify-content: center;align-items: center;}
  
.flama { width: 94px; height: 100px;/* Ajusta el tamaño a lo que necesites */
background: url("../images/llama.png") no-repeat center center;background-size: contain;/* Ubica tu imagen como fondo */
animation: flameFlicker 1.2s infinite alternate ease-in-out;  /* Aplica la animación */}

/* Definimos la animación con @keyframes */
@keyframes flameFlicker {
  0% {transform: scale(1) rotate(0deg); filter: brightness(1); }
  50% {transform: scale(1.05) rotate(-180deg); filter: brightness(1.2); }
  100% { transform: scale(1) rotate(180deg); filter: brightness(1); }
}
/* 
---------------------------------------------
Header Style
--------------------------------------------- 
*/
.header-area {position: fixed; display:block; background: #fff; top: 0; left: 0; right: 0; z-index: 100;  -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;border-bottom: 1px solid #be3f39;width: 100vw;}
.header-area .main-nav { background: #fff; display: flex; align-items: center;}
.main-nav .cont_logo { margin-left: -10px}
.main-nav .cont_logo img {width:250px}

.header-area .main-nav ul.nav { border-radius: 0px 0px 25px 25px; flex-basis: 100%; margin-right: 0px; justify-content: right; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; position: relative; z-index: 999;}
.header-area .main-nav .nav li:last-child { padding-right: 0px;}
.header-area .main-nav .nav li { padding-left: 5px; padding-right: 5px;}
.header-area .main-nav .nav li a {display: block; padding-left: 20px; padding-right: 20px; border-radius: 0px; font-weight: 500; font-size: 17px; text-transform: capitalize; color: #011321; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; border: transparent;}
.header-area .main-nav .nav li:hover a { color:#a62d2d }
.header-area .main-nav .nav li a.active {  color: #a62d2d;  opacity: 1;}
.header-area .main-nav .menu-trigger { cursor: pointer; position: absolute; top: 15px; width: 32px; height: 32px;  text-indent: -9999em; z-index: 9999; right: 10px; display: none;background: transparent; border: none;}

.header-area .main-nav .menu-trigger span, .header-area .main-nav .menu-trigger span:before, .header-area .main-nav .menu-trigger span:after { -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; background-color: #011321; display: block; position: absolute; width: 30px; height: 2px; left: 0}
.header-area .main-nav .menu-trigger span:before, .header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; background-color: #011321; display: block; position: absolute; width: 30px; height: 2px; left: 0; width: 100%}
.header-area .main-nav .menu-trigger span:before, .header-area .main-nav .menu-trigger span:after { content: "";}
.header-area .main-nav .menu-trigger span { top: 16px;}
.header-area .main-nav .menu-trigger span:before { -moz-transform-origin: 33% 100%; -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%; transform-origin: 33% 100%; top: -10px; z-index: 10;}
.header-area .main-nav .menu-trigger span:after { -moz-transform-origin: 33% 0; -ms-transform-origin: 33% 0;  -webkit-transform-origin: 33% 0; transform-origin: 33% 0; top: 10px;}

.header-area .main-nav .menu-trigger.active span, .header-area .main-nav .menu-trigger.active span:before, .header-area .main-nav .menu-trigger.active span:after {background-color: transparent; width: 100%;}
.header-area .main-nav .menu-trigger.active span:before { -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg); -webkit-transform: translateY(6px) translateX(1px) rotate(45deg); transform: translateY(6px) translateX(1px) rotate(45deg); background-color: #011321;}
.header-area .main-nav .menu-trigger.active span:after { -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg); -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg); transform: translateY(-6px) translateX(1px) rotate(-45deg); background-color: #011321;}

.visible{display:inline-block !important;}

.lang_select {position: absolute;right: 0;top: 5px;z-index: 1000;}
.lang_select img { width: 25px; height: auto; margin-left: 5px;}

.header-area .main-nav .nav li.desk:hover a {  color: #011321;}
.header-area .main-nav .nav li.desk:hover a li:hover a {  color: #a62d2d;}
#langDropdown .dropdown-menu { right:0!important;}
#langDropdown .dropdown-item.active { color: #a62d2d;  background-color:#FFF}
img.icon_world { width: 20px; height: auto;}

@media (max-width: 1199.98px) {
  .header-area .main-nav .nav li { padding-left: 2px; padding-right: 2px; }
}
@media (min-width:768px) {
	#nav-list {justify-content: end;}
}
@media (min-width:1200px) and (max-width: 1341.98px){
  .header-area .main-nav .nav li a { padding-left: 5px; padding-right: 5px;}	
}
@media (min-width:992px) and (max-width: 1199.98px){
  .header-area .main-nav .nav li a {padding-left: 5px;padding-right: 5px; }
}

@media (min-width:992px) {
	.mobile { display:none}
}
/* mobile */
@media (max-width: 991.99px) {
	.desk { display:none}
	.header-area .container { max-width:100%!important}
  .header-area .main-nav .nav li a { padding-left: 5px; padding-right: 5px;}
	.header-area .main-nav .nav li.mobile a {vertical-align: middle; line-height: 50px!important; display:inline-block!important}
  .header-area .main-nav .nav { background-color: #fff; }
  .header-area .main-nav .nav li a {line-height: 30px;height: 50px;font-weight: 400;color: #011321;background-color: #fff;}
  .header-area .main-nav .nav li {border-top: 1px solid #a62d2d; background-color: #fff; height: 50px;}
  .header-area .main-nav .nav { height: auto;  flex-basis: 100%;}
  .header-area .main-nav .border-button {position: absolute; top: 15px; right: 70px;
  }
/*  .header-area.header-sticky .nav li a:hover, .header-area.header-sticky .nav li a.active { color: #a62d2d!important;opacity: 1; }*/
  .header-area .menu-trigger { display: block !important; }
  .header-area .main-nav { overflow: hidden; }
  .header-area .main-nav .nav { width: 100%; -webkit-transition: all 0s ease 0s;-moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;transition: all 0s ease 0s;margin-left: 0px;}
  .header-area .nav {margin-top: 13px !important;  }  
  .header-area .main-nav .nav li {width: 100%;background: #fff;padding-left: 0px !important;padding-right: 0px !important;}
 
.lang_select {position: absolute;right: 0;bottom: 5px; top:auto} 
}
@media (max-width:575.99px){	
	.main-nav .cont_logo img {width:220px}	
}

/*====	ELEMENTOS ======*/

.section-title h2 { margin-bottom: 0.3em}
.overlay {background-color: rgba(14,180,147,.9);text-align: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;	color: #fff;	opacity: 0;	filter: alpha(opacity=0);	-webkit-transition: all 450ms ease-out 0s; -moz-transition: all 450ms ease-out 0s; -o-transition: all 450ms ease-out 0s;transition: all 450ms ease-out 0s;-webkit-transform: rotateY(180deg) scale(0.5,0.5); -moz-transform: rotateY(180deg) scale(0.5,0.5);-ms-transform: rotateY(180deg) scale(0.5,0.5);		 -o-transform: rotateY(180deg) scale(0.5,0.5);	transform: rotateY(180deg) scale(0.5,0.5);}

/*botones*/
.lang_btn { color:#011321; border: 1px solid #011321;background-color:#FFF; font-size:12px; padding:5px 4px 4px 4px; line-height:1em }
.lang_btn:hover, .lang_btn.active{ color:#fff; border: 1px solid #011321;background-color:#011321; }
.boton { border-radius: 32px; padding: 8px 16px; text-align: center; display:inline-block; font-weight:400; font-size:16px; cursor:pointer;  border: none;font-family: 'Open Sans', sans-serif;-webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;}
a.opfull:hover {  opacity:1}

.vermas { width:130px;}
.more { width:134px;}
.boton_b {color:#fff;background-color:#000; }
.boton_submit {color:#fff;background-color:#000; padding:6px 16px }
.boton_w { color:#000; background-color:#FFF}
.btn_blanco {  background-color: #a62d2d;  color: #fff;  border: 1px solid #a62d2d; border-radius:0;}
.boton_w:hover {color:#fff;background-color:#a62d2d; }
.boton_submit:hover {color:#fff;background-color:#a62d2d; }
.boton_b:hover {color:#000;background-color:#fff; }
.boton_y:hover {color:#000;background-color:#e5d243; }
.btn_blanco:hover {  background-color: #fff;  color: #a62d2d;  border: 1px solid #a62d2d;  opacity: 1 !important;}


.parrafos p {margin-top: 0; margin-bottom: 1rem;}
.cont_iframe { padding: 15px;background: #f6f6f6;}
.cont_iframe img {width: 100%!important}

.sol-thumb { width: 100%; position: relative;box-shadow: rgba(0, 0, 0, 0.30) 0px 3px 10px;border-radius: 6px;}
.sol-thumb img {border-radius: 6px;}
.sol-thumb .overlay {	background-color: rgba(0,0,0,.65);display: flex;flex-direction: column;justify-content: center;  align-items: center;border-radius: 6px;}
.sol-thumb:hover .overlay {	cursor: pointer;opacity: 1;filter: alpha(opacity=100);	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}
.sol-thumb h4 {color: #121212; font-size: 18px; font-weight: 600; line-height: 1.5;}

.sol-thumb:hover h4 {  color: #fff; padding:10px}

.cont_iframe .item {  position: relative;}

.cont_iframe .item div.cont img {  max-width: 450px;}
.cont_iframe .item div.cont { padding: 20px; margin: 0 auto; text-align: center;}
.cont_iframe .owl-nav {position: absolute; top: 50%; transform: translateY(-15px); width: 100%;}
.cont_iframe .owl-nav .owl-prev , .cont_iframe .owl-nav .owl-next  { position:absolute}
.cont_iframe .owl-nav .owl-prev  { left: -15px;}
.cont_iframe .owl-nav .owl-next  { right: -15px;}
.cont_iframe .owl-nav .owl-prev i,
.cont_iframe .owl-nav .owl-next i { width: 30px; height: 25px;line-height: 1; font-size: 24px; display: inline-block;
  color: #fff; opacity: 1; transition: all .3s;}

.cont_iframe .owl-dots { display:none}

.cont_iframe .owl-nav .owl-prev i:hover, .cont_iframe .owl-nav .owl-next i:hover { opacity: 0.7;}

/* imagen headers*/

.head_img {width: 100%;	background-size: cover!important;	background-position: center center!important;background-repeat: no-repeat!important;	}

.head_img {height: 100vh;max-height: 745px;}

.head_caption {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  text-align: center;  width: 100%;}

.head_caption h1 {text-shadow: #3e3d3d 3px 0px 1px; font-size:5rem}

@media (min-width: 768px) and (max-width: 1341.98px) {
  .head_img { height: 550px;}
	.head_caption h1 { font-size:3.5rem}
}
@media (max-width: 1199.99px) {
	.sol-thumb h4 { font-size: 16px;}
}
@media only screen and (max-width: 767.99px){

	.head_img {max-height: 300px;} 
	.head_caption h1 { font-size:2.5rem}
	.mob-gap {gap: 1rem !important;}
} 

@media (min-width: 576px) {
	.tumbis { justify-content: center;}
	.tumbis .col-sm-6 { margin-bottom:.85rem}
}
@media (max-width: 575.99px) {
	.tumbis { flex-directon: column;gap: 1.5rem !important; }
	.tumbis .col-sm-6 { width:296px; margin:0 auto .85rem auto }
	.gap-4 {gap: 1rem !important;}
}
/*====== mapa ======*/

#mapa { padding-top: 95px; background-color:#fff}
#chartdiv { width: 100%;height: 100vh;max-height: 550px;}
#mapa .am5exporting-menu a { display:none!important}
.tapa {  position: absolute; bottom: 0; left: 0; width: 100px; z-index: 99; height: 80px; background-color: #fff;}
@media (max-width: 767.99px) {
	#chartdiv { max-height: 300px;}
}
/*====	Nosotros ======*/
#nosotros {padding-top: 85px;padding-bottom: 0;}
.nosotros { background: rgba(11,11,12, 0.26) 0% 0% url(../images/nosotros.jpg); background-blend-mode: multiply;} 

/*======= Calidad ========*/
#calidad {padding-top: 85px;padding-bottom: 0;}
.calidad { background: rgba(11,11,12, 0.56) 0% 0% url(../images/calidad.jpg); background-blend-mode: multiply;}
/*=====	Proyectos ========*/
#proyectos {padding-top: 85px;padding-bottom: 0;}
.proyectos { background: rgba(255,255,255, 0.56) 0% 0% url(../images/proyectos.jpg); background-blend-mode: overlay;}

.bajada { background: #000; color:#FFF; padding: 1.8em 0; font-weight: 600; line-height: 1.28; text-align: center; font-size:18px}
.proy_title { padding-top:70px}
.fila_proyectos { flex-direction:row; gap:0.5rem}
.fila_proyectos .p_article {margin-bottom: 3rem;}
.fila_proyectos .single-portfolio {background: #F4BD14;}
@media (min-width:1200px){	
	.fila_proyectos .p_article {width:32%}
	.fila_proyectos .single-portfolio .portfolio-title { min-height:52px }
	.fila_proyectos .portfolio-text { min-height:96px }
}
@media only screen and (min-width: 576px) and (max-width: 1199.98px){	
	.fila_proyectos .p_article {width:49%}  
}

@media only screen and (max-width: 767.99px) {
	.proy_title { padding-top:40px}
}
@media only screen and (max-width: 575.98px) {
	.fila_proyectos {flex-direction:column;gap: 0;align-items: center }
	.portfolio-title { font-size: 18px;  }    
} 
/*=====	Cursos =======*/
#cursos {padding-top: 85px;padding-bottom: 0;}
.cursos { background: rgba(11,11,12, 0.56) 0% 0% url(../images/cursos.jpg); background-blend-mode: multiply;}
.single-portfolio .portfolio-text button i {  margin-left: 35px;}
.fila_cursos { flex-direction:row; gap:3rem}
.single-portfolio { box-shadow: 0px 3px 20px #0000005c; border-radius: 8px; padding: 20px;justify-content: space-between;text-align:center}
.portfolio-title {color: #0B0C0C;  font-size: 20px;  line-height: 1.3;  margin-top: 1rem;  }
.single-portfolio .portfolio-image {cursor: zoom-in; position: relative; overflow: hidden; border-radius: 8px;}
.single-portfolio .portfolio-image img {width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.single-portfolio .portfolio-image:hover img { transform: scale(1.08,1.08);}
.portfolio-text button {  width: 100%;border-radius: 8px;}
@media (min-width:1200px){
		.fila_cursos .single-portfolio .portfolio-title { min-height:52px }
}
@media only screen and (max-width: 767px){
	.fila_cursos {flex-direction:column;}
	.portfolio-title { font-size: 18px;  }    
} 
/*=======	Servicios =====*/
#servicios {padding-top: 85px;padding-bottom: 0;}
.servicios { background: rgba(11,11,12, 0.56) 0% 0% url(../images/servicios.jpg); background-blend-mode: multiply;}
/* ul chekys  */
.chekys {  list-style-type: none;  padding: 0;  margin: 0 0 0 38px;}
.chekys li {  list-style-image: url('../images/check.svg');  margin-bottom: 25px;}
.chekys li span {  vertical-align: top;  padding-left: 5px; display:inline-block}
/* ul lista_bullets  */
.lista_bullets {  list-style-type: none;  padding: 0;  margin: 0 0 0 15px;}
.lista_bullets li {  list-style-image: url('../images/arrow_w.svg');  margin-bottom: 15px;}
.lista_bullets li span {  vertical-align: top;  padding-left: 5px;line-height: 1.2; display:inline-block}
/* Estilo para el menú flotante */
/* Contenedor del menú flotante */
#floatingMenu { position: fixed; top: 50%; left: 20px; transform: translateY(-50%); z-index:50  }
/* Estilos generales de la lista */
#floatingMenu ul { list-style: none;  margin: 0;  padding: 0; }
/* Elemento principal (bullet) */
#floatingMenu > ul > li { position: relative; cursor: pointer; font-size: 24px;  }
/* Submenú oculto inicialmente */
#submenu {display: none; position: absolute; top: -20px; left: 20px; padding: 10px; z-index:50     }
.bigger { width:180px} 
#floatingMenu .submenu {background-color: rgba(0, 0, 0, 0.7); padding: 10px; border-radius: 6px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);    }
/* Estilo para los elementos del submenú */
#floatingMenu .submenu li { margin: 5px 0; font-size: 18px; }
#floatingMenu .submenu li a { text-decoration: none;color: #fff;}
#floatingMenu .submenu li a:hover { opacity:1; color:#e8c838}
#floatingMenu i.diparador { color:#e8c838}


/*======	Estadisticas=======*/

#facts {background-image: url("../images/stats.jpg");background-color: rgba(6,32,51,.8);background-attachment: fixed !important;	background-position: center center;	background-repeat: no-repeat;	background-size: cover;	padding: 0;}
.facts .devider:before, .facts .devider:after {	color: #737C85;}
.facts .devider i {	color: #fff;}
.parallax-overlay {	background-color: rgba(38, 42, 44, 0.8);padding: 70px 0;}
.counters-item {  color: #fff;}
.counters-item i {  border: 1px solid #737C85; border-radius: 50%; color: #fff; display: inline-block; height: 80px;
  margin: 0 0 25px; padding: 25px 0 0; width: 80px;}
.counters-item strong { display: block; font-size: 42px; font-weight: 600; line-height: 42px;}
.counters-item p { font-size: 18px; line-height: 24px; margin-top: 10px; text-transform: uppercase;}

@media (max-width: 575.99px) {
	.number-counters .col-sm-4 { margin-bottom: 30px;}
	.number-counters .col-sm-4:last-child { margin-bottom: 0px;}
}

/*===	testimonial ===*/
#testimonial { background: #F4BD14;}
#testimonial .sec-sub-title { margin: 35px auto 55px auto;}
.single-testimonial { background-color: #fff; padding: 30px; -webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);  box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);border-radius: 50%;}
.testimonial-active .col-sm-4 {margin: 0 15px;}
.testimonial-active .col-sm-4:last-child { margin-right: 0px;}
.single-testimonial .testimonial-content .text { border-bottom: 1px solid #cbced1; padding-bottom: 24px;}
.single-testimonial .testimonial-content .author-name { font-size: 18px; font-weight: 600; margin-top: 24px;}
.testimonial-image img { width: 180px;filter: grayscale(0)!important;}
.single-testimonial .testimonial-content .text.texteng {min-height: 122px!important;}
@media (min-width:1200px){
		.single-testimonial .testimonial-content .text { min-height:98px }
}
@media (min-width:992px) and (max-width: 1199.98px){
		.single-testimonial .testimonial-content .text { min-height:122px }
	
}
/*===	Contact Us ===*/

.contact {background:#f4f7f9}
.contact-info li, .contact-info li span, .contact-info li span a {color: #6c6c6c!important;}
.contact-info li{  margin-top: 8px; font-size: 16px;clear: both;height: 30px; }
.contact-info li i {margin-right: 10px;color: #364549; font-size: 1.4em;font-weight: 600;float:left;min-width: 23px;}

.contact-form .form-control { border-radius: 0; border-style: none none solid; border-width: 0 0 1px; box-shadow: none; margin-bottom: 10px;}

.contact-form .form-control.error {border-bottom-color: #c0392b;}
label.error { color: #c0392b; font-weight: normal; text-transform: capitalize;display: block; font-size: .8rem;}
.contact-form textarea { resize: none; height: 84px;}
@media (min-width: 768px) {
	.segundacol label.error { margin-bottom:19px}
}
@media (min-width: 768px) and (max-width: 991.99px) {
	.colform { margin-top: 1rem !important;}
}
@media only screen and (max-width: 767.99px) {
	.colform { margin-top: 1.5rem !important;}
}

/*===== Footer =====*/

footer { padding: 20px 0}
.footer {  background-color: #000;  border-top: 5px solid #b73a34;  color: #fff;}
.cm {  display: flex;  justify-content: left;  margin-top: 10px;font-size: .8rem;}
footer p a {  color: #666;  transition: all .3s;  position: relative;  z-index: 3;}
/**/
#back-top { bottom: 20px; position: fixed; left: 25px;  z-index: 9;color: #ccc;}
.btn-wp { width: 55px ;height: 55px;overflow: hidden !important; border-radius: 0 !important; position: fixed !important;
  bottom: 20px; right: 75px;  transition: 250ms !important; z-index: 10 !important;}
.btn-wp img {border: none !important; padding: 0 !important; outline: 0 !important; position: absolute !important; right: 0 !important;top: 0 !important;z-index: 999 !important; transition: 250ms !important;}
@media only screen and (min-width: 576px) and (max-width: 1427.98px) {
  .btn-wp {width: 40px; height: 40px; right: 35px; }
}
@media (max-width: 575.98px) {
  .btn-wp { width: 35px; height: 35px; right: 10px; bottom: 20px; }
}