/* --------------------------
Global Reset ----------------
-------------------------- */

* {
	border: 0;
	margin: 0;
	user-select: none;
	box-sizing: border-box;
	user-select: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}




/* --------------------------
Global Style ----------------
-------------------------- */

body {
	font-family: "Raleway";
	font-weight: 400;
	font-size: 12px;
	color: #353535;
	letter-spacing: 0.35px;
	word-spacing: 1px;
	line-height: 1.4;
	cursor: pointer;
}

#banner_ad {
	display: block;
	background: #ffffff;
	overflow: hidden;
}

#banner_ad #collapsed_panel,
#banner_ad #expanded_panel {
	position: relative;
	width: 970px;
	top: 0;
	left: 0;
	border: 1px solid #000000;
	overflow: hidden;
	display: none;
}

#banner_ad #collapsed_panel *,
#banner_ad #expanded_panel * {
	position: absolute;
}

#collapsed_panel {
	height: 250px;
}

#expanded_panel {
	height: 66px;
}

#banner_ad #collapsed_panel #collapsed_container,
#banner_ad #expanded_panel #expanded_container {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: hidden;
}

#banner_ad #collapsed_panel .load,
#banner_ad #expanded_panel .load {
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.btn {
	top: 0;
	left: 873px;
	z-index: 50;
}

.btn:hover {
	opacity: 0.8;
}

.btn img {
	position: initial !important;
}




/* --------------------------
Collapsed Panel -------------
-------------------------- */

.btn#btn_expand {
	left: 888px;
	top: 7px;
}

#banner_ad #collapsed_panel #collapsed_tt {
	position: absolute;
    top: 15px;
    left: 19px;
    visibility: hidden;
}

#banner_ad #collapsed_panel #collapsed_release {
	position: absolute;
    top: 143px;
    left: 59px;
    visibility: hidden;
}

#banner_ad #collapsed_panel #collapsed_legal {
	position: absolute;
    left: 6px;
    bottom: 6px;
    visibility: hidden;
}




/* --------------------------
Expanded Panel --------------
-------------------------- */

#banner_ad #expanded_panel #expanded_tt {
    left: 34px;
	top: 4px;
	visibility: hidden;
}

#banner_ad #expanded_panel #expanded_release {
    left: 187px;
	top: 22px;
	visibility: hidden;
}

#banner_ad #expanded_panel #expanded_laser {
    position: absolute;
    left: 813px;
    top: 33px;
}

#banner_ad #expanded_panel #expanded_blaster {
    position: absolute;
    left: 810px;
    top: 207px;
}

#banner_ad #expanded_panel #expanded_legal {
    left: 3px;
	bottom: 4px;
	visibility: hidden;
}




/* --------------------------
Exits -----------------------
-------------------------- */

.main_exit {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 49;
}

#expanded_cta {
    position: absolute;
    top: 17px;
    left: 518px;
    width: 144px;
    height: 31px;
    background: url("../img/expanded_cta.jpg") no-repeat top left;
    overflow: hidden;
    z-index: 50;
    visibility: hidden;
}

#expanded_cta:hover {
    background: url("../img/expanded_cta.jpg") no-repeat bottom left;
}

#collapsed_cta {
    position: absolute;
    top: 204px;
    left: 71px;
    width: 144px;
    height: 31px;
    background: url("../img/collapsed_cta.jpg") no-repeat top left;
    overflow: hidden;
    z-index: 50;
    visibility: hidden;
}

#collapsed_cta:hover {
    background: url("../img/collapsed_cta.jpg") no-repeat bottom left;
}