.slider {position:relative; margin-top:178px; background-color:#fff;}
.slider-wraper { width: 100vw;  height: 100vh;}
.slider--item {  width: 100vw;  height: 550px;  background-repeat: no-repeat; background-position:center center;  background-size: cover;}
.slick-slide {  position: relative;  outline: none;  z-index: 1;}
.slick-slide.slick-current {  z-index: 2;}
.slider span.img_info {position: absolute; bottom:3em; left:3em; color:#fff; font-size:30px; font-weight:500; z-index: 0;}

.slick-arrow {  position: absolute;  width: 150px;  top: 0;  height: 100%;  border: none;  outline: none;
  background-color: rgba(255, 255, 255, 0);  text-indent: -9999px;  z-index: 9;  cursor: pointer;}
.slick-arrow:before {  content: "";  position: absolute;  display: block;  width: 42px;  height: 42px;  top: 50%;  margin-top: -21px;
  -webkit-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  -khtml-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  -moz-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  -ms-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  -o-transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  transition: all, 0.3s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;}
.slick-arrow:after { content:""; position: absolute; display: block; height: 2px; width: 160px; top: 50%; background-color: white;
  -webkit-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  -khtml-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  -moz-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  -ms-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  -o-transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  transition: all, 0.4s 0.1s, cubic-bezier(0.55, 0, 0.1, 1) 1s ease-in-out;
  opacity: 0;}
.slick-arrow.slick-prev {  left: 0;}
.slick-arrow.slick-prev:before {  border-top: 2px solid white;  border-left: 2px solid white;  left: 50px;
  -webkit-transform: rotate(-45deg);
  -khtml-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);}
.slick-arrow.slick-prev:after {  left: 300px;}
.slick-arrow.slick-prev:hover:before {  left: 80px;}
.slick-arrow.slick-prev:hover:after {  left: 73px;  opacity: 1;  width: 80px;}
.slick-arrow.slick-next {  right: 0;}
.slick-arrow.slick-next:before {  border-bottom: 2px solid white;  border-right: 2px solid white;  right: 50px;
  -webkit-transform: rotate(-45deg);
  -khtml-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);}
.slick-arrow.slick-next:after {  right: 300px; }
.slick-arrow.slick-next:hover:before {  right: 80px;}
.slick-arrow.slick-next:hover:after {  right: 73px;  opacity: 1;  width: 80px;}
.slick-dots {  padding: 0;  margin: 0;  width: 100%;  position: absolute;  bottom: 30px;  text-align: center;}
.slick-dots li {  display: inline-block;  vertical-align: middle;  margin: 0 6px;}
.slick-dots li.slick-active button {  background-color: white;  height: 18px;  width: 18px;}
.slick-dots li.slick-active button:hover {  background-color: white;}
.slick-dots li button {  outline: none;  display: block;  width: 18px;  height: 18px;  border: 1px solid white;
  background-color: rgba(255, 255, 255, 0);  text-indent: -9999px;  border-radius: 100%;  cursor: pointer;
  -webkit-transition: all, 0.2s, ease-in 1s ease-in-out;
  -khtml-transition: all, 0.2s, ease-in 1s ease-in-out;
  -moz-transition: all, 0.2s, ease-in 1s ease-in-out;
  -ms-transition: all, 0.2s, ease-in 1s ease-in-out;
  -o-transition: all, 0.2s, ease-in 1s ease-in-out;
  transition: all, 0.2s, ease-in 1s ease-in-out;}
.slick-dots li button:hover {  background-color: rgba(255, 255, 255, 0.5);}

/*text*/
div.slider .slick-slide.slick-active .caption {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.7s cubic-bezier(0.32, 0.34, 0, .6) 0.5s;}
div.slider .slick-slide.slick-active .caption2,
div.slider .slick-slide.slick-active .caption3,
div.slider .slick-slide.slick-active .caption4 {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.2) 1s;}
div.slider .caption { padding-top:130px;   width:100%;       margin: 0; font-size: 45px;  font-weight:500;
 opacity: 0; z-index: 1; transition: all .3s ease; -webkit-transform: translateY(100px); transform: translateY(100px);}
div.slider .caption span{border: 0px solid;  color: #fff; margin:0 auto; padding: 20px 0px 15px 10px; }
div.slider .caption2 { width:100%; margin: 0; font-size: 25px;  font-weight:500; opacity: 0; z-index: 1; transition: all .3s ease; -webkit-transform: translateY(70px); transform: translateY(70px);}
div.slider .caption2 span{border: 0px solid;  color: #fff; margin:0 auto;  display:block; padding: 10px 0px 25px 10px; }
div.slider .caption3 { width:100%; margin: 0; font-size: 20px;  font-weight:500; opacity: 0; z-index: 1; transition: all .3s ease; -webkit-transform: translateY(70px); transform: translateY(70px);}
div.slider .caption3 span{border: 0px solid;  color: #fff; margin:0 auto;  display:block; padding: 10px 0px 25px 10px}
div.slider .caption4 { width:100%; margin: 0; font-size: 17px;  font-weight:500; opacity: 0; z-index: 1; transition: all .3s ease; -webkit-transform: translateY(70px); transform: translateY(70px);}
div.slider .caption4 span{border: 0px solid;  color: #fff; margin:0 auto;  display:block; padding: 0px 0px 25px 10px}
div.slider .caption3 span a {border:1px solid #fff; border-radius:5px 5px; padding:10px 20px 11px 20px; display:block; width:200px;text-align:center;}
div.slider .caption3 span a:hover {color:#fff;  background:rgba(0,0,0,0.3);}
div.slider .caption , div.slider .caption2 , div.slider .caption3 , div.slider .caption4{width:1100px; margin:0 auto; overflow:hidden; }

.style2 .caption,.style2 .caption2,.style2 .caption3 span a{text-align: center; margin:0 auto;}
.style3 .caption,.style3 .caption2,.style3 .caption3 {width:1100px; margin:0 auto; text-align: right;  }
.style3 .caption3 span a {float:right;}
.style4 .caption2 span{ padding: 10px 0px 15px 10px !important; }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.slider {margin-top:50px; position:relative; background-color:#fff;}	
.slider-wraper img{ width: 100%;  height: 100vh;}	
.slider--item {  width: 100%;  height: 300px; background-size: cover; }	
.slider span.img_info {position: absolute; bottom:4em; left:1em; color:#fff; font-size:17px; font-weight:500;  }

.slick-arrow.slick-prev ,.slick-arrow.slick-next{display:none !important;}
div.slider .caption { padding-top:100px;   width:100%;   text-align:center;    margin: 0; font-size: 25px;   }
div.slider .caption2 span{padding: 10px 0px 10px 10px; }
div.slider .caption2 {   width:100%;    text-align:center;    margin: 0; font-size: 16px;  font-weight:500;}
div.slider .caption3 {   width:100%;    text-align:center;    margin: 0; font-size: 15px;  font-weight:500;}
div.slider .caption3 span{border: 0px solid;  color: #fff; margin:0 auto;  display:block; padding: 10px 0px 25px 10px}
div.slider .caption3 span a {border:1px solid #fff; border-radius:5px 5px;  margin: 0 auto; padding:5px 20px ; display:block; width:150px;text-align:center;}
div.slider .caption4 { width:100%; margin: 0; font-size: 13px; text-align:center;  font-weight:500; opacity: 0; z-index: 1; transition: all .3s ease; -webkit-transform: translateY(70px); transform: translateY(70px);}
div.slider .caption span,div.slider .caption2 span {padding-left:0px;}
.style3 .caption3 span a {float:none;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}