/*
Theme Name:Corremex 2026
Author: dmx
Author URI: designermx.com
*/




    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
	-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		font-family: 'montserratregular';
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
	a{ text-decoration:none;}
	html {
				overflow:auto;
				
	}
    body {
    line-height: 1.3;
	 background:#fff;
	  background-position: 50% 50%;
        -webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	 margin: 0px;
    padding: 0px;
    }
body, html { 
 float: left;
    height: 100%;
    margin: 0;
    position: relative;
    width: 100%;
	}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: inline-block;
}

p{
	text-wrap: auto;
}

/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */

.genericon:before,
.menu-toggle:after,
.featured-post:before,
.date a:before,
.entry-meta .author a:before,
.format-audio .entry-content:before,
.comments-link a:before,
.tags-links a:first-child:before,
.categories-links a:first-child:before,
.edit-link a:before,
.attachment .entry-title:before,
.attachment-meta:before,
.attachment-meta a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor > .comment-body .fn:before,
.error404 .page-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	vertical-align: text-bottom;
}

/* Clearing floats */
.clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
	clear: both;
}

.clear:before,
.clear:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
	content: "";
	display: table;
}


:root {
 --fuente-regular: 'mullermedium';
--fuente-bold:	'mullerbold';
  --color-azul: #0d1941; /* Un azul */
  --color-blanco: #ffffff; /* Un azul */
  --color-azul-titulo: #054984; /* Un azul */
  --color-negro-titulo: #222222; /* Un azul */
  --color-hover: #6EC1E4; /* Un azul-claro */
  --color-footer_top:  #5A91B9;
	--color-fondos:#0d1941;
	 --color-azul-footer: #94c2f3; /* Un azul */
	
 --color-fondo-transparente:  rgba(90 145 185);
}



/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Form fields, general styles first. */
button,
input,
textarea {
	border: 2px solid #d4d0ba;
	font-family: inherit;
	padding: 5px;
}

input,
textarea {
	color: #141412;
}

input:focus,
textarea:focus {
	border: 2px solid #c3c0ab;
	outline: 0;
}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	
	border: none;
	
	border-radius: 2px;
	
	display: inline-block;
	
	text-decoration: none;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	
	outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	
	border: none;
}

.post-password-required input[type="submit"] {
	padding: 7px 24px 4px;
	vertical-align: bottom;
}

.post-password-required input[type="submit"]:active {
	padding: 5px 24px 6px;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #7d7b6d;
}

:-moz-placeholder {
	color: #7d7b6d;
}

::-moz-placeholder {
	color: #7d7b6d;
}

:-ms-input-placeholder {
	color: #7d7b6d;
}

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

figure.wp-caption.alignleft,
img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

figure.wp-caption.alignright,
img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 0 0 24px;
}

div.wp-caption.alignright img[class*="wp-image-"] {
	float: right;
}

div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
	list-style-position: inside;
}



/**
 * Header menu
 */
 header {
	 width:100%;
	 padding:0;
	
	 position: fixed;
	 z-index:2;
	 top:0;
	 text-align: center;
	 	background-color: rgba(255,255,255,1);
	 border-bottom: 1px solid #f1f1f1;
 }
 header a {
	 color:#fff;
	 text-decoration:none;
 }
.menu-toggle {
	background-color: transparent;
	color: #fff;
	border:0;
	font-size: 13px;
	font-size: 0.8125rem;
	padding: 0.769230769em;
	text-align:left;
	margin:0 1%;
	display:none;
	vertical-align:middle;
}
.menu-toggle hr{
	
	background:#444;
	border: 0 none;
    clear: left;
    float: left;
    height: 6px;
    margin: 4px 0;
    width: 35px;
	border-radius: 3px;
}

.menu-toggle hr:nth-child(2){
	width:30px;
}
.site-header-menu {
	
	margin:  0 auto;

	text-align: left;
  position: relative;
  width: 100%;
  
  max-width: 1350px;
  display: inline-block;
	float: inherit;
	
}

.site-header-menu .logoHeader{
	display:inline-block;
	vertical-align:bottom;
	cursor:pointer;
	margin:20px 50px  5px 4%;
	max-width:200px;
}
.site-header-menu .logoHeader2{
	display:inline-block;
	vertical-align:middle;
	margin:5px 2% 5px 6%;
}

.site-header-menu .menu-principal-container ul li{
	display:inline-block;
	vertical-align:middle;
	padding:10px 0 30px 0;
	margin:0 20px;
	text-transform:uppercase;
	cursor:pointer;
	font-family: var(--fuente-bold);
	color: var(--color-azul);
	text-transform:inherit;
	font-size:16px;
}
.site-header-menu .menu-principal-container ul li:nth-last-child(1){
	margin-right: 0;
}
.site-header-menu .menu-principal-datas ul li{
	display:inline-block;
	vertical-align:middle;
	padding:10px 0 ;
	margin:0 ;
	text-transform:uppercase;
	cursor:pointer;
	font-family: var(--fuente-regular);
	color: var(--color-azul);
	text-transform:inherit;
	font-size:12px;
	width:35%;
	text-align: left;
}


.main-navigation{
	display:block ;
	vertical-align:bottom;
	float: right;
	position: relative;
	width: 50%;
}
.menu-principal-datas{
	display:inline-block;
	vertical-align:bottom;
	float: right;
	position: relative;
	padding:5px 10px;
	clear:right;
	width: 100%;
}
.menu-principal-container{
	display:inline-block;
	vertical-align:bottom;
	float: right;
	position: relative;
	clear:right;
	width: 100%;
	text-align: right;
}
.site-header-menu ul li:hover,.site-header-menu ul .activeMenu,.active,.site-footer ul li label:hover,
button:hover
{ color:var(--color-hover) !important; cursor: pointer;
-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
	display: block;
}

.menu-principal-datas ul{
	width:100%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}
.menu-principal-datas ul li{
	width:25%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-left: 45px !important;
	background-size: 40px auto !important;
	font-size: 12px;
}
.menu-principal-datas ul li span{
	font-size: 14px;
	font-family: var(--fuente-bold);
	width: 100%;
}
.menu-principal-datas ul li:nth-child(1){
	background: url(assets/phone.png) left center no-repeat;
	width:35%;
}
.menu-principal-datas ul li:nth-child(2){
	background: url(assets/mail.png) left center no-repeat;
	width:auto;
}

.site-header-menu ul li ul {
    clear: left;
    float: left;
    position: absolute;
	background:rgba(18, 35, 54, 0.8) none repeat scroll 0 0;
	display:none;
	margin-left:-5px;
}
.site-header-menu ul li:hover >ul{
	display:block;
}
.site-header-menu ul li ul li {
    clear: left;
    float: left;
    padding: 10px 0;
    position: relative;
	
}
.site-header-menu ul li ul li:nth-child(1){
	 padding: 10px 0 10px 0;
}

.site-header-menu ul li ul li:nth-last-child(1){
	 margin-bottom:5px;
}
.clear{
	clear:left;
}





section{
	width:100%;
	height:auto;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	z-index:1;
	background-color: var(--color-fondos);
}

section article{
	width:100%;
	height:auto;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	background-size:cover !important;
	background-position: center !important;
}
article#sec1,
article#sec3{
	background: #f9fbfb;
}
article#sec3{
	background:url(assets/images/mapa.jpg);
	background-position: center left;
	background-repeat: none;
	background-size: cover;
}
article#sec1{
	background:var(--color-blanco);
}
section article aside{
	position:relative;
	width:100%;
	max-width:1180px;
	text-align:center;
	margin: 0 auto;
}



.videoContent{
	width: 100%;
	position: relative;
	height: 450px;
	overflow: hidden;
}
.videoContent video{
	width: 100% !important;
	position: absolute;
	top:-60%;
	left:0;
}

.secc1 .datos_video{
	position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 1180px;
  padding-top: 170px;
  text-align: left;

}

.secc1 .datos_video h1{
	font-size: 22px;
	color:#fff;
	padding:5px 0;
	font-family: var(--fuente-bold);
	text-shadow: 1px 1px 2px gray;
}
.secc1 .datos_video p{
	font-size: 16px;
	width: 50%;
	color:#fff;
	padding:5px 0;
	font-family: var(--fuente-regular);
	text-shadow: 1px 1px 2px gray;
}

.secc1 .datos_video button{
	font-size: 14px;
	color:#fff;
	margin-top:5px;
	padding:15px 40px;
	border-radius: 30px;
	border:2px solid #fff;
	background: none;
	text-align: center;
	font-family: var(--fuente-regular);
}

.secc1  aside{
	margin-top:-30px;
	padding: 50px 0  !important;
	background: #fff;
	text-align: center;
	box-shadow: 0px 2px 5pxrgba(41,41,41,0.75);
-webkit-box-shadow: 0px 2px 5px rgba(41,41,41,0.75);
-moz-box-shadow: 0px 2px 5px rgba(41,41,41,0.75);
	margin-bottom:40px;
}

article  aside h2{
	padding: 10px  0 !important;
	width: 100%;
	text-align: center;
	font-family: var(--fuente-bold);
	color: var(--color-azul-titulo);
	font-size:36px;
}

.secc1  aside h3{
	padding: 10px  0 !important;
	font-family: var(--fuente-bold);
	color: var(--color-azul-titulo);
	font-size:20px;
	text-align: left;
	width: 80%;
	position: relative;
	display: inline-block;
}

.secc1 aside p{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	color:#646464;
	padding:5px 0;
	width: 80%;
	font-family: var(--fuente-regular);
}


 aside h2{
	padding: 10px  0 !important;
	width: 100%;
	text-align: center;
	font-family: var(--fuente-bold);
	color: var(--color-azul-titulo);
	font-size:30px;
	margin-bottom: 20px;
}
.servicios{
	width: 100%;
	position:relative;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	background: rgba(255,255,255,0.50)
}
.servicios li{
	width: 33.33%;
	position:relative;
	display: inline-block;
	vertical-align: top;
	float:left;
		background:var(--color-fondos);

}

.servicios li .imagenServicio{
	width: 100%;
	position:relative;
	display: inline-block;
	vertical-align: top;
	height: 290px;
	overflow: hidden;
}
#sec1 aside  {
	
	width:100%;
	max-width: inherit;
}
#sec1 aside h2{
	color:var(--color-azul-titulo);
}
#sec2 aside h2{
  
  color: #fff;
}

.servicios li .imagenServicio img{
	width: 100%;
	
}
.servicios li .infoServicio{
	width: 100%;
	position:absolute;
	left: 0;
	top: 0;
	min-height: 287px;
	overflow: hidden;
	background: var(--color-blanco);
	border-top:3px solid var(--color-azul);
		padding:5px 0;
	box-shadow: 0px 2px 5px rgba(41,41,41,0.75);
-webkit-box-shadow: 0px 2px 5px rgba(41,41,41,0.75);
-moz-box-shadow: 0px 2px 5px rgba(41,41,41,0.75);
	 transform:  rotateY(-180deg); 
	opacity:0;
}
.servicios li:hover  > .imagenServicio{
	  transform: perspective(400px) rotateY(180deg); 
  
  /* Add a transition for smooth hover-out (optional, if you want it to return smoothly) */
  transition: transform 0.3s ease, opacity 0.5s ease;
	opacity:0;
}

.servicios li:hover > .infoServicio{
	  transform: perspective(400px) rotateY(0deg); 
    transition: transform 0.3s ease, opacity 0.5s ease;
	opacity:1;
	z-index: 999;
	
	
}

#sec2.cotizar h2,
.carousel-container h2{
	padding: 10px 0 !important;
  width: 100%;
  text-align: center;
  font-family: var(--fuente-bold);
  color: var(--color-azul-titulo);
  font-size: 36px;
}
#sec2.cotizar aside{
	margin-bottom: 30px;
}

.servicios li h3{
	padding:0 0 10px  0 !important;
	width: 100%;
	text-align: center;
	font-family: var(--fuente-bold);
	color: var(--color-negro-titulo);
	font-size:20px;
	position: relative;
	display: inline-block;
	margin-bottom:5px;
}

.servicios li  p{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	color:#646464;
	padding:5px 0;
	width: 80%;
	font-family: var(--fuente-regular);
}


article#sec2 .form{
	position: relative;
	width:100%;
	text-align: center;
	padding:10px 0;
} 
article#sec2 .form img{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
article#sec2 .form .f50,
article#sec3  .f50,
#sec01  .f50{
	position: relative;
	width:47%;
	text-align: left;
	display:inline-block;
	vertical-align: top;
	overflow: hidden;
} 

#sec01  .f50:nth-child(2){
	
	width:47%;
	margin-right: 30px;
	
} 
#sec01  .f50 img.horizontal{
	height: 100%;
	position: relative;
	width: auto;
	max-height: 500px;
	margin-left:-200px;
	display: inline-block;
	vertical-align: middle;

}
#sec01  .f50 img.vertical{
	width: 100%;
  position: relative;
  height: auto;
  max-width: 100%;
  margin-top: -100px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
  max-height: inherit;

}

#sec01  .f50 button{
	font-size: 14px;
  color: var(--color-azul);;
  margin-top: 5px;
  padding: 15px 40px;
  border-radius: 30px;
  border: 2px solid var(--color-azul);;
  background: none;
  text-align: center;
  font-family: var(--fuente-regular);
	float: right;
}
#sec1  aside button{
	font-size: 14px;
  color: var(--color-blanco);;
  margin-top: 5px;
  padding: 15px 40px;
  border-radius: 30px;
  border: 2px solid var(--color-blanco);;
  background: none;
  text-align: center;
  font-family: var(--fuente-regular);
	float: right;
	background: var(--color-fondos)
}

article#sec2 .form input{
	width: 90%;
	position: relative;
	border:2px solid #ccc;
	border-radius: 5px;
	margin:3px 0 ;
	padding:8px 5px;
	border-bottom: 2px solid  var(--color-azul);
}


article#sec2 .form textarea{
	width: 90%;
	position: relative;
	border:2px solid #ccc;
	border-radius: 5px;
	margin:3px 0 ;
	padding:8px 5px;
	border-bottom: 2px solid  var(--color-azul);
}


article#sec2 .form button{
	font-size: 14px;
	color:#fff;
	margin-top:5px;
	padding:15px 40px;
	border-radius: 10px 0 10px 0 ;
	background: var(--color-azul);
	text-align: center;
	font-family: var(--fuente-regular);
	cursor: pointer;
}

article#sec2 .form button:hover{
	
	background: var(--color-hover);
	color:var(--color-azul) !important;
}
.servicios h3{
	margin:30px 0;
}
.servicios p{
    font-size: 14px;
	line-height: 1.5;
	text-align: left;
	color:#646464;
	padding:5px 0;
	width: 90%;
	max-width: 800px;
	display: inline-block;
	font-family: var(--fuente-regular);
}


.site-footer{
	width:100%;
	border-top:1px solid var(--color-footer_top);
	text-align:center;
	background:var(--color-fondos);
	
	}

.site-footer ul, .site-footer  .subFooter{
	max-width: 1350px;
	width: 90%;
	position: relative;
	padding:40px 5%;
	display: inline-block;
}

.site-footer ul ul{
	padding:0px 5%;
}
.site-footer ul li{
	display: inline-block;
	text-align: left;
	vertical-align: top;
} 

.site-footer ul li h2{
	padding: 10px  0 !important;
	width: 100%;
	text-align: left;
	font-family: var(--fuente-bold);
	color: var(--color-azul-titulo);
	font-size:20px;
	margin-bottom: 20px;

} 
.site-footer  li h3{
	
	color: var(--color-blanco);
	

} 
.site-footer  p{
	position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  color: #646464;
  padding: 5px 0;
  width: 80%;
  font-family: var(--fuente-regular);
	color: var(--color-azul-footer);
	

} 
.site-footer ul li:nth-child(1){
	width: 30%;
} 
.site-footer ul li:nth-child(2){
	width: 30%;
} 
.site-footer ul li:nth-child(3){
	width: 20%;
} 
.site-footer  .logoFooter {
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
  margin: 20px ;
  max-width: 200px;
}
.site-footer ul li label{
	padding: 5px  0 !important;
	width: 100%;
	display: inline-block;
	text-align: left;
	font-family: var(--fuente-bold);
	color: var(--color-azul-footer);
	font-size:16px;

} 
	
.site-footer .subFooter{
	width:90%;
	color:#fff;
	text-align:left;
	font-family: var(--fuente-regular);
	text-transform:uppercase;
	font-size:10px;

	}


article#sec3  .f50 ul{
	position: relative;
	width:100%;
	text-align: left;
	display:inline-block;
	vertical-align: top;
	margin-bottom: 20px;
} 
article#sec3  .f50 ul li{
	position: relative;
	width:100%;
	text-align: left;
	display:inline-block;
	vertical-align: top;
	font-size: 14px;
	padding-left: 20px;
	color:#646464;
	font-family: var(--fuente-regular);
} 
article#sec3  .f50 ul li:hover{cursor:pointer;color:var( --color-hover)}



article#sec3  .f50 ul li:nth-child(1){
	position: relative;
	width:100%;
	text-align: left;
	display:inline-block;
	vertical-align: top;
	font-size: 16px;
	padding-left: 0;
	color:var(--color-negro-titulo);
	font-family: var(--fuente-bold);
} 


.tabcontent {
  display: none;
  padding: 6px 12px;
 
  border-top: none;
  font-size: 14px;
  font-family: var(--fuente-regular);
}
.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}
.tabcontent h3{
	padding:0 0 10px  0 !important;
	width: 100%;
	text-align: left;
	font-family: var(--fuente-bold);
	color: var(--color-negro-titulo);
	font-size:20px;
	position: relative;
	display: inline-block;
}
.tabcontent p{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	color:#646464;
	padding:5px 0;
	width: 80%;
	font-family: var(--fuente-regular);
}
/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}








.blogpagination{
	width:90%;
	max-width:1180px;
	padding:0 5%;
	margin:0 auto;
	text-align:center;
}
.blogpagination span{
	padding:5px;
	font-size:20px;
	color:#010000;
}

.blogpagination .blogcurrent ,
.blogpagination .bloginactive:hover {
	font-size:22px;
	color:#ff001e;
}


#sec3 aside .f50:nth-child(2){
	box-shadow: inset -11px 1px 5px -6px rgba(41,41,41,0.1);
-webkit-box-shadow: inset -11px 1px 5px -6px rgba(41,41,41,0.1);
-moz-box-shadow:inset -11px 1px 5px -6px rgba(41,41,41,0.1);
	width: 30%;
}
#sec3 aside .f50:nth-child(3){
	
	width: 60%;
}












@media screen and (max-width: 70.875em) {

}





/*tablet*/
@media screen and (max-width: 56.875em) {
	header .redes, .main-navigation{
     display:none ;
    }
	.toggled-on  nav {
    display: none;
		width: 100%;
   }
	.menu-principal-datas ul {   text-align: center;}
	.site-header-menu .menu-principal-datas ul li{ width: 70%; padding-left: 45px !important}	
	.main-navigation{  
		width: 100%;
	float: inherit;
  position: relative;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		-ms-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}
.menu-toggle { display:inline-block; cursor:pointer; padding: 1.5em;}

.site-header-menu .logoHeader {
    display: inline-block;
    float: inherit !important;
    margin: 10px;
    max-width: 225px;
    vertical-align: middle;
    width: 50%;
}
.site-header-menu .redes {
    display: none;
}
.site-header-menu ul li {
    margin: 0 5px;
    padding: 10px 0;
    text-align: left;
    width: 90%;
}

.secc1 .datos_video h1,
.secc1 .datos_video p{
   padding: 5px 15px;
}
	.secc1 .datos_video button{
		margin-left:15px;
	}	
	
article aside h2 {
   font-size: 30px;
}	
	article#sec2 .form .f50, article#sec3 .f50, #sec01 .f50,
	#sec01 .f50:nth-child(2),	#sec3 aside .f50:nth-child(2),
	#sec3 aside .f50:nth-child(3){
		width: 90%;
		margin: 10px 4%;
	}
	#sec3 aside .f50:nth-child(2){
		box-shadow: inset 0px 1px -11px -6px rgba(41,41,41,0.1);
  -webkit-box-shadow: inset -0px -11px 5px -6px rgba(41,41,41,0.1);
  -moz-box-shadow: inset 0px 1px -11px -6px rgba(41,41,41,0.1);
  
	}
	.secc1 aside p,
	article#sec2 .form img{ 
	width: 100%;
	}	
	
	article#sec2 .form .f50 .f50,	.tabcontent p{
		margin: 10px 0;
		width:100%;
	}
	
	
.servicios li {
  width: 100%;
	}.site-footer{
		padding: 40px 0;
	}
	.site-footer ul, 
	.site-footer .subFooter{
		margin: 10px 0;
		width:100%;
		padding:10px 00;
	}
	.site-footer ul li{
		width: 90% !important;
	}
	section article aside{
		margin-bottom:20px;
	}	
	
	article#sec2 .form input,
	article#sec2 .form textarea{
		width: 95%;
	}
	
	
	
	.videoContent {
  overflow: hidden;
}
	.videoContent video {
  position: relative;
}
	secc1 .datos_video {
  
  padding-top: 20px;
}
	.secc1 aside {
  margin-top: 20px;
	}
	
.carousel {
  height: auto;
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: relative;
  padding: 0;
  list-style: none;
  min-height: 300px;
}
	.my-carousel {
  border-radius: 5px;
  margin: 0;
}
}
/*movil*/
@media screen and (max-width: 37.5em) {

.single article .entry-content{
	width:100%;
	float:left;
	position:relative;
}
.menu-toggle { margin-top:8px;  padding: 0em  0 0 2em; }

header .redes img {
    cursor: pointer;
    display: inline-block;
    padding: 1.2em .3em;
    vertical-align: middle;
}


.site-header-menu ul li {
    margin: 0 0;
    padding: 5px 0 !important;
	width:100%;
}
.site-header-menu ul li ul {
    background: #fff none repeat scroll 0 0;
    clear: left;
    display: block;
    position: relative;
	float:inherit;
	margin-left:0;
}
.site-header-menu ul li ul li:nth-last-child(1) {
    margin-bottom: 0;
	padding-bottom:0 !important;
}
.site-header-menu ul li ul li:nth-child(1){
	padding-top:10px !important;
}



}



/*animaciones*/

#sec0.animated .datos_video h1{
	 -webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;
animation-duration: .7s;
}
#sec0.animated .datos_video p{
	 -webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;
animation-duration: .98s;
}
#sec0.animated .datos_video button{
	 -webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;
animation-duration: 1.2s;
}

.animated #sec01   h2,
#sec0 #sec01.animated   h2,
#sec2.animated   h2{
	-webkit-animation-name:bounceInUp;
   animation-name:bounceInUp;
   animation-duration: 1s;
}
.animated #sec01   p,
#sec0  #sec01.animated   p{
	-webkit-animation-name:bounceInUp;
   animation-name:bounceInUp;
   animation-duration: 1.3s;
}
.animated #sec01   img,
#sec0  #sec01.animated   img{
 -webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;
animation-duration: 1s;
}
#sec1.animated aside h2{
	 -webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;
animation-duration: .7s;
}

#sec1.animated aside .servicios li:nth-child(1){
	-webkit-animation-name:bounceInDown;
   animation-name:bounceInDown;
   animation-duration: 1s;
}

#sec1.animated aside .servicios li:nth-child(2){
	-webkit-animation-name:bounceInDown;
   animation-name:bounceInDown;
   animation-duration: 1.3s;
}

#sec1.animated aside .servicios li:nth-child(3){
	-webkit-animation-name:bounceInDown;
   animation-name:bounceInDown;
   animation-duration: 1.6s;
}

#sec1.animated aside .servicios li:nth-child(4){
	-webkit-animation-name:bounceInUp;
   animation-name:bounceInUp;
   animation-duration: 1s;
}

#sec1.animated aside .servicios li:nth-child(5){
	-webkit-animation-name:bounceInUp;
   animation-name:bounceInUp;
   animation-duration: 1.3s;
}

#sec1.animated aside .servicios li:nth-child(6){
	-webkit-animation-name:bounceInUp;
   animation-name:bounceInUp;
   animation-duration: 1.6s;
}







#sec1.animated aside .servicios li:nth-child(1) h3{
	-webkit-animation-name:fadeInDownBig;
   animation-name:fadeInDownBig;
   animation-duration: 1s;
}

#sec1.animated aside .servicios li:nth-child(2) h3{
	-webkit-animation-name:fadeInDownBig;
   animation-name:fadeInDownBig;
   animation-duration: 1.2s;
}

#sec1.animated aside .servicios li:nth-child(3) h3{
	-webkit-animation-name:fadeInDownBig;
   animation-name:fadeInDownBig;
   animation-duration: 1.4s;
}


#sec1.animated aside .servicios li:nth-child(1) p{
	-webkit-animation-name:zoomIn;
   animation-name:zoomIn;
   animation-duration: 1.5s;
}

#sec1.animated aside .servicios li:nth-child(2) p{
	-webkit-animation-name:zoomIn;
   animation-name:zoomIn;
   animation-duration: 1.8s;
}

#sec1.animated aside .servicios li:nth-child(3) p{
	-webkit-animation-name:zoomIn;
   animation-name:zoomIn;
   animation-duration: 2.1s;
}



#sec1.animated aside .servicios li:nth-child(1) .imagenServicio img{
	-webkit-animation-name:zoomIn;
   animation-name:zoomIn;
   animation-duration: 1.1s;
}
#sec1.animated aside .servicios li:nth-child(2) .imagenServicio img{
	-webkit-animation-name:zoomIn;
   animation-name:zoomIn;
   animation-duration: 1.3s;
}
#sec1.animated aside .servicios li:nth-child(3) .imagenServicio img{
	-webkit-animation-name:zoomIn;
   animation-name:zoomIn;
   animation-duration: 1.5s;
}

#sec1.animated aside .servicios li:nth-child(4) .imagenServicio img{
	-webkit-animation-name:zoomIn;
   animation-name:zoomIn;
   animation-duration: 1.7s;
}
#sec1.animated aside .servicios li:nth-child(5) .imagenServicio img{
	-webkit-animation-name:zoomIn;
   animation-name:zoomIn;
   animation-duration: 1.9s;
}
#sec1.animated aside .servicios li:nth-child(6) .imagenServicio img{
	-webkit-animation-name:zoomIn;
   animation-name:zoomIn;
   animation-duration: 2.1s;
}

#sec2.animated aside input,
#sec2.animated aside textarea{
	-webkit-animation-name:zoomIn;
   animation-name:zoomIn;
   animation-duration: 1.4s;
}


#sec2.animated .form img{
	-webkit-animation-name:zoomIn;
   animation-name:zoomIn;
   animation-duration: 1.2s;
}



#sec2.animated aside button{
	-webkit-animation-name:bounceIn;
   animation-name:bounceIn;
   animation-duration: 1.4s;
}

article#sec3.animated .f50 ul {
	-webkit-animation-name:bounceInLeft;
   animation-name:bounceInLeft;
   animation-duration: .6s;
}

article#sec3.animated .f50 ul li:nth-child(1){
	-webkit-animation-name:bounceIn;
   animation-name:bounceIn;
   animation-duration: 1s;
}

article#sec3.animated .f50 ul li:nth-child(2){
	-webkit-animation-name:rotatzoomIneInDownLeft;
   animation-name:zoomIn;
   animation-duration: 1.1s;
}
article#sec3.animated .f50 ul li:nth-child(3){
	-webkit-animation-name:zoomIn;
   animation-name:zoomIn;
   animation-duration: 1.4s;
}
article#sec3.animated .f50 ul li:nth-child(4){
	-webkit-animation-name:zoomIn;
   animation-name:zoomIn;
   animation-duration: 1.6s;
}
article#sec3.animated .f50 ul li:nth-child(5){
	-webkit-animation-name:zoomIn;
   animation-name:zoomIn;
   animation-duration: 1.8s;
}
article#sec3.animated  aside h2{
	-webkit-animation-name:bounceInUp;
   animation-name:bounceInUp;
   animation-duration: 1s;
}
article#sec3.animated .f50 .tabcontent h3{
	-webkit-animation-name:bounceInLeft;
   animation-name:bounceInLeft;
   animation-duration: 1s;
}

article#sec3.animated .f50 .tabcontent p{
	-webkit-animation-name:bounceInLeft;
   animation-name:bounceInLeft;
   animation-duration: 1.2s;
}




















.animated button ,
button.animated  {
-webkit-animation-name:bounceInDown;
animation-name:bounceInDown;
animation-duration: 1s;
}







@import url("https://fonts.googleapis.com/css?family=Roboto:900");
/**
  * style variables
*/
/**
  * Control & indicator mixin
*/
.carousel {
  height: 600px;
  width: 1080PX;
  overflow: hidden;
  text-align: center;
  position: relative;
  padding: 0;
  list-style: none;
/**
  * Where the magic happens
  */
/**
    * Control element - right/left arrows
  */
/**
    * Element for holding slide indicators
  */
/**
    * Indicator for indicating active slide
  */
/**
    * Create rules for when slides are contained within a track
  */
}
.carousel__controls,
.carousel__activator {
  display: none;
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__track {
  transform: translateX(0%);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__slide:nth-of-type(1) {
  transition: opacity 0.5s, transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  transform: scale(1);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__controls:nth-of-type(1) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(1) {
  opacity: 1;
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__track {
  transform: translateX(-100%);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__slide:nth-of-type(2) {
  transition: opacity 0.5s, transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  transform: scale(1);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__controls:nth-of-type(2) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(2) {
  opacity: 1;
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__track {
  transform: translateX(-200%);
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__slide:nth-of-type(3) {
  transition: opacity 0.5s, transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  transform: scale(1);
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__controls:nth-of-type(3) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(3) {
  opacity: 1;
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__track {
  transform: translateX(-300%);
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__slide:nth-of-type(4) {
  transition: opacity 0.5s, transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  transform: scale(1);
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__controls:nth-of-type(4) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(4) {
  opacity: 1;
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__track {
  transform: translateX(-400%);
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__slide:nth-of-type(5) {
  transition: opacity 0.5s, transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  transform: scale(1);
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__controls:nth-of-type(5) {
  display: block;
  opacity: 1;
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(5) {
  opacity: 1;
}
.carousel__control {
  height: 30px;
  width: 30px;
  margin-top: -15px;
  top: 50%;
  position: absolute;
  display: block;
  cursor: pointer;
  border-width: 5px 5px 0 0;
  border-style: solid;
  border-color: #fafafa;
  opacity: 0.35;
  outline: 0;
  z-index: 3;
}
.carousel__control:hover {
  opacity: 1;
}
.carousel__control--backward {
  left: 10px;
  transform: rotate(-135deg);
}
.carousel__control--forward {
  right: 10px;
  transform: rotate(45deg);
}
.carousel__indicators {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
.carousel__indicator {
  height: 15px;
  width: 15px;
  border-radius: 100%;
  display: inline-block;
  z-index: 2;
  cursor: pointer;
  opacity: 0.35;
  margin: 0 2.5px 0 2.5px;
}
.carousel__indicator:hover {
  opacity: 0.75;
}
.carousel__track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  transition: transform 0.5s ease 0s;
}
.carousel__track .carousel__slide {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
}
.carousel__track .carousel__slide:nth-of-type(1) {
  transform: translateX(0%);
}
.carousel__track .carousel__slide:nth-of-type(2) {
  transform: translateX(100%);
}
.carousel__track .carousel__slide:nth-of-type(3) {
  transform: translateX(200%);
}
.carousel__track .carousel__slide:nth-of-type(4) {
  transform: translateX(300%);
}
.carousel__track .carousel__slide:nth-of-type(5) {
  transform: translateX(400%);
}
.carousel--scale .carousel__slide {
  transform: scale(0);
}
.carousel__slide {
  height: 100%;
  position: absolute;
  overflow-y: auto;
  opacity: 0;
}
/**
  * Theming
*/
* {
  box-sizing: border-box;
}

.carousel-container {
  display: inline-block;
}
.my-carousel {
  border-radius: 5px;
  margin: 30px;
}
.carousel__slide {
  overflow: hidden;
}
.carousel--thumb .carousel__indicator {
  height: 30px;
  width: 30px;
}
.carousel-container h1 {
  font-size: 50px;
  line-height: 50px;
  color: #fafafa;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  margin-top: -25px;
	text-shadow: 1px 1px 2px gray;
}
.carousel-container h2 ul,
.carousel-container h3 {
  color: #fafafa;
}
.carousel-container h3 {
  font-size: 50px;
}
.carousel__indicator {
  background-color: #fafafa;
}