html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;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:before,blockquote:after,q:before,q:after {content:'';content:none}
table {border-collapse:collapse;border-spacing:0}
.sequence-theme {background:#d9d9d9;margin-top: 120px;}
#sequence {margin:0 auto;position:relative;overflow:hidden;width:100%;max-width:1280px;background-color:#d9d9d9;background-repeat:no-repeat;background-position:50% 100%;color:#fff;font-size:.625em;margin:0 auto;position:relative;height:600px}
#sequence>.sequence-canvas {height:100%;width:100%}
#sequence>.sequence-canvas>li {position:absolute;width:100%;height:100%;z-index:1;top:-50%}
#sequence>.sequence-canvas>li img {height:96%}
#sequence>.sequence-canvas li>* {position:absolute;-webkit-transition-property:left,opacity;-moz-transition-property:left,opacity;-ms-transition-property:left,opacity;-o-transition-property:left,opacity;transition-property:left,opacity}
.sequence-next,.sequence-prev {color:#fff;cursor:pointer;display:none;font-weight:700;padding:10px 15px;position:absolute;top:50%;z-index:5;height:75px;margin-top:-47.5px}
.sequence-pause {bottom:0;cursor:pointer;position:absolute;z-index:1000}
.sequence-paused {opacity:.3}
.sequence-prev {left:3%}
.sequence-next {right:3%}
.sequence-prev img,.sequence-next img {height:100%;width:auto}
#sequence-preloader {background:#d9d9d9}
.sequence-pagination {bottom:1%;display:none;right:6%;position:absolute;z-index:10;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}
.sequence-pagination li {display:inline-block;*display:inline;height:140px}
.sequence-pagination li img {cursor:pointer;opacity:.5;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;-webkit-transition-property:margin-bottom,opacity;-moz-transition-property:margin-bottom,opacity;-ms-transition-property:margin-bottom,opacity;-o-transition-property:margin-bottom,opacity;transition-property:margin-bottom,opacity}
.sequence-pagination li img:hover {margin-bottom:4px;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}
.sequence-pagination li.current img {opacity:1}
h2 {color:#fff;font-family:sirin stencil,serif;font-weight:700;text-transform:uppercase}
h3 {font-family:ruluko,serif}
.sequence-next,.sequence-prev {position:absolute;opacity:.6;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}
.sequence-next:hover,.sequence-prev:hover {opacity:1;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}
.title {font-size:3.4em;left:65%;width:35%;opacity:0;bottom:1%;z-index:50}
.animate-in .title {left:50%;opacity:1;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}
.animate-out .title {left:35%;opacity:0;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}
.subtitle {color:#000;font-size:2em;left:35%;width:35%;opacity:0;top:101%}
.animate-in .subtitle {left:50%;opacity:1;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}
.animate-out .subtitle {left:65%;opacity:0;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}
.model {left:30%;bottom:-50%;opacity:0;position:relative;height:auto!important;max-height:600px!important;width:35%;min-width:225px;max-width:450px}
.animate-in .model {left:12%;opacity:1;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}
.animate-out .model {left:15%;opacity:0;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}
@media screen and (max-width:1250px){
    .sequence-theme {background:#d9d9d9;margin-top: 100px;}
}
@media only screen and (min-width:992px) {#sequence .title {width:42%}
}
@media only screen and (max-width:838px) {#sequence {height:550px}
#sequence .model {max-height:530px!important;width:auto}
}
@media only screen and (max-width:768px) {#sequence {height:500px}
.sequence-theme {margin-top: 90px;}
#sequence .title {font-size:2.8em}
#sequence .subtitle {font-size:1.6em}
#sequence .sequence-next,#sequence .sequence-prev {height:60px;margin-top:-40px}
#sequence .model {max-height:480px!important;width:auto}
}
@media only screen and (max-width:768px) {#sequence .model {left:50%;min-width:40%;width:60%}
#sequence .animate-in .model {left:50%;margin-left:-30%}
#sequence .animate-out .model {left:50%;margin-left:-20%}
#sequence .title {background:#a1a1a1;background:rgba(0,0,0,.3);bottom:0;left:100%;padding:4%;bottom:-50%;width:100%;z-index:10}
#sequence .animate-in .title {left:0%}
#sequence .animate-out .title {left:-100%}
#sequence .subtitle {visibility:hidden}
#sequence .sequence-pagination {bottom:40px}
#sequence .sequence-pagination li img {height:100px}
}
@media only screen and (max-width:518px) {#sequence {height:450px}
}
@media only screen and (max-width:468px) {#sequence {height:415px}
#sequence .sequence-pagination {opacity:0;visibility:hidden}
}
@media only screen and (max-width:418px) {#sequence {height:375px}
}
@media only screen and (max-width:368px) {#sequence {height:325px}
#sequence .title {font-size:2.2em}
}
@media only screen and (max-width:320px) and (orientation:portrait) {#sequence {height:320px}
#sequence .model {min-width:45%;width:45%}
#sequence .animate-in .model {margin-left:-22.5%}
#sequence .animate-out .model {margin-left:-22.5%}
}
@media only screen and (min-width:321px) and (max-width:480px) and (orientation:landscape) {#sequence {height:260px}
#sequence .model {min-width:24%;width:24%}
#sequence .animate-in .model {left:17.5%;margin-left:0}
#sequence .animate-out .model {left:17.5%;margin-left:0}
#sequence .sequence-pagination {right:17.5%}
}
