/* daily story banner */
.story{
	display:block;
	position:fixed;
	width:100%;
	height:100vh;
	z-index:99999;
	top:0;
	left:0;	
}

.story .overlay{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0.5;
	top:0;
	left:0;	
}

.story .content{
	display:block;
	width:620px;
	position:absolute;
	top:50%;
	left:50%;
	border:solid 5px #ffffff;
	
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	
	transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
}

.story .content a{
	display:block;
	line-height:0;	
}

.story .content a img{
	width:100%;
	
	border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;	
	-webkit-border-radius:5px 5px 5px 5px;	
	-ms-border-radius:5px 5px 5px 5px;	
}

.story .content b{
	display:block;
	position:absolute;
	z-index:999;
	width:35px;
	height:35px;
	background:#ffffff;
	top: -20px;
    right: -20px;
	cursor:pointer;
	
	border-radius:50%;	
	-o-border-radius:50%;	
	-moz-border-radius:50%;	
	-webkit-border-radius:50%;	
	-ms-border-radius:50%;	
}

.story .content b i{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	font-size:15pt;
	
	transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);	
}
/* daily story banner */

/* mobile app popout */
.app-pop-button{
	display:block;
	position:fixed;
	z-index:99991;
	top:50%;
	left:0;
	background:#ffc427;
	width:29px;
	height:189px;
	cursor:pointer;
	
	border-radius:0px 5px 5px 0px;
	-o-border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
	-ms-border-radius:0px 5px 5px 0px;
	
	transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	
	transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
}

.app-pop-button:hover{
	width:40px;
	
	transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;	
}

.app-pop-button span{
	display:block;
	overflow:hidden;
	padding:8px 5px 8px 5px;
	height:28px;
	width:188px;
	position:absolute;
	top: 80px;
    left: -80px;
	
	transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	
	transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
}

.app-pop-button:hover span{
	left: -70px;
}

.app-pop-button span i{
	display:block;
	float:left;
	font-size:10pt;
	margin:0px 5px 0px 0px;	
}

.app-pop-button span p{
	display:block;
	float:left;
	font-family:"Lato-Bold";
	font-size:10pt;
	color:#000000;
	padding:1px 0px 1px 0px;
}

.app-pop{
	display:none;
	position:fixed;
	width:100%;
	height:100vh;
	top:0;
	left:0;
	z-index:99999;	
}

.app-pop .overlay{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000000;
	opacity:0.6;	
}

.app-pop .app-pop-content{
	display:block;
	position:absolute;
	width:550px;
	height:360px;
	top:50%;
	left:50%;
	background:#ffc427;
	
	border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	
	transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
}

.app-pop .app-pop-content span.phone{
	display:block;
	position:absolute;
	line-height:0;
	width:500px;
	height:450px;
	bottom:0;
	left:-120px;
	overflow:hidden;	
}

.app-pop .app-pop-content span.phone img{
	display:block;
	position:absolute;
	width: 325px;
    height: 450px;
    bottom: -450px;
    left: 200px;
}

.app-pop .app-pop-content .content-right{
	display:block;
	position:absolute;
	width:360px;
	top:50%;
	right:0;
	padding:30px 30px 30px 30px;
	
	transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	
	box-sizing:border-box;	
	-o-box-sizing:border-box;	
	-moz-box-sizing:border-box;	
	-webkit-box-sizing:border-box;	
	-ms-box-sizing:border-box;	
}

.app-pop .app-pop-content .content-right h1,
.app-pop .app-pop-content .content-right .h1{
	display:block;
	font-family:"Lato-Regular";
	font-size:22pt;
	line-height:22pt;
	color:#000000;
	text-transform:uppercase;
	padding:0;
	margin:0px 0px 10px 0px;
}

.app-pop .app-pop-content .content-right h1 b,
.app-pop .app-pop-content .content-right .h1 b{
	display:block;
	font-family:"Lato-Bold";	
}

.app-pop .app-pop-content .content-right h2{
	display:inline-block;
	padding:7px 20px 5px 20px;
	background:#000000;
	font-family:"Lato-Regular";
	font-size:11pt;
	color:#ffc427;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;	
}

.app-pop .app-pop-content .content-right p{
	display:block;
	font-family:"Lato-Bold";
	font-size:10pt;
	line-height:15pt;
	color:#000000;	
	padding:0;
	margin:0px 0px 50px 0px;
}

.app-pop .app-pop-content .content-right h3{
	display:block;
	font-family:"Lato-Bold";
	font-size:11pt;
	color:#000000;
	padding:0;
	margin:0px 0px 10px 0px;	
}

.app-pop .app-pop-content .content-right span{
	display:block;	
}

.app-pop .app-pop-content .content-right span a{
	display:inline-block;
	line-height:0;
	margin:0px 5px 0px 0px;
	opacity:0.95;
	width:110px;
}

.app-pop .app-pop-content .content-right span a img{
	display:block;
	width:100%;	
}

.app-pop .app-pop-content .content-right span a:hover{
	opacity:1;	
}

.app-pop .app-pop-content .cancel-mobilepop{
	display:block;
	position:absolute;
	width:36px;
	height:36px;
	background:#ffffff;
	top:-12px;
	right:-12px;
	cursor:pointer;
	
	border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
}

.app-pop .app-pop-content .cancel-mobilepop i{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	font-size:14pt;
	color:#000000;
	
	transform:translate(-50%,-50%);	
	-o-transform:translate(-50%,-50%);	
	-moz-transform:translate(-50%,-50%);	
	-webkit-transform:translate(-50%,-50%);	
	-ms-transform:translate(-50%,-50%);	
}
/* mobile app popout */

/* subscribe popout */
.subscribe-button{
	display:block;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:9999;
	cursor:pointer;	
}

.subscribe-button span{
	display:block;
	width:45px;
	height:45px;
	position:absolute;
	background:#ffc427;
	top:50%;
	left:0;
	
	transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	
	border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;	
}

.subscribe-button span i{
	display:block;
	position:absolute;
	top: 14px;
    left: 12px;
	font-size:14pt;
	color:#000000;
}

.subscribe-button p{
	display:block;
	padding:10px 14px 8px 56px;
	background:#000000;
	font-family:"Lato-Regular";
	font-size:10pt;
	color:#ffffff;
	text-transform:uppercase;
	border:solid 2px #ffc427;
	overflow:hidden;
	
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	
	border-radius:30px 30px 30px 30px;	
	-o-border-radius:30px 30px 30px 30px;	
	-moz-border-radius:30px 30px 30px 30px;	
	-webkit-border-radius:30px 30px 30px 30px;	
	-ms-border-radius:30px 30px 30px 30px;	
}

.subscribe-button p b{
	display:block;
	float:right;
	width:0;
	white-space:nowrap;
	overflow:hidden;
	margin:0px 0px 0px 4px;
	
	transition:all 0.3s ease;	
	-o-transition:all 0.3s ease;	
	-moz-transition:all 0.3s ease;	
	-webkit-transition:all 0.3s ease;	
	-ms-transition:all 0.3s ease;	
}

.subscribe-button:hover p b{
	width:150px;
	
	transition:all 0.3s ease;	
	-o-transition:all 0.3s ease;	
	-moz-transition:all 0.3s ease;	
	-webkit-transition:all 0.3s ease;	
	-ms-transition:all 0.3s ease;		
}

.subscribe{
	display:none;
	position:fixed;
	width:100%;
	height:100vh;
	top:0;
	left:0;
	z-index:99999;
}

.subscribe .overlay{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000000;
	opacity:0.5;	
}

.subscribe .content{
	display:block;
	position:absolute;
	width:700px;
	height:400px;
	background:#ffffff;
	top:50%;
	left:50%;
	
	transform:translate(-50%,-50%);	
	-o-transform:translate(-50%,-50%);	
	-moz-transform:translate(-50%,-50%);	
	-webkit-transform:translate(-50%,-50%);	
	-ms-transform:translate(-50%,-50%);		
}

.subscribe .content span.left{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	line-height:0;	
}

.subscribe .content span.left img{
	display:block;
	width:100%;	
}

.subscribe .content span.right{
	display:block;
	position:absolute;
	width:400px;
	top:50%;
	right:0;
	padding:30px 30px 30px 30px;
	
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	
	transform:translateY(-50%);	
	-o-transform:translateY(-50%);	
	-moz-transform:translateY(-50%);	
	-webkit-transform:translateY(-50%);	
	-ms-transform:translateY(-50%);	
}

.subscribe .content span.right h1,
.subscribe .content span.right .h1{
	display:block;
	font-family:"Lato-Bold";
	font-size:15pt;
	text-transform:uppercase;
	color:#000000;
	padding:0;
	margin:0px 0px 5px 0px;	
}

.subscribe .content span.right h1 b,
.subscribe .content span.right .h1 b{
	display:inline-block;
	color:#ffc427;	
}

.subscribe .content span.right h2{
	display:block;
	font-family:"Lato-Regular";
	font-size:10pt;
	color:#000000;
	padding:0;
	margin:0px 0px 10px 0px;	
}

.subscribe .content span.right ul{
	display:block;
	margin:0px 0px 20px 0px;
	padding:0;
	list-style-type:none;	
}

.subscribe .content span.right ul li{
	display:block;
	font-family:"Lato-Regular";
	font-size: 9pt;
    line-height: 14pt;
	color:#000000;
	padding:0px 0px 0px 10px;
	position:relative;
}

.subscribe .content span.right ul li:before{
	position:absolute;
	content:"\f105";
	font-family:"FontAwesome";
	left:0;
}

.subscribe .content span.right input{
	display:block;
	width:100%;
	border:none;
	background:#e2e2e2;
	font-family:"Lato-Regular";
	font-size:10pt;
	color:#000000;
	padding:12px 15px 12px 15px;
	margin:0px 0px 8px 0px;
	height:41px;
	overflow:hidden;
	
	box-sizing:border-box;	
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
}

.subscribe .content span.right .g-recaptcha{
	display:block;
	margin:0px 0px 8px 0px;	
}

.subscribe .content span.right input.sub{
	display:block;
	width:100%;
	background:#ffc427;
	font-family:"Lato-Bold";
	text-transform:uppercase;
	color:#000000;
	font-size:11pt;
	cursor:pointer;
}

.subscribe .content span.right input.sub:hover{
	background:#000000;
	color:#ffffff;	
}

.subscribe .content .cancel-subscribe{
	display:block;
	position:absolute;
	top:20px;
	right:20px;
	font-size:15pt;
	color:#000000;
	cursor:pointer;
	z-index:9999;
}
/* subscribe popout */