*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* html, body, .container { */
html, body {
	height: 100%;
}
body {
	width: 100%;
	background-color: #202020;
	font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	color: #fff;
	overflow-x: hidden;
}

#wrapper { width: 100%; height: 100%; margin: 0 auto; z-index: -999; }

.pause {
	display: block;
	position: absolute;
	top: 50px;
	right: 50px;
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	opacity: .75;
	cursor: pointer;
	z-index: 1000;
	color: #fff!important;
}
a.pause:hover { opacity: .9; }

a.play,
a.play:hover,
a.pause,
a.pause:hover { text-decoration: none; color: #fff;}

a.play { display: block; opacity: .75; }
a.play:hover { opacity: .9; }

a.play p { font-size: 12px; margin-top: 10px; font-family: Helvetica; font-weight: normal; }

.bg-dark:before { 
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
}

#dimmer {
	background-color: rgba(0, 0, 0, 0.74);
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1000;
    display: none;
}

.fixed {
	position: fixed;
	top: 20px;

}
.vCenter {
	top: 50%;
	width: 100%;
}

.row.v-align{
	display: table;
}
.full-height {
	height: 100%;
}
.v-align {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

header {
	position: absolute;
	top: 0;
	height: 136px;
	width: 100%;
	z-index: 999;
	line-height: 136px;
	font-family: Helvetica Neue!important;
}

header .logo a { opacity: .4; text-decoration: none; }
header span {margin: 10px; opacity: .29; cursor: pointer;}
header span:hover {opacity: .5; cursor: pointer;}
header .logo a:hover { opacity: .3; text-decoration: none;}
header .menu a { opacity: .75; font-family: Arial, 'Lucida Grande', sans-serif;}
header .menu a:hover { opacity: .6; }
header .menu a,
header .menu a:hover { color: #fff!important; text-decoration: none!important; }
header .menu ul { list-style: none; text-align: right; margin-top: 5px; }
header .menu ul li { display: inline-block; margin-left: 95px; }
footer {
	position: fixed;
	bottom: 0;
	height: 32px;
	width: 100%;
	line-height: 32px;
	font-size: 12px;
	text-align: center;
	color: rgba(168,168,168,.2);
	background-color: rgba(0,0,0,.34);
	font-family: Helvetica Neue!important;
}
footer a { text-decoration: none; display: inline-block; margin: 0 5px; }
footer a:hover { opacity: .7; }
footer.f-static { position: static; bottom: auto; clear: both; width: 100%; min-width: 100%; margin-top:-32px; }

.assets { margin: 50px 0; text-align: center; min-height: 50px; line-height: 50px;}
.assets a { text-decoration: none; margin: 20px 20px; display: inline-block;}
.assets a:hover { opacity: .8; }

.faq { margin-bottom: 100px; }
.faq h1 { font-size: 30px; margin-top: 100px;}
.faq ol li{ font-size: 20px; }
.faq ol.question { list-style: none;}
.faq h2 { font-size: 20px; color: #fff; margin: 70px 0 30px;}
.faq div.response { opacity: .62; padding: 0 0 0 50px; font-size: 20px;}
.faq div.response ol { padding: 0; margin: 0 0 0 50px; }
.no-opacity {opacity:1!important;}

.screenshot, .white { color: #fff!important; }
.screenshot:hover, .white:hover { color: #fff!important; }

#easyOverlay{
  position:absolute;
  visibility: hidden;
  top: 0;
  color:#fff;
  z-index: 1000;
}

#easyOverlay .closeit {
  position: absolute;
  right: -15px;
  top: -15px;
  padding: 8px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.8);
  background: #333;
  cursor: pointer;
  z-index: 2000;
  text-decoration: none;
}
#easyOverlay .closeit img{
	display: block;
}
/*.img-preview.box-wrapper { 
	position: absolute;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
}
.img-preview.box {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.img-preview.box .image {
	position: relative;
	height: 900px;
	width: 1100px;
	margin: 0 auto; 
}
.image .img-close {
	position: absolute;
	top: 0;
	right: -30px;
}*/

.dark { background-color: rgba(0,0,0,.1); }

header.dark a, header.dark span{ opacity: 1;}

.text { max-width: 450px; padding-left: 76px;}
.hide-content {
	overflow: hidden;
}
.pt {
	padding-top: 136px;
}
.pb {
	padding-bottom: 32px;
}
.text-l{
	text-align: left;
}
.text-c {
	text-align: center;
}
.text-r {
	text-align: right;
}
.full-height {
	height: 100%;
}

h1 {
	position: relative;
	padding: 0;
	margin: 0 0 46px;
}
h1 img { max-width: 411px; }

.icon {
	display: block;
	position: absolute;
	top: -52px;
	left: -125px;
	width: 147px;
	height: 175px;
	background-image: url('../img/iBetterCharge-logo.png');
	background-size: 147px 175px;
	background-repeat: no-repeat;
}

p {	margin: 0 0 34px; }
p.muted {
	font-size: 20px;
	line-height: 1.2;
	opacity: .62;
}
p.muted span { font-weight: bold; }

a.btn-download,
a.btn-download:hover,
a.btn-remind,
a.btn-remind:hover { cursor: pointer; }
a.btn-download, a.btn-remind, .btn-sent {
	margin: 50px 0 0;
	display: block;
	width: 256px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background-color: #c73500;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	    -ms-border-radius: 3px;
	     -o-border-radius: 3px;
	     	border-radius: 3px;
}
a.btn-download:hover { background-color: #e83e00; }
a.btn-remind { background-color: #23a4fc; margin: 30px auto 50px; }
.btn-sent { background-color: #35C735; width: 300px; margin: 30px auto 50px; font-size: 27px }
a.btn-remind:hover { background-color: #5dbdff; }

.btn-description {
	margin: 20px 0 50px;
	font-size: 14px;
	color: #fff;
	font-family: Helvetica Neue!important;
	max-width: 300px;
}
	
.btn-description span { opacity: .14; font-family: Arial, 'Lucida Grande', sans-serif;}
.btn-description a { opacity: .2; color: #fff; font-family: Arial, 'Lucida Grande', sans-serif;}
.btn-description a:hover { opacity: .3; color: #fff; text-decoration: none;}

.play-container { margin-top: 100px; }

.reminder {
	position: relative;
	margin: 50px 0 0;
	padding: 16px 10px 0;
	border: 3px solid rgba(255,255,255,.9);
	-webkit-border-radius: 16px;
	   -moz-border-radius: 16px;
	    -ms-border-radius: 16px;
	     -o-border-radius: 16px;
	     	border-radius: 16px;
}
.reminder p {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	opacity: .6;
}

.reminder input {
	position: relative;
	display: block;
	font-size: 17px;
	text-align: center;
	color: #fff;
	border: none;
	outline: none;
	background-color: transparent;
	margin: 22px 0 24px;
	padding: 0;
	width: 100%;
	font-family: HelveticaNeue-Light, 'Helvetica Neue Light'!important;
}


.reminder span {
	display: block;
	position: absolute;
	bottom: 19px;
	left:0;
	width: 100%;
	text-align: center;
	font-size: 25px;
	color: rgba(255,255,255,.4);
}



.pt-0 { padding-top: 0!important; }

#changePlatform {
	position: fixed;
	right: -3px;
	top: -3px;
	font-weight: bold;
	z-index: 1000;
}
.error {
	border: 3px solid rgba(255,0,0,1);
}

.show { display: block; }
.hide { display: none!important; }

#video_poster {
	/*content: ' ';*/
	position: fixed;
	top: 0;
	left: 0;
	background-image: url('../img/bg_1920.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #000;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.player-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	display: table;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0,0,0,.5);
	opacity: 0;
}
.player {
	position: relative;
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.close-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.close-area {
	content: ' ';
}
#player1 {
	max-width: 768px;
	min-height: 432px;
	width: 100%;
}
#poster1 {
	position: relative;
	max-width: 770px;
	min-height: 435px;
	margin: -438px auto 0;
	width: 100%;
	background-image: url('../img/iBetter_poster.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

@media (min-width: 1600px) {
	header .container { width: 90%!important; max-width: 1600px!important; }
	.container { width: 70%!important; max-width: 1200px!important;}
	.text { max-width: 100%; }
}
@media (min-width: 1200px) {
	header .container { width: 1170px; }
	.text { max-width: 100%; }
	.container { width: 900px; }
	.assets { margin: 50px -200px; }
}

@media (max-width: 1024px) {
	header { height: 80px; line-height: 80px; }
	.pt { padding-top: 100px; }
	.v-align { display: inline-block; float: left; width: 100%;}
	.text { max-width: 100%; }
	footer { position: static; bottom: auto; clear: both; width: 100%; min-width: 100%; margin-top:-32px; }
}
@media (max-width: 992px) {
	.text { padding-left: 0px; padding-right: 0px; max-width: 100% }
	header { height: 100px; line-height: 100px; }
}

@media (max-width: 768px) {
	header .container { width: 100%; padding:0 38px; }
	header .menu ul li { margin-left: 20px; }
	/*header { height: 100px; line-height: 100px; }*/
	.row.v-align {
		margin: 0;
		/*padding-top: 50px;*/
		/*padding-bottom: 80px;*/
	}
	.text { padding-left: 0px; padding-right: 0px; max-width: 100% }
	.v-align {
		display: inline-block;
		float: left;
		width: 100%;
	}
	.play-container { margin-top: 50px; }

	footer { position: static; bottom: auto; clear: both; width: 100%; min-width: 100%; margin-top:-32px; }
}
@media (max-width: 640px) { 
	header .container { padding:0 15px; }
	/*header { height: 100px; line-height: 100px; }*/
	p.muted { font-size: 18px; opacity: .8; }
	h1 { position: static; }
	.text{ padding-left: 0px; padding-right: 0px; max-width: 100% }
	.play-container { margin-top: 50px; }
	/*.pt { padding-top: 100px; }*/
	footer { position: static; bottom: auto; clear: both; width: 100%; min-width: 100%; margin-top:-32px;}
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
	.icon { background-image: url('../img/iBetterCharge-logo-2x.png'); }
	#poster1 { background-image: url('../img/iBetter_poster-2x.png'); }
}