.sequence-theme-wrapper{background:url(https://frowstoot.info/images/sliderbg.png) repeat;width:100%;float:left}.sequence-theme{background:url(https://frowstoot.info/images/sliderbg1.png) top no-repeat}#sequence{height:450px;overflow:hidden;margin-right:auto;color:#fff;position:relative;max-width:1200px;background-position:50% 100%;margin-left:auto;width:100%;float:none;margin-top:25px;display:block}#sequence>.sequence-canvas{height:100%}#sequence>.sequence-canvas>li{height:100%;position:absolute;top:-50%;width:100%;z-index:1}#sequence>.sequence-canvas>li img{height:96%}#sequence>.sequence-canvas li>*{position:absolute;-webkit-transition-property:right,opacity;-moz-transition-property:right,opacity;-ms-transition-property:right,opacity;-o-transition-property:right,opacity;transition-property:right,opacity}.sequence-next,.sequence-prev{height:51px;font-weight:700;color:#fff;top:50%;cursor:pointer;width:51px;margin-top:-47.5px;display:none;z-index:1000}.sequence-pause{position:absolute;bottom:0;cursor:pointer;z-index:1000}.sequence-paused{opacity:.3}.sequence-prev{left:3%}.sequence-next{right:3%}.sequence-next img,.sequence-prev img{height:100%;width:auto}.sequence-pagination{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;right:46%;position:absolute;bottom:5%;z-index:10}.sequence-pagination li{height:140px;display:inline-block;*display:inline}.sequence-pagination .paginationslider{height:16px;margin-right:5px;background:url(https://frowstoot.info/images/dots.png) 0 0 no-repeat;cursor:pointer;margin-left:7px;width:18px;float:left;display:block}.sequence-pagination .paginationslider,.sequence-pagination .paginationslider:hover{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.sequence-pagination .paginationslider:hover{background:url(https://frowstoot.info/images/dots.png) 0 100% no-repeat}.sequence-pagination li.current img{opacity:1}.sequence-next,.sequence-prev{position:absolute;opacity:.2;margin-top:-2%}.sequence-next,.sequence-next:hover,.sequence-prev,.sequence-prev:hover{-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}.sequence-theme h2{font-size:48px;color:#f9c68a;text-transform:uppercase}.sequence-theme h3{font-size:24px;color:#eee1d1;text-transform:uppercase;font-family:oswald,bebas neue}.sequence-theme p{font-size:14px;color:#eee1d1}.sequence-theme p span{color:#f9c68a}.title{right:65%;opacity:0;bottom:20%;width:42%;z-index:50}.animate-in .title{right:53%;opacity:1}.animate-in .title,.animate-out .title{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}.animate-out .title,.subtitle{right:35%;opacity:0}.subtitle{top:80%;width:35%}.animate-in .subtitle{right:45%;opacity:1}.animate-in .subtitle,.animate-out .subtitle{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}.animate-out .subtitle{right:65%;opacity:0}.subtitle1{right:35%;opacity:0;top:93%;width:40%}.animate-in .subtitle1{right:55%;opacity:1}.animate-in .subtitle1,.animate-out .subtitle1{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}.animate-out .subtitle1,.buttonslider{right:65%;opacity:0}.buttonslider{top:123%;width:40%}.animate-in .buttonslider{right:43%;opacity:1}.animate-in .buttonslider,.animate-out .buttonslider{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}.animate-out .buttonslider{right:65%;opacity:0}.model{height:auto!important;right:30%;position:relative;max-width:414px;max-height:365px!important;opacity:0;bottom:-40%;min-width:225px;width:auto}.animate-in .model{-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;right:5%;opacity:1}.animate-out .model{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;right:25%;opacity:0}@media only screen and (min-width:1200px){.title{right:75%;opacity:0;bottom:20%;width:42%;z-index:50}.animate-in .title{right:56%;opacity:1}.animate-in .title,.animate-out .title{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}.animate-out .title,.subtitle1{right:35%;opacity:0}.subtitle1{top:93%;width:40%}.animate-in .subtitle1{right:58%;opacity:1}.animate-in .subtitle1,.animate-out .subtitle1{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}.animate-out .subtitle1{right:65%;opacity:0}.sequence-pagination{right:47%}}@media only screen and (max-width:838px){#sequence{height:550px}#sequence .model{width:auto}.sequence-pagination{right:45%}.subtitle{right:35%;opacity:0;top:80%;width:35%}.animate-in .subtitle{right:60%}}@media only screen and (max-width:768px){#sequence{height:700px}#sequence .title{font-size:2.8em}#sequence .subtitle{font-size:1.6em}#sequence .sequence-next,#sequence .sequence-prev{margin-top:-40px}#sequence .model{width:auto}}@media only screen and (max-width:700px){#sequence{height:450px}#sequence .model{right:50%;min-width:60%;width:90%}#sequence .animate-in .model{right:10%}#sequence .animate-out .model{right:50%}#sequence .title{padding:4%;bottom:-42%;text-align:center;background:#a1a1a1;background:rgba(0,0,0,.3);left:0;width:100%;z-index:10}#sequence .animate-in .title{right:0}#sequence .animate-out .title{right:-100%}#sequence .buttonslider,#sequence .subtitle,#sequence .subtitle1{visibility:hidden}#sequence .sequence-pagination{right:0;bottom:4%}#sequence .sequence-pagination li img{width:auto}}@media only screen and (max-width:518px){#sequence{height:450px}}@media only screen and (max-width:468px){#sequence{height:415px}}@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}}