/*Theme created for use with Sequence.js (http://www.sequencejs.com/)Theme: Sliding Horizontal ParallaxVersion: 1.2Theme Author: Ian Lunn @IanLunnAuthor URL: http://www.ianlunn.co.uk/Theme URL: http://www.sequencejs.com/themes/sliding-horizontal-parallax/This is a FREE theme and is available under a MIT License:http://www.opensource.org/licenses/mit-license.phpSequence.js and its dependencies are (c) Ian Lunn Design 2012 - 2013 unless otherwise stated.*//* !CSS RESET *//* prefix declarations *//* THEME STYLES */.slide-bg1{background-image:url(../images/parallax/parallax1.html);background-repeat:no-repeat;background-size: cover;}.slide-bg2{background-image:url(../images/parallax/parallax2.html);background-repeat:no-repeat;background-size: cover;}#home{}#sequence{position: relative;height: 100%;min-height:100%;max-width: 100%;margin: 0 auto;overflow: hidden;color: white; /* Right Zoom */}#sequence > .sequence-canvas{height: 100%;width: 100%;padding: 0;margin: 0;}#sequence > .sequence-canvas > li{position: absolute;width: 100%;height: 100%;z-index: 1;}#sequence > .sequence-canvas li > *{position: absolute;-webkit-transition-timing-function: ease-in-out;-moz-transition-timing-function: ease-in-out;-ms-transition-timing-function: ease-in-out;-o-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;}#sequence > .sequence-canvas:after{content: "";display: block;clear: both;width: 100%;}#sequence .sequence-next, #sequence .sequence-prev{color: white;cursor: pointer;display: none;font-size: 80px;position: absolute;opacity: 0.4;top: 50%;height: 75px;width: 29px;z-index: 20;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;}#sequence .sequence-prev{left: 40px;}#sequence .sequence-next{right: 40px;}#sequence .sequence-next:hover, #sequence .sequence-prev:hover{opacity: 1;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;}#sequence .slide-bg1, #sequence .slide-bg3{left: -5%;opacity: 0;top: 0;vertical-align: middle;z-index: 1;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition-property: left top;-moz-transition-property: left top;-ms-transition-property: left top;-o-transition-property: left top;transition-property: left top;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;-webkit-transition-delay: 1s;-moz-transition-delay: 1s;-ms-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;}.slide-title a{color: #D80808; font-size: 19px; font-weight: 400; padding: 10px 20px; text-transform: uppercase;}.slide-title a:hover{background:#E32235;color:#fff;text-decoration:none;}@media all and (max-width: 480px){#sequence .slide-bg1, #sequence .slide-bg3{left: -0%; background-position: 50% 0;}}#sequence .animate-in .slide-bg1, #sequence .animate-in .slide-bg3{left: 0%;opacity: 1;top: 0;z-index: 1;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-transition-property: left, -webkit-transform, opacity;-moz-transition-property: left, transform, opacity;-ms-transition-property: left, transform, opacity;-o-transition-property: left, transform, opacity;transition-property: left, transform, opacity;-webkit-transition-duration: 20s, 15s, 1s;-moz-transition-duration: 20s, 15s, 1s;-ms-transition-duration: 20s, 15s, 1s;-o-transition-duration: 20s, 15s, 1s;transition-duration: 20s, 15s, 1s;-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-delay: 1s;-moz-transition-delay: 1s;-ms-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;}@media all and (max-width: 480px){#sequence .animate-in .slide-bg1, #sequence .animate-in .slide-bg3{left: 0%; background-position: 50% 0;}}#sequence .animate-out .slide-bg1, #sequence .animate-out .slide-bg3{left: 0%;opacity: 0;top: 0;z-index: 2;-webkit-transition-duration: 3s;-moz-transition-duration: 3s;-ms-transition-duration: 3s;-o-transition-duration: 3s;transition-duration: 3s;-webkit-transition-delay: 1s;-moz-transition-delay: 1s;-ms-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}@media all and (max-width: 480px){#sequence .animate-out .slide-bg1, #sequence .animate-out .slide-bg3{left: 0%; background-position: 50% 0;}}#sequence .animate-in .slide-bg2, #sequence .animate-in .slide-bg3{-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-ms-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}#sequence .slide-bg2, #sequence .slide-bg4{left: 0%;opacity: 0;top: 0;vertical-align: middle;z-index: 1;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition-property: left top;-moz-transition-property: left top;-ms-transition-property: left top;-o-transition-property: left top;transition-property: left top;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;-webkit-transition-delay: 1s;-moz-transition-delay: 1s;-ms-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;}@media all and (max-width: 480px){#sequence .slide-bg2, #sequence .slide-bg4{left: -0%; background-position: 50% 0;}}#sequence .animate-in .slide-bg2, #sequence .animate-in .slide-bg4{left: 0%;opacity: 1;top: 0;z-index: 1;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);-webkit-transition-property: left, -webkit-transform, opacity;-moz-transition-property: left, transform, opacity;-ms-transition-property: left, transform, opacity;-o-transition-property: left, transform, opacity;transition-property: left, transform, opacity;-webkit-transition-duration: 10s, 15s, 2s;-moz-transition-duration: 10s, 15s, 2s;-ms-transition-duration: 10s, 15s, 2s;-o-transition-duration: 10s, 15s, 2s;transition-duration: 10s, 15s, 2s;-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-delay: 1s;-moz-transition-delay: 1s;-ms-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;}@media all and (max-width: 480px){#sequence .animate-in .slide-bg2, #sequence .animate-in .slide-bg4{left: 0%; background-position: 50% 0;}}#sequence .animate-out .slide-bg2, #sequence .animate-out .slide-bg4{left: -20%;opacity: 0;top: 0;z-index: 2;-webkit-transition-duration: 20s, 15s, 1s;-moz-transition-duration: 20s, 15s, 1s;-ms-transition-duration: 20s, 15s, 1s;-o-transition-duration: 20s, 15s, 1s;transition-duration: 20s, 15s, 1s;-webkit-transition-delay: 1s;-moz-transition-delay: 1s;-ms-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}@media all and (max-width: 480px){#sequence .animate-out .slide-bg2, #sequence .animate-out .slide-bg4{left: 0%; background-position: 50% 0;}}#sequence .slide-title{top: 80%;z-index: 1;opacity: 0;width: 100%;/*Title Width*/ -webkit-transition-property: left top;-moz-transition-property: left top;-ms-transition-property: left top;-o-transition-property: left top;transition-property: left top;-webkit-transition-delay: 2.4s;-moz-transition-delay: 2.4s;-ms-transition-delay: 2.4s;-o-transition-delay: 2.4s;transition-delay: 2.4s;}#sequence .animate-in .slide-title{margin-left: 1% !important;margin-top: -50px;opacity: 1;-webkit-transition-duration: 1.3s;-moz-transition-duration: 1.3s;-ms-transition-duration: 1.3s;-o-transition-duration: 1.3s;transition-duration: 1.3s;-webkit-transition-delay: 2.2s;-moz-transition-delay: 2.2s;-ms-transition-delay: 2.2s;-o-transition-delay: 2.2s;transition-delay: 2.2s;z-index: 1;}#sequence .animate-out .slide-title{opacity: 0;z-index: 1;-webkit-transition-duration: 0.7s;-moz-transition-duration: 0.7s;-ms-transition-duration: 0.7s;-o-transition-duration: 0.7s;transition-duration: 0.7s;-webkit-transition-delay: 0.8s;-moz-transition-delay: 0.8s;-ms-transition-delay: 0.8s;-o-transition-delay: 0.8s;transition-delay: 0.8s;}#sequence .slide-text{top: 48%;z-index: 1;opacity: 0;margin: 40px auto 0;width: 100%;/*Text Width*/ -webkit-transition-property: left top;-moz-transition-property: left top;-ms-transition-property: left top;-o-transition-property: left top;transition-property: left top;-webkit-transition-delay: 2.7s;-moz-transition-delay: 2.7s;-ms-transition-delay: 2.7s;-o-transition-delay: 2.7s;transition-delay: 2.7s;}#sequence .animate-in .slide-text{opacity: 1;-webkit-transition-duration: 1.4s;-moz-transition-duration: 1.4s;-ms-transition-duration: 1.4s;-o-transition-duration: 1.4s;transition-duration: 1.4s;-webkit-transition-delay: 2.5s;-moz-transition-delay: 2.5s;-ms-transition-delay: 2.5s;-o-transition-delay: 2.5s;transition-delay: 2.5s;z-index: 1;}@media all and (max-width: 480px){#sequence .animate-in .slide-text{margin-top: 20px;}}#sequence .animate-out .slide-text{opacity: 0;z-index: 1;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;-ms-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;}/*#sequence .slide-logo img{width:100%; margin-top:20%;}*/#sequence .slide-logo{left: 50%;width: 188px;/*Text Width*/z-index: 1;opacity: 0;-webkit-transition-delay: 1.7s;-moz-transition-delay: 1.7s;-ms-transition-delay: 1.7s;-o-transition-delay: 1.7s;transition-delay: 1.7s;}@media all and (max-width: 480px){#sequence .slide-logo{margin-top: 140px;}}#sequence .animate-in .slide-logo{margin-left: -200px;/*Half element width*/ opacity: 1;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;-webkit-transition-delay: 3s;-moz-transition-delay: 3s;-ms-transition-delay: 3s;-o-transition-delay: 3s;transition-delay: 3s;z-index: 1;}#sequence .animate-out .slide-logo{margin-left: 0;opacity: 0;z-index: 1;-webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-ms-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;-webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;-ms-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;}.slide-title, .slide-text, .slide-logo{display: block;text-align: center;}.slide-btn{border:1px solid #fff;background:none;color:#fff;padding:10px 0;font-size:20px;text-align:center;display:inline-block;position:absolute;top:70%;width:160px;left:50%;margin-left:-70px;z-index:5;}.slide-btn:hover{border:1px solid #fff;background:#fff;color:#2e3235;}#sequence ul li .slide-title p{font-weight:200;font-size: 32px;text-transform: uppercase;color: #363841;}#sequence ul li .slide-text p{color: #363841; font-size: 32px; font-weight: 300;}@media all and (max-width: 1024px){#sequence ul li .slide-title{font-size: 4em;}#sequence ul li .slide-text{font-size: 1em;}}@media (max-width: 768px){#sequence .sequence-prev, #sequence .sequence-next{display: none!important;}}@media (min-width: 992px){#sequence ul.sequence-canvas li .slide-title, #sequence ul.sequence-canvas li .slide-text{padding: 0 100px;}}@media (max-width: 480px){#sequence ul.sequence-canvas li .slide-title, #sequence ul.sequence-canvas li .slide-text{padding: 0 40px;}}@media (max-width: 480px){#sequence ul.sequence-canvas li .slide-title{padding: 0; font-size: 150%;}}@media (max-width: 480px){#sequence ul.sequence-canvas li .slide-text{font-size: 80%;}}@media all and (max-width: 480px){#sequence .slide-logo{margin-top: 50px;}}