@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
body {
	margin: 0 auto;
	background-color: white;
}

.texasFlag {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.1;
}

a {
	color: inherit;
	-webkit-color: inherit;
	text-decoration: none;
	-webkit-text-decoration: none;
}

.microStar {
	position: relative;
	width: 20px;
	height: auto;
}

.spaceRight {
	margin-right: 10px;
}

.spaceLeft {
	margin-left: 10px;
}

.topTriangles {
	position: absolute;
	top: 0;
	width: 100%;
	height: auto;
	left: 0;
}

.wave {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 120px;
	background-color: white;
}

.backMountains {
	position: absolute;
	bottom: 120px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 102%;
	height: auto;
	filter: blur(10px);
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
}

.headerArea {
	position: relative;
	width: 100%;
	/*height: 550px;*/
	/*background: rgb(21,77,222);
	background: linear-gradient(90deg, rgba(21,77,222,1) 0%, rgba(228,75,42,1) 100%);*/
	overflow: hidden;
	z-index: 10;
	padding:150px 0 0;
}

.headerInnerWrapper {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 30px;
	text-align: center;
	color: white;
}

.blackBar {
	position: absolute;
	width: 100%;
	object-fit: cover;
	bottom: -10px;
	height: 24px;
	margin-bottom:0px;
}

.whiteRectangle {
	background: white;
	width: 100%;
	height: 70px;
	position: relative;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: white;
	z-index: 12;
	border-bottom:1px solid #ccc;
	background:#f2f2f2;
	margin-top:-12px;
}

.buildingsBg {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0px;
	filter: blur(8px);
	-webkit-filter: blur(8px);
	-moz-filter: blur(8px);
	-ms-filter: blur(8px);
}

.mercedezCar {
	/*position: absolute;*/
	left: calc(50% - 225px);
	bottom: 50px;
	width: 300px;
	height: auto;
	z-index: 10;
}

.logoWhite {
	width: 150px;
	height: auto;
	margin-top: 30px;
}

.title {
	font-family: 'Bungee', cursive;
	font-size: 7vmin;
	margin: 0 auto;
	font-weight: 100;
}

.subtitle {
	font-family: 'Raleway', sans-serif;
	font-size: 16pt;
	margin: 0 auto;
	font-weight: 400;
}

.buttonCar {
	font-family: 'Montserrat', sans-serif;
	padding: 5px 10px;
	cursor: pointer;
	border: 3px solid #242d5e;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	margin: 0px 5px;
	z-index: 11;
	background-color: none;
	color: #FFF;
	font-weight: bold;
	transition: all 0.2s ease-in-out;
	background:#242d5e;
}

.buttonCar:hover {
	background-color: #d21217;
	border: 3px solid #d21217;
	color: white;
	font-weight: bold;
	transition: all 0.2s ease-in-out;
}

.confirmCarBar {
	position: relative;
	padding: 14px 20px;
	color: white;
	background-color: #d41216;
	font-family: 'Montserrat',sans-serif;
	cursor: pointer;
	font-size: 18px;
	font-weight:700;
	margin: 0 auto 10px;
	z-index: 12;
	transition: all 0.2s ease-in-out;
	border: none;
	outline: none;
	border-radius: 24px;
	width: auto;
	display: flex;
	justify-content: center;
	margin-top: -34px;
	border:2px solid #FFF;
	-webkit-box-shadow: 3px -1px 15px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px -1px 15px -1px rgba(0,0,0,0.75);
	box-shadow: 3px -1px 15px -1px rgba(0,0,0,0.75);
	
}

.confirmCarBarmain{background:#f1f1f1;padding:0; margin:0; width:100%; border-top:2px solid #f2f2f2;position: relative;z-index: 9999;}

.confirmCarBar:hover {
	background-color: #282557;
	transition: all 0.2s ease-in-out;
}

.shape1 {
	position: absolute;
	width: 100%;
	top:0px;
}

.infoContainer {
	position: relative;
	width: auto;
	height: auto;
	padding: 20px 40px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: #f2f2f2;
	/*background:#f2f2f2 url(../images/carve.png) no-repeat center top;*/
}

.infoContainerLeft {
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 40px;
	order:1;
	background-color: ;
	margin-top: 20px;
}

.infoContainerRight {
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
	order: 2;
}

.infoTitle {
	font-family: 'Montserrat', sans-serif;
	font-size: 4.1vmin;
	margin: 25px auto 0;
	/*margin-top: 30px;
	background: #242d5e*/;
	color: #000;
	padding: 10px 20px;
	/*transform: skewX(-20deg);
	letter-spacing: 2px;
	-webkit-letter-spacing: 2px;
	-moz-letter-spacing: 2px;
	-ms-letter-spacing: 2px;*/
	font-weight: 900;
	text-transform:uppercase;
}

.infoSubtitle {
	font-family: 'Montserrat', sans-serif;
	margin: 0 auto;
	font-size: 16px;
	background-color: #d3181b;
	color: white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	padding: 5px 10px;
	margin-bottom: 20px;
}

.infoContent {
	font-family: 'Raleway', sans-serif;
	font-size: 14pt;
	margin: 0 auto;
	font-weight: 400;
	text-align: justify;
	line-height:25px;
}

/* TONES */

footer {
	width: 100%;
	/*height: 50px;*/
	position: relative;
	background-color: #242d5e;
	display: flex;
	flex-direction: row;
	justify-content:center;
	align-items: center;
	color: white;
	font-family: 'Lato', sans-serif;
	font-size: 10pt;
	transition: all 0.2s ease;
	padding:5px 0px;
}
		
.policies {
	margin-left: 20px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.policies p {
	opacity: 0.6;
	cursor: pointer;
	transition: all 0.2s ease;
}

.policies p:hover {
	color: #fb4900;
	transition: all 0.2s ease;
	opacity: 1;
}


.block1 { width:100%;padding: 115px 0 147px; margin:0; overflow:hidden; text-align:center;/*position: absolute;*/ z-index: 999;top: 0; position:relative}
.block1 img {/* max-width:190px*/}
.carblk { width:100%; padding:0px 0 0 0; margin:0; overflow:hidden; background:url(../images/flag.jpg) no-repeat center left; background-size:cover;position:relative; border-bottom:6px solid #d41216}
.carblk:after { content:''; width:100%; height:100%; background: rgba(255, 255, 255, 0.70); position:absolute; top:0;}
.formcarimg { width:100%; padding:30px 0 85px 0; margin:0; overflow:hidden; text-align:center; background:#FFF; background-size:cover;background:url(../images/road.jpg) no-repeat center center;background-size:cover;}
.shape1 {background:url(../images/curve.png) no-repeat center center; height:145px; top:-135px}

.carimg1,.carimg2 {width:100%; height:auto; max-width:450px; border:4px solid #FFF;-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.19);-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.19);
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.19);}

/*Column layout*/

.row{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:1200px;*zoom:1}
.row:before,.row:after{content:" ";display:table}
.row:after{clear:both}
.row.collapse .column,.row.collapse .columns{position:relative;padding-left:0;padding-right:0;float:left}
.row .row{width:auto;margin-left:-0.9375em;margin-right:-0.9375em;margin-top:0;margin-bottom:0;max-width:none;*zoom:1}
.row .row:before,.row .row:after{content:" ";display:table}
.row .row:after{clear:both}
.row .row.collapse{width:auto;margin:0;max-width:none;*zoom:1}
.row .row.collapse:before,.row .row.collapse:after{content:" ";display:table}
.row .row.collapse:after{clear:both}
.column,.columns{position:relative;padding-left:0.9375em;padding-right:0.9375em;width:100%;float:left;box-sizing: border-box;}
@media only screen{
.column,.columns{position:relative;padding-left:0.9375em;padding-right:0.9375em;float:left}
.small-1{position:relative;width:8.33333%}
.small-2{position:relative;width:16.66667%}
.small-3{position:relative;width:25%}
.small-4{position:relative;width:33.33333%}
.small-5{position:relative;width:41.66667%}
.small-6{position:relative;width:50%}
.small-7{position:relative;width:58.33333%}
.small-8{position:relative;width:66.66667%}
.small-9{position:relative;width:75%}
.small-10{position:relative;width:83.33333%}
.small-11{position:relative;width:91.66667%}
.small-12{position:relative;width:100%}

.small-offset-0{position:relative;margin-left:0%}
.small-offset-1{position:relative;margin-left:8.33333%}
.small-offset-2{position:relative;margin-left:16.66667%}
.small-offset-3{position:relative;margin-left:25%}
.small-offset-4{position:relative;margin-left:33.33333%}
.small-offset-5{position:relative;margin-left:41.66667%}
.small-offset-6{position:relative;margin-left:50%}
.small-offset-7{position:relative;margin-left:58.33333%}
.small-offset-8{position:relative;margin-left:66.66667%}
.small-offset-9{position:relative;margin-left:75%}
.small-offset-10{position:relative;margin-left:83.33333%}

[class*="column"]+[class*="column"]:last-child{float:right}
[class*="column"]+[class*="column"].end{float:left}

.column.small-centered,.columns.small-centered{position:relative;margin-left:auto;margin-right:auto;float:none !important}}

@media only screen and (min-width: 768px){
.large-1{position:relative;width:8.33333%}
.large-2{position:relative;width:16.66667%}
.large-3{position:relative;width:25%}
.large-4{position:relative;width:33.33333%}
.large-5{position:relative;width:41.66667%}
.large-6{position:relative;width:50%}
.large-7{position:relative;width:58.33333%}
.large-8{position:relative;width:66.66667%}
.large-9{position:relative;width:75%}
.large-10{position:relative;width:83.33333%}
.large-11{position:relative;width:91.66667%}
.large-12{position:relative;width:100%}

.row .large-offset-0{position:relative;margin-left:0%}
.row .large-offset-1{position:relative;margin-left:8.33333%}
.row .large-offset-2{position:relative;margin-left:16.66667%}
.row .large-offset-3{position:relative;margin-left:25%}
.row .large-offset-4{position:relative;margin-left:33.33333%}
.row .large-offset-5{position:relative;margin-left:41.66667%}
.row .large-offset-6{position:relative;margin-left:50%}
.row .large-offset-7{position:relative;margin-left:58.33333%}
.row .large-offset-8{position:relative;margin-left:66.66667%}
.row .large-offset-9{position:relative;margin-left:75%}
.row .large-offset-10{position:relative;margin-left:83.33333%}
.row .large-offset-11{position:relative;margin-left:91.66667%}

.push-1{position:relative;left:8.33333%;right:auto}
.pull-1{position:relative;right:8.33333%;left:auto}
.push-2{position:relative;left:16.66667%;right:auto}
.pull-2{position:relative;right:16.66667%;left:auto}
.push-3{position:relative;left:25%;right:auto}
.pull-3{position:relative;right:25%;left:auto}
.push-4{position:relative;left:33.33333%;right:auto}
.pull-4{position:relative;right:33.33333%;left:auto}
.push-5{position:relative;left:41.66667%;right:auto}
.pull-5{position:relative;right:41.66667%;left:auto}
.push-6{position:relative;left:50%;right:auto}
.pull-6{position:relative;right:50%;left:auto}
.push-7{position:relative;left:58.33333%;right:auto}
.pull-7{position:relative;right:58.33333%;left:auto}
.push-8{position:relative;left:66.66667%;right:auto}
.pull-8{position:relative;right:66.66667%;left:auto}
.push-9{position:relative;left:75%;right:auto}
.pull-9{position:relative;right:75%;left:auto}
.push-10{position:relative;left:83.33333%;right:auto}
.pull-10{position:relative;right:83.33333%;left:auto}
.push-11{position:relative;left:91.66667%;right:auto}
.pull-11{position:relative;right:91.66667%;left:auto}
}





@media all and (max-width:767px) {
 .carimg1 { margin-top:25px}
  .carimg2 { margin-bottom:25px}
}

@media all and (max-width: 1000px) {

.treesLeft {
	width: 600px;
	bottom: -15%;
}

.treesRight {
	width: 600px;
	bottom: -15%;
}

.infoContainer {
	padding: 20px 20px;
}

.infoContainerLeft {
	padding: 40px;
	margin-right: 0px;
}

.topTriangles {
	width: 1200px;
}


}

@media all and (max-width: 800px) {

.infoContainer {
	flex-direction: column;
	padding: 20px 20px;
}

.infoContainerLeft {
	width: 100%;
	order: 2;
}

.infoContainerRight {
	width: 100%;
	order: 1;
	padding: 0 20px;
}

.pic {
	width: 100%;
	margin-top: 10px;
}

.infoTitle {
	margin-top: 0;
}
.block1 img { max-width:300px}


}

@media all and (max-width: 600px) {

footer {
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.policies {
	margin-bottom: 10px;
	margin-left: 0;
	margin-top: 0px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	height: auto;
}

.carBg {
	height: 150%;
	width: auto;
}

.infoTitle {
	font-size: 28px;
}

.infoContent {
	font-size: 16px;
	
}

.backMountains {
	filter: blur(6px);
	-webkit-filter: blur(6px);
	-moz-filter: blur(6px);
	-ms-filter: blur(6px);
}

}

@media all and (max-width:450px) {

.headerArea {
	height: 460px;
}

.logoWhite {
	width: 130px;
}

.subtitle {
	font-size: 14pt;
}

.mercedezCar {
	left: calc(50% - 150px);
	width: 300px;
}

.triangleShape {
	bottom: -50px;
}

.treesLeft {
	width: 350px;
	bottom: 0;
}

.treesRight {
	width: 350px;
	bottom: 0;
}

.backMountains {
	width: 120%;
}
.carblk {background:url(../images/mobile-flag.jpg) no-repeat center left;background-size: 100%;}
.block1 {padding: 82px 0 90px;}	
}