.css-slider-wrapper{display:block;background:#FFF;overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;}

.slider{width:100%;height:100%;position:absolute;left:0;top:0;opacity:1;z-index:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;-webkit-transition:-webkit-transform 1600ms;transition:-webkit-transform 1600ms, transform 1600ms;-webkit-transform:scale(1);transform:scale(1);}

.slide-0{left:0;position: relative;}

.slide-0:before{position: absolute;content: "";height: 100%; width: 100%; background-color: rgba(0,0,0,0.1); top:0; left: 0}

.slide-1{background:#fbad99;left:100%}

.slide-2{background:#a9785c;left:200%}

.slide-3{background:#9ea6b3;left:300%}

.slide-4{background:#b1a494;left:400%;}

.slide-5{background:#b1a494;left:500%;}

.slide-6{background:#b1a494;left:600%;}





.slider{display:flex;justify-content:flex-start;}

.slider-content{position: relative; margin:0 auto; text-align: center;}



.slider > img{position:absolute;right:10%;bottom:0;height:80%;opacity:0;-webkit-transform:translateX(500px);transform:translateX(500px);}

.slider h1{-webkit-transition:opacity 800ms, -webkit-transform 800ms;transition:transform 800ms, opacity 800ms;-webkit-transition-delay:1s;transition-delay:1s;}

.slider h2{-webkit-transition:opacity 800ms, -webkit-transform 800ms;transition:transform 800ms, opacity 800ms;-webkit-transition-delay:1s;transition-delay:1s;}



.slider h3{-webkit-transition:opacity 800ms, -webkit-transform 800ms;transition:transform 800ms, opacity 800ms;-webkit-transition-delay:1.2s;transition-delay:1.2s;}

.slider p{-webkit-transition:opacity 800ms, -webkit-transform 800ms;transition:transform 800ms, opacity 800ms;-webkit-transition-delay:1.8s;transition-delay:1.8s;}

.slider > img{-webkit-transition:opacity 800ms, -webkit-transform 800ms;transition:transform 800ms, opacity 800ms;-webkit-transition-delay:1.2s;transition-delay:1.2s;}

.slider a{-webkit-transition:opacity 800ms, -webkit-transform 800ms;transition:transform 800ms, opacity 800ms;-webkit-transition-delay:1s;transition-delay:1s;}

.slider .bgslid{position: relative; background-color: rgba(0,0,0,0.3);padding: 35px;-webkit-transform:translateX(500px);transform:translateX(500px);}

.slider .bgslid{-webkit-transition:opacity 800ms, -webkit-transform 800ms;transition:transform 800ms, opacity 800ms;-webkit-transition-delay:1s;transition-delay:1s;}







.number-pagination{position:absolute;bottom:30px;right:100px;font-family:"Oswald";font-weight:bold;}

.number-pagination span{font-size:30px;color:#ea2e49;letter-spacing:4px;}

.number-pagination span:after{content:"/4";font-size:16px;color:#fff;}

.slider-pagination{position:absolute;bottom:40px;width:auto;left:750px;z-index:1000;display:flex;align-items:center;}

.slider-pagination label{width:8px;height:8px;border-radius:50%;display:inline-block;background:#fff;margin:0 10px;cursor:pointer;}



.slide-radio0:checked ~ .slider-pagination .page0, .slide-radio1:checked ~ .slider-pagination .page1, .slide-radio2:checked ~ .slider-pagination .page2, .slide-radio3:checked ~ .slider-pagination .page3, .slide-radio4:checked ~ .slider-pagination .page4, .slide-radio5:checked ~ .slider-pagination .page5, .slide-radio6:checked ~ .slider-pagination .page6{width:14px;height:14px;border:2px solid #ea2e49;background:transparent;}



.slide-radio0:checked ~ .slider{-webkit-transform:translateX(0%);transform:translateX(0%);}

.slide-radio1:checked ~ .slider{-webkit-transform:translateX(-100%);transform:translateX(-100%);}

.slide-radio2:checked ~ .slider{-webkit-transform:translateX(-200%);transform:translateX(-200%);}

.slide-radio3:checked ~ .slider{-webkit-transform:translateX(-300%);transform:translateX(-300%);}

.slide-radio4:checked ~ .slider{-webkit-transform:translateX(-400%);transform:translateX(-400%);}

.slide-radio5:checked ~ .slider{-webkit-transform:translateX(-500%);transform:translateX(-500%);}

.slide-radio6:checked ~ .slider{-webkit-transform:translateX(-600%);transform:translateX(-600%);}





.slide-radio0:checked ~ .slide-0 h1,.slide-radio1:checked ~ .slide-1 h1, .slide-radio2:checked ~ .slide-2 h2, .slide-radio3:checked ~ .slide-3 h2, .slide-radio4:checked ~ .slide-4 h2, .slide-radio5:checked ~ .slide-5 h2, .slide-radio6:checked ~ .slide-6 h2, .slide-radio1:checked ~ .slide-1 h3, .slide-radio2:checked ~ .slide-2 h3, .slide-radio3:checked ~ .slide-3 h3, .slide-radio4:checked ~ .slide-4 h3, .slide-radio5:checked ~ .slide-5 h3, .slide-radio6:checked ~ .slide-6 h3, .slide-radio1:checked ~ .slide-1 > img, .slide-radio2:checked ~ .slide-2 > img, .slide-radio3:checked ~ .slide-3 > img, .slide-radio4:checked ~ .slide-4 > img, .slide-radio5:checked ~ .slide-5 > img, .slide-radio6:checked ~ .slide-6 > img, .slide-radio1:checked ~ .slide-1 a, .slide-radio2:checked ~ .slide-2 a, .slide-radio3:checked ~ .slide-3 a, .slide-radio4:checked ~ .slide-4 a, .slide-radio5:checked ~ .slide-5 a, .slide-radio6:checked ~ .slide-6 a, .slide-radio1:checked ~ .slide-1 .bgslid, .slide-radio2:checked ~ .slide-2 .bgslid,.slide-radio3:checked ~ .slide-3 .bgslid, .slide-radio4:checked ~ .slide-4 .bgslid, .slide-radio5:checked ~ .slide-5 .bgslid, .slide-radio6:checked ~ .slide-6 .bgslid {-webkit-transform:translateX(0);transform:translateX(0);opacity:1}



.slider h1{text-transform:uppercase;font-size:35px;font-family: "Arial",sans-serif;font-weight:bold;color:#fff;margin:0;padding:0;letter-spacing:0;opacity:0;-webkit-transform:translateX(500px);transform:translateX(500px); text-shadow: 10px 0px 10px #000}



.slider h2{text-transform:uppercase;font-size:35px;font-family: "Arial",sans-serif;font-weight:bold;color:#fff;margin:0;padding:0;letter-spacing:0;opacity:0;-webkit-transform:translateX(500px);transform:translateX(500px); text-shadow: 10px 0px 10px #000}



.slider .sliderhead{font-size: 34px}



.slider h3{text-transform:uppercase;font-size:35px;font-family:'Barlow', sans-serif;font-weight:700;color:#FFF;line-height:50px;margin:5px 0 35px 0;opacity:0;-webkit-transform:translateX(500px);transform:translateX(500px);text-shadow: 10px 0px 10px #000}

.slider p{font-size:34px;font-family:'Barlow', sans-serif;font-weight:00;color:#FFF;line-height:30px;opacity:0;-webkit-transform:translateX(500px);transform:translateX(500px);text-shadow: 10px 0px 10px #000}

.overlaybtn {position: absolute; bottom: 0px; left: 0; right: 0; background-color: #fff; overflow: hidden; width: 100%; height: 0; transition: .5s ease;}

.ban-more:hover .overlaybtn {padding: 12px 0px 30px 0; color: #000}

.ban-more{position: relative; font-size:14px;color:#fff;padding:11px 18px;text-align:center;font-family:'Source Sans Pro', sans-serif;font-weight:700;text-transform:uppercase;border-radius:4px;display:flex;width:180px;border: 1px solid #fff;}

.slider a{-webkit-transform:translateX(500px);transform:translateX(500px);}

.ban-more:hover{position: relative; color:#000; text-decoration: none;}

.ban-more img{position: relative; margin-left:6px;}



.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;}

.hvr-wobble-horizonta:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}

.slide-2 img:nth-child(2){height:80%;right:0%}

.slide-2 img:nth-child(3){height:75%;right:10%}

.slide-3 img:nth-child(2){height:75%;right:0%}

.slide-3 img:nth-child(3){height:68%;right:28%}

.slide-3 img:nth-child(4){height:68%;right:10%}

.slide-3 img:nth-child(1){right:-50px}



@media screen and (min-device-width:320px) and (max-device-width:359px) and (orientation:portrait){

.slider-content{padding-left:10px;margin-top:0px; }

.slider .bgslid { padding: 12px;}

.slider h1{font-size:18px;line-height:38px;margin-bottom:0;}

.slider h2{font-size:18px;line-height:38px;margin-bottom:0;}

.slider h3{font-size:17px;line-height:0;margin-bottom:20px;}

.slider p{font-size:18px;line-height:40px;margin-bottom:10px;}

.slider > img{right:0;height:50%;font-size:16px;}

.ban-more{font-size:10px;padding:7px 14px;width:107px;}

.ban-more img{width:16px;margin-top:-3px}

.ban-more:hover .overlaybtn {padding: 7px 0px 21px 0;}

.slide-0 img:nth-child(0){height:58%;right:5%;}

.slide-1 img:nth-child(1){height:58%;right:5%;}

.slide-2 img:nth-child(2){height:50%;right:30%}

.slide-2 img:nth-child(3){height:45%;right:0%}

.slide-3 img:nth-child(2){height:46%;right:60%}

.slide-3 img:nth-child(3){height:50%;right:28%}

.slide-3 img:nth-child(4){height:50%;right:10%}

.slide-3 img:nth-child(5){height:50%;right:0}

.slider-pagination{left: 75px}

.slider .sliderhead{font-size: 24px}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: transparent;}

.navbar-inverse .navbar-toggle{border-color: #1a1a1a;}

}

@media screen and (min-device-width:320px) and (max-device-width:359px) and (orientation:landscape){

.slider-content{padding-left:10px;margin-top:25px;}

.slider .bgslid {padding: 12px;}

.slider h1{font-size:20px;line-height:40px;margin-bottom:0;}

.slider h2{font-size:20px;line-height:40px;margin-bottom:0;}



.slider h3{font-size:20px;line-height:0;margin-bottom:20px;}

.slider p{font-size:18px;line-height:40px;margin-bottom:10px;}

.slider > img{right:5%;height:60%;font-size:16px;}

.ban-more{font-size:10px;padding:7px 14px;width:102px;}

.ban-more img{width:16px;margin-top:3px}

.ban-more:hover .overlaybtn{padding: 5px 0px 23px 0;}

.slider-pagination{left: 90px}

.slider .sliderhead{font-size: 24px}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: transparent;}

.navbar-inverse .navbar-toggle{border-color: #1a1a1a;}

}



@media screen and (min-device-width:360px) and (max-device-width:639px) and (orientation:landscape){ 

.slider-content{padding-left:10px;margin-top:50px!important;}

.slider .bgslid { padding: 15px;}

.slider h1{font-size:22px;line-height:50px;margin-bottom:0;}

.slider h2{font-size:22px;line-height:50px;margin-bottom:0;}

.slider h3{font-size:22px;line-height:0;margin-bottom:27px;}

.slider p{font-size:18px;line-height:40px;margin-bottom:10px;}

.slider > img{right:5%;height:60%;font-size:16px;}

.ban-more{font-size:10px;padding:7px 14px;width:102px;}

.ban-more img{width:16px;margin-top:3px}

.ban-more:hover .overlaybtn{padding: 5px 0px 23px 0;}

.slider-pagination{left: 265px;bottom: 45px}

.slider .sliderhead{font-size: 28px}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: transparent;}

.navbar-inverse .navbar-toggle{border-color: #1a1a1a;}

}

@media screen and (min-device-width:360px) and (max-device-width:639px) and (orientation:portrait){.slider-content{padding-left:10px;margin-top:-60px; }

.slider .bgslid { padding: 15px;}

.slider h1{font-size:20px;line-height:40px;margin-bottom:0;}

.slider h2{font-size:20px;line-height:40px;margin-bottom:0;}

.slider h3{font-size:20px;line-height:0;margin-bottom:20px;}

.slider p{font-size:18px;line-height:40px;margin-bottom:10px;}

.slider > img{right:5%;height:60%;font-size:16px;}

.ban-more{font-size:10px;padding:7px 14px;width:102px;}

.ban-more img{width:16px;margin-top:3px}

.ban-more:hover .overlaybtn{padding: 5px 0px 23px 0;}

.slider-pagination{left: 87px;bottom: 91px}

.slider .sliderhead{font-size: 24px}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: transparent;}

.navbar-inverse .navbar-toggle{border-color: #1a1a1a;}

}



@media screen and (min-device-width:640px) and (max-device-width:767px) and (orientation:portrait){.slider-content{padding-left:45px;margin-top:15px;}

.slider .bgslid { padding: 15px;}

.slider h1{font-size:30px;line-height:52px;margin-bottom:0;}

.slider h2{font-size:30px;line-height:52px;margin-bottom:0;}

.slider h3{font-size:30px;line-height:0;margin-bottom:20px;}

.slider p{font-size:18px;line-height:40px;margin-bottom:10px;}

.slider > img{right:5%;height:60%;font-size:16px;}

.ban-more{font-size:10px;padding:7px 14px;width:102px;}

.ban-more img{width:16px;margin-top:-1px}

.ban-more:hover .overlaybtn{padding: 5px 0px 23px 0;}

.slider-pagination{left: 234px}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: transparent;}

.navbar-inverse .navbar-toggle{border-color: #1a1a1a;}

}

@media screen and (min-device-width:640px) and (max-device-width:767px) and (orientation:landscape){.slider-content{padding-left:60px;margin-top:15px;}

.slider h1{font-size:30px;line-height:70px;margin-bottom:0;}

.slider h2{font-size:30px;line-height:70px;margin-bottom:0;}

.slider h3{font-size:30px;line-height:0;margin-bottom:30px;}

.slider p{font-size:18px;line-height:40px;margin-bottom:10px;}

.slider > img{right:5%;height:80%;font-size:16px;}

.ban-more{font-size:10px;padding:7px 14px;width:102px;}

.ban-more img{width:16px;margin-top:-1px}

.ban-more:hover .overlaybtn{padding: 5px 0px 23px 0;}

.slider-pagination{left: 290px!important}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: transparent;}

.navbar-inverse .navbar-toggle{border-color: #1a1a1a;}

}

@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.slider-content{padding-left:60px;margin-top:0;}

.slider h1{font-size:45px;line-height:40px;margin-bottom:0;}

.slider h2{font-size:45px;line-height:40px;margin-bottom:0;}

.slider h3{font-size:20px!important;line-height:40px!important;margin-bottom:20px;}

.slider p{font-size:18px;line-height:40px;margin-bottom:10px;}

.slider > img{right:5%;height:80%;font-size:16px;}

.ban-more{font-size:10px;padding:7px 14px;width:102px;}

.ban-more img{width:16px;margin-top:-1px}

.ban-more:hover .overlaybtn{padding: 5px 0px 23px 0;}

.slider-pagination{margin:0 0 0 290px; left: 0!important}

}

@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.slider-content{padding-left:10px;margin-top:0;}

.slider h1{font-size:50px;line-height:40px;margin-bottom:0;}

.slider h2{font-size:50px;line-height:40px;margin-bottom:0;}

.slider h3{font-size:20px;line-height:20px;margin-bottom:20px;}

.slider p{font-size:18px;line-height:40px;margin-bottom:10px;}

.slider > img{right:5%;height:80%;font-size:16px;}

.ban-more{font-size:10px;padding:7px 14px;width:102px;}

.ban-more img{width:16px;margin-top:-1px}

.slider-pagination{margin-left:0px!important; left: 0!important}

}

@media screen and (min-device-width:720px) and (max-device-width:1280px) and (orientation:portrait){

.slider-content{padding-left:10px;margin-top:0;}

.slider h1{font-size:45px;line-height:40px;margin-bottom:0;}

.slider h2{font-size:45px;line-height:40px;margin-bottom:0;}

.slider h3{font-size:20px;line-height:40px;margin-bottom:20px;}

.slider p{font-size:18px;line-height:40px;margin-bottom:10px;}

.slider > img{right:5%;height:80%;font-size:16px;}

.ban-more{font-size:10px;padding:7px 14px;width:102px;}

.ban-more img{width:16px;margin-top:-1px}

.slider-pagination{left: 284px}

}

@media screen and (min-device-width:720px) and (max-device-width:1280px) and (orientation:landscape){



.slider-content{padding-left:10px;margin-top:0;}

.slider > img{right:5%;height:80%;font-size:16px;}

.ban-more{font-size:10px;padding:7px 14px;width:102px;}

.ban-more img{width:16px;margin-top:-1px}

.slider-pagination{left: 550px}

}