@charset "utf-8";
/* CSS Document */

#splash{padding-top:200px} 
#splash .loading{ position:absolute; left:50%; margin-left:-32px; top:48%; color:#ccc;}
.slider{ position:relative;overflow:hidden;}
.slides{ padding:0!important; margin:0!important;}
.slides li{display:none; list-style:none;}
.slides li img{width:100%;
max-width:1400px; margin:0 auto;display:block;
user-select: none;
-moz-user-select:none;
-ms-user-select: none;
filter: brightness(100%);
}

.flex-direction-nav li{ list-style:none;}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next{position:absolute; top:50%;transform: translateY(-40px);z-index:900;transition:all .4s ease}
.slider:hover .flex-direction-nav .flex-prev{ left:20px;}
.slider:hover .flex-direction-nav .flex-next{ right:20px;}
.flex-direction-nav .flex-prev{ left:-50px;}
.flex-direction-nav .flex-next{ right:-50px;}

/*◀▶*/
.flex-prev,
.flex-next{ font-size:0;}
.flex-prev:before,
.flex-next:before{content: '';display:inline-block;border:solid 0 #fff;border-width:6px 6px 0 0;width: 32px;height: 32px;transform:translateZ(1px) rotate(45deg);}
.flex-prev:before{ transform:translateZ(1px) rotate(-135deg);}
.flex-prev:hover:before,
.flex-next:hover:before{ border-color:orangered;}

/* ●○ */
.flex-control-paging{ position:absolute; left:0; width:100%; text-align:center; bottom:2em; z-index:900; margin:0; padding:0;}
.flex-control-paging li{ display:inline-block; width:16px; height:16px; margin:0 3px;}
.flex-control-paging li a{display:block; width:100%; height:100%; font-size:0;background:#FFF;background:rgba(255,255,255,.5); border-radius:50%;cursor:pointer}
.flex-control-paging a.flex-active{ background-color:#f63;cursor:default}

#splash .slogan{ position:absolute; left:auto; right:auto; top:auto; bottom:auto;z-index:4; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);}

@media (max-width: 767px) {
#splash .slogan{}
.flex-control-paging li{width:10px; height:10px;}
   }