div.visual {position:relative;  width:100%;  margin: 0 auto; }
div.visual .wrapper{width:100%;    position: relative;   height:100vh; overflow: hidden; }
div.visual .tk-thumbnails{  position:absolute;  z-index:10;  top:0px;  width:100%;  }
div.visual .tk-box {width: 100vw; margin:0 auto; max-width:100%;   }
div.visual .m1 a { background-image:url("../img/ico1.png");   }
div.visual .m2 a { background-image:url("../img/ico2.png");}
div.visual .m3 a { background-image:url("../img/ico3.png");}
div.visual .m4 a {border-right:0 !important; background-image:url("../img/ico4.png");}
div.visual .m1 a:hover,div.visual .m2 a:hover,div.visual .m3 a:hover, div.visual .m4 a:hover { background-color:#000;
	/*background-position:center 350px; padding-top:450px;*/}
div.visual .thumbnail-item { height:100%; }
div.visual .thumbnail-item a{ padding-top:500px; background-position:center 400px;  box-sizing:border-box; 
background-repeat:no-repeat;	font-weight:500; cursor: pointer; float:left;  zoom:1;  *display:inline; position: relative;	text-align: center; 
background-color:none; border-right:1px solid rgba(255,255,255,0.2);  color:#fff;  width:25%;  height:100vh; overflow:hidden; display:block;   }
div.visual .thumbnail-item a span{  font-size:30px;  text-transform:uppercase;}
div.visual .thumbnail-item a.white:hover {background-color:rgba(0,0,0,0.3);    color:#fff;}
 .active .white{background-color:rgba(0,0,0,0.1);    color:#fff;}
div.visual .thumbnail-item a.red:hover, .active .red{background-color:#333;    color:#fff;  }
div.visual .thumbnail-item a.pink:hover, .active .pink{background-color:#333;    color:#fff;}
div.visual .thumbnail-item a{    -webkit-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    -moz-transition: all 0.2s linear;    
-ms-transition: all 0.2s linear;    -kthtml-transition: all 0.2s linear;    transition: all 0.2s linear;}
div.visual .slides li{    -webkit-transition: all 1S ease-in-out;    -o-transition: all 1.5S ease-in-out;    -moz-transition: all 1S ease-in-out;    
-ms-transition: all 1S ease-in-out;  -kthtml-transition: all 1S ease-in-out;    transition: all 1S ease-in-out;  -webkit-backface-visibility: hidden;}
div.visual .slides li.active{    -webkit-transition: all 1.5S ease-in-out;    -o-transition: all 1.5S ease-in-out;    -moz-transition: all 1.5S ease-in-out;
    -ms-transition: all 1.5S ease-in-out;    -kthtml-transition: all 1.5S ease-in-out;    transition: all 1.5S ease-in-out;    
    -webkit-backface-visibility: hidden;}
div.visual .tk-slideshow{  width:100%; overflow:hidden;  /*height:100vh; */  margin:0 auto;}
div.visual .slides-container{  height:100vh;  overflow:hidden;  position:relative;}
div.visual ul.slides{  width:100%;  position:relative;}
div.visual ul.slides li{  position:absolute;  z-index:1;  -moz-transform: scale(1.05);   -ms-transform: scale(1.05);   -o-transform: scale(1.05); 
 -webkit-transform: scale(1.05);  transform: scale(1.05);  opacity:0;}
div.visual ul.slides li img {width:100%; }
div.visual ul.slides li {height:100vh; width:100%; background-size:cover;}
div.visual ul.slides li.visual1 {background:url("../img/slide1.jpg")no-repeat center; }
div.visual ul.slides li.visual2 {background:url("../img/slide2.jpg")no-repeat center; }
div.visual ul.slides li.visual3 {background:url("../img/slide3.jpg")no-repeat center; }
div.visual ul.slides li.visual4 {background:url("../img/slide4.jpg")no-repeat center; }
div.visual ul.slides li.active{  z-index:2;  opacity:1;  -moz-transform: scale(1);    -ms-transform: scale(1);    -o-transform: scale(1);   
 -webkit-transform: scale(1);    transform: scale(1);}
div.visual .progress-bar{   width:1px;  height:10px;  position:absolute;  background:#fff; bottom:0;  z-index:11;  opacity:0.2;    }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.visual .wrapper{  height:400px;}
div.visual .thumbnail-item a{ padding-top:170px; width:25%;  height:400px;}
div.visual .thumbnail-item a span{  font-size:16px;}
div.visual .slides-container{  height:400px;} 
div.visual ul.slides li{  height:400px;  background-size:cover !important; background-position:top;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}