body {  overflow: hidden;}
/*.footer {width:100%; height:100px; background-color:#000; position:absolute;bottom:0;}*/
.slick-dotted.slick-slider {  overflow: hidden;  margin: 0;  }
.slider .door {position:relative;  height: 100vh;  color: #fff;   display: block; padding:0; margin:0;}
.slider .door div.section2 {    }
.slick-vertical .slick-slide1 {  background-color: #000;  border: none;}
.slick-dots {  top: 50%;  right: 2%;    width: auto;  bottom: auto; 
-webkit-transform: translateY(-50%) ;  transform: translateY(-50%)  ;}
.slick-dots li {display:block; margin:15px 0; height:23px !important;   /*transform:rotate(30deg)*/ }
.slick-dots li.slick-active button::before {opacity:1 !important; width:45px !important; height:1px !important;}
.slick-dots li button:focus::before{opacity:1;  }
.slick-dots li button:hover::before {opacity:1 !important; }
.slick-dots li button {color:#fff !important; padding:0 !important; /* font-size:11px; opacity:0.25*/}
.slick-dots li button:hover,.slick-dots li.slick-active button {font-size:12px; }
.slick-dots li.slick-active button:before,
.slick-dots li button::before {color: #fff; opacity:1; position:absolute; left:auto; top:auto; bottom:0; right:0 !important; 
 content:"";   width:20px; height:1px;  background-color:#fff;  }
.slick-vertical .slick-slide1 {  background-repeat: no-repeat; height:100vh;  background-size: cover !important;  background-position: center center !important;}

/*.slick-vertical .slick-slide1:first-child { background: url("../img/slide1.jpg"); z-index:0;}*/
.slick-vertical .slick-slide1:nth-child(2) { background: url("../img/slide2.jpg");}
.slick-vertical .slick-slide1:nth-child(3) { background: url("../img/slide3.jpg");}
.slick-vertical .slick-slide1:nth-child(4) { background-color:#de247a;}
/*.slick-vertical .slick-slide1:nth-child(4) { background: url("../img/slide5.jpg");}
 .slick-vertical .slick-slide1:nth-child(5) { background: url("../img/slide5.jpg");}*/

 /* section common */
.section2, .section3, .section4, .section5  { position:absolute; display:flex; align-items:center;   height:100%;   width:100%;   z-index: 1;  }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.carousel-fade .carousel-control {display:none;}
.carousel-indicators {	position: absolute;	bottom: 15%;	left: 0%;	z-index: 1;	width: 100%;	padding-left: 0;
	margin-left: 0%;	text-align: center;	list-style: none}
.door .description {  width:100% !important; margin:0 auto;   z-index: 1; font-size: 15px; position:relative; }
}
@media (max-width: 768px) {	
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}