/* Global property start here */
@font-face {
  font-family: 'FrutigerLTStd-BlackCn';
  src: url('fonts/FrutigerLTStd-BlackCn.eot?#iefix') format('embedded-opentype'),  url('fonts/FrutigerLTStd-BlackCn.otf')  format('opentype'),
	     url('fonts/FrutigerLTStd-BlackCn.woff') format('woff'), url('fonts/FrutigerLTStd-BlackCn.ttf')  format('truetype'), url('fonts/FrutigerLTStd-BlackCn.svg#FrutigerLTStd-BlackCn') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FrutigerLT-Roman';
  src: url('fonts/FrutigerLT-Roman.eot?#iefix') format('embedded-opentype'),  url('fonts/FrutigerLT-Roman.woff') format('woff'), url('fonts/FrutigerLT-Roman.ttf')  format('truetype'), url('fonts/FrutigerLT-Roman.svg#FrutigerLT-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FrutigerLT-Cn';
  src: url('fonts/FrutigerLT-Cn.eot?#iefix') format('embedded-opentype'),  url('fonts/FrutigerLT-Cn.woff') format('woff'), url('fonts/FrutigerLT-Cn.ttf')  format('truetype'), url('fonts/FrutigerLT-Cn.svg#FrutigerLT-Cn') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FrutigerLT-BoldCn';
  src: url('fonts/FrutigerLT-BoldCn.eot?#iefix') format('embedded-opentype'),  url('fonts/FrutigerLT-BoldCn.woff') format('woff'), url('fonts/FrutigerLT-BoldCn.ttf')  format('truetype'), url('fonts/FrutigerLT-BoldCn.svg#FrutigerLT-BoldCn') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FrutigerLT-BlackCn';
  src: url('fonts/FrutigerLT-BlackCn.eot?#iefix') format('embedded-opentype'),  url('fonts/FrutigerLT-BlackCn.woff') format('woff'), url('fonts/FrutigerLT-BlackCn.ttf')  format('truetype'), url('fonts/FrutigerLT-BlackCn.svg#FrutigerLT-BlackCn') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {
	padding:0;
	margin:0;
}
body {
	background:#fff!important;
	font-family: 'FrutigerLT-Roman';
	font-size:13px;
}
li {
	list-style:none;
}
/*a, img {
	text-decoration:none;
	border:none;
	outline:none;
	max-width:100%;
	*/
.pull-left {
	float:left;
}
.pull-right {
	float:right;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'AvenirNextLTW01RegularRegular';
	font-weight:normal;
	margin:15px 0;
	color:#000;
}
h1 {
	font-size:40px;
}
h2 {
	font-size:35px;
}
h3 {
	font-size:30px;
}
h4 {
	font-size:25px;
}
h5 {
	font-size:20px;
}
h6 {
	font-size:15px;
}
p {
	line-height:23px;
	margin:15px 0;
	font-family: 'FrutigerLT-Roman';
}
.clearfix, .clearfix:before, .clearfix:after {
	content:"";
	clear:both;
	display:block;
}
.container, .container:before, .container:after, .inner-container, .inner-container:before, .inner-container:after {
	content:"";
	clear:both;
	display:block;
}
.container {
/*	max-width:640px;*/
	width:100%;
	margin:0 auto;
	display:block;
}
/* .inner-container { */
	/* max-width:555px; */
	/* width:100%; */
	/* margin:0 auto; */
	/* display:block; */
	/* position:relative; */
/* } */
.inner-container {
	max-width: 520px;
	width: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
}
.home-bg {
	width:100%;
	background:url(images/home-bg.jpg) no-repeat center top;
	height:calc(100%);
	background-size:cover;
}

.game-bg {
	width: 100%;
	background: url(images/back_bg.jpg) no-repeat center top;
	height: calc(100%);
	background-size: 100% 100%;
}
.instruction-bg {
	width:100%;
	background:url(images/instruction-bg.jpg) no-repeat center top;
	height:calc(100%);
	background-size:cover;
}
/* Global property end here */


/* Header start here */

#page-header {
	width:100%;
	text-align:center;
}

#page-header .logo {
	display: inline-block;
	margin-top: 22px;
	max-width: 100%;
}
.home-bg-1 #page-header .logo {
	display: inline-block;
	margin-top: 123px;
	max-width: 100%;
}
.home-bg-1 .formbox h4 {
	color: #fff;
	font-size: 35px;
	text-align: center;
	line-height: 41px;
	margin-top: 35px;
	font-family: 'FrutigerLT-Cn';
	max-width: 436px;
	margin: 55px auto 0;
}
.home-bg-1 .formbox h5 {
	color: #fff;
	font-size: 35px;
	text-align: center;
	margin: 35px auto 20px;
	font-family: 'FrutigerLT-Cn';
	max-width: 389px;
}
.home-bg-1 .formbox .innerformbox input[type="button"] {
	max-width: 312px!important;

}
.formbox {
	width:100%;
	padding-bottom:100px;
}

.formbox h1 {
    color: #fff;
    font-family: 'FrutigerLT-BlackCn';
    font-size: 51px;
    letter-spacing: -0.7px;
    line-height: 13px;
	text-align:center;
}
.formbox h4 {
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 24px;
	margin-top: 35px;
	font-family: 'FrutigerLT-Cn';
	max-width: 320px;
	margin: 27px auto 0;
}
.formbox h4 span {
	color:#fff;
	display:block;
	 font-family: 'FrutigerLT-BoldCn';
}
.formbox h5 {
	color: #fff;
	font-size: 22px;
	text-align: center;
	margin: 35px auto 20px;
	font-family: 'FrutigerLT-Cn';
	max-width: 432px;
}
.formbox .innerformbox {
/*	border:2px solid #47c439;
	border-radius:7px;*/
	width:94%;
/*	box-shadow: 0 0 5px 4px rgba(99, 205, 87, 0.5), 0 -1px 6px rgba(99, 205, 87, 0.8) inset;*/
	padding: 0 3% 20px;
	position:relative;
}
.formbox .innerformbox .cut-icon {
    left: 22px;
    position: absolute;
    top: -40px;
}
.formbox .innerformbox h3 {
	text-align:center;
	color:#fff;
	font-size:29px;
	margin-top:0;
	font-family: 'AvenirNextLTW01BoldRegular';
}
.formbox .innerformbox input[type="text"], .formbox .innerformbox input[type="email"] {
	width:92%;
	padding:15px 4%;
	border:none;
	color:#494949;
	font-size:20px;
	font-family: 'FrutigerLT-Cn';
	background:#efefef;
}
.formbox .innerformbox input[type="text"] {
	border-bottom:1px solid #dedede;
	border-radius:7px 7px 0 0;
}
.formbox .innerformbox input[type="email"] {
	border-radius:0 0 7px 7px;
}
.formbox .innerformbox select {
	width:100%;
	padding:13px 4%;
	height:51px;
	border:none;
	color:#494949;
	font-size:20px;
	margin-bottom:13px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background:url(images/select-arrow.png) no-repeat 97% 25px #fff;
	font-family: 'AvenirNextLTW01RegularRegular';
}
.formbox .innerformbox select option {
	padding:10px;
}

.formbox .innerformbox label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 48px;
	margin-right: 15px;
	font-size: 18px;
	color:#fff;
	line-height: 34px;
	font-family: 'AvenirNextLTW01BoldRegular';
}
.formbox .innerformbox input[type=checkbox] {
	display: none;
}
.formbox .innerformbox label:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	background-color: #fff;
	border:3px solid #47c439;
}

.formbox .innerformbox .checkbox label {
	margin-bottom: 10px;
}
.formbox .innerformbox .checkbox label:before {
    border-radius: 0;
}
.formbox .innerformbox input[type=checkbox]:checked + label:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 25px;
	color: #47c439;
	text-align: center;
    line-height: 26px;
}
.formbox .innerformbox p {
	text-align:center;
	color:#fff;
	font-size:17px;
	font-family: "FrutigerLT-BoldCn";
}
.formbox .innerformbox input[type="button"] {
	max-width: 187px;
	width: 100%;
	height: 76px;
	background: #f52020;
	font-size: 34px;
	-webkit-appearance: none;
	color: #fff;
	text-align: center;
	line-height: 76px;
	border: none;
	font-family: 'FrutigerLTStd-BlackCn';
	cursor: pointer;
	left: 0;
	right: 0;
	margin: 22px auto 0;
	display: block;
	border-radius: 7px;
	text-transform: uppercase;
	transition: all 0.5s ease 0s;
}
.formbox .innerformbox input[type="button"]:hover {
	background:#e20000;
}
.terms {
    bottom: 20px;
    display:inline-block;
/*    left: 0;*/
    margin: 0 auto;
/*    position: absolute;*/
    right: 0;
/*    width: 123px;*/
	color:#fff;
	text-decoration:underline;
	 font-family: 'FrutigerLT-Roman';
	 font-size:14px;
}


/*Game page start here*/

.small-margin {
  margin-top: 48px !important;
}
.game-page {
/*	border:2px solid #47c439;
	border-radius:7px;*/
	width:94%;
/*	box-shadow: 0 0 5px 4px rgba(99, 205, 87, 0.5), 0 -1px 6px rgba(99, 205, 87, 0.8) inset;*/
	padding: 20px 3% 160px;
	position:relative;
	margin-top:30px;
	text-align:center;
}
.game-page h2 {
	position:absolute;
	margin:0 auto;
	display:block;
	left:0;
	right:0;
	max-width:339px;
	width:100%;
	height:61px;
	background:#79c04e;
	text-align:center;
	line-height:61px;
	color:#fff;
	top: -36px;
	font-family: 'AvenirNextLTW01BoldRegular';
}
.game-page .bottles {
	margin-top:50px;
}
.numbers {
	background:#fff;
	margin-top:20px;
	width:100%;
}
.bottles-count {
	width:40%;
	background:#fff;
	padding:18px 10%;
}
.bottles-count h2 {
	background: #fff;
	color:#262626;
    margin: 0;
    text-transform: uppercase;
	font-family: 'AvenirNextLTW01BoldRegular';
}
.bottles-time {
	width:20%;
	background:#79c34e;
	padding:0px 10% 10px;
}
.bottles-time h2 {
	background:#79c34e;
	margin:0;
	font-size:40px;
	line-height:34px;
	font-weight:bold;
	color:#fff;
	font-family: 'AvenirNextLTW01BoldRegular';
}
.bottles-time h2 span {
	font-size:20px;
	font-weight:normal;
}

/*Game page end here*/

/*Instruction start here*/
.instruction {
	padding: 100px 8% 220px;
	width: 77%;
	margin: 0 auto;
}
.instruction h6 {
	font-size:28px;
	color:#f52020;
	margin:0;
	font-family: 'FrutigerLT-Cn';
}
.instruction h1 {
	font-size:58px;
	color:#f5f5f5;
	margin:0;
	font-family: 'FrutigerLTStd-BlackCn';
	line-height:50px;
}
.instruction p {
	color:#f4f4f4;
	font-size:26px;
	line-height:36px;
	 font-family: 'FrutigerLT-Cn';
}
.instruction p img {
	vertical-align:middle;
}
.instruction p span {
	color:#f52020;
	text-transform:uppercase;
	font-family: 'FrutigerLTStd-BlackCn';
}
.instruction h4 {
	font-size: 26px;
	color: #fff;
	margin: 0;
	font-family: 'FrutigerLTStd-BlackCn';
}
.instruction h4 span {
	color: #f52020;
	text-transform: uppercase;
	font-size: 32px;
}
.instruction .instruction-bottles {
	width:100%;
	text-align:center;
	display:inline-block;
}
.instruction .got-btn {
	max-width: 287px;
	height: 72px;
	width: 100%;
	display: block;
	margin: 0 auto;
	line-height: 72px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	background: #f52020;
	border-radius: 10px;
	margin-top: 60px;
	transition: all 0.8s ease 0s;
	font-family: 'FrutigerLTStd-BlackCn';
	text-decoration: none;
}
.instruction .got-btn:hover {
	background:#d90202;
}
.footer-logo {
	display:block;
	width:100%;
	text-align:center;
	background:#79c34e;
	padding: 0px;
}

/*Instruction end here*/

/*Good Work start here*/

.good-work {
	width:100%;
	text-align:center;
}
.good-work  h1 {
	color:#fff;
	font-size:70px;
	font-family: 'FrutigerLTStd-BlackCn';
	margin-bottom:0;
	line-height:70px;
}
.good-work p {
	color:#fefefe;
	font-size:26px;
	line-height:30px;
	margin-top:0;
	font-family: 'FrutigerLT-Cn';
}
.good-work h4 {
	color: #fefefe;
	font-size: 33px;
	line-height: 30px;
	margin-top: 55px;
	margin-bottom: 55px;
	font-family: 'FrutigerLT-Cn';
}
.good-work p span {
	font-family: 'FrutigerLT-Cn';
	text-transform:uppercase;
}
.good-work .good-work-img {
	display:inline-block;
	width:100%;
	margin:50px 0;
}
.good-work h3 {
    color: #f52020;
    font-family: 'FrutigerLTStd-BlackCn';
    font-size: 35px;
    letter-spacing: -0.7px;
    line-height: 13px;
	text-transform:uppercase;
}
.good-work .share-btn {
	max-width: 186px;
	height: 72px;
	width: 100%;
	display: block;
	margin: 0 auto;
	background: #f52020;
	text-align: center;
	line-height: 72px;
	color: #fff;
	font-size: 34px;
	text-transform: uppercase;
	font-family: 'FrutigerLTStd-BlackCn';
	border-radius: 13px;
	margin-top: 80px;
	transition: all 0.5s ease 0s;
	text-decoration: none;
}
.good-work .share-btn:hover {
	background:#de0b0b;
}
.small-margin-bottom {
	margin-bottom:30px;
}
.share-img.pull-left{
float:none;
text-align:center;
}
body, html{
position:relative;
}
.instruction .instruction-bottles img {
max-width:100%;
}
#terms_show {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 150px;
}
.instruction-logo {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-top: -30px;
  margin-bottom:30px;
}
.baubles_text {
	font-family: 'FrutigerLT-Cn'!important;
}
/*
#e1{
max-width:200px!important;
margin:0px auto;
right:0px;	 
display:block;
}
*/
/*
.timesupimg{
max-width:64%!important;
}
*/
@media (min-width: 376px) and (max-width:414px) {
.logo img {
	max-width: 175px;
}
.home-bg-1 .formbox h4 {
	font-size: 22px;
	line-height: 34px;
	margin-top: 35px;
	margin: 40px auto 0;
}
.home-container {
	width: 100%;
	max-width: 100%;
}
.home-bg-1 .formbox h4 {
	font-size: 23px;
	line-height: 33px;
	max-width: 291px;
	margin: 27px auto 0;
}
.home-bg-1 .formbox h5 {
	font-size: 23px;
	margin: 18px auto 20px;
	max-width: 248px;
}
.home-bg-1 .formbox .innerformbox input[type="button"] {
	max-width: 220px !important;
}
.formbox .innerformbox input[type="button"] {
	font-size: 21px !important;
	height: 55px !important;
	line-height: 55px !important;
	margin: 73px auto 0 !important;
	max-width: 195px !important;
}
.formbox {
	padding-bottom: 31px;
}
#form_page .formbox .innerformbox input[type="button"] {
	
	margin: 22px auto 0 !important;

}
#terms_show {
	margin-top: 30px;
}
.home-bg-1 #page-header .logo {
	margin-top: 87px;
}
/* instruction */
.instruction-logo img {
	max-width: 126px;
}
.instruction {
	padding: 63px 8% 40px;
	width: 85%;
}
.instruction-bg {
	padding-bottom: 20px!important;
}
.instruction h4 {
	font-size: 18px;
}
.instruction h4 span {
	font-size: 24px;
}
.instruction p img {

	max-width: 27px;
}
.instruction h6 {
	font-size: 22px;
}
.formbox .innerformbox {
	width: 80%;
	margin: 0 auto;
	float: none;
}
.formbox h5 {
	font-size: 18px !important;
	margin: 17px auto 20px !important;
	max-width: 367px !important;
}
.formbox .innerformbox input[type="text"], .formbox .innerformbox input[type="email"] {
	width: 92%;
	padding: 7px 4%;
	
}
#form_page #page-header .logo {
	display: inline-block;
	margin-top: 122px;
	max-width: 100%;
}
/* instruction  end*/
.good-work h1 {
	font-size: 33px !important;
	line-height: 36px;
	max-width: 246px;
	margin: 31px auto;
}
.good-work h4 {
	font-size: 24px;
	line-height: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.good-work .share-btn {
	font-size: 26px!important;
	height: 60px!important;
	line-height: 60px!important;
	margin: 30px auto 0!important;
	
}
.game-page {
	padding: 0px 3% 125px!important;
}
.good-work p {
	line-height: 25px!important;
	font-size: 18px!important;
	max-width: 300px!important;
	margin: 0 auto!important;
}
}
@media (min-width: 320px) and (max-width:360px) {
.logo img {
	max-width: 120px;
}
.formbox h1 {
	font-size: 25px !important;
	margin: 0;
}
.home-bg-1 .formbox h4 {
	font-size: 20px!important;
	line-height: 27px!important;
	max-width: 265px!important;
	margin: 27px auto 0!important;
}
.home-container {
	width: 100%;
	max-width: 100%;
}
.home-bg-1 .formbox h4 {
	font-size: 23px;
	line-height: 33px;
	max-width: 291px;
	margin: 27px auto 0;
}
#first_page .home-bg-1 #page-header .logo {
	margin-top: 69px!important;
	margin-bottom: 19px!important;
}
#first_page .home-bg-1 .formbox h5 {
	font-size: 20px!important;
	margin: 18px auto 20px!important;
	max-width: 222px!important;
}
.home-bg-1 .formbox h5 {
	font-size: 23px;
	margin: 18px auto 20px;
	max-width: 248px;
}
.home-bg-1 .formbox .innerformbox input[type="button"] {
	max-width: 177px !important;
}
.formbox .innerformbox input[type="button"] {
	font-size: 18px !important;
	height: 45px !important;
	line-height: 48px !important;
	margin: 22px auto 0 !important;
	max-width: 195px !important;
}
.formbox {
	padding-bottom: 34px;
}

#terms_show {
	margin-top: 8px;
}
.home-bg-1 #page-header .logo {
	margin-top: 69px;
	margin-bottom: 5px;
}
/* instruction */
.instruction-logo img {
	max-width: 100px;
}
#instruction p {
    line-height: 23px;
    margin: -7px 0;
}
.instruction h1 {
	font-size: 28px!important;
	line-height: 26px!important;
}
.instruction {
	padding: 69px 8% 40px;
	width: 85%;
}
.instruction-bg {
	padding-bottom: 20px!important;
}
.instruction h4 {
	font-size: 15px;
}
.instruction h4 span {
	font-size: 20px;
}
.instruction-logo {
	margin-bottom: 8px;
}
.instruction p img {

	max-width: 27px;
}
.instruction h6 {
	font-size: 17px;
}
.instruction p {
	font-size: 17px !important;
	line-height: 30px;
}
.instruction .got-btn {
	font-size: 18px !important;
	height: 47px !important;
	line-height: 47px !important;
	margin: 17px auto 0 !important;
	max-width: 189px !important;
}
.formbox .innerformbox {
	width: 80%;
	margin: 0 auto;
	float: none;
}
.formbox h5 {
	font-size: 15px !important;
	margin: 17px auto 20px !important;
	max-width: 290px !important;
}
.formbox .innerformbox input[type="text"], .formbox .innerformbox input[type="email"] {
	width: 92%;
	padding: 9px 4%;
	color: #494949;
	font-size: 17px;

}
.home-bg {
	background-size: 100% 100%!important;
}
#form_page #page-header .logo {
	
	margin-top: 59px!important;
	
}
.formbox h4 {
	font-size: 18px !important;
	line-height: 23px !important;
	margin-top: 21px !important;
	max-width: 259px !important;
}
#form_page .formbox {
	padding-bottom: 7px!important;
}
/* instruction  end*/
}