@import 'https://fonts.googleapis.com/css?family=Roboto:400,500,900';

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

html, body { margin: 0; font-family: 'Roboto', sans-serif; text-align: center; color: #282828; }

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.block { width: 100%; }

.header{ background: url('images/header.jpg') top center repeat-x; }
.light { background: url('images/light.jpg') top center no-repeat #d2cdd7; }
.purple { background: url('images/purple.jpg') top center no-repeat; background-size: 100% auto; }
.white { background: #ffffff; }
.red { background: url('images/red.jpg') center center no-repeat; background-size: 100% 100%; }
.dark { background: url('images/dark.jpg') center center no-repeat; background-size: 100% auto; }

.content { position: relative; width: 1145px; margin: 0 auto; }

h2.heading { position: relative; font-size: 44px; font-weight: 500; line-height: 54px; margin-bottom: 38px; }
h2.heading.divider:after { content: ""; display: block; position: absolute; margin: 0 auto; right: 0; bottom: -36px; left: 0; width: 309px; height: 9px; background: url('images/divider.png') no-repeat; }
h2.heading span{ color: #ffd600; }
h2.heading .above { display: block; font-weight: 500; font-size: 38px; color: #ffffff; }
.purple h2.heading, .red h2.heading, .dark h2.heading { color: #ffffff; }

b{ font-weight: 900; }

.columns { font-size: 0px; }

.columns.two li { width: 50%; text-align: left; }
.columns.three li { width: 33%; }

.columns li { float: left; font-size: 14px; padding-top: 40px; }
.columns li h3 { font-size: 22px; font-weight: 500; padding: 32px 0 15px 0; }
.columns li p { font-size: 18px; font-weight: 400; line-height: 30px; padding: 0 15px; }
.columns li .column-icon { display: block; margin: 0 auto; background-position: bottom center; background-repeat: no-repeat; width: 96px; height: 69px; }
.columns li .column-icon.reveal { background-image: url('images/i-reveal.png'); }
.columns li .column-icon.guesswork { background-image: url('images/i-guesswork.png'); }
.columns li .column-icon.swipe { background-image: url('images/i-swipe.png'); }
.columns li .column-icon.traffic { background-image: url('images/i-traffic.png'); }
.columns li .column-icon.launch { background-image: url('images/i-launch.png'); }
.columns li .column-icon.anywhere { background-image: url('images/i-anywhere.png'); }

.purple .columns li { color: #ffffff; }

.left { text-align: left; padding-right: 45%; }
.right { text-align: left; padding-left: 45%; }
.left, .right { margin-bottom: 75px; }
.left h3, .right h3 { font-size: 34px; margin-bottom: 30px; }
.left p, .right p { font-size: 20px; margin-bottom: 30px; line-height: 32px; }

.pull-l { position: absolute; left: 40px; }
.pull-r { position: absolute; right: 40px; }

#block-1 .content { height: 1121px; padding-top: 71px; }
#block-2 .content { height: 853px; padding-top: 117px; }
#block-3 .content { height: 1318px; padding-top: 80px; }
#block-4 .content { height: 462px; padding-top: 73px; text-align: left; }
#block-5 .content { height: 489px; padding-top: 79px; }
#block-6 .content { height: 618px; padding-top: 82px; }
#block-7 .content { height: 377px; }
#block-8 .content { height: 853px; padding-top: 85px; }
#block-9 .content { height: 226px; padding-top: 50px; }
#block-10 .content {  }
#block-11 .content { height: 172px; padding-top: 54px; }
#block-22 .content { height: 692px;  }

#block-10, #block-12, #block-13, #block-14, .block-15, #block-17, #block-19, #block-21, #block-23, #block-26, #block-27, #block-28, #block-29 { padding: 80px 0; }

.countdown { width: 660px; margin: 70px auto 0 auto; }
.block-15 .countdown { width: 830px; margin: 50px auto 10px auto; }

#block-1 h1 { font-size: 50px; font-weight: 500; line-height: 56px; color: #ffffff; padding: 0; }
#block-1 h1 span { color: #f57b30; font-weight: 900; }
#block-1 p { padding-top: 18px; font-size: 28px; font-weight: 400; color: #ffffff; }
#block-1 .video { width: 857px; height: 489px; background: rgba( 255, 255, 255, 0.2 ); margin: 57px auto 0 auto; padding: 8px; }
#block-1 .button { position: absolute; margin: 0 auto; right: 0; bottom: -59px; left: 0;  }
#block-1 .button a { position: relative; z-index: 9999; display: block; width: 857px; height: 110px; margin: 0 auto; padding: 26px 0 0 0; color: #8f0000; font-size: 26px; font-weight: 900; border-radius: 6px; background: url('images/button.jpg') top repeat-x; border-bottom: 4px solid #a6710c; text-decoration: none; text-shadow: 1px 1px 1px #fffc00; }
#block-1 .button a span { display: block; font-size: 18px; font-weight: 400; padding: 8px 0 0 0; }
#block-1 .button a:hover { background-position: bottom; }

#block-3 .columns li.person-clear { clear: both; }
#block-3 .columns li p { font-style: italic; font-size: 17px; margin-bottom: 20px; line-height: 28px; }
#block-3 .columns li .person img { float: left; margin-right: 15px; }
#block-3 .columns li .person p { font-size: 18px; font-weight: 500; font-style: normal; padding-top: 15px; margin-bottom: 5px; }
#block-3 .columns li .person i { display: block; font-size: 16px; font-weight: 400; font-style: italic; line-height: 14px; margin-bottom: 8px; }

#block-4 img { float: left; margin-right: 50px; }
#block-4 h2 { font-size: 38px; margin: 15px 0 50px 0; }
#block-4 p { font-size: 22px; line-height: 32px; }

#block-5 h2 { font-size: 36px; line-height: 48px; margin: 0 0 50px 0; color: #ffffff; }
#block-5 p { font-size: 21px; line-height: 30px; color: #ffffff; text-align: left; }
#block-5 h3 { display: inline-block; position: relative; font-size: 66px; font-weight: 900; font-style: italic; margin: 60px 0 0 0; color: #ffd600; }
#block-5 h3:before { content: ""; display: block; position: absolute; top: -70px; left: 115px; width: 65px; height: 54px; background: url('images/arrow.png') no-repeat; }

#block-6 { position: relative; }
#block-6 h2 { font-size: 47px; }
#block-6 .product { position: absolute; margin: 0 auto; right: 0; bottom: -180px; left: 0; }

#block-7 p { position: absolute; margin: 0 auto; right: 0; bottom: 73px; left: 0; font-size: 32px; line-height: 44px; }

#block-8 p { font-size: 21px; text-align: left; line-height: 34px; margin-bottom: 30px; }
#block-8 p:last-child { margin-bottom: 0; }
#block-8 .keyword { position: absolute; margin: 0 auto; right: 0; bottom: 0; left: 0; }

#block-9 h2, #block-11 h2 { font-size: 68px; font-weight: 900; }

#block-13 h2 { font-size: 52px; }
#block-13 p { color: #ffffff; font-size: 20px; text-align: left; line-height: 32px; margin-bottom: 20px; }
#block-13 p:last-child { margin-bottom: 0; }
#block-13 i { display: block; color: #ffffff; text-align: center; font-size: 32px; font-style: italic; margin-bottom: 30px; }

#block-14 { position: relative; }
#block-14 h2 { font-size: 46px; }
#block-14 .wrap { width: 50%; text-align: left; }
#block-14 p { color: #ffffff; font-size: 20px; text-align: left; line-height: 32px; margin-bottom: 20px; }
#block-14 p:last-child { margin-bottom: 0; }
#block-14 img { position: absolute; top: 0; right: -65px; }

.block-15 h2 { font-size: 52px; }
.block-15 span { display: inline-block; line-height: 30px; margin: 0 20px; font-size: 20px; }
.block-15 span img { float: left; margin-right: 10px; }
.block-15 h3 { font-size: 36px; margin: 60px 0 30px 0; }
.block-15 p { font-size: 22px; margin-top: 30px; }
.block-15 p.price-no { font-size: 52px; text-decoration: line-through; margin: 10px 0 30px 0; }

#block-16 .content { padding: 80px 0; }
#block-16 h2 { font-size: 54px; }
#block-16 p { font-size: 34px; line-height: 38px; color: #ffffff; }
#block-16 .video { width: 857px; height: 489px; background: rgba( 255, 255, 255, 0.2 ); margin: 57px auto 0 auto; padding: 8px; }
#block-16 .button { position: absolute; margin: 0 auto; right: 0; bottom: -59px; left: 0;  }
#block-16 .button a { position: relative; z-index: 9999; display: block; width: 857px; height: 110px; margin: 0 auto; padding: 26px 0 0 0; color: #8f0000; font-size: 26px; font-weight: 900; border-radius: 6px; background: url('images/button.jpg') top repeat-x; border-bottom: 4px solid #a6710c; text-decoration: none; text-shadow: 1px 1px 1px #fffc00; }
#block-16 .button a span { display: block; font-size: 18px; font-weight: 400; padding: 8px 0 0 0; }
#block-16 .button a:hover { background-position: bottom; }

#block-17 h2 { font-size: 36px; font-weight: 500; padding: 40px 0 30px 0; }
#block-17 h2 span { display: block; color: #b91212; }
#block-17 .columns { text-align: left; }
#block-17 .columns li { padding: 0 15px; }
#block-17 .columns li h3 { position: relative; font-size: 20px; }
#block-17 .columns li h3:before { position: absolute; top: 32px; left: -30px; content: ""; display: block; width: 23px; height: 23px; background: url('images/green-tick.png') no-repeat; }
#block-17 .columns li p { padding: 0 15px 0 0; }

#block-18 .content { padding: 80px 0 50px 0; }
#block-18 .left { margin-bottom: 0; }
#block-18 .list { padding: 0 10px 0 60px; }
#block-18 .list li { margin-bottom: 40px; }
#block-18 .list li h3 { position: relative; font-size: 26px; font-weight: 500; margin-bottom: 10px; }
#block-18 .list li h3:before { content: ""; display: block; position: absolute; width: 39px; height: 39px; background: url('images/green-tick-l.png') no-repeat; top: -7px; left: -59px; }
#block-18 .list li p { font-size: 17px; margin-bottom: 20px; }
#block-18 img { position: absolute; top: 25px; right: -100px; }

#block-19 h2 { font-size: 58px; margin-bottom: 50px; }
#block-19 .list { padding: 0 20% 0 25%; text-align: left; }
#block-19 .list li { position: relative; margin-bottom: 30px; }
#block-19 .list li h3 { font-size: 24px; }
#block-19 .list li h3:before { content: ""; display: block; position: absolute; top: -5px; left: -55px; width: 30px; height: 30px; background: url('images/red-cross.png') no-repeat; }

#block-20 .content { padding: 80px 0; }
#block-20 img { position: absolute; bottom: 0; left: 40px; }
#block-20 .right { margin-bottom: 0; }
#block-20 .list { padding: 30px 0 0 0; }
#block-20 .list li { position: relative; margin-bottom: 50px; }
#block-20 .list li h3 { font-size: 24px; }
#block-20 .list li h3:before { content: ""; display: block; position: absolute; width: 39px; height: 39px; top: -7px; left: -64px; background: url('images/green-tick-l.png') no-repeat; }

#block-21 h2 { margin-bottom: 60px; }
#block-21 h2 span { display: block; font-weight: 900; }
#block-21 img { float: left; margin-right: 40px; }
#block-21 p { font-size: 20px; line-height: 30px; text-align: left; margin-bottom: 30px; color: #ffffff; }
#block-21 p:last-child { font-size: 30px; font-style: italic; text-align: center; }

#block-22 .left { padding: 65px 56% 70px 0; margin-bottom: 0; }
#block-22 p { margin-bottom: 30px; color: #ffffff; }
#block-22 img { position: absolute; top: 0; right: 0; }

#block-23 p { margin-bottom: 30px; color: #ffffff; font-size: 20px; line-height: 32px; }

#block-24 .content { padding: 80px 0; }
#block-24 h2 { margin-bottom: 20px; }
#block-24 h2 span { color: #ab000b; }
#block-24 .site-sentinel { position: absolute; left: 0; }
#block-24 .wpspy { position: absolute; right: 0; }

#block-25 .content { padding: 50px 0 20px 0; }

#block-26 p { font-size: 20px; line-height: 30px; text-align: left; margin-bottom: 30px; }
#block-26 p:last-child { margin-bottom: 0; }

#block-27 .columns { text-align: left; color: #ffffff; }
#block-27 .columns li { padding: 0 15px; }
#block-27 .columns p { padding: 0 15px 0 0 }
#block-27 .columns h3 { position: relative; }
#block-27 .columns h3:before { content: ""; position: absolute; display: block; width: 23px; height: 23px; background: url('images/white-tick.png') no-repeat; top: 30px; left: -30px; }

#block-28 .behind { width: 80%; margin: 0 auto 60px auto; padding-bottom: 70px; border-bottom: 1px solid #d9d9d9; }
#block-28 h2 { margin-bottom: 120px; }
#block-28 .q { position: relative; background: #f0f0f0; padding: 30px 30px 30px 85px; text-align: left; font-size: 20px; }
#block-28 .q:before { content: ""; display: block; position: absolute; width: 45px; height: 45px; background: url('images/faq.png') no-repeat; top: 50%; margin-top: -23px; left: 20px; }
#block-28 .a { background: #e0e0e0; padding: 40px; margin-bottom: 20px; text-align: left; line-height: 26px; }

#block-29.footer { background: #252525; color: #d1d1d1; }