@font-face {
    font-family: 'Gilroy-Regular';
    font-style: normal;
    font-weight: 300;
    src: local('Gilroy'), local('Gilroy-Regular'), url('../fonts/Gilroy-Regular.ttf') format('truetype')
}

@font-face {
    font-family: 'Gilroy-Heavy';
    font-style: normal;
    font-weight: 300;
    src: local('Gilroy'), local('Gilroy-Heavy'), url('../fonts/Gilroy-Heavy.ttf') format('truetype')
}

@font-face {
    font-family: 'Gilroy-Medium';
    font-style: normal;
    font-weight: 300;
    src: local('Gilroy'), local('Gilroy-Medium'), url('../fonts/Gilroy-Medium.ttf') format('truetype')
}

body {
    font-family: Gilroy-Regular !important;
    background: #191a1b !important;

}

html.fsvs.demo #fsvs-body > .slide.nth-class-1, html.fsvs.demo #fsvs-body > .slide.nth-class-2, html.fsvs.demo #fsvs-body > .slide.nth-class-3, html.fsvs.demo #fsvs-body > .slide.nth-class-4 {
    background: #191a1b !important;
}

.slider {
    background: #191a1b !important;
}

.logo {
    position: fixed;
    top: 0;
    left: 0;
    padding: 50px 120px;
    z-index: 999;
    background: #191a1b;
    width: 100%;
    padding-bottom: 0;
}

.slider-container {
    padding: 80px;
    position: relative;
    height: 100%;
}

.slide-content {
    position: absolute;
    width: 50%;
    height: 100%;
}

.slide-content-img {
    position: absolute;
    right: 72px;
    width: 20%;
}

.slide-content-img img {
    width: 85%;
    opacity: 0;

    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.active-slide .slide-content-img img {
    opacity: 1;
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -ms-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
    transition-delay: 0.8s;
}

.slide-content-title {
    width: 100%;
    text-align: left;
    font-family: Gilroy-Heavy;
    font-size: 82px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: normal;
    color: #ffffff;
    padding-top: 120px;
    position: relative;
    bottom: -100%;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    transition-delay: 0s;

}

.active-slide .slide-content-title {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    transition-delay: 0s;
    bottom: 0;
}

.slide-content-description {
    font-family: Gilroy-Medium;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    color: #ffffff;
    text-align: left;
    padding-top: 75px;
    position: relative;
    bottom: -100%;

    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
}

.active-slide .slide-content-description {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    transition-delay: 1s;
    bottom: 0;
}

.slide-content-apps {
    padding-top: 58px;
    text-align: left;
    position: relative;
    bottom: -100%;

    -webkit-transition: all 1.4s;
    -moz-transition: all 1.4s;
    -ms-transition: all 1.4s;
    -o-transition: all 1.4s;
    transition: all 1.4s;
}


.active-slide .slide-content-apps {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    transition-delay: 1.2s;
    bottom: 0;
}

.slide-content-apps a {
    padding-right: 15px;
}


.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px 120px 40px 120px;
    z-index: 999;
    background: #191a1b;
}

.copyright {
    float: left;
    font-family: Gilroy-Medium;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.contact {
    float: right;
    font-family: Gilroy-Medium;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.contact a {
    color: #83a266;

}

html.fsvs #fsvs-pagination li > span {
    border: none;
}

html.fsvs #fsvs-pagination li > span > span {
    opacity: 0.5;
    background-color: #ffffff;
    border: none !important;
}

body.active-nth-slide-1 #fsvs-pagination li > span > span {
    opacity: 0.5;
    background-color: #ffffff;
    border: none !important;
}

body.active-nth-slide-1 #fsvs-pagination li.active > span > span,
body.active-nth-slide-2 #fsvs-pagination li.active > span > span,
body.active-nth-slide-3 #fsvs-pagination li.active > span > span,
body.active-nth-slide-4 #fsvs-pagination li.active > span > span {
    background: #FFF;
    opacity: 1;
}

html.fsvs #fsvs-pagination li.active > span {
    border: none !important;
}


@media only screen and (max-width: 768px) {
    .slide-content-title {
        font-size: 70px;
        padding-top: 20px;
    }
}


@media only screen and (max-width: 1024px) and (max-height: 768px) {
    .slide-content-title {
        font-size: 70px;
        padding-top: 20px;
    }
}

@media only screen and (max-width: 767px) {

    .logo {
        padding-top: 27px;
        text-align: center;
    }

    .slide-content-title {
        font-size: 30px;
        font-weight: 900;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        padding: 0;
        top: 80px;
    }

    html.fsvs.demo #fsvs-body > .slide {
        padding: 20px;
    }

    .slider-container {
        padding: 0;
    }

    .slide-content {
        width: 100%;
        top: 0;
    }

    .slide-content-img {
        right: auto;
        width: 100%;
        height: 40%;
        top: 170px;
    }

    .slide-content-img img {
        position: relative;
        height: 100%;
        top: 0;
        width: auto;
        left: auto;
        transition-delay: 0s;
    }

    .slide-content-description {
        font-size: 13px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.13;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }

     .slide-content-description {
        width: 100%;
        top: calc(50% + 60px);
        font-size: 13px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.13;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        position: absolute;
    }

    .active-slide .slide-content-apps {
        position: absolute;
        bottom: 70px;
        width: 100%;
        transition-delay: 0s;
    }

    .slide-content-apps {
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        -ms-transition: all 0s;
        -o-transition: all 0s;
        transition: all 0s;
        text-align: center;
    }

    .active-slide .slide-content-apps img {
        width: 40%;
    }

    .footer {
        padding: 10px;
    }

    .copyright, .contact {
        float: none;
        text-align: center;
        padding-top: 10px;
    }

    #fsvs-pagination {
        display: none !important;
    }

}