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

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{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body{line-height: 1;}
ol, ul{ list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;}



body, html, td, th, p, li {font-family: 'Roboto', sans-serif; font-weight:400;}
body  { background:url(../images/bg.jpg); color:#fff; padding-top:0px; }
h1, h2, h3, h4 {color:#fff; font-style:normal; font-weight:400; text-align:left; font-family: 'Roboto', sans-serif;}
h1 { font-size:38px; text-align:left;}
h2 { font-size:30px; margin-bottom:25px;}
h3 { font-size:20px; margin-bottom:10px;}

p, li { font-size:18px; line-height:auto; color:#fff;}
p { margin-bottom:15px; font-size:17px; line-height:auto; font-weight:normal; color:#fff; text-align:left;}
a, a:visited { color:#0f9fff; text-decoration:underline;}
a:hover, a:active { color:#0f9fff; text-decoration:underline;}
.rel { position:relative;}
.abs { position:absolute;}
.clear {clear:both; line-height:0px; height:0px; overflow:hidden; font-size:0px;}

body, html { height:100%;}

.wrapper { width:100%; height:100%; box-sizing:border-box; background:#000; position:relative;}
.picture { background:url(../images/bgphoto.jpg) no-repeat center center; background-size:auto 100%; left:0; right:0; top:45%; bottom:0; position:absolute; z-index:1000;}
.title { color:#9bcb35; font-weight:700; font-size:18px; line-height:105%; margin-bottom:10px; text-align:center; padding:0 10px; padding-top:5px;}
.offer-content { width:100%; margin:0; background:rgba(0,0,0,1); position:absolute; left:0; top:0; height:auto; z-index:5000;}

	
.btn-continue-wrap {position:absolute; bottom:6px; left:0; width:100%; height:auto; z-index:9000;}
.btn-continue-wrap p { font-size:12px; line-height:100%; margin:0; padding:5px 10px; display:none; text-align:center;}
a.btn-continue {
	display:block; 
	color:#fff; text-align: center; text-decoration:none; text-transform:uppercase;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #79b107;
	background-image: -webkit-linear-gradient(bottom, #599305, #9bd108);
	background-image: -moz-linear-gradient(bottom, #599305, #9bd108);
	background-image: -o-linear-gradient(bottom, #599305, #9bd108);
	background-image: -ms-linear-gradient(bottom, #599305, #9bd108);
	background-image: linear-gradient(to top, #599305, #9bd108);
	
	
	width: 200px; height: 40px; margin:0 auto;
	font-size:20px; font-weight:400; line-height:40px;
	
	
}

a.btn-continue:hover {
	color:#fff;
	background-color: #9cd42a;
	background-image: -webkit-linear-gradient(bottom, #7bb407 1%, #afe51e);
	background-image: -moz-linear-gradient(bottom, #7bb407 1%, #afe51e);
	background-image: -o-linear-gradient(bottom, #7bb407 1%, #afe51e);
	background-image: -ms-linear-gradient(bottom, #7bb407 1%, #afe51e);
	background-image: linear-gradient(to top, #7bb407 1%, #afe51e);
}



/*counter styles*/
.counter-block { width:100%; background:#2d2d2d url(../images/shtrich.png); margin-bottom:10px; padding:5px 0;}
.counter-wrapper { position:relative; width:300px; height:30px; margin:0 auto;}
.dash { position:absolute; width:52px; height:30px; overflow:hidden; top:0px;}
.digit { width:24px; height:30px; overflow:hidden; float:left; margin-right:2px; 
	background:url(../images/counter_bg.png) repeat-x left top; background-size:auto 100%; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	background-image: -webkit-linear-gradient(top, #878787, #cfcfcf 20%, #fff 40%, #fff 60%, #cfcfcf 80%, #888);
	background-image: -moz-linear-gradient(top, #878787, #cfcfcf 20%, #fff 40%, #fff 60%, #cfcfcf 80%, #888);
	background-image: -o-linear-gradient(top, #878787, #cfcfcf 20%, #fff 40%, #fff 60%, #cfcfcf 80%, #888);
	background-image: -ms-linear-gradient(top, #878787, #cfcfcf 20%, #fff 40%, #fff 60%, #cfcfcf 80%, #888);
	background-image: linear-gradient(to bottom, #878787, #cfcfcf 20%, #fff 40%, #fff 60%, #cfcfcf 80%, #888);

}
.time-txt { width:100px;height:30px; overflow:hidden; float:left; font-weight:500; color:#fff; font-size:15px; line-height:30px; text-align:right; position:absolute; top:0px; left:0px; padding:0; text-transform:uppercase;}
.hours_dash { left:114px;}
.minutes_dash { left:181px;}
.seconds_dash { left:248px;}
.lc-1, .lc-2 { width:15px; height:30px; left:166px; top:0; position:absolute; background:url(../images/counter_dot.png) no-repeat center center; background-size:auto 100%;}
.lc-2 { left:233px;}

.digit>div { text-align:center; font-size:24px; font-weight:500; color:#000; line-height:30px;}


/* offer text */
.offer-txt { padding:0 5px; margin-bottom:10px;}
.offer-txt p { font-size:16px; font-weight:700; color:#fff; text-transform:uppercase; text-align:center; margin:0;}
.offer-txt p span { color:#f43b6e;}
.offer-txt p span.offer-txt-big { color:#9bcb35; font-size:160%;}

/* network info */
.network-info { margin:0 auto; margin-bottom:0px; padding:6px; box-sizing:border-box;}
.network-info-title {
	position:relative;
	background-color: #f2396d;
	background-image: -webkit-linear-gradient(bottom, #d10d60, #f7406f);
	background-image: -moz-linear-gradient(bottom, #d10d60, #f7406f);
	background-image: -o-linear-gradient(bottom, #d10d60, #f7406f);
	background-image: -ms-linear-gradient(bottom, #d10d60, #f7406f);
	background-image: linear-gradient(to top, #d10d60, #f7406f);
}
.network-info-title span.arrow { position:absolute; left:50%; width:77px; height:28px; bottom:-28px; margin-left:-38px; background:url(../images/arrow.png) no-repeat center top; display:none;}
.network-info-title p { text-align:center; font-size:15px; line-height:100%; margin:0; padding:10px;}
.offer-stats { display:none;}
	
/* responsive mobile first */


@media all and (min-width: 360px)  {
	.picture { top:38%;}
	.title { font-size:22px;}
	.br-1, .br-3 { display:none;}
.network-info { margin:0 10px; background:#333; margin-bottom:10px;}
.network-info-title { margin-bottom:10px;}
.offer-stats { display:block; text-align:center;}
.offer-stats li { display:inline-block; margin:0.5%; width:31%; font-size:14px; color:#b8b8b8; box-sizing:border-box; text-align:center;}
.offer-stats li span { color:#f63f6f; font-size:120%;}

.btn-continue-wrap p { display:block;}
	
	
	
}
@media all and (min-width: 480px)  {
	.picture { top:43%;}
	.br-1, .br-3 { display:none;}
	.offer-txt p { font-size:20px;}

	
.counter-block { padding:10px 0;}
.counter-wrapper { width:380px; height:52px;}
.dash { width:80px; height:52px;}
.digit { width:38px; height:52px;}
.time-txt { width:90px;height:52px; font-weight:400; color:#fff; font-size:16px; line-height:52px;}
.hours_dash { left:100px;}
.minutes_dash { left:200px;}
.seconds_dash { left:300px;}
.lc-1, .lc-2 { width:20px; height:52px; left:180px;}
.lc-2 { left:280px;}
.digit>div { font-size:34px; font-weight:700; color:#000; line-height:52px;}	



.network-info-title p {font-size:17px;}
.offer-stats li { padding-left:40px; text-align:left; height:35px; background:url(../images/stats_icon.png) no-repeat;}
	.offer-stats li.offer-stats-1 { background-position:left -420px;}
	.offer-stats li.offer-stats-2 { background-position:left -470px;}
	.offer-stats li.offer-stats-3 { background-position:left -520px;}


}

@media all and (min-width: 560px)  {
	.picture { top:38%;}
}

@media all and (min-width: 600px)  {
	.picture { top:40%;}
	.offer-txt p { font-size:22px; padding:15px 0;}
	.title { font-size:22px; line-height:40px;}
	.br-1, .br-3 { display:block;}
	.network-info-title p {font-size:19px;}
	.offer-stats li { padding-left:60px; text-align:left; height:50px; font-size:16px; padding-top:5px;}
	.offer-stats li.offer-stats-1 { background-position:left top;}
	.offer-stats li.offer-stats-2 { background-position:left -150px;}
	.offer-stats li.offer-stats-3 { background-position:left -300px;}
	
	a.btn-continue { width: 240px; height: 56px; font-size:34px; font-weight:300; line-height:56px; margin-bottom:10px;}
	
}

@media all and (min-width: 800px)  {
	.title { font-size:26px; line-height:40px;}
	.picture { top:35%;}
	.network-info { width:600px; margin:0 auto; margin-bottom:10px;}
	.network-info-title p {font-size:22px; line-height:120%;}
	.offer-stats { padding:10px 0;}
	.counter-block { width:600px; padding:15px 0; margin:0 auto;}
}

@media all and (min-width: 480px) and (max-width: 639px) and (orientation: landscape)  {
	.br-1, .br-3 { display:block;}
.title { font-size:16px; line-height:110%;}
.picture { background:url(../images/bgphoto.jpg) no-repeat center center; background-size:auto 100%; left:250px; right:0; top:0; bottom:0;}
.offer-content { width:250px;}
.counter-block { width:250px; padding-top:22px; padding-bottom:10px;}
.network-info { width:230px; margin:0 auto;}

.offer-txt { padding:5px 5px;}
.offer-txt p { font-size:14px; padding:0;}

.btn-continue-wrap {bottom:5px; left:100%; width:160px; margin-left:-170px;}
a.btn-continue { width: 160px; height:40px; font-size:20px; font-weight:400; line-height:40px;}
.btn-continue-wrap p { display:none;}



.counter-wrapper { width:212px; height:40px;}
.dash { width:64px; height:40px;}
.digit { width:30px; height:40px;}
.time-txt { width:212px;height:16px; font-weight:400; font-size:14px; line-height:16px; position:absolute; top:-18px; left:0; text-align:center;}
.hours_dash { left:0px;}
.minutes_dash { left:74px;}
.seconds_dash { left:148px;}
.lc-1, .lc-2 { width:10px; height:40px; left:64px;}
.lc-2 { left:138px;}
.digit>div { font-size:25px; font-weight:700; color:#000; line-height:40px;}	

.network-info-title p { font-size:15px; line-height:110%; padding:10px;}
.network-info-title { margin:0;}
.offer-stats { display:none;}	
}
	
@media all and (min-width: 640px) and (max-width: 799px) and (orientation: landscape)  {
	.br-1, .br-3 { display:block;}
.title { font-size:16px; line-height:110%;}
.picture { background:url(../images/bgphoto.jpg) no-repeat center center; background-size:auto 100%; left:250px; right:0; top:0; bottom:0;}
.offer-content { width:250px;}
.counter-block { width:250px; padding-top:22px; padding-bottom:10px;}
.network-info { width:230px; margin:0 auto;}

.offer-txt { padding:5px 5px;}
.offer-txt p { font-size:16px; padding:0;}

.btn-continue-wrap {bottom:5px; left:100%; width:160px; margin-left:-170px;}
a.btn-continue { width: 160px; height:40px; font-size:20px; font-weight:400; line-height:40px;}
.btn-continue-wrap p { display:none;}



.counter-wrapper { width:212px; height:40px;}
.dash { width:64px; height:40px;}
.digit { width:30px; height:40px;}
.time-txt { width:212px;height:16px; font-weight:400; font-size:14px; line-height:16px; position:absolute; top:-18px; left:0; text-align:center;}
.hours_dash { left:0px;}
.minutes_dash { left:74px;}
.seconds_dash { left:148px;}
.lc-1, .lc-2 { width:10px; height:40px; left:64px;}
.lc-2 { left:138px;}
.digit>div { font-size:25px; font-weight:700; color:#000; line-height:40px;}	

.network-info-title p { font-size:15px; line-height:110%; padding:10px;}
.offer-stats li { padding:0px; text-align:left; height:30px; font-size:11px; background:none;}

}

@media all and (min-width: 800px) and (max-width: 1023px) and (orientation: landscape)  {
	.br-1, .br-3 { display:block;}
.title { font-size:16px; line-height:110%;}
.picture { background:url(../images/bgphoto.jpg) no-repeat center center; background-size:auto 100%; left:250px; right:0; top:0; bottom:0;}
.offer-content { width:250px;}
.counter-block { width:250px; padding-top:22px; padding-bottom:10px;}
.network-info { width:230px; margin:0 auto;}

.offer-txt { padding:5px 5px;}
.offer-txt p { font-size:16px; padding:0;}

.btn-continue-wrap {bottom:5px; left:100%; width:160px; margin-left:-170px;}
a.btn-continue { width: 160px; height:40px; font-size:20px; font-weight:400; line-height:40px;}
.btn-continue-wrap p { display:none;}



.counter-wrapper { width:212px; height:40px;}
.dash { width:64px; height:40px;}
.digit { width:30px; height:40px;}
.time-txt { width:212px;height:16px; font-weight:400; font-size:14px; line-height:16px; position:absolute; top:-18px; left:0; text-align:center;}
.hours_dash { left:0px;}
.minutes_dash { left:74px;}
.seconds_dash { left:148px;}
.lc-1, .lc-2 { width:10px; height:40px; left:64px;}
.lc-2 { left:138px;}
.digit>div { font-size:25px; font-weight:700; color:#000; line-height:40px;}	

.network-info-title p { font-size:15px; line-height:110%; padding:10px;}
.offer-stats li { padding:0px; text-align:left; height:30px; font-size:11px; background:none;}

}

@media all and (min-width: 1024px)  {
.title { font-size:26px; line-height:110%;}
.picture { background:url(../images/bgphoto.jpg) no-repeat center center; background-size:auto 100%; left:410px; right:0; top:0; bottom:0;}

.btn-continue-wrap {bottom:20px; left:10px; width:390px; margin:0;}
a.btn-continue { width: 290px; height:70px; font-size:40px; font-weight:300; line-height:70px;}
.btn-continue-wrap p { display:block;}
.title { font-size:28px;}
.offer-content { width:410px;} 
.counter-block { width:410px;}

.counter-wrapper { width:380px; height:52px;}
.dash { width:80px; height:52px;}
.digit { width:38px; height:52px;}
.time-txt { width:90px;height:52px; font-weight:400; color:#fff; font-size:16px; line-height:52px;}
.hours_dash { left:100px;}
.minutes_dash { left:200px;}
.seconds_dash { left:300px;}
.lc-1, .lc-2 { width:20px; height:52px; left:180px;}
.lc-2 { left:280px;}
.digit>div { font-size:34px; font-weight:700; color:#000; line-height:52px;}	




.network-info { width:360px;}
.network-info-title { margin-bottom:35px;}
.network-info-title p {font-size:18px; line-height:120%; padding:15px 0;}
.network-info-title span.arrow { display:block;}

	.offer-stats li { padding-left:0px; text-align:center; height:70px; font-size:16px; padding-top:60px;}
	.offer-stats li.offer-stats-1 { background-position:center top;}
	.offer-stats li.offer-stats-2 { background-position:center -150px;}
	.offer-stats li.offer-stats-3 { background-position:center -300px;}

}




@media all and (min-width: 1400px)  {
	.wrapper { position:absolute; left:50%; border:4px solid #9bcb35; width:1200px; height:95%; max-height:780px; top:20px; margin-left:-600px;}	
}

@media all and (min-width: 800px) and (max-width: 1023px)  and (height: 600px)  and (orientation: landscape)  {
.btn-continue-wrap {bottom:20px; left:0; width:250px; margin:0;}
a.btn-continue { width: 210px; height:50px; font-size:26px; font-weight:400; line-height:50px;}
.btn-continue-wrap p { display:block;}

.offer-stats { padding:0;}
.offer-stats li { padding-left:45px; text-align:left; height:35px; background:url(../images/stats_icon.png) no-repeat; width:60%; font-size:13px; padding-top:4px; margin-top:5px;}
	.offer-stats li.offer-stats-1 { background-position:left -420px;}
	.offer-stats li.offer-stats-2 { background-position:left -470px;}
	.offer-stats li.offer-stats-3 { background-position:left -520px;}
}
@media all and (width: 600px)  and (height: 800px)  and (orientation: portrait)  {
	.picture { top:35%;}
	.offer-txt p { font-size:20px; padding:10px 0;}
	.title { font-size:22px; line-height:36px; margin:0;}
	.br-1, .br-3 { display:none;}
	.network-info-title p {font-size:15px;}
	.offer-stats li { font-size:14px; padding-top:0px; height:35px; padding-left:45px; width:28%;}
	.offer-stats li.offer-stats-1 { background-position:left -420px;}
	.offer-stats li.offer-stats-2 { background-position:left -470px;}
	.offer-stats li.offer-stats-3 { background-position:left -520px;}
	
	a.btn-continue { width: 240px; height: 56px; font-size:34px; font-weight:300; line-height:56px; margin-bottom:10px;}
}

@media all and (min-width: 1024px) and (max-height: 600px)  {
	.wrapper { width:100%; height:100%; top:0; left:0; margin:0px;  border:none;}
.btn-continue-wrap {bottom:20px; left:0;  margin:0; width:100%;}
a.btn-continue { width: 280px; height:70px; font-size:40px; font-weight:300; line-height:70px; position:absolute; right:20px; bottom:0; margin:0;}
.btn-continue-wrap p { display:block; position:absolute; width:390px; left:0; bottom:0;}
}