html,
body {
	margin: 0;
	padding: 0;
   text-rendering: geometricPrecision;
}
body.no-transition * {
	transition: none !important;
}

main {
	background: #030B22;
	display: none;
	height: 250px;
	opacity: 0;
	overflow: hidden;
	position: relative;
	transition: opacity 1s;
	width: 300px;
}

main.loaded {
	display: block;
}

main.fade-in {
	opacity: 1;
}

main * {
	position: absolute;
	transition: all 1.25s;
}

main.full-isi,
#isi_container.full-isi {
   overflow: visible !important;
   border: none;
}

.fade-in {
   opacity: 1 !important;
}

#click_overlay {
   opacity: 0;
   width: 144px;
   cursor: pointer;
   z-index: 100;
}

#ad-choices {
   position: absolute;
   height: 17px;
   right: 0;
   top: 0;
   width: 16px;
   z-index: 100;
}

#ad-choices img {
   width: 100%;
   height: 100%;
}

#border {
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	z-index: 101;
	border: 1px solid #000000;
	pointer-events: none;
}

#bg {
	width: 300px;
}

#logo {
	width: 188px;
	top: 80px;
	left: 16px;
}

#fifteen-years {
    width: 74px;
    left: 216px;
    top: 90px;
}

#text1 {
	width: 177px;
	left: -300px;
	top: 51px;
}

/* FRAME 1 */
#left-hand {
	width: 124px;
	top: -4px;
}

#right-hand {
	width: 362px;
    left: -284px;
    top: -19px;
}

#cta {
	width: 100%;
}

#footer {
	left: 0;
	bottom: -86px;
	width: 300px;
	cursor: pointer;
}


/* ISI */
#isi {
   background: #F1EBF4;
	bottom: 0;
	height: 80px;
	left: 0;
	transition-duration: 250ms;
	width: 100%;
	z-index: 1;
}
#isi.expand {
	height: 192px;
}
#isi * {
	position: static;
}

#isi_container {
	position: relative;
	height: calc(100%);
	overflow: hidden;
}