@charset "UTF-8";
img{ max-width:100%;}
.seq { width: 100%; height:100%; max-width: 100%; margin: 0 auto; padding: 0; font-family: sans-serif }
.seq .seq-canvas .seq .seq-canvas> .seq .seq-pagination .seq .seq-screen { width:100%; margin: 0; padding: 0; list-style: none;   }
.seq .seq-screen img { max-width:100%; }
.seq .seq-preloader { position:relative;  }
.seq .seq-pagination { position: absolute; z-index: 9999; bottom:120px; width: 100%; border: none; text-align: right }
.seq .seq-pagination a { display: block; width: 100%;}
.seq .seq-pagination .seq-current {background:#056daa;}
.seq .seq-pagination>* { margin: 0 1px; padding: 0; display: inline-block; zoom: 1; width: 12px; height: 12px; border-radius:100%; cursor: pointer; background:#fff ;  -webkit-transition-duration: .1s; transition-duration: .1s; -webkit-transition-property: background-color, border-radius; transition-property: background-color, border-radius; font: 0/0 a; text-shadow: none; color: transparent;}
.seq .seq-button, .seq .seq-title { font-family: Roboto, sans-serif; }
	
.seq .seq-canvas { height: 100%; width: 100%; white-space: nowrap; font-size: 0 }
.seq .seq-canvas>* { position: relative; display: inline-block; zoom: 1; vertical-align: top; width: 100%; height: 100%; white-space: normal;  color: #fff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0) }
.seq .seq-canvas>:before, .seq .seq-content { display: inline-block; vertical-align: middle ; }
.seq .seq-canvas>:before { content: ""; height: 100% }
.seq .seq-content { font-size: 16px; position:absolute; z-index:999; top:30%; left:0; right:0}
.seq .seq-button { float:right; display: inline-block; zoom: 1;  padding:10px 20px; color: #fff; background:#000000;  text-decoration: none; text-transform: uppercase; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transition-duration: .25s; transition-duration: .25s; -webkit-transition-property: background-color, color; transition-property: background-color, color }
.seq .seq-button:focus, .seq .seq-button:hover { background:#009d9e  }
.seq .seq-step1 { background-color: #279FE5 }
.seq .seq-step1 .seq-button:focus, .seq .seq-step1 .seq-button:hover { color: #279FE5 }
.seq .seq-step2 { background-color: #F96852 }
.seq .seq-step2 .seq-button:focus, .seq .seq-step2 .seq-button:hover { color: #F96852 }
.seq .seq-step3 { background-color: #2BBF8E }
.seq .seq-step3 .seq-button:focus, .seq .seq-step3 .seq-button:hover { color: #2BBF8E }
.seq .seq-button, .seq .seq-subtitle, .seq .seq-title { transform: translateZ(0); -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); }
.seq .seq-subtitle, .seq .seq-title {font-family: 'open_sanslight'; display: block; transform: translateZ(0); font-size: 43px; color:#000; margin:0 0 15px 0 }
.seq .seq-title {}
.seq.seq-active { overflow: hidden }
.seq.seq-active .seq-pagination, .seq.seq-active .seq-preloader { visibility: visible; }
.seq.seq-active .seq-preloader.seq-preloaded { visibility: hidden }
.seq.seq-active .seq-preloader .seq-preload-circle { fill: #fff }
.seq.seq-active .seq-content { margin-top: -26px }
.seq.seq-active .seq-button { -webkit-transform: translateZ(0) scale(0); -ms-transform: translateZ(0) scale(0); transform: translateZ(0) scale(0) }
@-webkit-keyframes jelly { 0% {
-webkit-transform:translateZ(0) scale(0);
transform:translateZ(0) scale(0)
}
40% {
-webkit-transform:translateZ(0) scale(1.15);
transform:translateZ(0) scale(1.15)
}
100%, 60% {
-webkit-transform:translateZ(0) scale(1);
transform:translateZ(0) scale(1)
}
80% {
-webkit-transform:translateZ(0) scale(1.05);
transform:translateZ(0) scale(1.05)
}
}
@keyframes jelly { 0% {
-webkit-transform:translateZ(0) scale(0);
-ms-transform:translateZ(0) scale(0);
transform:translateZ(0) scale(0)
}
40% {
-webkit-transform:translateZ(0) scale(1.15);
-ms-transform:translateZ(0) scale(1.15);
transform:translateZ(0) scale(1.15)
}
100%, 60% {
-webkit-transform:translateZ(0) scale(1);
-ms-transform:translateZ(0) scale(1);
transform:translateZ(0) scale(1)
}
80% {
-webkit-transform:translateZ(0) scale(1.05);
-ms-transform:translateZ(0) scale(1.05);
transform:translateZ(0) scale(1.05)
}
}
.seq.seq-active .seq-subtitle, .seq.seq-active .seq-title { opacity: 0; -webkit-transition-duration: .4s; transition-duration: .4s }
.seq.seq-active .seq-title { -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) }
.seq.seq-active h3 { -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) }
.seq .seq-in .seq-subtitle, .seq .seq-in .seq-title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.seq .seq-in .seq-button { -webkit-animation-name: jelly; animation-name: jelly; -webkit-animation-duration: .5s; animation-duration: .5s }
.seq .seq-out .seq-subtitle, .seq .seq-out .seq-title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.seq .seq-out .seq-button { -webkit-transform: scale(1) translateZ(0); -ms-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0) }
@media (max-width:768px) {
.seq { position: relative;}
.seq:before { display: block; content: ""; width: 100%; }
.seq .seq-screen {  top: 0; left: 0; right: 0; bottom: 0 }
.seq .seq-content { margin-top: -19px; display:none}
.seq .seq-pagination>* { width: 20px; height: 20px }
.seq .seq-pagination{ bottom:10%; display:none}

}
@media ( min-width:800px ) and (max-width:1024px ){
.seq .seq-pagination{ bottom:5%;}
.seq .seq-content { top:20%;}
.seq .seq-subtitle, .seq .seq-title { font-size: 1.4em }
}

/*@media only screen and (min-width:768px) {
.seq .seq-subtitle, .seq .seq-title { font-size: 1.4em }
.seq .seq-title { font-size: 2.6em }
}*/