/*Global*/
p{color: #646464;*font-family: "proxima_nova_altregular";font-weight: 400;line-height: 22.4px;-webkit-font-smoothing: subpixel-antialiased;font-size: 14px; font-size: 1.4rem;}
body {font-family: 'proxima_nova_altregular';}
#background-transparent {font-family: 'proxima_nova_altregular'; background-color: transparent !important;}
.no-side-padding{padding:0}

h1, h2, h3, h4, h5, h6 {color: #363636;font-family: "proxima_nova_altregular", sans-serif;}
h1 {font-weight: 700;line-height: 52.5px;margin-top: 0;margin-bottom: 20px;line-height: 52.5px;font-size: 42px;font-size: 4.2rem;}
h3 {font-weight: 400;line-height: 28.75px;margin-top: 0;/*margin-bottom: 20px;*/line-height: 28.75px;font-size: 23px;font-size: 2.3rem;}
h4 {font-weight: 400;line-height: 22.5px;margin-top: 0;margin-bottom: 20px;line-height: 22.5px;font-size: 18px;font-size: 1.8rem;}

/*Change Bootstrap Container Width*/
@media (min-width: 1200px) {
	.container{max-width: 1000px;}
}

/*Header*/
#head{position: relative;
    z-index: 400;
    background-color: #fefefe;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fefefe));
    background-image: -webkit-linear-gradient(top, #ffffff, #fefefe);
    background-image: -moz-linear-gradient(top, #ffffff, #fefefe);
    background-image: -ms-linear-gradient(top, #ffffff, #fefefe);
    background-image: -o-linear-gradient(top, #ffffff, #fefefe);
    background-image: linear-gradient(top, #ffffff, #fefefe);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#fefefe');
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    -khtml-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
}
.top-bar{height:36px;background:#3b3b3b;width:100%}
.logo{padding-top: 15px;padding-bottom: 12px;}
.header-statement{text-align:right}
.header-statement h4{    padding: 38px 0;margin: 0;}


/*Content*/

.extra-bg{background-image:url('../images/scram-systems-alcohol-location-monitoring-hm-pg-hero-1.jpg');background-color: #1E1E1E;    background-position: center top; background-repeat: no-repeat;    height: 400px;position: absolute;    z-index: -1;
    width: 100%;}
.left-banner-side{position: relative;padding:80px 30px 30px 0}
.left-banner-side h1{margin-bottom: 15px;line-height: 1em;font-size: 50px;font-size: 5rem;color: #ffffff;    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);font-family:'proxima_nova_alt_rgbold'}
.left-banner-side h3{color: #ecbc15;}
.left-banner-side p{color: #ffffff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}

.right-banner-side{background: rgba(0, 0, 0, 0.69);margin: 70px 0 0 0;padding:30px 50px 30px 50px;border-radius:6px}
.right-banner-side h3{color: #ecbc15;}
.right-banner-side p{color: #ffffff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}

.banner-form .form-group{margin-bottom: 20px;margin-top: 20px;}
.submit-btn{border: 1px solid #c89f10;
    background: #ecbc15;
    -webkit-box-shadow: inset 0 1px 0 0 #f2d05c;
    -moz-box-shadow: inset 0 1px 0 0 #f2d05c;
    -o-box-shadow: inset 0 1px 0 0 #f2d05c;
    -khtml-box-shadow: inset 0 1px 0 0 #f2d05c;
    -ms-box-shadow: inset 0 1px 0 0 #f2d05c;
    box-shadow: inset 0 1px 0 0 #f2d05c;
    color: white;
    font-size: 20px;
    margin: auto;
    float: none;
    display: inherit;
    padding: 10px;}
	
.optional-graphic-area{background: #202020;margin-top: 50px;padding: 10px;}	
.optional-graphic-area img{display:block;margin:auto}	
.bottom-texts{margin-bottom:30px}
/*.lower-texts h3{margin-bottom:0}*/


/*Footer*/
#footer{border-top: 3px solid #9f9e9e;background: #2c2d2f;color: #9f9e9e;    padding: 30px;}
.copyright{padding: 12px 0; display: inline-block;color:white}
.footer-links {display: inline;padding-left: 20px;}
.footer-links li{display:inline;margin-right:10px}
.footer-links li a{color:White}
.footer-links li a:hover{color:White;text-decoration:none}
.trustee{float:right}



/*MEDIA QUERIES*/
@media (max-width: 991px) {
	.left-banner-side{padding: 30px 0 0 0;}
	.right-banner-side{margin: 40px 0 20px 0;}
	.img-responsive{display: block;margin:auto}
}

@media (max-width: 767px) {
	.left-banner-side{padding: 0 0 0 0;}
	.right-banner-side{margin: 40px 0 20px 0;}
	.img-responsive{display: block;margin:auto}
	.logo{display: block;margin: auto;}
	.header-statement h4 {padding: 10px 0 30px 0;margin: 0;text-align: center;}
	.banner-wrapper{padding:30px}
}
@media (max-width: 320px) {
	.left-banner-side{padding: 0 0 0 0;}
	.right-banner-side{margin: 20px;}
	.img-responsive{display: block;margin:auto}
	.logo{display: block;margin: auto;}
	.header-statement h4 {padding: 10px 0 30px 0;margin: 0;text-align: center;}
	.banner-wrapper{padding:30px}
}

@media (max-width: 655px) {
	.trustee {float: none;text-align: center;display: block;margin-top: 25px;}
	.copyright, .footer-links{display:block;text-align:center}
}