/* CSS Document */

/* DESKTOP */

/* BLOCKS */

#container{position:relative; margin-top:0px; margin-left:auto; margin-right:auto; max-width:1140px;}
#mainContent{position:absolute; top:0px; z-index:3; background-color:#ffffff; }


#Header {float:left; width:100%; z-index:3; margin-bottom:20px;}
#Logo {float:left; width:400px; padding-left:0%; margin-top:20px; z-index:3;}
#Contact {float:right; text-align:right; padding-right:2%; margin-top:22px; z-index:3;}


.Hero {float:left; top:0px; width:100%; z-index:3; background-color:#009fe3; text-align:center;}
	.HeroContent {float:left; top:0px; width:100%; z-index:3; background-color:#000000;}

.white{float:left; width:100%; padding:50px 0px 65px 0px; z-index:17; background-color:#ffffff; border-bottom:solid 1px #dddddd; }
.LightGrey{float:left; width:100%; padding:50px 0px 65px 0px; z-index:10; background-color:#fafafa; border-bottom:solid 1px #dddddd;}
.CGBlue{float:left; width:100%; padding:50px 0px 65px 0px; z-index:17; background-color:#009fe3; border-bottom:solid 1px #dddddd; }
	.Content{max-width:930px; text-align:center; padding:0px 30px 0px 30px;}


#logos {float:left; width:50%; padding-top:0%; z-index:1; text-align:left;}
#mot {float:left; width:100%; padding-top:0%; padding-bottom:45px; z-index:1; text-align:left;}
#brands {float:left; width:100%; padding-top:0%; padding-bottom:0%; z-index:1; text-align:left;}
#address {float:right; width:50%; padding-top:0%; padding-bottom:0%; z-index:1; text-align:right;}





/* STYLES */



body{
font-size:1em;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
color:#5a5a5a;
background-color:#ffffff;
line-height:160%;
font-weight:300;
}

.bodyBold{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color:#5a5a5a;
	font-weight:600;
}




body, html{
  margin:0;
  padding:0;
}

html { overflow-y: scroll; }




h1{
margin: 0px 0px 10px 0px;
padding: 0px;
font-size:2.5em;
font-family: 'Poppins', Helvetica, Arial, sans-serif;
font-weight:600;
color:#000000;
line-height:110%;
text-transform:uppercase;
}

h2{
margin: 0px;
padding: 0px;
font-size:1.5em;
font-family: 'Poppins', Helvetica, Arial, sans-serif;
font-weight:400;
color:#5a5a5a;
line-height:130%;
text-transform:uppercase;
}

h3{
margin: 0px;
padding: 0px;
font-size:1.5em;
font-family: 'Poppins', Helvetica, Arial, sans-serif;
font-weight:600;
color:#000000;
line-height:130%;
text-transform:uppercase;
}

h4{
margin-top: 50px;
margin-bottom:-5px;
padding: 0px;
font-size:1.5em;
font-family: 'Poppins', Helvetica, Arial, sans-serif;
font-weight:400;
color:#5a5a5a;
line-height:90%;
text-transform:uppercase;
}



.phone{
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size:2em;
color:#5a5a5a;
font-weight:300;
}

.footerText{
font-size:0.9em;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
color:#ffffff; 
line-height:160%;
font-weight:300;
}




A{
color:#4c436e;
text-decoration:none;
outline:0px;
}


A:visited{
color:#4c436e;
}


A:HOVER{
color:#333333;
}




img{
border:none;
}









/*  GO FULL WIDTH BELOW 1024 PIXELS iPad Landscape */
@media only screen and (max-width: 1024px) {
	






/*  GO FULL WIDTH BELOW 768 PIXELS iPad Portrait */
@media only screen and (max-width: 768px) {
	







/*  GO FULL WIDTH BELOW 720 PIXELS */
@media only screen and (max-width: 720px) {
	








/*  GO FULL WIDTH BELOW 380 PIXELS */
@media only screen and (max-width: 480px) {
	
.Hero {float:left; top:0px; width:380px; z-index:3; background-color:#009fe3; text-align:center;}
	.HeroContent {float:left; top:0px; width:100%; z-index:3; background-color:#000000;}

#Logo {float:left; width:380px; text-align:center; padding-left:auto; padding-right:auto; margin-top:20px; z-index:3;}
#Contact {float:left; width:380px; text-align:center; padding-left:auto; padding-right:auto; margin-top:10px; z-index:3;}

body, html{
  margin:0;
  padding:0;
}

html { overflow-y: scroll; }


h1{
margin: 0px 0px 10px 0px;
padding: 0px;
font-size:2em;
font-family: 'Poppins', Helvetica, Arial, sans-serif;
font-weight:600;
color:#000000;
line-height:110%;
text-transform:uppercase;
}

h2{
margin: 0px;
padding: 0px;
font-size:1.25em;
font-family: 'Poppins', Helvetica, Arial, sans-serif;
font-weight:400;
color:#5a5a5a;
line-height:130%;
text-transform:uppercase;
}

h3{
margin: 0px;
padding: 0px;
font-size:1.5em;
font-family: 'Poppins', Helvetica, Arial, sans-serif;
font-weight:600;
color:#000000;
line-height:80%;
text-transform:uppercase;
}

.phone{
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size:1.75em;
color:#5a5a5a;
font-weight:300;
text-align:center;
}

.CGBlue{float:left; width:100%; padding:50px 0px 65px 0px; z-index:17; background-color:#009fe3; border-bottom:solid 1px #dddddd; }
	.Content{max-width:400px; text-align:center; padding:0px 30px 0px 30px;}


#logos {float:left; width:100%; padding-top:0%; z-index:1; text-align:left;}
#mot {float:left; width:100%; padding-top:0%; padding-bottom:45px; z-index:1; text-align:left;}
#brands {float:left; width:100%; padding-top:0%; padding-bottom:0%; z-index:1; text-align:left;}
#address {float:right; width:100%; padding-top:50px; padding-bottom:0%; z-index:1; text-align:right;}