.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-print,.visible-print-block,.visible-print-inline,.visible-print-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}
@media (max-width:767px) {
.visible-xs{display:block!important}
table.visible-xs{display:table}
tr.visible-xs{display:table-row!important}
td.visible-xs,th.visible-xs{display:table-cell!important}
.visible-xs-block{display:block!important}
.visible-xs-inline{display:inline!important}
.visible-xs-inline-block{display:inline-block!important}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm{display:block!important}
table.visible-sm{display:table}
tr.visible-sm{display:table-row!important}
td.visible-sm,th.visible-sm{display:table-cell!important}
.visible-sm-block{display:block!important}
.visible-sm-inline{display:inline!important}
.visible-sm-inline-block{display:inline-block!important}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md{display:block!important}
table.visible-md{display:table}
tr.visible-md{display:table-row!important}
td.visible-md,th.visible-md{display:table-cell!important}
.visible-md-block{display:block!important}
.visible-md-inline{display:inline!important}
.visible-md-inline-block{display:inline-block!important}
}
@media (min-width:1200px) {
.visible-lg{display:block!important}
table.visible-lg{display:table}
tr.visible-lg{display:table-row!important}
td.visible-lg,th.visible-lg{display:table-cell!important}
.visible-lg-block{display:block!important}
.visible-lg-inline{display:inline!important}
.visible-lg-inline-block{display:inline-block!important}
}
@media (max-width:767px) {
.hidden-xs{display:none!important}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm{display:none!important}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md{display:none!important}
}
@media (min-width:1200px) {
.hidden-lg{display:none!important}
}
@media print {
.visible-print{display:block!important}
table.visible-print{display:table}
tr.visible-print{display:table-row!important}
td.visible-print,th.visible-print{display:table-cell!important}
.visible-print-block{display:block!important}
.visible-print-inline{display:inline!important}
.visible-print-inline-block{display:inline-block!important}
.hidden-print{display:none!important}
}
.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
@media (min-width:768px) {
.container{width:750px}
}
@media (min-width:992px) {
.container{width:970px}
}
@media (min-width:1200px) {
.container{width:1170px}
}
.row{margin-left:-15px;margin-right:-15px}
.col,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.col,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media (min-width:768px) {
.col,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
.col-sm-pull-12{right:100%}
.col-sm-pull-11{right:91.66666667%}
.col-sm-pull-10{right:83.33333333%}
.col-sm-pull-9{right:75%}
.col-sm-pull-8{right:66.66666667%}
.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-6{right:50%}
.col-sm-pull-5{right:41.66666667%}
.col-sm-pull-4{right:33.33333333%}
.col-sm-pull-3{right:25%}
.col-sm-pull-2{right:16.66666667%}
.col-sm-pull-1{right:8.33333333%}
.col-sm-pull-0{right:auto}
.col-sm-push-12{left:100%}
.col-sm-push-11{left:91.66666667%}
.col-sm-push-10{left:83.33333333%}
.col-sm-push-9{left:75%}
.col-sm-push-8{left:66.66666667%}
.col-sm-push-7{left:58.33333333%}
.col-sm-push-6{left:50%}
.col-sm-push-5{left:41.66666667%}
.col-sm-push-4{left:33.33333333%}
.col-sm-push-3{left:25%}
.col-sm-push-2{left:16.66666667%}
.col-sm-push-1{left:8.33333333%}
.col-sm-push-0{left:auto}
.col-sm-offset-12{margin-left:100%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-0{margin-left:0}
}
@media (min-width:992px) {
.col,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
}
@media (min-width:1200px) {
.col,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.col-lg-pull-12{right:100%}
.col-lg-pull-11{right:91.66666667%}
.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-9{right:75%}
.col-lg-pull-8{right:66.66666667%}
.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-6{right:50%}
.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-4{right:33.33333333%}
.col-lg-pull-3{right:25%}
.col-lg-pull-2{right:16.66666667%}
.col-lg-pull-1{right:8.33333333%}
.col-lg-pull-0{right:auto}
.col-lg-push-12{left:100%}
.col-lg-push-11{left:91.66666667%}
.col-lg-push-10{left:83.33333333%}
.col-lg-push-9{left:75%}
.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}
.col-lg-push-6{left:50%}
.col-lg-push-5{left:41.66666667%}
.col-lg-push-4{left:33.33333333%}
.col-lg-push-3{left:25%}
.col-lg-push-2{left:16.66666667%}
.col-lg-push-1{left:8.33333333%}
.col-lg-push-0{left:auto}
.col-lg-offset-12{margin-left:100%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-0{margin-left:0}
}
.clearfix,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}
.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}
.center-block{display:block;margin-left:auto;margin-right:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@font-face{font-family:Conduit;font-weight:200;src:url(fonts/ConduitITC-Light.ttf)}
@font-face{font-family:Conduit;font-weight:400;src:url(fonts/ConduitITC-Medium.ttf)}
@font-face{font-family:Conduit;font-weight:700;src:url(fonts/ConduitITC-Bold.ttf)}
@font-face{font-family:'Noto Sans';font-weight:200;src:url(fonts/NotoSansCJKtc-Light.otf)}
@font-face{font-family:'Noto Sans';font-weight:400;src:url(fonts/NotoSansCJKtc-Medium.otf)}
@font-face{font-family:'Noto Sans';font-weight:700;src:url(fonts/NotoSansCJKtc-Bold.otf)}
@font-face{font-family:techron;src:url(fonts/techron.ttf?4k1xgt) format("truetype"),url(fonts/techron.woff?4k1xgt) format("woff"),url(fonts/techron.svg?4k1xgt#techron) format("svg");font-weight:400;font-style:normal}
.flex-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
@-webkit-keyframes revving {
0%{left:0}
8%{left:-10px}
11%{left:3px}
20%{left:-12px}
23%{left:3px}
35%{left:-18px}
40%{left:350px}
40.1%{left:-350px}
43%,45%{left:7px}
48%{left:-2px}
50%{left:0}
}
@-moz-keyframes revving {
0%{left:0}
8%{left:-10px}
11%{left:3px}
20%{left:-12px}
23%{left:3px}
35%{left:-18px}
40%{left:350px}
40.1%{left:-350px}
43%,45%{left:7px}
48%{left:-2px}
50%{left:0}
}
@keyframes revving {
0%{left:0}
8%{left:-10px}
11%{left:3px}
20%{left:-12px}
23%{left:3px}
35%{left:-18px}
40%{left:350px}
40.1%{left:-350px}
43%,45%{left:7px}
48%{left:-2px}
50%{left:0}
}
@-webkit-keyframes desktop-revving {
0%{left:0}
15%{left:-10px}
20%{left:10px}
35%{left:-12px}
40%{left:12px}
45%{left:-5px}
50%{left:15px}
65%{left:-5px}
75%{left:0}
}
@-moz-keyframes desktop-revving {
0%{left:0}
15%{left:-10px}
20%{left:10px}
35%{left:-12px}
40%{left:12px}
45%{left:-5px}
50%{left:15px}
65%{left:-5px}
75%{left:0}
}
@keyframes desktop-revving {
0%{left:0}
15%{left:-10px}
20%{left:10px}
35%{left:-12px}
40%{left:12px}
45%{left:-5px}
50%{left:15px}
65%{left:-5px}
75%{left:0}
}
@-webkit-keyframes driving {
0%{left:-5%}
100%{left:105%}
}
@-moz-keyframes driving {
0%{left:-5%}
100%{left:105%}
}
@keyframes driving {
0%{left:-5%}
100%{left:105%}
}
@-webkit-keyframes wiggle {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
75%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
}
@-moz-keyframes wiggle {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
75%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
}
@keyframes wiggle {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
75%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
}
@-webkit-keyframes loading-wiggle {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
35%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}
70%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes loading-wiggle {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
35%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}
70%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
*{box-sizing:border-box}
html{min-height:100%;width:100%;font-size:18px;font-family:Conduit,arial,sans-serif}
body{min-height:100%;margin:0;padding:0}
body#cn{font-family:'Noto Sans',Conduit,arial,sans-serif}
section{width:100%;padding:50px 20px 40px}
section.grey,section.light{background-color:#fff;color:#262729}
section.grey{background-color:#ebebeb}
section.dark{background-color:#262729;color:#fff}
section.dark p{color:#bebebe}
section.blue{background-color:#07a7f1;color:#fff}
section.blue h2{color:#fff}
@media (min-width:768px) {
section{padding:50px 5% 40px}
}
figure{margin:0}
@media (max-width:767px) {
div[class*=col-]{padding-left:0;padding-right:0}
}
a.button,button{display:inline-block;padding:20px 32px 16px;font-size:1rem;line-height:1em;font-weight:400;text-align:center;text-decoration:none;background-color:#c20707;color:#fff;border:0;font-family:Conduit,arial,sans-serif;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
a.button:active,button:active{background-color:#656565}
a.button:focus,button:focus{outline:0}
a.button:disabled,button:disabled{opacity:.7;cursor:default}
@media (min-width:768px) {
a.button:hover,button:hover{background-color:#a90606;color:#fff}
a.button:disabled:hover,button:disabled:hover{background-color:#c20707}
}
.play-button{position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);width:50px;height:50px;padding-top:13px;text-align:center;background-color:#fff;border-radius:50%;cursor:pointer}
.play-button .play-icon{position:relative;right:-2px;display:inline-block;width:0;height:0;border-left:17px solid #07a7f1;border-top:12px solid transparent;border-bottom:12px solid transparent;-webkit-transition:all .3s;transition:all .3s}
@media (min-width:768px) {
.play-button:hover .play-icon{border-left-color:#c20707;-webkit-animation:wiggle .5s;animation:wiggle .5s}
}
h1{font-size:2rem;line-height:2.111rem;font-weight:700;margin:0 0 30px}
@media (min-width:768px) {
h1{font-size:4.44rem;line-height:3.889rem}
}
h2{font-size:1.667rem;line-height:2rem;font-weight:400;letter-spacing:2px;color:#07a7f1;text-align:center;margin-top:0}
h3{font-size:1.667rem;line-height:2rem;font-weight:400;letter-spacing:1px;margin:0 0 24px}
@media (min-width:768px) {
h3{font-size:2rem;line-height:2.22rem}
}
h4{font-size:1.111rem;line-height:1em;font-weight:400;margin-bottom:30px}
figcaption,p{font-size:1.111rem;line-height:1.444rem;font-weight:200;margin:0 0 20px;text-align:center}
@media (min-width:768px) {
p{text-align:left}
}
figcaption{color:#656565}
a{font-size:1.111rem;line-height:1.444rem;font-weight:200;text-decoration:none;color:#656565;-webkit-transition:all .3s;transition:all .3s}
a:active{color:#07a7f1}
@media (min-width:768px) {
a:hover{color:#07a7f1}
}
.icon{display:inline-block;vertical-align:bottom;font-family:techron;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:50%;text-align:center;-webkit-transition:all .3s;transition:all .3s}
.icon.share:before{content:"\e900"}
.icon.fb:before{content:"\e901"}
.icon.twit:before{content:"\e902"}
.icon.vine:before{content:"\f1ca"}
header{padding-top:15px;text-align:center}
header img{display:inline-block;height:33px;width:auto}
header .language-options{display:none}
header .mobile-hamburger{position:absolute;left:0;top:0;display:inline-block;padding:15px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
header .mobile-hamburger .bar{width:25px;height:4px;margin-bottom:7px;background-color:#a7a7a7;-webkit-transition:all .3s;transition:all .3s}
header .mobile-hamburger .bar:last-child{margin-bottom:0}
header .mobile-hamburger:focus{outline:0}
header .mobile-hamburger:active .bar{background-color:#656565}
header .mobile-hamburger.open{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
@media (min-width:768px) {
header{padding:35px 40px 0;text-align:left}
header img{height:45px}
header .language-options{display:inline-block;vertical-align:top;float:right;padding-top:5px}
header .language-options a{font-size:.75rem;line-height:1em;font-weight:700}
header .mobile-hamburger{display:none}
}
nav.main-nav{position:absolute;right:100%;top:53px;display:inline-block;width:100%;background-color:#f4f4f4;box-shadow:0 17px 20px -15px #656565;-webkit-transition:all .3s;transition:all .3s}
nav.main-nav a{display:block;margin:0;padding:18px 20px 15px}
nav.main-nav a:active{background-color:#656565;color:#fff}
nav.main-nav.open{right:0}
@media (min-width:768px) {
nav.main-nav{position:static;right:auto;top:auto;margin:0;padding:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background-color:#fff;box-shadow:none;-webkit-transition:all .3s;transition:all .3s}
nav.main-nav a{display:inline-block;-webkit-box-flex:1 1 100px;-moz-box-flex:1 1 100px;-webkit-flex:1 1 100px;-ms-flex:1 1 100px;flex:1 1 100px;padding:40px 15px 36px;text-align:center;font-size:1rem;line-height:1em;letter-spacing:1px;font-weight:700}
nav.main-nav a.active,nav.main-nav a:hover{background-image:linear-gradient(#ebebeb,#fff 90%)}
nav.main-nav.sticky{box-shadow:0 -3px 15px #262729}
nav.main-nav.sticky a{padding-top:25px;padding-bottom:21px}
}
.section-hero{height:calc(100vh - 53px);text-align:center;background-image:url(/img/Hero.jpg);background-position:center bottom;background-size:contain;background-repeat:no-repeat}
.section-hero p{margin-bottom:0}
@media (min-width:768px) {
.section-hero{height:calc(100vh - 178px);min-height:480px;max-height:900px;padding:11% 25% 30px;background-size:100% auto}
.section-hero p{text-align:center}
}
@media (min-width:768px) {
.section-maximize{padding-right:75px;padding-top:55px}
}
.section-maximize .cleaner-engine-figure{position:relative;width:100%;margin:14vw 0 30px}
.section-maximize .cleaner-engine-figure img{width:100%}
.section-maximize .cleaner-engine-figure .drop{position:absolute;z-index:2;top:-16%;left:41%;width:26vw;height:26vw;padding-top:3vw;text-align:center;font-size:12vw;line-height:.8em;font-weight:700;color:#fff;border-radius:50%;background-color:#07a7f1}
.section-maximize .cleaner-engine-figure .drop span.tiny{display:block;margin-bottom:3px;font-size:5vw;line-height:.9em;font-weight:400}
.section-maximize .cleaner-engine-figure .drop:after{content:"";display:inline-block;position:absolute;z-index:-1;top:16vw;left:0;width:0;height:0;border-radius:20px;border-left:13vw solid transparent;border-top:24vw solid #07a7f1;border-right:13vw solid transparent}
@media (min-width:768px) {
.section-maximize .cleaner-engine-figure{margin:4vw 0 0}
.section-maximize .cleaner-engine-figure .drop{top:-7vw;left:40%;width:10.5vw;height:10.5vw;padding-top:2vw;font-size:5vw;line-height:.6em;font-weight:700}
.section-maximize .cleaner-engine-figure .drop span.tiny{margin-bottom:4px;font-size:1.5vw;line-height:1.3em;letter-spacing:2px;font-weight:200}
.section-maximize .cleaner-engine-figure .drop:after{top:6.4vw;border-left:5.3vw solid transparent;border-top:9.5vw solid #07a7f1;border-right:5.3vw solid transparent}
}
.section-maximize .car-with-mileage{text-align:center;overflow:hidden}
.section-maximize .car-with-mileage .mileage-bubble{position:relative;display:inline-block;margin:0 0 15px;padding:12px 17px 8px;font-size:1.333rem;line-height:1em;font-weight:700;color:#fff;background-color:#a7a7a7;border-radius:17px}
.section-maximize .car-with-mileage .mileage-bubble:after{display:inline-block;content:'';position:absolute;top:100%;left:calc(50% - 8px);border-left:8px solid transparent;border-top:6px solid #a7a7a7;border-right:8px solid transparent}
.section-maximize .car-with-mileage img{position:relative;display:block;margin:0 auto 18px;-webkit-animation:revving 5s infinite;animation:revving 5s infinite}
@media (min-width:768px) {
.section-maximize .car-with-mileage{margin-top:50px}
.section-maximize .car-with-mileage img{-webkit-animation:desktop-revving 3s 4s infinite;animation:desktop-revving 3s 4s infinite}
.section-maximize .car-with-mileage figcaption{padding:0 25px}
}
section.section-performance{padding:60px 0 30px}
section.section-performance h2{margin-bottom:50px;padding:0 20px}
section.section-performance .video-img-cont{position:relative;width:100%;margin-bottom:40px}
section.section-performance .video-img-cont img{display:block;width:100%}
section.section-performance h3{margin:0;padding:0 20px;color:#bebebe;text-align:center}
@media (min-width:768px) {
section.section-performance{padding:60px 0 0}
section.section-performance .video-img-cont{margin-bottom:0}
section.section-performance h3{margin-top:140px;padding:0 25px;font-weight:200;text-align:center}
}
.section-slider{padding-left:0;padding-right:0}
.section-slider h2{padding:0 20%}
.section-slider p{padding:0 20px}
.section-slider .valve-slider figcaption{padding:5px 20px 0}
.section-slider .valve-slider .img-container{position:relative;width:100%}
.section-slider .valve-slider .img-container .slider-control{position:absolute;z-index:3;left:30px;top:0;height:100%}
.section-slider .valve-slider .img-container .slider-control .slider-track .slider-handle img{position:absolute;z-index:2;bottom:25%;left:347px;-webkit-transform:translate(0,50%);transform:translate(0,50%);width:60px;height:60px;background-color:#e9e9e9;box-shadow:0 0 4px #a7a7a7;cursor:pointer}
.section-slider .valve-slider .img-container .slider-control .slider-track .slider-handle:active,.section-slider .valve-slider .img-container .slider-control .slider-track .slider-handle:focus{box-shadow:0 0 10px 1px #a7a7a7}
.section-slider .valve-slider .img-container .slider-control .slider-track .slider-handle .bar{width:100%;height:2px;margin-bottom:6px;background-color:#bebebe}
.section-slider .valve-slider .img-container .slider-control .slider-track .slider-handle .bar:last-child{margin-bottom:0}
.section-slider .valve-slider .img-container .slider-control .slider-track .slider-fill{display:inline-block;position:absolute;z-index:1;bottom:20px;left:0;width:100%;height:25%;border-radius:6px;background-color:#656565}
.section-slider .valve-slider .img-container img{display:block;width:100%}
.section-slider .valve-slider .img-container .dirty-valve{background-color:#ebebeb}
.section-slider .valve-slider .img-container .clean-wrapper{position:absolute;left:0;bottom:0;height:25%;width:100%;overflow:hidden;background-color:#fff;background-image:url(/img/valve-clean-mobile.png);background-position:left bottom;background-size:100% auto;background-repeat:no-repeat}
@media (max-width:767px) {
.section-slider .valve-slider{clear:both}
}
@media (min-width:768px) {
.section-slider{position:relative;padding-top:0;padding-bottom:0;padding-right:75px}
.section-slider h2{margin-top:125px;padding:0;text-align:left}
.section-slider p{padding:0}
.section-slider .grey-desktop-cover{width:100%;position:absolute;z-index:1;top:0;left:0;height:64%;background-color:rgba(0,0,0,.1)}
.section-slider .valve-slider figcaption{width:23%;max-width:280px;min-width:220px;margin:0 0 30px 23%}
.section-slider .valve-slider .img-container .slider-control{left:70px}
.section-slider .valve-slider .img-container .desktop-wrapper{width:50%;max-width:500px;height:490px;position:relative;left:10%;background-image:url(/img/valve-dirty-mobile.png);background-position:left bottom;background-size:100% auto;background-repeat:no-repeat}
.section-slider .valve-slider .img-container .desktop-wrapper .dirty-valve{display:none}
}
@media (min-width:1300px) {

.section-slider .valve-slider .img-container .desktop-wrapper{margin-left:3%}
}
@media (min-width:1700px) {
.section-slider .valve-slider .img-container .desktop-wrapper{margin-left:7%}
}
@media (min-width:2000px) {
.section-slider .valve-slider .img-container .desktop-wrapper{margin-left:10%}
}
.section-emissions{position:relative;overflow:hidden;padding-bottom:80px;background-image:url(/img/city_bg.png);background-repeat:no-repeat;background-size:640px auto;background-position:right calc(100% - 18px)}
.section-emissions h2{padding:0 5%}
.section-emissions p{margin-bottom:25px}
.section-emissions p:last-child{margin-bottom:160px}
.section-emissions .arrow-text{display:inline-block;width:100px;float:right;margin-right:42px;text-align:center;font-weight:700;letter-spacing:2px;color:#fff}
.section-emissions .arrow-text .thin{font-weight:400}
.section-emissions .car{position:absolute;bottom:35px;left:30%;display:inline-block;width:32px;-webkit-animation:driving 4s infinite linear;animation:driving 4s infinite linear}
@media (min-width:640px) {
.section-emissions{padding-bottom:108px;background-size:768px auto}
.section-emissions p:last-child{margin-bottom:175px}
.section-emissions .arrow-text{margin-right:68px}
}
@media (min-width:768px) {
.section-emissions{padding-top:105px;padding-bottom:235px;background-size:1200px auto;background-position:right calc(100% - 27px)}
.section-emissions .col-sm-4{min-width:350px}
.section-emissions h2{padding:0;text-align:left}
.section-emissions p:last-child{margin-bottom:0}
.section-emissions .car{bottom:60px;width:60px}
.section-emissions .arrow-text{float:none;position:absolute;right:15%;bottom:26%;width:145px;margin:0;font-size:1.667rem;line-height:1em;letter-spacing:2px}
.section-emissions .arrow-text .thin{font-size:1.11rem;line-height:1.5em}
}
@media (min-width:1200px) {
.section-emissions{background-size:100% auto}
.section-emissions .arrow-text{right:13%;bottom:27%}
}
@media (min-width:1260px) {
.section-emissions .arrow-text{bottom:29%}
}
@media (min-width:1400px) {
.section-emissions .arrow-text{bottom:34%}
}
@media (min-width:1500px) {
.section-emissions .arrow-text{bottom:37%}
}
@media (min-width:1750px) {
.section-emissions .arrow-text{bottom:41%}
}
.section-videos{padding-left:0;padding-right:0;padding-bottom:0}
.section-videos > h2{padding:0 15px}
.section-videos > p{margin-bottom:45px;padding:0 20px}
.section-videos .video-container{width:100%;background-color:#fff;overflow:hidden}
.section-videos .video-container .copy-container{padding:38px 20px 45px;text-align:center}
.section-videos .video-container .copy-container img{display:inline-block;margin-bottom:15px}
.section-videos .video-container .copy-container h2{color:#07a7f1}
.section-videos .video-container .copy-container p{color:#262729}
.section-videos .video-container .video-vine-wrapper{position:relative;width:100%;overflow:hidden}
.section-videos .video-container .video-vine-wrapper video{display:block;width:100%}
.section-videos .video-container .video-vine-wrapper .video-cover{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:rgba(7,167,241,.7);-webkit-transition:all .3s;transition:all .3s}
.section-videos .video-container .video-vine-wrapper .video-cover .loader{position:absolute;left:105%}
.section-videos .video-container .video-vine-wrapper .video-cover.loading .play-button{left:110%}
.section-videos .video-container .video-vine-wrapper .video-cover.loading .loader{top:48%;left:45%;-webkit-transition:all .3s;transition:all .3s;-webkit-animation:loading-wiggle 2s infinite;animation:loading-wiggle 2s infinite}
.section-videos .video-container .video-vine-wrapper.playing .video-cover{left:100%}
.section-videos .video-container .share-container{position:relative;display:inline-block;width:100%;vertical-align:top;margin:0;font-size:.833rem;line-height:1em;color:#fff;background-color:#07a7f1}
.section-videos .video-container .share-container .share-trigger{padding:5px 20px 20px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
.section-videos .video-container .share-container .share-trigger .icon{font-size:2.3em;position:relative;top:7px;background-color:transparent;-webkit-transition:none;transition:none}
.section-videos .video-container .share-container .share-trigger:active{color:#07a7f1}
.section-videos .video-container .share-container .icon{font-size:1.6rem;margin-right:8px}
.section-videos .video-container .share-container .drawer-container{position:absolute;z-index:3;bottom:-300%;left:0;width:100%;-webkit-transition:all .3s;transition:all .3s}
.section-videos .video-container .share-container .drawer-container.open{bottom:100%}
.section-videos .video-container .share-container .drawer-container .icon{width:35px;height:35px;padding-top:7px;vertical-align:middle;font-size:1.4em;background-color:#656565;color:#ebebeb}
.section-videos .video-container .share-container .drawer-container .icon.vine{padding-left:3px}
.section-videos .video-container .share-container .drawer-container .icon.twit{padding-left:1px}
.section-videos .video-container .share-container .drawer-container .icon.fb{padding-top:5px}
.section-videos .video-container .share-container .drawer-container .social-item{display:block;padding:10px 19px;font-size:.833rem;line-height:1em;color:#7f7f7f;font-weight:400;border-bottom:1px solid #fff;background-color:#ebebeb;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
.section-videos .video-container .share-container .drawer-container .social-item:hover{background-color:#7f7f7f;color:#fff}
.section-videos .video-container .share-container .drawer-container .social-item:hover .icon{color:#7f7f7f;background-color:#fff}
@media (min-width:768px) {
.section-videos{padding:115px 5% 140px}
.section-videos > h2{margin-bottom:40px}
.section-videos > p{max-width:550px;margin:0 auto 60px;padding:0;text-align:center}
.section-videos .video-container{position:relative;width:100%;max-width:780px;margin:0 auto 30px}
.section-videos .video-container:after{content:'';display:table;clear:both}
.section-videos .video-container .copy-container,.section-videos .video-container .video-vine-wrapper{float:left;width:50%}
.section-videos .video-container .copy-container{padding:60px 40px 0}
.section-videos .video-container .copy-container img{margin-bottom:10px}
.section-videos .video-container .copy-container h2{margin:0 0 18px;font-size:1.667rem;line-height:1em}
.section-videos .video-container .copy-container p{margin:0;text-align:center;font-size:1rem;line-height:1.2em}
.section-videos .video-container .share-container{position:absolute;bottom:0;left:0;width:50%;background-color:#fff}
.section-videos .video-container .share-container .share-trigger{color:#bebebe}
.section-videos .video-container .share-container .share-trigger:hover{color:#07a7f1}
}
.section-quote{position:relative;text-align:center;padding-bottom:345px;background-image:url(/img/dr_afflick.png);background-position:right bottom;background-repeat:no-repeat;background-size:auto 318px}
.section-quote h3{margin-bottom:35px;font-size:2rem;line-height:2.22rem;font-weight:200}
.section-quote p{margin:0;line-height:1.1em}
.section-quote .name{color:#07a7f1}
.section-quote .title{font-size:.83rem;color:#ebebeb}
.section-quote img{display:none}
@media (min-width:768px) {
.section-quote{padding-top:95px;padding-bottom:55px;background-image:none}
.section-quote img{display:inline-block;position:absolute;right:0;bottom:0;height:317px;width:auto}
.section-quote h3{max-width:740px;width:calc(100% - 225px);margin-bottom:30px}
.section-quote p{text-align:center}
}
@media (min-width:1100px) {
.section-quote h3{margin:0 auto 30px}
}
.section-difference{min-height:100vh;text-align:center;background-image:url(/img/difference_bg.png);background-position:center bottom;background-size:135% auto;background-repeat:no-repeat;box-shadow:inset 0 25px 90px 20px #a3c6d5}
.section-difference p{margin-bottom:30px;text-align:center}
.section-difference .button{padding-left:60px;background-image:url(/img/icon_pin.png);background-repeat:no-repeat;background-size:auto 30px;background-position:30px 12px}
@media (min-width:768px) {
.section-difference{height:auto;min-height:0;padding:65px 5% 80px;background-size:100% auto;box-shadow:inset 0 20px 120px 25px #a3c6d5}
.section-difference h1{margin-bottom:40px;font-size:2.667rem;line-height:1em;letter-spacing:2px}
.section-difference p{max-width:550px;margin:0 auto 40px}
}
.section-faq h2{margin-bottom:4px}
.section-faq .question-container{margin-bottom:120px}
.section-faq .question-container .question{border-bottom:1px solid #bebebe}
.section-faq .question-container .question p{margin:0}
.section-faq .question-container .question .question-title{position:relative;padding:28px 25px 28px 0;text-align:left;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
.section-faq .question-container .question .question-title:after{content:'';position:absolute;display:inline-block;right:0;top:calc(50% - 10px);width:0;height:0;border-right:10px solid transparent;border-top:10px solid #07a7f1;border-left:10px solid transparent;-webkit-transition:all .3s;transition:all .3s}
.section-faq .question-container .question .question-answer{max-height:0;overflow:hidden;padding:0 10px 0 0;text-align:left;color:#262729;-webkit-transition:all .3s;transition:all .3s}
.section-faq .question-container .question.open .question-title:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.section-faq .question-container .question.open .question-answer{padding:20px 10px 20px 0;max-height:300px}
.section-faq .logo-row{text-align:center}
.section-faq .logo-row .logo{display:inline-block;margin-right:45px}
.section-faq .logo-row .logo:last-child{margin-right:0}
@media (min-width:768px) {
.section-faq{padding-top:80px}
.section-faq .question-container{width:100%;max-width:780px;margin:0 auto 140px}
.section-faq .question-container .question .question-title{padding-left:20px;padding-right:45px}
.section-faq .question-container .question .question-title:after{right:20px}
.section-faq .question-container .question .question-answer{padding:0 10px 0 20px}
.section-faq .question-container .question.open .question-answer{padding:20px 10px 20px 20px;max-height:300px}
}
footer .grey-row{background-color:#ebebeb}
footer .footer-item{position:relative;padding:50px 20px;text-align:center;border-bottom:1px solid #fff}
footer .footer-item:last-child{border-bottom:0}
footer .footer-item .wrapper{max-width:360px;height:100%;margin:0 auto}
footer .footer-item .wrapper:after{content:'';display:table;clear:both}
footer .footer-item .image-wrap{float:left;display:inline-block;width:30%;max-width:80px;height:150px}
footer .footer-item .image-wrap img{width:100%;max-height:100%}
footer .footer-item .button-cont,footer .footer-item h4,footer .footer-item p{float:right;display:inline-block;width:70%;max-width:260px;text-align:left}
footer .footer-item h4{margin:15px 0 5px;font-size:1rem}
footer .footer-item p{margin:0 0 15px;font-size:.9rem;line-height:1em;color:#656565}
footer .footer-item .app-store,footer .footer-item .play-store{display:inline-block;width:110px;height:34px;background-size:contain;background-position:center;background-repeat:no-repeat}
footer .footer-item .app-store i,footer .footer-item .play-store i{display:none}
footer .footer-item .play-store{background-image:url(/img/button_google-play.png)}
footer .footer-item .app-store{background-image:url(/img/button_app-store.png)}
footer .footer-item.exp-item .image-wrap{position:relative;height:130px}
footer .footer-item.exp-item .image-wrap img{display:inline-block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
footer .utility-nav{padding:27px}
footer .utility-nav a{display:inline-block;width:100%;padding:12px;text-align:center}
footer .copyright{padding:0 35px 50px;color:#656565}
@media (min-width:768px) {
footer{text-align:center}
footer .grey-row{padding:30px 5% 35px}
footer .grey-row:after{content:'';display:table;clear:both}
footer .footer-item{display:inline-block;float:left;width:50%;padding:0 30px;border-left:1px solid #bebebe;border-bottom:0}
footer .footer-item:first-child{border-left:0}
footer .footer-item .button-cont,footer .footer-item h4,footer .footer-item p{float:none;width:100%;text-align:center}
footer .footer-item h4{margin:0 0 5px}
footer .footer-item p{margin:0 0 12px}
footer .footer-item .image-wrap{display:block;float:none;height:160px;width:auto;max-width:none;margin:0 auto 10px;text-align:center}
footer .footer-item .image-wrap img{max-height:100%;width:auto}
footer .footer-item a.button{padding:12px 25px 10px;font-size:.75rem;line-height:.9em;letter-spacing:1px;background-color:#327dc9}
footer .footer-item a.button:hover{background-color:#a90606;color:#fff}
footer .footer-item .app-store,footer .footer-item .play-store{display:inline-block;width:110px;height:34px;margin:0 5px}
footer .footer-item .app-store:hover,footer .footer-item .play-store:hover{opacity:.7}
footer .footer-item.exp-item .image-wrap{height:160px}
footer .utility-nav{padding:0;margin-top:25px}
footer .utility-nav a{display:inline-block;width:auto;padding:10px 18px;text-align:center;font-size:.7rem;line-height:1em}
footer .copyright{padding:20px 20px 50px;text-align:center;font-size:.7rem;line-height:1em;color:#656565}
}
.video-modal{display:none;position:fixed;z-index:100;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.8)}
.video-modal video{width:100%}
.video-modal .loading-icon{display:none;position:absolute;z-index:101;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:1.5rem}
.video-modal.loading .loading-icon{display:inline-block}
@media (orientation:portrait) {
.video-modal{padding-top:50vh}
.video-modal video{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
}
@media (orientation:landscape) {
.video-modal{padding-top:0}
.video-modal video{max-height:100%}
}
a.back-home-cont{display:inline-block;width:auto;transition:none}
a.back-home-cont:hover .back-home{color:#07a7f1}
a.back-home-cont:hover .back-home:before{border-right-color:#07a7f1}
a.back-home-cont .back-home{position:relative;font-size:1rem;line-height:1em;font-weight:700;overflow:visible;-webkit-transition:all .3s;transition:all .3s}
a.back-home-cont .back-home:before{content:'';position:absolute;left:-10px;top:2px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #262729;-webkit-transition:all .3s;transition:all .3s}
.section-contact{padding-top:75px;padding-bottom:0}
.section-contact h1{margin-bottom:65px;text-align:center}
.section-contact .row:last-child{margin-bottom:0}
.section-contact .row > div{margin-bottom:50px;padding:0 18px 50px;border-bottom:1px solid #bebebe}
.section-contact .row > div h2{text-align:left;margin-bottom:20px}
.section-contact .row > div .address-item{margin-bottom:15px;text-align:left}
.section-contact .row > div .address-item:last-child{margin-bottom:0}
.section-contact .row > div a{color:#07a7f1}
@media (min-width:768px) {
.section-contact{padding-top:100px}
.section-contact h1{margin-bottom:85px}
.section-contact .row > div{min-height:290px;padding-bottom:0;margin-bottom:50px;border-bottom:0;border-right:1px solid #bebebe;border-left:1px solid #bebebe}
.section-contact .row > div:first-child{border-right:0}
}
@media (min-width:992px) {
.section-contact{padding-left:40px;padding-right:40px}
.section-contact .container-fluid{max-width:1200px}
.section-contact .row{margin-bottom:75px}
.section-contact .row > div{margin-bottom:0;border-bottom:0;border-right:1px solid #bebebe;border-left:0}
.section-contact .row > div:first-child{border-left:1px solid #bebebe;border-right:1px solid #bebebe}
}