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

.spinner{animation:spin 1.2s infinite linear;width:64px; height:64px;border-radius:50%;border: 3px solid rgba(0,0,0,.3);border-top-color: #fff;}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#splash{background:#000;} 
#splash .loading{ position:fixed;width: 100%;height: 100vh;background: whitesmoke;z-index: 1000;display: flex;align-items: center;justify-content: center; }
.slider{ position:relative;overflow:hidden;}
.slides{ padding:0!important; margin:0!important;}
.slides li{display:none; list-style:none; position:relative;}
.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{ margin-bottom:0;}
.flex-direction-nav li{ list-style:none;}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next{position:absolute; top:50%;transform: translateY(-50%);z-index:9;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:2px 2px 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; background:transparent}

/* ●○ */
.flex-control-paging{ position:absolute; left:0; width:100%; text-align:center; bottom:1em; z-index:9; 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,.3); border-radius:50%;cursor:pointer}
.flex-control-paging a.flex-active{ background-color:#555;cursor:default}

#splash .slides li::before {content: '';position: absolute;top: 25%;right: 0;bottom: 0;left: 0;z-index:3; max-width:1400px; margin:0 auto;
/*background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.6) 10%, rgba(0, 0, 0, 0.5) 20%,transparent 40%);*/
background-image: linear-gradient( 0deg, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.738) 19%, hsla(0, 0%, 0%, 0.541) 34%, hsla(0, 0%, 0%, 0.382) 47%, hsla(0, 0%, 0%, 0.278) 56.5%, hsla(0, 0%, 0%, 0.194) 65%, hsla(0, 0%, 0%, 0.126) 73%, hsla(0, 0%, 0%, 0.075) 80.2%, hsla(0, 0%, 0%, 0.042) 86.1%, hsla(0, 0%, 0%, 0.021) 91%, hsla(0, 0%, 0%, 0.008) 95.2%, hsla(0, 0%, 0%, 0.002) 98.2%, hsla(0, 0%, 0%, 0) 100% )
}
#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 (min-width: 768px) {
#splash .slogan{font-size: 3.125em;}
}
@media (max-width: 767.98px) {
#splash .slogan{font-size: 6.25vw;}
.flex-control-paging li{width:10px; height:10px;}
}