@font-face {
    font-family: 'Gilroy-Bold';
    font-style: normal;
    font-weight: 400;
    src: local('Gilroy-Bold'), url('/assets/fonts/Gilroy-Bold.woff') format('woff');
}

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

@font-face {
    font-family: 'Gilroy-Light';
    font-style: normal;
    font-weight: 400;
    src: local('Gilroy-Light'), url('/assets/fonts/Gilroy-Light.woff') format('woff');
}

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

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

header .logo {
    margin-top: 16px;
}

@media (max-width: 1023px) {
    header .logo img {
        margin-top: -1px;
        width: 170px;
    }
}

h5 {
    color: #005f60;
}

label .atx {
    color: #005f60;
}

#menu {
    border-bottom: 3px solid #03b087;
    border-top: 3px solid #005f60;
}

#menu span {
    background: #005f60;
}

@media (max-width: 1023px) {
    nav ul {
        background: #204145;
    }

    header.nav-open {
        background: #204145;
    }

    header.nav-open #menu {
        border-bottom-color: white;
        border-top-color: #03b087;
    }

    header.nav-open .logo-light {
        margin-top: 0;
    }
}

.gradient,
.button,
input[type=submit] {
    background: linear-gradient(120deg, #005f60, #03b087);
}

.button.purple {
    background: linear-gradient(120deg, #575eee, #8acaef);
}

.button:hover {
    background: #204145;
}

.hero .button:hover {
    background-color: #03b087 !important;
    color: #fff !important;
}

.bg {
    background: #204145;
}

footer.bg {
    background: #202d45;
}

.balloon {
    background: #03b087;
}

#home {
    background-image: url(../images/header.jpg);
    background-position: 80% center;
}

@media (max-width: 1023px) {
    #home {
        background-image: url(../images/header.jpg) !important;
    }
}

.swiper-pagination-bullet {
    background: #09564b !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    background: #fff !important;
}

.confirmation p {
    border: 3px solid #03b087;
}

@media (max-width: 767px) {
    header .button {
        margin-top: 16.5px;
        padding: 11px 18px;
        line-height: 16px;
        height: 36px
    }
}