div.visual {position:relative; margin-top:0px; background-color:#fff;}

div.visual .slick-list, div.visual .slick-slider, div.visual .slick-track {	position: relative;	display: block}
div.visual .slick-loading .slick-slide, div.visual .slick-loading .slick-track {	visibility: hidden}
div.visual .slick-slider {	box-sizing: border-box;	-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	
-webkit-touch-callout: none;	-khtml-user-select: none;	-ms-touch-action: pan-y;	touch-action: pan-y;	-webkit-tap-highlight-color: transparent}
div.visual .slick-list {	overflow: hidden;	margin: 0;	padding: 0}
div.visual .slick-list:focus {	outline: 0}
div.visual .slick-list.dragging {	cursor: pointer;	cursor: hand}
div.visual .slick-slider .slick-list, div.visual .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);	-moz-transform: translate3d(0, 0, 0);	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);	transform: translate3d(0, 0, 0)}
div.visual .slick-track {	top: 0;	left: 0}
div.visual .slick-track:after, div.visual .slick-track:before {	display: table;	content: ''}
div.visual .slick-track:after {	clear: both}
div.visual .slick-slide {	display: none;	float: left;	height: 100%;	min-height: 1px}
[dir=rtl] .slick-slide {	float: right}
div.visual .slick-slide img {	display: block}
div.visual .slick-slide.slick-loading img {	display: none}
div.visual .slick-slide.dragging img {	pointer-events: none}
div.visual .slick-initialized .slick-slide {	display: block}
div.visual .slick-vertical .slick-slide {	display: block;	height: auto;	border: 1px solid transparent}
div.visual .slick-arrow.slick-hidden {	display: none}/*# sourceMappingURL=slick.min.css.map */

*, *:before, *:after {  box-sizing: border-box;  padding: 0;  margin: 0;}
div.visual .slick-slide,div.visual .slick-slide::before, div.visual .caption {  -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
div.visual .slick-slide::before {  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
div.visual .full-wide-slider {  position: relative;   background-color: #2d3042;  color: #efefef;  text-align: left;
  width: 100%;  height:596px;  min-height: 500px;  opacity: 0;  visibility: hidden;  transition: all 1.2s ease;}
div.visual .full-wide-slider.slick-initialized {  opacity: 1;  visibility: visible;}
div.visual .slick-slide {  position: relative;  height: 596px;}
div.visual .slick-slide::before {  background-color: #000;  opacity: 0.3;  z-index: 1;}
/*.slick-slide video {  display: block;  position: absolute;  top: 50%;  left: 50%;  min-width: 100%;
  min-height: 100%;  width: auto;  height: auto;  -webkit-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);}
.slick-slide iframe {  position: relative;  pointer-events: none;}*/
div.visual .slick-slide figure {  position: relative;  height: 100%;}
div.visual .slick-slide .slide-image {  opacity: 0;  height: 100%;  background-size: cover;  background-position: center;  transition: all .8s ease;}
div.visual .slick-slide .slide-image.show {  opacity: 1;}
div.visual .slick-slide .image-entity {  width: 100%;  height: auto;  opacity: 0;}
/*.slick-slide .loading {  position: absolute;  top: 50%;  left: 0;  width: 100%;}*/
div.visual .slick-slide .slide-media {  -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);  animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);}
div.visual .slick-slide.slick-active {  z-index: 1;}
div.visual .slick-slide.slick-active .slide-media {-webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1); animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);}
div.visual .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, 1.5) 0.5s;}
div.visual .slick-slide.slick-active .caption2 {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.3) 1s;}
.txt-wrapper {
    width: 1200px;
    margin: auto;
}
div.visual .caption {
    position: absolute;
    margin:0 auto!important;
    top: 38%;
    width: auto;
    text-align: left;
    margin: 0;
    font-size: 35px;
    font-weight: 300;
    opacity: 0;
    z-index: 1;
    transition: all .3s ease;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}
div.visual .caption span{border: 0px solid;  color: #fff; margin:0 auto; width:30%; text-align: left;}
div.visual .caption2 {
    position: absolute;
    margin: 0 auto!important;
    top: 47%;
    width: auto;
    text-align: left;
    margin: 0;
    font-size: 60px;
    font-weight: 500;
    opacity: 0;
    z-index: 1;
    transition: all .3s ease;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}
div.visual .caption2 span{border: 0px solid;  color: #fff; margin:0 auto; width:30%; padding: 20px 0px 25px 0px; }
/*slick-dots*/
div.visual .slick-dots { position:absolute; bottom:100px; width:100%; text-align: center; display: none!important; }
div.visual .slick-dots li {  display: inline-block;  vertical-align: top;  margin: 0 8px;}
div.visual .slick-dots li button {  width: 16px;  height: 16px;  border: none;  cursor: pointer;  border-radius: 50%;  border: 2px solid #fff;
  box-shadow: 0 0 0 0 transparent;  vertical-align: middle;  color: #fff;  background-color: #fff;  transition: all .3s ease;  opacity: .4;}
div.visual .slick-dots li button:focus {  outline: none;}
div.visual .slick-dots li button:hover {  opacity: 1;}
div.visual .slick-dots li.slick-active button {  border-color: #2d3042;  box-shadow: 0 0 0 2px #fff;  opacity: 1;}

.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 9;
    font-size: 0;
    color: #fff;
    text-indent: -9999px;
    width: 64px;
    height: 120px;
    background-color: rgb(235, 242, 248, 0.2);
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 0.3s;
}
.slick-arrow:hover {
   background: rgb(235 242 248 / 80%) center no-repeat; 
}
button.slick-prev.slick-arrow {
    left: 0;
    background-image: url(../img/prev.png);
}
button.slick-next.slick-arrow {
    right: 0;
    background-image: url(../img/next.png);
}



@-webkit-keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes slideIn {
  from {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@-webkit-keyframes slideOut {
  from {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  to {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
}
@keyframes slideOut {
  from {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  to {
    -webkit-filter: blur(15px);
            filter: blur(15px);
  }
}

.swiper-container {
    width: 100%;
    height: 100%;    overflow: hidden;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-next, .swiper-button-prev {
    z-index: 9!important;
}
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1024px) {
div.visual {margin-top:0px; position:relative; background-color:#fff;}
/*.full-wide-slider {   height: 100vw;  min-height: 100vw;  }
.slick-slide {   height: 100vw;}*/
div.visual .caption {  top: 37%; font-size:25px; }
div.visual .caption span{padding: 20px 30px 15px 30px; border:0;  }
div.visual .caption2 {  top: 48%; font-size:45px; }
div.visual .caption2 span{padding: 20px 30px 15px 30px; border:0;  }
div.visual .full-wide-slider {   height:400px;  min-height: 400px;  }
div.visual .slick-slide {  height: 400px;}
    	
    .slick-arrow {
        display: none!important;    
    }
    .swiper-button-next, .swiper-button-prev{
        display: none!important;    
    }
    .swiper-slide {
        height: 115px!important;
    }
}
@media (max-width: 812px) {
div.visual .caption {  top: 37%; font-size:25px; }
div.visual .caption span{padding: 20px 10px 15px 10px; border:0;  }
div.visual .caption2 {  top: 48%; font-size:45px; }
    div.visual .caption2 span{padding: 20px 10px 15px 10px; border:0;  }
}
@media (max-width: 640px) {
    .swiper-slide {
        background: #efefef;
    }
    .txt-wrapper {
        width: 100%!important;
    }
    .caption, .caption2 {
        text-align: center!important;
        width: 100%!important;
        left: 0;
    }
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}