@charset "utf-8";
/* CSS Document */
.grecaptcha-badge { 
	visibility: hidden; 
}
.google-recaptcha {
	font-family: fontLight;
	font-size: 1.2vw;	
	padding: 0;
	color: #ffffff;
	margin: 2% auto;
}
.google-recaptcha a{
	font-family: fontRegular;
	font-size: 1.2vw;
	margin: 0;
	padding: 0;
	color: #ffffff;
}
@media screen and (max-width: 1000px) {
	.grecaptcha-badge { 
	}
	.google-recaptcha {
		font-size: 4vw;	
	}
	.google-recaptcha a{
		font-size: 4vw;
	}
}
body{
	padding: 0;
	margin: 0;
	position:relative;
}
h1{
	font-family: fontThin;
	font-size: 6vw;
	margin: 0;
	padding: 0;
}
h2{
	font-family: fontThin;
	font-size: 3vw;
	margin: 0;
	padding: 0;
}
strong{
	font-family: fontRegular;
}
h3{
	font-family: fontRegular;
	font-size: 2vw;
	margin: 0;
	padding: 0;
}
h4{
	font-family: fontThin;
	font-size: 4vw;
	margin: 0;
	padding: 0;
}
p{
	font-family: fontLight;
	font-size: 1.5vw;
	margin: 0;
	padding: 0;
}
a{
	font-family: fontRegular;
	font-size: 1.5vw;
	padding: 0;
	text-decoration: none;
	margin:auto 1%;
}
span{
	font-family: fontLight;
	font-size: 1.5vw;
	margin: 0;
	padding: 0;
}
label{
	font-family: fontThin;
	font-size: 1.5vw;
	margin: 0;
	padding: 0;
	text-align: left;

}
input:not([type="submit"]){
	width: 97%;
	font-family: fontThin;
	font-size: 1.5vw;
	padding: 1.5%;
	margin-bottom: 1%;
	border: none;
}
select{
	width: 100%;
	font-family: fontThin;
	font-size: 1.5vw;
	padding: 1.5%;
	margin-bottom: 1%;
	border: none;
}
textarea{
	width: 97%;
	font-family: fontThin;
	font-size: 1.5vw;
	padding: 1.5%;
	margin-bottom: 1%;
	border: none;
}
input[type="time"], input[type="date"]{
	text-align: center;
}
input[type="submit"]{
	background: #ffffff;
	width: 30%;
	padding: 1.5%;
	font-family: fontThin;
	font-size: 1.5vw;
	border: none;	
	cursor: pointer;
	float: right;
}
section{
	width: 100%;
	min-height: 120vh;
	position: relative;
}
@media screen and (max-width: 1000px) {
	body{
	}
	h1{
		font-size: 15vw;
	}
	h2{
		font-size: 8vw;
	}
	strong{
	}
	h3{
		font-size: 5vw;
	}
	h4{
		font-size: 8vw;
	}
	p{
		font-size: 5vw;
	}
	a{
		font-size: 5vw;
		margin:auto 1%;
	}
	span{
		font-size: 5vw;
	}
	label{
		font-size: 5vw;

	}
	input:not([type="submit"]){
		font-size: 5vw; 
		padding: 1.5%;
		margin-bottom: 3%;
		border: none;
	}
	select{
		font-size: 5vw;
		padding: 1.5%;
		margin-bottom: 3%;
	}
	textarea{
		width: 97%;
		font-size: 5vw;
		padding: 1.5%;
		margin-bottom: 3%;
		border: none;
	}
	input[type="time"], input[type="date"]{
	}
	input[type="submit"]{
		width: 30%;
		padding: 1.5%;
		font-size: 5vw;
	}
	section{
		min-height: auto;
		position: relative;
		margin:0;
	}
}
.block{
	
}
.text-right{
	text-align: right;
}
.form-input{
	width: 100%;	
}
.form-input-50{
	width: 49%;
	display: inline-block;	
}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
}
.shadow{
	-webkit-box-shadow: 0 0 10px 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 0 0 10px 0px rgba(0,0,0,0.50);
	box-shadow: 0 0 10px 0px rgba(0,0,0,0.50);
}
.hidden{
	display:none;
} 

.ajax-response{
    width: 90%;
    font-family: fontLight;
	font-size:1.5vw;
	text-align:center;
	color:#fff;
	padding:1%;
	display:none;
    
}
.form-validate{	
    font-family: fontLight;
	font-size:1.5vw;
	color:#ff0000;	
	padding:1%;
	display:none;
    text-align: left;
}
#carrental-validate{
	color: #ffffff;
}
#virtualoffice-validate{
	color: #ffffff;
}
.form-sending{
    width: 90%;
    font-family: fontLight;
	font-size:1.5vw;
	text-align:center;
	color:#fff;
	padding:1%;
	display:none;
    margin: auto;
}
.error{	
}
@media screen and (max-width: 1000px) {
	.block{
	}
	.text-right{
	}
	.form-input{
	}
	.form-input-50{
		width: 100%;
		display: block;	
	}
	.left{
		float: none;
	}
	.right{
		float: none;
	}
	.clear{
	}
	.shadow{
	}
	.hidden{
	} 

	.ajax-response{
		width: 90%;
		font-size:5vw;
		padding:1%;
	}
	.form-validate{	
		font-size:5vw;
		padding:1%;
	}
	.form-sending{
		width: 90%;
		font-size:5vw;
		padding:1%;
	}
	.error{
	}	
}
header{
	background: url("../images/header-bg.png") repeat-x bottom;
	background-size: contain;
	width: 100%;
	height: 20%;
	position: fixed;
	top:0;	
	z-index: 1000;	
}
header #header-logo{
	width: 40%;
	height: 80%;
	background:url("../images/logo-full-white.svg") no-repeat center center;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;	
}
@media screen and (max-width: 1000px) {
	header{
	}
	header #header-logo{
		width: 90%;
		height: 90%;
	}
}
#slides{
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}
#slides .slide{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: -1;
	overflow: hidden;	
}

@media screen and (max-width: 1000px) {
	#slides{

	}
	#slides .slide{
	}
	
}
#carrental{
	background: #b5bbc1;
	height: auto;
}
#carrental h1{
	display: inline;
	position: absolute;
	top: 5%;
	left: 2%;	
}
#carrental h2{
	color: #ffffff;
	display: inline;
	position: absolute;
	right: 2%;
	top: 9%;
}
#carrental h3{
	color: #ffffff;
	text-align: left;
}
#carrental label{
	color: #ffffff;
}
#carrental .carrental-img{	
	background: url("../images/carrental-img.jpg") no-repeat bottom;
	background-size: contain;
	width: 45%;
	height: 80%;
	position: absolute;
	bottom: 0;
	right: 2%;
	
}
#carrental .carrental-form-box{
	background: url("../images/bg-red-75.png");
	width: 50%;
	height: auto;
	position: absolute;
	left: 2%;
	bottom: 5%;
	padding: 1%;
	z-index:10;
	
}

#carrental .carrental-seemore{
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 1%;
	cursor: pointer;
}
#carrental .carrental-seemore:hover{
	color: #ffffff;
}
#carrental .carrental-seemore span{
	font-family: fontBold;
	font-size: 1vw;
}
@media screen and (max-width: 1000px) {
	#carrental{
	}
	#carrental h1{
		display: block;
		position: relative;
		top: auto;
		left: auto;
		margin-left:5%;
	}
	#carrental h2{
		display: block;
		position: relative;
		right: auto;
		top: auto;
		margin:5% auto;		
		text-align:center;
	}
	#carrental h3{
	}
	#carrental label{
	}
	#carrental .carrental-img{	
		width: 90%;
		height: 40vh;
		position: relative;
		bottom: auto;
		right: auto;
		margin:auto;
	}
	#carrental .carrental-form-box{
		width: 80%;
		height: auto;
		position: relative;
		left: auto;
		bottom: auto;
		padding: 5%;
		margin:auto;
	}

	#carrental .carrental-seemore{
		padding: 1%;
	}
	#carrental .carrental-seemore:hover{
	}
	#carrental .carrental-seemore span{
		font-size: 5vw;
	}
}
#virtualoffice{
	background: #dc911b;
}
#virtualoffice h1{
	display: inline;
	position: absolute;
	right: 2%;
	top: 5%;
}
#virtualoffice h3{
	color: #ffffff;
}
#virtualoffice .virtualoffice-img{
	background: url("../images/virtualoffice-img.png") no-repeat center left;
	background-size: contain;
	width: 40%;
	height: 80%;
	position: absolute;
	bottom: 0;
	left: 0;
}
#virtualoffice .virtualoffice-form-box{
	background: #c20e1a;
	width: 50%;
	height: auto;
	position: absolute;
	right: 2%;
	bottom: 5%;
	padding: 1%;
}
#virtualinfo {
	background: url("../images/virtualinfo-img.jpg") no-repeat bottom right;
	background-size: cover;
}
#virtualinfo h4{
	border-bottom: 1px solid #000000;
	text-align: right;
	display: inline-block;
	margin-top: 2%;
	margin-left: 2%;
}
#virtualinfo .virtualinfo-servicios{
	width: 50%;
	text-align: right;
}
@media screen and (max-width: 1000px) {
	#virtualoffice{
		
	}
	#virtualoffice h1{
		display: block;
		position: relative;
		right: auto;
		top: auto;
		margin:0;
		margin-left:5%;
		
	}
	#virtualoffice h3{
	}
	#virtualoffice .virtualoffice-img{
		width: 100%;
		height: 100vw;
		position: relative;
		bottom: 0;
		left: 0;
		margin:0;
	}
	#virtualoffice .virtualoffice-form-box{
		width: 80%;
		position: relative;
		right: auto;
		bottom: auto;
		padding: 5%;
		margin:10% auto;
	}
	#virtualinfo {
		background: url("../images/virtualinfo-img-mobile.jpg") no-repeat bottom right;
		background-size: cover;
		padding-top: 10%;
	}
	#virtualinfo h4{
		display: block;
		margin: auto;
		text-align: left;
	}
	#virtualinfo h2{
		font-size:6vw;
		text-align: left;
	}
	#virtualinfo .virtualinfo-servicios{
		width: 90%;
		text-align: right;
		margin:auto;	
		padding-bottom: 30%;		
	}
}
#workcenter{
	background: #009de0;
}
#workcenter h1, #workcenter h2, #workcenter h4{
	color: #ffffff;
}
#workcenter h1{
	display: inline;
	position: absolute;
	top: 5%;
	left: 2%;
}
#workcenter h4{
	border-left: 2px solid #cb1a1a;
	display: inline;
	position: absolute;
	top: 5%;
	right: 2%;
	padding-left: 2%;
}
#workcenter .workcenter-info{
	width: auto;
	height: 15vw;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 2%;
	margin: auto;
}
#workcenter .workcenter-img{
	background: url("../images/workcenter-img.jpg") no-repeat bottom right;
	background-size: contain;
	width: 60%;
	height: 90%;
	position: absolute;
	bottom: 0;
	right: 0;
}
@media screen and (max-width: 1000px) {
	#workcenter{
	}
	#workcenter h1, #workcenter h2, #workcenter h4{
	}
	#workcenter h1{
		display: block;
		position: relative;
		top: auto;
		left: auto;
		margin:0;
		margin-left:5%;
	}
	#workcenter h4{
		width:90%;
		border-left: 2px solid #cb1a1a;
		display: block;
		position: relative;
		top: auto;
		right: auto;
		padding-left: 2%;
		margin:10% auto;		
	}
	#workcenter .workcenter-info{
		width: 90%;
		height: auto;
		position: relative;
		top: auto;
		bottom: auto;
		left: 2%;
		margin: auto;
	}
	#workcenter .workcenter-img{
		background: url("../images/workcenter-img.jpg") no-repeat bottom right;
		background-size: contain;
		width: 100%;
		height: 60vw;
		position: relative;
		bottom: 0;
		right: 0;
	}
}
#workcenter-info{
	background: url("../images/workcenter-bg.jpg") no-repeat bottom left;
	background-size: cover;
}
#workcenter-info h2{
	text-align: center;
	padding-top: 5%;
}
#workcenter-info h4{
	border-bottom: 2px solid #ffffff;
}
#workcenter-info .workcenter-info-msj{
	width: 50%;
	height: 9vw;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2%;
	margin: auto;
}
@media screen and (max-width: 1000px) {
	#workcenter-info{
		height: 120vw;
	}
	#workcenter-info h2{
		width: 90%;
		text-align: center;
		padding-top: 5%;
		margin: auto;
	}
	#workcenter-info h4{
		border-bottom: 2px solid #ffffff;
	}
	#workcenter-info .workcenter-info-msj{
		width: 50%;
		height: 9vw;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		
	}
}
#contactus{
	background: #dc911b;
}
#contactus h1{
	display: inline;
	position: absolute;
	top: 5%;
	left: 2%;
	color: #ffffff;
}
#contactus p{
	color: #ffffff;
	text-align: center;
}
#contactus span{
	color: #ffffff;
	text-align: center;
}
#contactus a{
	color: #ffffff;
}
#contactus .contactus-form-box{
	width: 40%;
	height: 27vw;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 2%;
	margin: auto;
	padding: 1%;
}
#contactus .contactus-map-box{
	background: #c27a08;
	width: 50%;
	height: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2%;
	margin: auto;
	
}
#contactus .contactus-box{
	width: 100%;
	height: 85%;

} 
#contactus .contactus-map{
	width: 90%;
	height: 80%;
	margin: auto;	
}
#contactus .contactus-sucursales{
	height: auto;
	text-align: center;	
}
#contactus .contactus-sucursales-opt{
	width: 30%;
	margin: 1.3%;
	display: inline-block;
	cursor: pointer;
}
#contactus .contactus-sucursales-opt span:hover{
	font-family: fontRegular;
}
#contactus .contactus-sucursales-opt-select{
	font-family: fontRegular;
}
#contactus .contatus-contact{
	text-align: center;
}
#contactus .contatus-address{
	text-align: center;
}
#contactus iframe{
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 1000px) {
	#contactus{
	}
	#contactus h1{
		display: block;
		position: relative;
		top: auto;
		left: auto;
		margin-left:5%;
	}
	#contactus p{
	}
	#contactus span{
	}
	#contactus a{
		display: block;
	}
	#contactus .contactus-form-box{
		width: 90%;
		height: auto;
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		margin: auto;
		padding: 1%;
	}
	#contactus .contactus-map-box{
		width: 100%;
		height: 220vw;
		position: relative;
		top: auto;
		bottom: auto;
		right: auto;
		margin: auto;
	}
	#contactus .contactus-box{
		height: 85%;
		margin: 0;
	}
	#contactus .contactus-map{
		width: 100%;
		height: 80%;
		margin: auto;		
	}
	#contactus .contactus-sucursales{
		height: auto;
		text-align: center;
		margin: 5% auto;
	}
	#contactus .contactus-sucursales-opt{
		width: 97%;
		margin: 1.5%;
		display: block;
	}
	#contactus .contactus-sucursales-opt-select{
	}
	#contactus .contatus-contact{
		margin: 5% auto;
	}
	#contactus .contatus-address{
	}
	#contactus iframe{
	}
}