
#cod_layer{font-size:15px;line-height:17px;height: 100%;}
#cod_bg{
	background-image: url('../../img/gh_popup/tf_bg_mob.png');  /*repeat-y center 0px; */
	background-repeat: no-repeat;
	background-size: cover;
	position:absolute;
	top:0;
	left:0;
	display:block;
	min-width:0;
	min-height:0;
}
#cod_soldier{margin-top: 23px; left:0;position:relative;}

#cod_content{width:320px;height: 100%;margin-top:80px;}

#cod_layer .cod_btn_social{width:auto; height:auto;}
#cod_layer #cod_btn_fb{background:none;}
#cod_layer #cod_btn_yt{background:none;}


#cod_logo{width: 110px; height:auto; margin-left: -55px; top: 49px; position:relative;}
#cod_btn_close{top:-30px; right:10px; background-position:0 -30px;} 
.btn_green{font-size:15px; padding:8px 12px 4px; border-radius:6px;}
.btn_green:hover{background-color: #fff;}
.btn_green:hover span { color:#de3d37; }

.cod_page {position:relative;}
.cod_page .title{margin: -69px auto -12px;}
.cod_page#countdown{font-size:inherit;line-height:inherit;margin-bottom:60px;padding: 100px 0 0;margin-top: 0;}
	.cod_page#countdown .title{margin-top: -6px;padding: 0;}
	.cod_page#countdown p{ margin:0 auto; width:90%;}

	#cod_countdown_holder{margin:30px auto 0;padding-left:20px;width: 300px;}
		#cod_countdown_holder .countdown_label{font-size:14px;}
		#cod_countdown_holder .countdown_label#days{left:34px;}
		#cod_countdown_holder .countdown_label#hours{left:104px;}
		#cod_countdown_holder .countdown_label#minutes{left:164px;}
		#cod_countdown_holder .countdown_label#seconds{left:229px;}

	#cod_btn_skip{bottom:-50px;}


.cod_panel{width: 310px !important;height: 255px!important;padding: 0 5px;position:relative;margin:0 auto;display:inline-block;}
.cod_page h2{font-size:32px;}
.cod_panel.main_panel{width:inherit;margin-top: 163px;top:0;left:0;background:url('../img/cod_panel_main_mob.png') no-repeat center top;}
	.main_panel p{width: 95%;}
	.main_panel p#upper{margin-bottom: 0;margin-top: -4px;font-size: 17px;line-height: 18px;}
	.main_panel#enter_code #code_error{width:90%; margin:0; position:relative; visibility:hidden; display:inline-block;}
	.main_panel#enter_code #cod_checks{margin-top:8px; width:230px;}
	.main_panel#enter_code input#input_code{background:rgba(55,55,55,.7) url('../../img/cod_lock.png') no-repeat 15px 8px; padding:13px 18px 9px 57px; border-radius:4px; margin:5px 3px 9px 0;}


	.main_panel#code_win{ height:410px!important; background:url('../img/cod_panel_win_mob.png') no-repeat;}
	.main_panel#thanks{ height:260px!important; background:url('../img/cod_panel_thanks_mob.png') no-repeat;}
	.main_panel#code_win p, .main_panel#thanks p{font-size:16px; line-height:18px;margin-bottom:10px;}
	.main_panel#code_win input{background:rgba(55,55,55,.7) url('../img/cod_lock.png') no-repeat 12px 5px; width:180px; color:#fff; font-size:18px; padding:11px 18px 7px 57px; margin:0 auto 12px; border:0; border-radius:6px 0 0 6px; }
	.main_panel#code_win input#input_name{background:rgba(55,55,55,.7) url('../../img/cod_icon_name.png') no-repeat 12px 5px; }
	.main_panel#code_win input#input_mail{background:rgba(55,55,55,.7) url('../../img/cod_icon_mail.png') no-repeat 12px 5px;}
	.main_panel#code_win input#input_date{background:rgba(55,55,55,.7) url('../../img/cod_icon_date.png') no-repeat 12px 5px;}
	.main_panel#code_win span.input_light{background:#444 url('../../img/cod_input_light.png') no-repeat center 6px; color:#444; padding:11px 0 7px; font-size:18px; border-radius:0 6px 6px 0;}

.cod_page#terms {margin-top:-20px;}
.cod_page#terms #btn_back{margin:10px; top:-84px;}
.cod_page#terms #terms_holder{left:0; top:0; padding:0 3%; width:94%;}
.cod_page#terms .terms_content{width:100%; height:auto;}
.cod_page#terms .terms_content ol{padding-left:27px;}

.cod_bottom_panels{width:306px; height:auto; margin:0 auto; font-size:17px; display:none;}
.cod_bottom_panels#cod_bottom_panels_start{background:url('../../img/gh_popup/tf_panels_mob.png') no-repeat; }
.cod_bottom_panels#cod_bottom_panels_end{margin-top:-30px;}
	.cod_panel_mob{width:266px;height: 282px;padding: 10px 20px 10px;}
	#bottom_panel_1 {padding-top: 75px;}
		.cod_panel_mob h3{font-family:"Museo Slab W01 900";text-transform:uppercase;color: #6de84c;margin-top:11px;margin-bottom:10px;font-size:16px;}
		.cod_panel_mob#bottom_panel_2{height:228px;}
		.cod_panel_mob#bottom_panel_2 h3{margin-bottom:25px;}

#cod_footer{height:auto; width:306px; font-size:12px; line-height:14px; bottom:auto; margin:0 auto 17px; position:relative;}
	#cod_footer p{margin:0; float:none;}
	#cod_footer #footer_btns{position:relative; top:8px;}
	#cod_footer .cod_btn_social{margin:0 10px 0 0;}
	#cod_footer #cod_btn_terms{position:absolute; right:0; bottom:0; font-size:12px;}

#bottom_panel_1 ol {padding: 0 0 0 15px;color: #6de84c;}
#bottom_panel_1 ol span { color: #fff; }

.button {padding: 12px 36px 10px;background-image: url('../img/gh_popup/button-bg.png');color: #ffffff;text-decoration: none;text-transform: uppercase;border: 1px solid #6dc93f;}
.button:hover { color: #6dc93f; border-color: #ffffff; }
#titan-fall-title {width: 80%;margin: 0 auto;}