@charset "UTF-8";
/* CSS Document */

/*>>>>>>>>>>>>>>>>>>> collapsed panel*/
/*Container*/
.collapsed{
	position:absolute;
	overflow:hidden;
	font-family: 'Fjalla One', 'Trebuchet MS', sans-serif;
}

#collapsed_border{
	position:absolute;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	pointer-events:none;
}

/*Event Logo*/
#collapsed_headline{
	position:absolute;
	color:#1e376c;
	opacity:0;
}


/*Event Logo*/
.collapsed_logo{
	position:absolute;
}

/*Vehicle Container*/
.collapsed_vehicle_cont{
	position:absolute;
}

/*Vehicle Lights*/
.collapsed_lights{
	position:absolute;
	opacity:0;
}

/*Vehicle Image*/
.collapsed_vehicle{
	position:absolute;
}

/*CTA container*/
.collapsed_cta_cont{
	position:absolute;
	width: 116px;
	height: 28px;
	overflow: hidden;
	pointer-events: none;
}

/*CTA Image*/
.collapsed_cta{
	position:relative;
	width: 100%;
	height: 100%;
	pointer-events: all;	
}

/*CTA Glare*/
.collapsed_glare{
	position:relative;
	width: 100%;
	height: 100%;
	top: -53px;
	left: -150px;
}

/*CTA Mask*/
.border-radius {
    border-radius: 15px;
}

/*>>>>>>>>>>>>>>>>>>> expanded panel*/
.expanded{
	position:absolute;
	height:0px;
	overflow:hidden;
	font-family: 'Fjalla One', 'Trebuchet MS', sans-serif;
}

#expanded_border{
	position:absolute;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	pointer-events:none;
}

.expanded_container{
	position:absolute;
}

.expanded_background{
	position:absolute;
}

.expanded_foreground{
	position:absolute;
	background-image: url(../assets/expanded/fg_tile.jpg);
	background-repeat: repeat-x;
}

.expanded_event_logo{
	position:absolute;
	top:17px;
}

.left_grad{
	float:left;
}

.right_grad{
	float:right;
	-ms-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	transform:scaleX(-1);
}

.expanded_overlay{
	position:absolute;
	background-color:black;
}

.expanded_frames{
	position:absolute;
}

.expanded_box{
	box-sizing: border-box;
	float:left;
}

.expanded_panel{
	position:absolute;
	background-color:#1e376c;
}

.expanded_controls{
	position:absolute;
	width:inherit;
	height:inherit;
}

.expanded_control_panel{
	width:217px;
	height:22px;
	margin:auto;
	text-align:center;
}

.expanded_ctas_cont{
	float:right;
	margin-top:20px;
	margin-right:25px;
}

.expanded_cta_1{
	position:relative;
	float:right;
	width:126px;
	height: 30px;
	margin-right:2px;
}

/*Expanded CTA container*/
.expanded_cta_2_cont{
	float:right;
	width:94px;
	height: 30px;
	overflow: hidden;
}


/*CTA Image*/
.expanded_cta_2{
	position:relative;
	width: inherit;
	height: inherit;
	pointer-events: all;	
}

/*CTA Glare*/
.expanded_cta_2_glare{
	position:relative;
	width: inherit;
	height: inherit;
	top:-50px;
	left:-153px;
}

/*CTA Mask*/
.expanded_logo{
	float:left;
	margin-left:25px;
}

.expanded_inner_panel{
	position:absolute;
	width:inherit;
	height:inherit;
}

.expanded_close_btn{
	position:absolute;
	width:24px;
	height:24px;
	top:4px;
}

.expanded_left_arrow{
	position:absolute;
	display: block;
	width:50px;
	height:50px;
	left: 30px;
}

.expanded_right_arrow{
	position:absolute;
	display: block;
	width:50px;
	height:50px;
}

/*--LEGAL--*/
.legal{  /*container*/
	position: absolute;
	color: #FFF;
	font-size: 9px;
	overflow:visible;
	font-family: "Trebuchet MS", sans-serif;
}

.legal_panel{ /*panel for legal that contains div*/
	position: absolute; /*layers*/
	background-color:#1e376c;
}

.legal_panel div{ /*container for legal copy*/
	overflow-y: auto;
	margin:10px;
	font-size: 11px;
}

.legal_panel div p{ /*paragraph tag for legal copy*/
	margin-right:5px;
}

.legal_tab{ /*legal_btn / close_btn container*/
	position: absolute; /*layers*/
	padding:5px;
	z-index: 5;
	overflow:visible;
	visibility:hidden;
}

.legal_tab div{ /*legal_btn / close_btn container*/
	position: absolute; /*layers legal and close on top of each other*/
}

#close_btn{
	visibility:hidden;
}