@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
body {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
overflow-y: scroll;
overflow-x: hidden;
}
/* Let's get this party started */
::-webkit-scrollbar {
width:15px;
}
/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 0;
border-radius: 0;
}
/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 0;
border-radius: 0;
background: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0, 0, 0, 0.4);
}
#slide-show {
height: 100vh;
min-height: 100vh;
overflow: hidden;
width: 100vw;
min-width: 100vw !important;
}
.slide-text {
font-size: 20px;
color: #fff;
text-align:left;
}

.slide-text h2 {
font-weight:400;
font-family: 'Great Vibes', cursive;
font-size:80px;
text-align: left;
line-height:1em;
letter-spacing: 0;
color: #fff;
text-transform:none;
}
.slide-text p {
font-weight:300;
font-family: 'Josefin Sans', sans-serif;
font-size:30px;
text-align: left;
line-height:1.2em;
letter-spacing: 0;
color: #fff;
text-transform:none;
}
.slidex {
opacity: 0;
transition: opacity 1.5s ease-in-out;
z-index: -1;
}
.activx {
opacity: 1;
}
.slideshow-nav {
position: absolute;
bottom: 50%;
width: 100vw;
min-width: 100vw !important;
font-size: 30px;
background: transparent;
}
.previousx {
float: left;
}
.nextx {
float: right;
}
.bg1, .bg2, .bg3, .bg4, .bg5, .bg6 {
background-repeat: no-repeat !important;
background-attachment: scroll !important;
background-position: center center !important;
background-size: cover !important;
background-image: url("../images/header-1.jpg");
height: 100vh;
min-height: 100vh;
overflow: hidden;
width: 100vw;
min-width: 100vw !important;
position: absolute;
top:0;
left:0;
}
.bg2 {
background-image: url("../images/header-2.jpg");
}
.bg3 {
background-image: url("../images/header-3.jpg");
}
.bg4 {
background-image: url("../images/header-4.jpg");
}
.bg5 {
background-image: url("../images/header-5.jpg");
}
.bg6 {
background-image: url("../images/header-6.jpg");
}
.slider-center {
position: absolute;
width:80%;
left: 50%;
bottom: 0%;
background-color: transparent;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: left;
letter-spacing: 1px;
}
.nav-link {
transition: all 0.4s;
padding: 15px;
color:#fff;
opacity: 0.2;
font-size: 40px;
}
.nav-link:hover {
color: #999;
font-size:40px;
opacity: 0.8;
}
.arrow a {
position: absolute;
bottom:0;
left: 50%;
color: #fff;
transition: all 0.4s;
cursor: pointer;
font-size:40px;
padding: 0 0 10px 0;
opacity: 0.2;
}
.arrow a:hover {
color: #999;
font-size:40px;
opacity:1;
}
@media all and (max-width : 768px) {
.slider-center {
position: absolute;
width:80%!important;
bottom:6%!important;
left:50%!important;
letter-spacing:0;
}
.slide-text {
font-size: 20px;
color: #fff;
text-align: center;
}
.slide-text h2 {
font-weight:600;
font-family: 'Great Vibes', cursive;
font-size:40px;
text-align: center;
line-height:1em;
letter-spacing: 0;
color: #fff;
text-transform:none;
}
.slide-text p {
font-weight:600;
font-family: 'Josefin Sans', sans-serif;
font-size:22px;
text-align: center;
line-height:1.2em;
letter-spacing: 0;
color: #fff;
text-transform:none;
}
}