.top-slide { position: relative; z-index: 1; overflow: hidden; height: 65vw; min-height: 540px; max-height: 680px; }

.top-slide-inner { width: 100%; height: 100%; position: relative; }

.slide-nav { position: absolute; z-index: 10; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); text-align: center; }

.slide-nav ul { white-space: nowrap; }

.slide-nav li { display: inline-block; margin: 0 2px; width: 20px; height: 15px; position: relative; }

.slide-nav .slide-nav-item { display: block; width: 100%; height: 100%; padding: 5px 0px; position: relative; }

.slide-nav .slide-nav-item .nav-bar { display: block; width: 100%; height: 5px; border: 1px solid #808080; }

.slide-nav .slide-nav-item .nav-label { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; }

.slide-nav .slide-nav-item.selected .nav-bar { background-color: #808080; }

.slide-container { height: 100%; }

.slide-item { width: 100%; height: 100%; position: absolute; top: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=00)"; -webkit-opacity: 0.0; -moz-opacity: 0.0; opacity: 0.0; -webkit-transition: opacity 1800ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms; -moz-transition: opacity 1800ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms; -ms-transition: opacity 1800ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms; -o-transition: opacity 1800ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms; transition: opacity 1800ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms; }

.slide-item.selected { filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -webkit-opacity: 1.0; -moz-opacity: 1.0; opacity: 1.0; }

.slide-item .slide-item-text { position: absolute; width: 100%; }

.slide-item .slide-item-text .slide-item-text-inner { max-width: 1220px; margin: 0px auto; }

.slide-item .slide-item-text a { display: inline-block; }

.slide-item .slide-item-text h4 { font-size: 28px; line-height: 1.45; }

.slide-item .slide-item-text p { font-size: 16px; line-height: 1.75; margin-bottom: 0; }

.slide-item .slide-item-image { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }

.slide-item.center-bottom .slide-item-text { bottom: 60px; text-align: center; }

.slide-item.left-center .slide-item-text { bottom: auto; left: 5px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: left; }

.slide-item.left-bottom .slide-item-text { bottom: 60px; left: 5px; text-align: left; }

.slide-item.right-center .slide-item-text { bottom: auto; right: 5px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: right; }

.slide-item.right-bottom .slide-item-text { bottom: 60px; right: 5px; text-align: right; }

.slide-item.white h4, .slide-item.white p { color: #FFFFFF; -webkit-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -ms-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -o-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); }

.slide-item.white a h4, .slide-item.white a p { color: #FFFFFF; -webkit-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -ms-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -o-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); }

.slide-item.black h4, .slide-item.black p { color: #111111; }

.slide-item.black a h4, .slide-item.black a p { color: #111111; }

.slide-arrow { position: absolute; top: 50%; z-index: 4; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 50px; height: 50px; border: none; outline: none; padding: 0; background-color: rgba(255, 255, 255, 0.5); -webkit-transition: opacity 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; -moz-transition: opacity 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; -ms-transition: opacity 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; -o-transition: opacity 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; transition: opacity 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; }

.slide-arrow.btn-prev { left: 0; }

.slide-arrow.btn-next { right: 0; }

.slide-arrow.btn-disabled { opacity: 0.0; pointer-events: none; }

@media screen and (max-width: 480px) { .top-slide { height: 420px; min-height: 0; max-height: 100%; }
  .slide-item .slide-item-text h4 { font-size: 20px; }
  .slide-item .slide-item-text p { font-size: 14px; }
  .slide-item.center-bottom .slide-item-text { bottom: 50px; }
  .slide-item.left-bottom .slide-item-text { bottom: 50px; }
  .slide-item.right-bottom .slide-item-text { bottom: 50px; }
  .slide-arrow { width: 44px; height: 44px; }
  .slide-arrow svg { width: 44px; height: 44px; } }

@media screen and (max-width: 320px) { .slide-item .slide-item-text h4 { font-size: 18px; }
  .slide-item.bottom-center .slide-item-text { bottom: 40px; }
  .slide-item.left-bottom .slide-item-text { bottom: 40px; }
  .slide-item.right-bottom .slide-item-text { bottom: 40px; } }

body.maintenance-page main.main { height: 100%; }

body.maintenance-page .center { height: 100%; padding-bottom: 10vh; display: flex; flex-direction: column; justify-content: center; align-items: center; }

body.maintenance-page .logo { width: auto; max-width: 480px; height: auto; }

body.maintenance-page .logo h1 { margin: 0px 0px 1em; }

body.maintenance-page .logo img { width: 100%; height: auto; }

@media screen and (max-width: 480px) { body.maintenance-page .center { height: 100%; padding-left: 20px; padding-right: 20px; } }