.sl-slider-wrapper{width:800px;height:630px;margin:0 auto;position:relative;overflow:hidden}.sl-slider{position:absolute;top:0;left:0}.sl-slide,.sl-slides-wrapper,.sl-slide-inner{position:absolute;width:100%;height:100%;top:0;left:0}.sl-slide{z-index:1}.sl-content-slice{overflow:hidden;position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;background:#fff;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;opacity:1}.sl-slide-horizontal .sl-content-slice{width:100%;height:50%;left:-200px;-webkit-transform:translateY(0%) scale(1);transform:translateY(0%) scale(1)}.sl-slide-horizontal .sl-content-slice:first-child{top:-200px;padding:200px 200px 0}.sl-slide-horizontal .sl-content-slice:nth-child(2){top:50%;padding:0 200px 200px}.sl-slide-vertical .sl-content-slice{width:50%;height:100%;top:-200px;-webkit-transform:translateX(0%) scale(1);transform:translateX(0%) scale(1)}.sl-slide-vertical .sl-content-slice:first-child{left:-200px;padding:200px 0 200px 200px}.sl-slide-vertical .sl-content-slice:nth-child(2){left:50%;padding:200px 200px 200px 0}.sl-content-wrapper{position:absolute}.sl-content{width:100%;height:100%;background:#fff}.sl-slide-horizontal .sl-slide-inner{background:#000}.sl-slide-vertical .sl-slide-inner{background:#000}.demo-2 .sl-slider-wrapper{width:100%;max-height:630px;height:630px;overflow:hidden;position:relative}.demo-2 .sl-slider h1,.demo-2 .sl-slider p{color:#fff;position:relative;z-index:100}.demo-2 .sl-slider p{font-size:15px;padding-top:0;color:#fff;margin-top:-8px}.demo-2 .bg-img{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center 0;background-repeat:no-repeat;background-size:cover}.nav-arrows span{position:absolute;z-index:2000;top:50%;width:30px;height:110px;background:rgba(0,0,0,0.8);text-indent:-90000px;margin-top:-55px;cursor:pointer}.nav-arrows span.nav-arrow-prev{border-radius:0 4px 4px 0}.nav-arrows span:hover{background:rgba(28,43,112,0.8)}.nav-arrows span.nav-arrow-prev:before,.nav-arrows span.nav-arrow-next:before{content:"";position:absolute;top:49px;right:6px;width:15px;height:15px;border:3px solid #fff;border-width:0 0 3px 3px;display:block;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav-arrows span.nav-arrow-next:before{border-width:3px 3px 0 0;right:9px}.nav-arrows span.nav-arrow-next{left:auto;right:0;border-radius:4px 0 0 4px}.nav-dots{text-align:center;position:absolute;bottom:2%;height:30px;width:100%;left:0;z-index:1000}.nav-dots span{display:inline-block;position:relative;width:16px;height:16px;border-radius:50%;margin:3px;background:#ddd;background:rgba(150,150,150,0.4);cursor:pointer;box-shadow:0 1px 1px rgba(255,255,255,0.4),inset 0 1px 1px rgba(0,0,0,0.1)}.demo-2 .nav-dots span{background:rgba(150,150,150,0.1);margin:6px;-webkit-transition:all .2s;transition:all .2s;box-shadow:0 1px 1px rgba(255,255,255,0.4),inset 0 1px 1px rgba(0,0,0,0.1),0 0 0 2px rgba(255,255,255,0.5)}.demo-2 .nav-dots span.nav-dot-current,.demo-2 .nav-dots span:hover{box-shadow:0 1px 1px rgba(255,255,255,0.4),inset 0 1px 1px rgba(0,0,0,0.1),0 0 0 5px rgba(255,255,255,0.5)}.nav-dots span.nav-dot-current:after{content:"";position:absolute;width:10px;height:10px;top:3px;left:3px;border-radius:50%;background:rgba(255,255,255,0.8)}.sl-trans-elems .deco{-webkit-animation:roll 1s ease-out both,fadeIn 1s ease-out both;animation:roll 1s ease-out both,fadeIn 1s ease-out both}.sl-trans-back-elems .deco{-webkit-animation:scaleDown 1s ease-in-out both;animation:scaleDown 1s ease-in-out both}.sl-trans-back-elems h1{-webkit-animation:fadeOut 1s ease-in-out both;animation:fadeOut 1s ease-in-out both}.sl-trans-back-elems p{-webkit-animation:fadeOut 1s linear both;animation:fadeOut 1s linear both}@-webkit-keyframes roll{0%{-webkit-transform:translateX(500px) rotate(360deg)}100%{-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes roll{0%{-moz-transform:translateX(500px) rotate(360deg);opacity:0}100%{-moz-transform:translateX(0px) rotate(0deg);opacity:1}}@-o-keyframes roll{0%{-o-transform:translateX(500px) rotate(360deg);opacity:0}100%{-o-transform:translateX(0px) rotate(0deg);opacity:1}}@-ms-keyframes roll{0%{-ms-transform:translateX(500px) rotate(360deg);opacity:0}100%{-ms-transform:translateX(0px) rotate(0deg);opacity:1}}@keyframes roll{0%{transform:translateX(500px) rotate(360deg);opacity:0}100%{transform:translateX(0px) rotate(0deg);opacity:1}}@-webkit-keyframes moveUp{0%{-webkit-transform:translateY(40px)}100%{-webkit-transform:translateY(0px)}}@-moz-keyframes moveUp{0%{-moz-transform:translateY(40px)}100%{-moz-transform:translateY(0px)}}@-o-keyframes moveUp{0%{-o-transform:translateY(40px)}100%{-o-transform:translateY(0px)}}@-ms-keyframes moveUp{0%{-ms-transform:translateY(40px)}100%{-ms-transform:translateY(0px)}}@keyframes moveUp{0%{transform:translateY(40px)}100%{transform:translateY(0px)}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes scaleDown{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(0.5)}}@-moz-keyframes scaleDown{0%{-moz-transform:scale(1)}100%{-moz-transform:scale(0.5)}}@-o-keyframes scaleDown{0%{-o-transform:scale(1)}100%{-o-transform:scale(0.5)}}@-ms-keyframes scaleDown{0%{-ms-transform:scale(1)}100%{-ms-transform:scale(0.5)}}@keyframes scaleDown{0%{transform:scale(1)}100%{transform:scale(0.5)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-ms-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.demo-2{max-width:1960px;margin:0 auto}.sl-slider .container{min-height:100%;padding-top:450px}.trans-wrap,.slide-text{position:absolute;bottom:40px;top:auto;left:0;width:100%;background:url(../img/intro-text-bg.png) repeat-y 0 0;min-height:112px;padding:19px 23px 13px;z-index:10;margin:0}.trans-wrap{-webkit-animation:transbg-anim 1s ease-in-out both;-webkit-animation:transbg-anim 1s ease-in-out both;animation:transbg-anim 1s ease-in-out both}.slide-text{background:none;z-index:11}.sl-slider h1{-webkit-animation:h1Anim 1s ease-in-out both;-moz-animation:h1Anim 1s ease-in-out both;animation:h1Anim 1s ease-in-out both}.sl-slider p{-webkit-animation:paraAnim .5s linear .5s both;-moz-animation:paraAnim .5s linear .5s both;animation:paraAnim .5s linear .5s both}@-webkit-keyframes transbg-anim{0%{-webkit-transform:translateX(-30px);opacity:0;width:30%}100%{-webkit-transform:translateX(0px);opacity:1;width:100%}}@keyframes transbg-anim{0%{transform:translateX(-30px);opacity:0;width:30%}100%{transform:translateX(0px);opacity:1;width:100%}}@-webkit-keyframes h1Anim{0%{-webkit-transform:translateY(40px);opacity:0}100%{-webkit-transform:translateY(0px);opacity:1}}@keyframes h1Anim{0%{transform:translateY(40px);opacity:0}100%{transform:translateY(0px);opacity:1}}@-webkit-keyframes paraAnim{0%{opacity:0}100%{opacity:1}}@keyframes paraAnim{0%{opacity:0}100%{opacity:1}}@media (min-width:1300px) and (orientation: landscape){.demo-2 .sl-slider-wrapper{height:500px}#intro .hd-h1{font-size:3.5rem}}@media (min-width:1920px){.trans-wrap,.slide-text{bottom:80px}.demo-2 .bg-img{background-position:center 0}}@media (max-width:1024px){.demo-2 .sl-slider-wrapper,.sl-slider,sl-content-wrapper,.sl-slider .container{height:450px!important}.sl-slider .container{min-height:100%!important;padding:294px 15px 0!important;margin-top:10px}.trans-wrap{position:absolute;bottom:50px;width:100%}}@media screen and (max-width: 660px){.demo-2 .sl-slider-wrapper{height:450px}.demo-2 .sl-slider h1{font-size:26px}.demo-2 .sl-slider p{font-size:14px}}@media (max-width:639px){.demo-2 .sl-slider-wrapper,.sl-slider,sl-content-wrapper,.sl-slider .container{height:300px!important}.trans-wrap,.slide-text{bottom:20px}.nav-arrows span.nav-arrow-prev::before,.nav-arrows span.nav-arrow-next::before{top:18px}.nav-arrows span{height:50px}}@media (max-width:480px){.trans-wrap,.slide-text{padding:10px 23px}.demo-2 .sl-slider h1{font-size:20px;padding-bottom:7px}}@media (max-width:400px){.trans-wrap,.slide-text{min-height:140px}}@media (max-width:320px){.trans-wrap,.slide-text{min-height:165px}}@media (max-width:767px) and (orientation:landscape){.demo-2 .sl-slider-wrapper,.sl-slider, sl-content-wrapper,.sl-slider .container{height:275px!important}.trans-wrap,.slide-text{bottom:130px}}