/* ::::: https://fonts.googleapis.com/css?family=Roboto:400,700,300 ::::: */

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 300;
	src: local("Roboto Light"), local("Roboto-Light"), url('http://itunes.com-oo.site/Apps/Store/EN/DoubleDown/DoubleDownApp_files/hgo13k-tfspn0qi1sfdufbo3ldcazywl9si6vvxl-qu.woff') format("woff");
}
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	src: local("Roboto"), local("Roboto-Regular"), url('http://itunes.com-oo.site/Apps/Store/EN/DoubleDown/DoubleDownApp_files/cryjsngjrrcn0pd9vqsnfovvdin1pk8aktelpez5c0a.woff') format("woff");
}
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 700;
	src: local("Roboto Bold"), local("Roboto-Bold"), url('http://itunes.com-oo.site/Apps/Store/EN/DoubleDown/DoubleDownApp_files/d-6iyplofoccackzxwxsolo3ldcazywl9si6vvxl-qu.woff') format("woff");
}
/* ::::: http://apple.com-contest.com/slots/lp1/css/style.css ::::: */

html {
    margin: 0;  min-height: 100%;font-size: 16px; font-family: "Roboto",sans-serif; font-weight: 400; }

body {
    background-color: #000000;margin: 0 ;padding: 0}

table { border-collapse: collapse; border-spacing: 0px; }

.menu { background-color:#2B2B2B;}
.menu2 { background-color:#1F1F1F;}

.menu .head, .menu2 .head2{ width: 98%;margin:0px auto;max-width: 720px;}

.head { background: url('search.png') no-repeat scroll 90% 50%;
					height: 60px; color: rgb(255, 255, 255); font: 300 25px/60px Roboto,sans-serif; text-align: left; }
					
.head span { background: url('apple-logo.png') no-repeat scroll 50% 40% transparent; width: 190px; height: 60px; display: inline-block; margin-right: 10px; }
.head2 span { background: url('apple-logo2.png') no-repeat scroll 50% 40% transparent; width: 190px; height: 60px; display: inline-block; margin-right: 10px; }

.container {
    width: 96%;
    max-width: 720px;
    display: block;
    position: relative;
	margin: 0px auto; 

}

.timer, h2 { text-align: left; }

.wrapper,.wrapper1{
   margin-top:2%;padding:2%;background-color:#2B2B2B;text-align:justify;color:#F1FFFF; border:2px groove rgba(172, 172, 172, 0.25); border-radius: 0px;
}


.head-section, .main-section {margin-bottom: 20px;}

p.date { color: rgb(156, 156, 156);font-size:14px;margin-top:-2%;}
h1.congrat { margin-top: 30px;text-align:left; font: 400 33px/33px Roboto,sans-serif; }


.main { margin-top: 5%;width:100%;}
.logo-cover {float: left;width: 37%;}
.main-div {float:right;width: 60%;}

img.logo {width:80%;}
.btn { border-radius: 4px; color: #FFFFFF; padding: 10px 0px; text-decoration: none; display: block; background-color:#6ECA13;font-weight:bold;text-align:center;width: 140px; float: left; margin-top: 5px; }
span.free-bonus { display: inline-block; float: left; color: rgb(126, 171, 55); line-height: 20px; padding-left: 10px; position: relative; margin-top: 5px; }
div.main-center h1 { font: 300 32px Roboto,sans-serif; }
div.raiting { color: rgb(180, 180, 180); font: 400 14px Roboto,sans-serif; margin-bottom: 15px; }
div.raiting:before { content: " "; display: inline-block; margin-right: 3px; width: 69px; height: 12px; background: url('stars.png') no-repeat scroll 0% 0% transparent; }
p.top { margin-top: 15px;line-height:25px; }

.timer {clear: both;}

p.comm-header { font: 400 20px Roboto,sans-serif; color: rgb(103, 103, 103); margin-bottom: 10px; }
span.time { font: 400 14px Roboto,sans-serif; color: rgb(164, 164, 164); padding-left: 3px; }
div.addCommentBox { margin-top: 20px; width: 100%; height: 40px; }
input.commentTextBox {margin: 0px; padding: 0px 0px 0px 10px; height: 40px; width: 60%; border-radius: 3px; border: 1px solid rgb(172, 172, 172); box-sizing: border-box; float: left; }
a.comm-btn { text-align:center;text-decoration: none; color:#424251; display: inline-block; background-color: #F6FAF1; border-radius: 3px; height: 40px; width: 35%; min-width: 90px; font: 700 20px/40px Roboto; float: right; }

@media only screen and (max-width :500px){
	img.logo {width:50%;}
	
	.logo-cover {float: none;margin:0px auto;width:80%;}
    .main-div {float: none;margin:0px auto;width:100%;}
	.btn{margin-left:30%;}
	.main {text-align:center;}
	span.free-bonus  {line-height: 20px;font-size:15px;margin-left:12%;}
}

@media only screen and (max-width :397px){
	.btn{margin-left:27%;}
	span.free-bonus  {margin-left:8%;}
}

@media only screen and (max-width :360px){
	.btn{margin-left:25%;}
	span.free-bonus  {margin-left:1%;}
}