body,html,form,section{min-height:100%;height:100%;} 
body {background-color: #ccc;padding:0 ;}
section {height: 100%;min-height: 100%;}

.navbar-nav li a:hover, .navbar-nav li a.active {color: #fff!important;}

@media (min-width:992px){
header {-webkit-transition:all .6s ease;transition:all .6s ease;}
header:hover {background-color: #969696;}
.header, .footer {background-color:transparent;}
.navbar-brand img { filter: brightness(200%);} 
.navbar-brand h1 a { color: #fff;}     
.navbar-nav .nav-link, .navbar-nav .show > .nav-link {color: #fff;}
.navbar-nav > li > a{-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
.hdr-right .navbar-nav .nav-item+.nav-item {border-left: 1px solid #fff;} 
ul.ftr-list li:not(:last-child):after {color: #fff}
.footer, .footer a {color: #fff;}

}
.swiper {width: 100%;height: 100%;min-height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #ccc;display: flex;justify-content: center;align-items: center;}
.swiper-img {position: relative; z-index: 0;}
.swiper-title {position: absolute;top:13%;left: 0;right: 0;z-index: 1;text-align: left;}
.swiper-title a {-webkit-transition:none !important; transition:none !important}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.autoplay-progress {position: absolute;left:0;right: 0;margin: 0 auto;bottom:60px;z-index: 10;width: 48px;height: 32px;display: flex;align-items: center;justify-content: center;font-weight: bold;color: var(--swiper-theme-color);}
.autoplay-progress svg {--progress: 0;position: absolute;left: 0;top: 0px;z-index: 10;width: 100%;height: 100%;stroke-width: 4px;stroke: var(--swiper-theme-color);fill: none;stroke-dashoffset: calc(125.6 * (1 - var(--progress)));stroke-dasharray: 125.6;transform: rotate(-90deg);--webkit-transform: rotate(-90deg);}
.autoplay-progress svg Circle {--moz-stroke-dashoffset: calc(125.6 * (1 - var(--progress)));--webkit-stroke-dashoffset: calc(125.6 * (1 - var(--progress)));}
.swiper-button-next,.swiper-button-prev{top:auto;bottom: 60px;}
.swiper-button-next{right:calc(50% - 80px);}
.swiper-button-prev{left:calc(50% - 80px);}


.swiper-title a {display: block;color: #fff;font-size: 3rem;text-decoration: none;font-weight: bolder;margin:0.5rem 0;}
.swiper-title a:hover {text-decoration: underline;}

@media (max-width:767.98px){
    .swiper {height: 95vh;min-height: auto;}
    .swiper-title a {font-size:1.8rem;}
}