/* CSS Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
	letter-spacing: 3px;
}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
img{ vertical-align:top;}
html{-webkit-text-size-adjust:none;}


/* ==========================================================================
   Content
   ========================================================================== */
::-moz-selection { background:#b3d4fc; text-shadow:none;}
::selection { background:#b3d4fc; text-shadow:none;}

a{ color:#fff; text-decoration:none;}
a:hover{ color:#eee;}


/*google fonts
	font-family:'Ubuntu', sans-serif;
*/



h2{
	padding-left: 100px;
	font-size: 60px;
	font-weight: lighter;
	color: #fff;
	line-height: 110%;
	text-shadow: 0 2px 1px #ce4d23,0 -1px 0 #dc5326,1px 0 0 #dc5326,-1px 0 0 #dc5326;
	letter-spacing: 15px;
	text-transform: uppercase;
}
h2 span{ display:block; padding-left:100px; color:#fbad94; padding-left:220px;}
h3{
	font-size: 30px;
	font-weight: lighter;
	color: #fff;
	line-height: 130%;
	text-shadow: 0 2px 1px #ce4d23,0 -1px 0 #dc5326,1px 0 0 #dc5326,-1px 0 0 #dc5326;
	letter-spacing: 10px;
	margin-bottom: 4px;
	text-transform: uppercase;
}
h4{}
h5{}


body{
	font-size: 15px;
	color: #f69c7e;
	font-weight: lighter;
	font-family: Helvetica, Arial,sans-serif;
	border: 13px #fff solid;
	background: #f05a28 url(../images/body_bg.gif) center 0 no-repeat;
}

#wrapper{ overflow-x:hidden;}

.stripe1{ position:absolute; width:100%; height:13px; background:#fff; z-index:30; left:0; top:0;}
.stripe2{ position:absolute; width:13px; height:2980px; background:#fff; z-index:30; left:0; top:0;}
.stripe3{ position:absolute; width:13px; height:2980px; background:#fff; z-index:30; right:0; top:0;}


header{ width:100%; min-height:190px; position:relative; z-index:20;}
	h1{ float:left; width:138px; height:50px; text-indent:-9999px; overflow:hidden; background:url(../images/logo.png) 0 0 no-repeat;}
	.mobile_icons{ float:right; margin:3px 3px 0 0;}
	.mobile_icons a{ float:left; width:48px; height:48px; text-indent:-9999px; overflow:hidden; border:1px #dc5326 solid; margin-left:1px;
					 -moz-box-shadow:0 1px 1px rgba(0,0,0,.1); -o-box-shadow:0 1px 1px rgba(0,0,0,.1); -webkit-box-shadow:0 1px 1px rgba(0,0,0,.1); box-shadow:0 1px 1px rgba(0,0,0,.1);}
	.mobile_icons a.ico_ios{ background:url(../images/ico_iso.gif) 0 0 no-repeat;}
	.mobile_icons a.ico_andriod{ background:url(../images/ico_andriod.gif) 0 0 no-repeat;}
	

#content{ width:960px; margin:0 auto;}

	.portal{ position:absolute; z-index:10;}
	.portal1{ right:25px; top:-333px;}
	.portal2{ left:25px; top:-50px;}
	.portal3{ left:245px; top:553px;}
	.portal4{ right:-130px; top:-55px;}
	.portal5{ left:-200px; top:80px;}
	.portal6{ left:80px; top:865px;}



	.panel1{ min-height:350px; position:relative;}
	
	.panel2{ min-height:980px; padding-left:590px; position:relative;}
		.panel_title{ width:100%;}
		.panel_title p{
	letter-spacing: 2px;
	text-transform: uppercase;
}
		.panel_title p strong{
	font-weight: normal;
	color: #fff;
}
		.panel_title1{ margin-bottom:390px;}
		
	.panel3{ padding-left:50px; min-height:185px; position:relative;}
	
	.panel4{ min-height:777px; width:100%; overflow:hidden; background:url(../images/panel4_bg.gif) center 607px no-repeat; position:relative;}
		.panel_col{ float:right; width:410px; padding-top:250px;}
			.buy_btns{ width:100%; overflow:hidden; padding-top:50px;}
			.buy_btns a{ float:left; margin-right:7px; width:182px; height:63px; text-indent:-9999px; overflow:hidden;}
			.buy_btns a.btn_app_store{ background:url(../images/btn_app_store.png) 0 0 no-repeat;}
			.buy_btns a.btn_google_play{ background:url(../images/btn_google_play.png) 0 0 no-repeat;}
			
		.video_player{ float:left; width:333px; height:708px; background:url(../images/video_player.gif) 0 0 no-repeat; margin-left:122px;}
		.video_player .video{ float:left; margin:100px 0 0 26px; position:relative;}
		.video_player .video span{ position:absolute; display:block; width:65px; height:45px; background:url(../images/ico_play.png); z-index:10; left:50%; top:50%; margin:-22px 0 0 -32px;}
		.video_player .video iframe{ width:280px; height:497px;}
		
		
		
	.panel5{ min-height:1430px; background:url(../images/panel5_bg.gif) center top no-repeat;}
	.panel5_inside{ width:485px; margin:0 auto; padding:100px 0 0 475px; position:relative;}
		.single_saying{ margin-bottom:68px;}
		.single_saying blockquote{ letter-spacing:-0.2px; margin-bottom:13px;}
		.single_saying cite{ font-size:14px; font-style:oblique;}
		.single_saying cite a{ text-decoration:underline;}

	

footer{ padding:280px 0 4px; width:100%; overflow:hidden; background:url(../images/footer_bg.gif) center top no-repeat; position:relative;}
	.copyright{ width:100%; position:absolute; left:0; top:264px; text-align:center; z-index:4;}
	.copyright span{ display:block; width:108px; height:38px; background:url(../images/logo_laser_dog.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; margin:0 auto 7px;}
	
	.buy_btns2{ float:left; width:auto; padding:0; margin-left:5px; position:relative; z-index:5;}
	.buy_btns2 a{ margin-right:5px; width:145px; height:50px;}
	.buy_btns2 a.btn_app_store,
	.buy_btns2 a.btn_google_play{ background-size:100%;}
	
	.social_icons{ position:relative; z-index:5; float:right; padding:2px 4px 0 0;}
	.social_icons a{ float:left; width:48px; height:48px; text-indent:-9999px; overflow:hidden; margin-left:2px; border:1px #dc5326 solid;}
	.social_icons a.ico_f{ background:url(../images/ico_f.gif) 0 0 no-repeat;}
	.social_icons a.ico_t{ background:url(../images/ico_t.gif) 0 0 no-repeat;}





@media screen and (max-width: 768px) {
	h2{ font-size:57px; letter-spacing:-2px; text-align:center; text-indent:-105px; padding:0;}
	h2 span{ text-indent:48px; padding:0;}
	h3{ font-size:30px; letter-spacing:-0.4px;}
	
	body{ font-size:14px; background:#f05a28 url(../images/mobile_header_bg.gif) 0 0 no-repeat;}
	
	header{ min-height:178px; background:none;}
		.mobile_icons a.ico_ios,
		.mobile_icons a.ico_andriod{ width:38px; height:38px; background-size:100%;}
	

	.portal img{ width:50%;}
	.portal1{ display:none;}
	.portal2{ left:-65px; top:0;}
	.portal3{ left:20px; top:433px;}
	.portal4{ right:-224px; top:40px;}
	.portal5{ display:none;}
	.portal6{ left:auto; top:auto; right:65px; bottom:-285px; display:block;}
	
	
	#content{ width:100%;}
		.panel1{ min-height:185px;}
		.panel2{ padding:0; min-height:620px;}
		.panel2 .panel_title{ padding-left:160px; width:auto;}
			.panel_title p{ letter-spacing:-0.1px;}
			
			.panel_title1{ background:url(../images/mobile_panel2.gif) 0 0 no-repeat; min-height:270px; margin:0; padding-top:60px;}
			.panel_title2{ background:url(../images/mobile_panel2_2.gif) right 87px no-repeat; min-height:270px;}
			
		.panel3{ min-height:288px; padding-left:25px; padding-right:105px; background:url(../images/mobile_panel3_bg.gif) right 48px no-repeat;}
		
		.panel4{ min-height:100px; width:100%; padding-bottom:80px; margin-bottom:20px; background:url(../images/mobile_panel4_bg.gif) center bottom no-repeat;}
			.video_player{ float:none; width:167px; height:355px; margin:0 auto 52px; background-size:100%; -moz-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
			.video_player .video{ width:140px; margin:51px 0 0 13px;}
			.video_player .video span{ width:33px; height:22px; margin:-17px 0 0 -12px; background-size:100%;}
			.video_player .video iframe{ width:140px; height:248px;}

			.panel_col{ float:none; padding:0; width:auto; text-align:center;}
	
			.buy_btns{ padding-top:22px; text-align:center;}
			.buy_btns a{ float:none; display:inline-block; margin:0 2px; width:135px; height:47px; text-indent:-9999px; overflow:hidden;}
			.buy_btns a.btn_app_store,
			.buy_btns a.btn_google_play{ background-size:100%;}

		.panel5{ min-height:100%; padding:0 15px 284px; background:url(../images/mobile_panel5_bg.gif) right bottom no-repeat; margin-bottom:80px;}
		.panel5_inside{ width:auto; padding:0;}
			.single_saying{ margin-bottom:34px;}
			.single_saying cite{ font-size:14px;}
	
	footer{ padding:140px 0 4px; background-size:1280px;}
		.copyright{ position:static;}
		.copyright span{ width:86px; height:33px; background-size:100%;}
		
		.buy_btns2{ float:none; padding-top:22px; text-align:center; margin-bottom:24px;}
		.buy_btns2 a{ float:none; display:inline-block; margin:0 2px; width:135px; height:47px; text-indent:-9999px; overflow:hidden;}
		
		.social_icons a{ width:38px; height:38px;}
		.social_icons a.ico_f,
		.social_icons a.ico_t{ background-size:100%;}
	
}


@media screen and (max-width: 480px) {
	h2{ font-size:27px; letter-spacing:-2px; text-align:center; text-indent:-105px; padding:0;}
	h2 span{ text-indent:48px; padding:0;}
	h3{ font-size:20px; letter-spacing:-0.4px;}
	
	body{ font-size:10px; background:#f05a28 url(http://pukgame.com/Launch_Site/images/mobile_body_bg.gif) center 0 no-repeat;}
	
	.single_saying cite{ font-size:10px;}


}


	

.stars {
	font-size: 48px;
	color: #FFF;
}
.star_selected {
	color: #F69C7E;
}