@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,700');

/***** BEGIN RESET *****/
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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
	box-sizing: border-box;
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
*, *:before, *:after {
  box-sizing: inherit; }

.svg-inline--fa.fa-w-10 {width: auto !important;}
/************************************************ Basic Styles ************************************************/
	body {font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size:16px; line-height: 26px; -webkit-text-size-adjust:none; background: #fafafa url(../siteart/bg.png) repeat !important; background-attachment: fixed !important;}
		
	h1 {font-family: 'Fira Sans', sans-serif; font-weight: 700; line-height: normal; margin-bottom: 5px; color: #1c3c6b; font-size: 38px;}
	h2 {font-family: 'Fira Sans', sans-serif; font-weight: 400; line-height: normal; margin-bottom: 5px; }
	strong {font-family: 'Fira Sans', sans-serif; font-weight: 700;}
	a:link, a:visited, a:active {text-decoration:none; color:#000056; font-family: 'Fira Sans', sans-serif; font-weight: 700;}
	a:hover {text-decoration:none; color:#1c3c6b;}
	.clear {clear:both;}

/************************************************ Home Styles ************************************************/
	.header {background: rgba(0, 0, 0, 0.5); position:relative; z-index: 48929 !important;}
	.logo {max-width: 100%; display: inline-block;}
	.logo img {max-width: 100%; height: auto; display: inline-block;}
	
	.vegas h1 {font-size: 70px; line-height: normal; padding: 20% 0px 25% 0px; text-align: center; color: #fff;}
	.wrapper {width: 80%; max-width: 100%; margin: 0 auto; padding: 20px 0px;}
	.cushion {padding: 2.5% 0px;}
	.hdcushion {padding: 2% 0px;}
	.rightpad {padding-right: 1%;}
	
	.two-cols {display: inline-block; vertical-align: top; width: 50%; max-width: 100%; height: auto;}
	.two-cols:nth-of-type(2) {padding-left: 20px;}

    .one-cols {display: inline-block; vertical-align: top; width: 25%; max-width: 100%; height: auto;}
    .three-cols {display: inline-block; vertical-align: top; width: 75%; max-width: 100%; height: auto;}
	
	.mainbutton {background-color: #f4511e; color: #FFFFFF; text-align: center; font-size: 28px; padding: 3% 8%; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background: #000056; width: 30%; transition: all 0.5s; cursor: pointer; display: block !important;}
	.mainbutton span {cursor: pointer; display: inline-block; position: relative; transition: 0.5s;}
	.mainbutton span:after {content: '\00bb'; position: absolute; z-index: 10;opacity: 0; top: 0; right: -20px; transition: 0.5s;}
	.mainbutton:hover {background: #1c3c6b;}
	.mainbutton:hover span {background: #1c3c6b; padding-right: 25px;}
	.mainbutton:hover span:after {opacity: 1; right: 0;}
	.mainbutton a:link, .mainbutton a:visited, .mainbutton a:active {color: #fff; font-weight: 400;}
	.mainbutton a:hover {}
	
	.facets {max-width: 100%; height: auto; display: flex; background: #000 url(../siteart/dark.png) repeat;; align-items: center; color: #fff; border: 1px solid #ccc;}
	.facets h2 {font-size: 26px; line-height: normal;}
	
	.textinfo {display: inline-block; width: 70%; max-width: 100%; height: auto; vertical-align: middle; padding-left: 20px;}
	.textinfo img {display: inline-block; vertical-align: middle;}
	.facetlogo {display: inline-block; width: 16%; max-width: 100%; height: auto; vertical-align: top;}
	.facets p {display: inline-block; width: 80%; max-width: 100%; height: auto; padding-left: 4%;}
	
	.five-cols {display: inline-block; width: 20%; height: auto; vertical-align: top;}
	.five-cols a:link, .five-cols a:visited, .five-cols a:active {text-decoration:none; color:#000; font-family: 'Fira Sans', sans-serif; font-weight: 400;}
	.five-cols a:hover {text-decoration:none; color:#1c3c6b;}
	
	.manu {text-align: center; max-width: 100%; height: auto;}
	.manu img {display: inline-block; max-width: 100%; height: auto; vertical-align: middle; padding: 20px;}
	
	a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size:13px;}
	a.footerlink:hover {text-decoration:none; font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size:13px;}
	.footertext {font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size:13px; color:#999999;}
	.smallfootertext {font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size:10px; color:#999999;}
	.divfooter {width:100%; text-align:center; margin:0 auto; padding-top: 20px;}
	.footer {padding: 2% 0px; border-top: 1px solid #ccc;}
	.footer span {font-weight: 700; color: #1c3c6b; text-align: center; margin-right: 25px; font-size: 20px;}
	
	.button {background-color: #1c3c6b; color: #FFFFFF; text-align: center; border: 1px solid #ccc; padding: 10px;}
	.button:hover {background-color: #0C1B31; color: #fff; cursor: pointer;}
	

/************************************************ Responsive Styles ************************************************/
@media screen and (max-width: 1480px){
	header {text-align: center;}
}



@media screen and (max-width: 1280px){
	.textinfo img {max-width: 90%;}
}



@media screen and (max-width: 1024px){
	body {font-size: 14px;}
	.logo {text-align: center;}
	
	.mainbutton {padding: 3% 8%; width: 50%;}
	.facetlogo {display: none;}
	.facets p {width: 100%;padding-left:0px;}
	.facets h2 {font-size: 22px; line-height: normal;}
	
	header {text-align: center;z-index: 0!important;}
	.manutrailers {width: 100%;margin: 10px; padding: 10px;}
	.vegas h1 {font-size: 50px;}
	
	figure.effect-oscar h2 {margin: 0 0 0 0;}
	.grid figure figcaption {font-size: inherit;}

	h1 {font-size: 28px;}
	
	.bts-popup-container {width: 80%;}
}



@media screen and (max-width: 760px){
	.two-cols {width: 100%;}
		.two-cols:nth-of-type(2) {padding-left: 0px;}
    
    .one-cols {width: 100%;}
    .three-cols {width: 100%;}

	form > div > label, legend {width: 100%; float: none;}
	form > div > div, form > div > fieldset > div {width: 100%; float: none;}
	input.button, input.button:focus, div.button, div.button:focus {width: 100%; float: none;}
	.CaptchaPanel {width: 100%;}
	
	.mainbutton {padding: 3% 8%; width: 100%; border-right: 0px; font-size: 18px;}
	.facets {width: 100%; display: inline-block; border: 1px solid #ccc}
	.textinfo {display: none;}
	
	.five-cols {width: 50%;}

	h1 {font-size: 22px;}

	
	.vegas h1 {font-size: 30px; }
	
	.grid figure {float: none;width: 100%;}
}
 
 

@media screen and (max-width: 321px){
	.five-cols {width: 100%;}
	
	.vegas h1 {font-size: 24px; }
	

}