@charset "utf-8";
/* CSS Document */
body,html,div,span,
h1,h1,p,ul,li,img,small,form {margin:0; padding:0; font:inherit; font-size:100%; vertical-align:baseline;}
html {line-height:1;}
body {font-family: 'Open Sans', sans-serif; font-size:1em; color:#333333; font-weight:300; background-color:#f6f6f6;}
ul,li {list-style:none;}
button,
input,
select,
textarea {
  outline: 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  border: none;
  border-radius: 1px;
  max-width: 100%;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.clearfix:after {content: ""; display: table; clear: both;}
strong {font-weight:700;}

.text_center {text-align:center;}

.outer {padding:0 0 3em 0;
background: rgb(247,247,247);
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 );
}
.header {padding:1.5em 0; background-color:#fff;}
.header h1 {text-align:center; font-size:2.8em; line-height:0.9;}
.header h1 small {font-size:0.5em;}

.color_main {color:#078dd5;}


.content {max-width:1026px; margin:0 auto;}

.prize {}
.prize h1 {font-size:1.45em; text-align:center; padding:1.5em 0;}
.main_content {position:relative; margin-bottom:3em;}
.prize .phone_content {float:left;}
.prize .phone_content img {margin-bottom:30px; width:100%;}
.choose_color {text-align:center;}
.choose_color ul {margin-top:15px;}
.choose_color ul li {display:inline-block; width:45px; position:relative; height:50px;}
.choose_color ul a, .choose_color ul a:visited {width:32px; height:32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; display:inline-block;}
.choose_color ul a span {position:absolute; top:36px; left:0; right:0; visibility:hidden; display:block; font-size:0.8em;}
.choose_color ul a:hover, .choose_color ul a:focus, .choose_color ul a:active {
-moz-box-shadow:    inset 0 1px 2px rgba(0,0,0,0.4);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.4);
box-shadow:         inset 0 1px 2px rgba(0,0,0,0.4);}
.choose_color ul a:active, .choose_color ul a:focus {outline:0;}
.choose_color ul a:active span, .choose_color ul a:focus span {visibility:visible; outline:0; z-index:2;}

.choose_color .color1 {background-color:#d0d0d4;}
.choose_color .color2 {background-color:#9b9ba0;}
.choose_color .color3 {background-color:#d4bba3;}
.choose_color .color4 {background-color:#d0a8a0;}

.prize .form_content {background-color:#333333; float:right; width:437px; padding:0 3% 2em 3%; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.prize .form_content .title {text-align:center; font-size:1.8em; padding:1em 0 0.5em;}
.prize .form_content p {margin-top:0.6em;}
.prize .form_content label {width:32%; margin-right:2%; font-size:0.9em; display:inline-block; vertical-align:middle; text-align:right;}
.prize .form_content input {width:66%; padding:8px 7px; vertical-align:middle; display:inline-block; background:#fff; border:1px solid #fff;}
.prize .form_content select {width:66%; padding:8px 7px; vertical-align:middle; border:1px solid #fff;}
.prize .form_content .post_code {width:40%;}
.prize .form_content small {display:block; margin-left:34%; font-size:0.75em; padding:1em 0 0.5em;}
.prize .form_content textarea {vertical-align:top; height:60px; resize:none; width:66%; padding:8px 7px; background:#fff; border:1px solid #fff;}
.prize .form_content input:focus, .prize .form_content textarea:focus, .prize .form_content select:focus {border:1px solid #078dd5;}
.prize .form_content .txtarea_label {padding-top:9px;}
.prize .form_content .button {display:block; margin-left:34%; text-decoration:none; background-color:#e9645a; padding:0.9em 5px; text-align:center; color:#fff; margin-top:1em; font-size:1.1em;}
.prize .form_content .button button {background-color:#e9645a; text-align:center; color:#fff; font-size:1.1em; cursor:pointer; }

.bot_title {font-size:3.5em; padding:5px 0 10px;}

.bot_list {text-align:center;}
.bot_list li {background:url(images/bullet_point.png) left 10px no-repeat; padding:0 0 0 15px; margin-top:10px; line-height:1.5em;}
.bot_list li:first-child {float:left; max-width:47%; text-align:left;}
.bot_list li:nth-child(2) {float:right; max-width:47%; text-align:left;}
.bot_list li:last-child {display:inline-block; clear:both;}

footer {padding:2.5em 2%;}
footer h1 {color:#e9645a; font-weight:700; text-align:center;}
footer p {font-size:0.8em; line-height:2em; margin-top:1em;}

@media all and (max-width: 1050px) {
	.content {margin:0 1%;}
	.prize .phone_content {width:500px;}
	.prize .form_content {float:none; margin-left:540px; width:auto;}
}
@media all and (max-width: 980px) {
	.prize .phone_content {width:400px;}
	.prize .form_content .title {font-size:1.4em; padding:1em 0 0.6em;}
	.prize .form_content {margin-left:440px; padding-bottom:1.5em;}
	.prize .form_content input {padding:6px 5px;}
}
@media all and (max-width: 880px) {
	.prize h1 {padding:1em 0;}
	.prize .phone_content {width:420px; position:absolute; left:0; top:0; z-index:1;}
	.choose_color {width:320px;}
	.prize .form_content {margin-left:340px; position:relative; z-index:2;}
	.bot_list li {display:inline-block !important; float:none !important; max-width:100% !important; text-align:left;}
}
@media all and (max-width: 700px) {
	.header {font-size:0.8em;}
	.prize .phone_content {width:520px;}
	.prize .form_content {padding:0 2% 1em 2%;}
	.prize .form_content .title {font-size:1.1em; padding:0.7em 0 0.3em; text-align:left;}
	.prize .form_content label {width:100%; margin-right:0; margin-bottom:6px; display:block; text-align:left;}
	.prize .form_content input {width:100%;}
	.prize .form_content textarea {width:100%;}
	.prize .form_content select {width:100%;}
	.prize .form_content small {display:block; margin-left:0;}
	.prize .form_content .txtarea_label {padding-top:0;}
	.prize .form_content .button {margin-left:0;}
	.prize .form_content .post_code {width:55%;}
	.bot_title {font-size:2.5em; padding:5px 0 10px;}
	.bot_list li {display:block !important; font-size:0.8em; background:url(images/bullet_point.png) left 6px no-repeat; margin:0 2% 8px 2%;}
}
@media all and (max-width: 600px) {
	.prize .phone_content {width:450px;}
	.choose_color {width:250px;}
	.prize .form_content {margin-left:260px;}
}
@media all and (max-width: 500px) {
	.header {font-size:0.65em;}
	.outer {padding:0 0 1em 0;}
	.content {margin:0;}
	.prize h1 {font-size:1.15em; margin-bottom:0.5em;}
	.main_content {padding-top:230px; margin-bottom:1em;;}
	.prize .phone_content {width:100%;}
	.prize .phone_content img {display:none;}
	.prize .phone_content {background:url(images/iphone.png) center 100px no-repeat; background-size:cover; height:300px;}
	.prize .form_content {margin-left:0;}
	.choose_color {position:absolute; top:0px; width:100%;}
	.bot_title {font-size:1.6em; padding:10px 0 14px;}
	footer {padding:1em 2%;}
}
@media all and (max-width: 380px) {
	.header {font-size:0.55em;}
	.prize h1 {font-size:0.85em; margin-bottom:1em;}
	.bot_title {font-size:1.4em;}
}