html, body {
	margin:0; padding:0; background:#FFF; height:100%;
	font-family: titling-gothic-fb-narrow, sans-serif, Helvetica;
	color:#222; font-size:14px; line-height:1.4; font-weight:200;
}


a img, a {
	-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
	text-decoration:none; border:none;
}

a:hover img, a:hover { text-decoration:none; border:none; }

strong { font-family: bureau-grot-condensed, sans-serif, Helvetica; font-weight:800; }

.clear { clear:both; }


a { color:#333; }
a:hover { color:#000; }


:focus, textarea:focus, input:focus{
    outline: none;
}



::selection { background: #ffec00; /* WebKit/Blink Browsers */ color:#FFF; }
::-moz-selection { background: #ffec00; /* Gecko Browsers */ color:#FFFF; }


input, textarea { font-family: titling-gothic-fb-narrow, sans-serif, Helvetica; font-weight:200; }


h1,h2,h3,h4,h5,h6,h7 { font-weight:800; }


.wrap { max-width:1200px; width:96%; margin:auto; }

header { background:#FFF; text-align:center; padding:18px 0 15px 0; }
header ul { margin:0; padding:0; list-style:none; }
header ul li { margin:0; padding:0; list-style:none; display:inline-block; margin:0 30px; }
header ul li a { color:#333; text-transform:uppercase; font-size:26px; font-family: bureau-grot-condensed, sans-serif, Helvetica; font-weight:800; letter-spacing:1px; padding:8px 10px; }

header ul li a:hover { color:#fff; background:#000; }



.welcome {
	width:100%; height:auto; overflow:hidden; position:relative;
	background:#ffec00 url(../img/background.png) repeat; background-size:80px;
}




.welcome .logo {
	max-width:350px; width:25%; height:auto; overflow:hidden;
	position:absolute; left:50px; top:50px; z-index:9;
}

.welcome .logo img { width:100%; }





.welcome .intro {
	width:80%; max-width:800px; height:auto; overflow:hidden;
	margin:180px auto 0 auto; text-align:center; 
	position:relative; z-index:8;
}


.welcome .intro span { font-size:47px; line-height:1; font-family: bureau-grot-condensed, sans-serif, Helvetica; font-weight:500; letter-spacing:4px; }
.welcome .intro span strong { font-size:50px; display:block; text-transform:uppercase; font-family: bureau-grot-condensed, sans-serif, Helvetica; font-weight:800; letter-spacing:2px; }
.welcome .intro p { font-size:16px; }



.welcome .holder { width:100%; height:auto; overflow:hidden; margin-top:-30px; position:relative; z-index:8; display: flex; border-bottom:25px solid #333; }
.welcome .holder .left { width:48%; height:auto; overflow:hidden; float:left; text-align:right; position:relative; flex: 1; }
.welcome .holder .right { width:48%; height:auto; overflow:hidden; float:right; text-align:left; padding:80px 0 80px 0; flex: 1; }


.welcome .holder .right .inner { max-width:550px; width:100%; }



.welcome .holder .right ul { margin:0; padding:0; list-style:none; }
.welcome .holder .right ul li { margin:35px 0; padding:0; list-style:none; display:block; clear:both; }

.welcome .holder .right ul li strong { font-size:34px; text-transform:uppercase; line-height: 1.1; font-family: bureau-grot-condensed, sans-serif, Helvetica; font-weight:800; letter-spacing:2px; }
.welcome .holder .right ul li img { float:left; margin-right:15px; width:90px; padding:7px; }
.welcome .holder .right ul li p { margin:0; font-size:14px; }

.welcome .holder .right ul li a {
	background:#FFF; padding:5px 8px; border:#000 2px solid; border-radius: 5px; font-size:18px; margin-left:120px;
	text-transform:uppercase; font-family: bureau-grot-condensed, sans-serif, Helvetica; font-weight:800; letter-spacing:1px;
 }

.welcome .holder .right ul li a:hover {
	background:#000; color:#FFF;
}



.welcome .holder .left img.phone1 { max-width:500px; width:70%; position:absolute; z-index:4; right:0; margin:7% 25% 0 0; }
.welcome .holder .left img.phone2 { max-width:500px; width:70%;  position:absolute; z-index:8; right:0; } 

.welcome .holder .left img.phone-scroll { max-width:500px; width:70%;  position:absolute; z-index:6; right:0; transform: rotate(-10.5deg);  } 





#how { width:100%; height:auto; overflow:hidden; background:url(../img/grey.jpg) bottom repeat-x; padding:50px 0 0 0; }

#how img { width:100%; }


#how .left { width:51%; height:auto; overflow:hidden; float:left; position:relative; }
#how .right { width:45%; height:auto; overflow:hidden; float:right; }



#how .left .float { width:70%; position:absolute; z-index:9; }

#how .left .float ol { margin:0; padding:0; list-style:none;  }
#how .left .float ol li { margin:10px 0; padding:0; clear:both; display:block;  }

#how .left .float ol li span {
	font-size:30px; text-transform:uppercase; font-family: bureau-grot-condensed, sans-serif, Helvetica; font-weight:800; letter-spacing:0px; line-height:1.2;
	padding-top:6px; display:block; color:#ffec00; text-shadow: 2px 2px 2px #444; letter-spacing:1px;
}

#how .left .float ol li p { font-size:18px; margin:0; display:block; text-transform:uppercase; line-height:1; }
#how .left .float ol li img { width:70px; float:left; margin-right:10px; margin-bottom:15px; }


#how .right h4 { font-size:34px; text-transform:uppercase; font-family: bureau-grot-condensed, sans-serif, Helvetica; font-weight:800; letter-spacing:2px; margin:15px 0 }
#how .right p { font-size:16px; line-height:1.6 }



#prizes { width:100%; height:auto; overflow:hidden; background:#f2f2f2 url(../img/grey.jpg); padding:0 0 50px 0; }

#prizes .heading { width:90%; max-width:600px; text-align:center; margin:0 auto 30px auto; font-size:16px; }
#prizes .heading h3 {
	font-size:50px; text-transform:uppercase; font-family: bureau-grot-condensed, sans-serif, Helvetica; font-weight:800; letter-spacing:2px; margin:5px 0;
}

#prizes .price { margin:30px 0; }

#prizes .price .left{ width:32%; float:left; height:auto; overflow:hidden; }
#prizes .price .right { width:65%; float:right; height:auto; overflow:hidden; }



#prizes .price h5 { 
	font-size:18px; background:#000; color:#FFF; 
	font-family: bureau-grot-condensed, sans-serif, Helvetica; font-weight:800; text-transform:uppercase;
	letter-spacing:2px; display:inline-block; 
	margin:20px 0 0 0; padding:6px 8px;
}
	
	
	
#prizes .price h6 { font-size:50px; text-transform:uppercase; font-family: bureau-grot-condensed, sans-serif, Helvetica; font-weight:800; letter-spacing:2px; margin:0; line-height:1; }


#prizes .price .by { font-size:12px; text-transform:uppercase; display:block; margin-top:30px; }

#prizes .price .logo { height:80px; display:block; padding-top:10px; }

#prizes .price .text { border-top:1px solid #ccc; padding:20px 0; margin:15px 0; line-height:1.5; }



#prizes .price .right ul { margin:0; padding:0; list-style:none; }
#prizes .price .right ul li { width:31%; float:left; margin:1.0333%; padding:0; list-style:none; background:#CCC; }
#prizes .price .right ul li img { width:100%; }


.share { width:100%; height:auto; overflow:hidden; background: #ffec00; padding:50px 0 50px 0; text-align:center; }



.share h5 { 
	font-size:18px; background:#000; color:#FFF; 
	font-family: bureau-grot-condensed, sans-serif, Helvetica; font-weight:800; text-transform:uppercase;
	letter-spacing:2px; display:inline-block; 
	margin:20px auto 0 auto; padding:6px 8px; max-width: 600px;
}
	
	
.share h6 { font-size:50px; text-transform:uppercase; font-family: bureau-grot-condensed, sans-serif, Helvetica; font-weight:800; letter-spacing:2px; margin:0; line-height:1; }




.share p { margin:20px auto 0 auto; max-width: 650px; }



.share .terms { width:80%; max-width: 80%;  margin:auto; font-size:10px; text-align:center; margin-top:100px; line-height:1.2; }




#winners { width:100%; height:auto; overflow:hidden; background:#fff url(../img/background.png) repeat; background-size:80px; padding:50px 0; }


#winners .heading { width:90%; max-width:600px; text-align:center; margin:0 auto 30px auto; font-size:16px; }
#winners .heading h3 {
	font-size:50px; text-transform:uppercase; font-family: bureau-grot-condensed, sans-serif, Helvetica; font-weight:800; letter-spacing:2px; margin:5px 0;
}



#winners ul { margin:0; padding:0; list-style:none; }
#winners ul li { width:24%; float:left; margin:.5%; padding:0; list-style:none; background:#CCC; }
#winners ul li img { width:100%; }




footer { background:#000; padding:30px 0; text-align:center; }


footer ul { margin:0; padding:0; list-style:none; }
footer ul li { margin:0; padding:0; list-style:none; display:inline-block; margin:0 15px; }
footer ul li a { color:#FFF; text-transform:uppercase; font-size:16px; font-family: bureau-grot-condensed, sans-serif, Helvetica; font-weight:800; letter-spacing:1px; }




#contact .media { width: 30px; }

#contact .wrap { max-width: 800px; }

#contact input { width: calc(50% - 60px); padding: 20px; margin:10px 5px 0 5px; flex: left; border: none; font-size: 16px; }
#contact textarea { width: calc(100% - 60px); height: 100px; padding: 20px; margin:10px 5px 0 5px; border: none; font-size: 16px; }

#contact input.send {
    background: #000; width: calc(100% - 60px); padding: 15px; text-align: center; text-transform: uppercase;
    color: #FFF; font-weight: bold; font-size: 20px; letter-spacing: 2px;
}

#contact input.send:hover { background: #FFF; color: #000; }




.slideInRight li strong { display: block; }