html {
    scroll-behavior: smooth;
}
.d-sm-inline-flex {
    display: flex;
}
header *, header .nav-link, footer *, footer a.h5-style, footer a:hover {
    color: #ffffff;    
}
.h1-style, h1, .h2-style, h2, .h3-style, h3,
.h4-style, h4, .h5-style, h5, .paragraph-large-style,
.paragraph-style, .small-style, .overline-style, .caption-style {
    color: #1d1d26;
    font-style: normal;    
}
.paragraph-large-style,
.paragraph-style, .small-style, .caption-style {
    font-family: 'Hurme Geometric Sans 1', sans-serif;
}
.h1-style, h1, .h2-style, h2, .h3-style, h3,
.h4-style, h4, .overline-style, .button-style {
    font-family: 'Hurme Geometric Sans 1 Black', sans-serif;
}
.h1-style, h1, .h2-style, h2, .h3-style, h3,
.h4-style, h4, .h5-style, .overline-style, .button-style {
    text-transform: uppercase;
}
.h1-style {
    font-size: 60px;    
    line-height: 64px;
}
.h2-style, h2 {
    font-size: 42px;    
    line-height: 48px;
}
.h3-style, h3 {
    font-size: 32px;
    line-height: 40px;
}
.h4-style, h4 {
    font-size: 24px;
    line-height: 32px;
}
.h5-style, h5 {
    font-family: 'Hurme Geometric Sans 1 Semibold', sans-serif;
    font-size: 16px;
    line-height: 24px;
}
.paragraph-large-style {
    font-size: 24px;
    line-height: 40px;
}
.paragraph-style {
    font-size: 16px;
    line-height: 24px;
}
.small-style {
    font-size: 14px;
    line-height: 24px;
}
.overline-style {
    font-size: 12px;
    line-height: 16px;
}
.caption-style {
    font-size: 12px;
    line-height: 16px;
}
.button-style {
    font-size: 16px;
    line-height: 24px;
}
.bold-style, strong {
    font-family: 'Hurme Geometric Sans 1 Bold', sans-serif;
}
.italic-style {
    font-family: 'Hurme Geometric Sans 1 Italic', serif;
}
header .find-truly,
header .find-truly:hover,
footer .copyright {
    color: #ffffff;
}
header a.button-style.find-truly.d-inline-block.text-decoration-none {
    padding: 0 4px;
    position: relative;
}
header a.button-style.find-truly.d-inline-block.text-decoration-none:after {
    content: "";
    display: block;
    border-bottom: 5px solid white;
    border-left: 5px solid white;
    border-right: 5px solid white;
    height: 8px;
    width: 100%;
    left: 0;
    right: 0;
    position: absolute;
    visibility: hidden;
}
header a.button-style.find-truly.d-inline-block.text-decoration-none:hover:after {
    visibility: visible;
}
header .link-01:hover, header .nav-item.active .link-01 {
    color: #20C4F4;
}
header .link-02:hover, header .nav-item.active .link-02 {
    color: #66C7C5;
}
header .link-03:hover, header .nav-item.active .link-03 {
    color: #EFC648;
}
header .link-04:hover, header .nav-item.active .link-04 {
    color: #F37230;
}
header .link-05:hover, header  .nav-item.active .link-05,
.heading-container.inner-container .h1-style {
    color: #FFFFFF;
}
.hero-banner.inner-hero-banner {
    margin-bottom: 48px;    
}
.heading-container.inner-container {
    left: 8%;
    top: 50%;
}
header .link-05 .instagram-link {
    display: inline-flex;
    height: 41px;
    align-items: flex-end;
}
header .link-05 img {
    display: inline-block;
    line-height: 48px;
}
header .header-container {
    background: rgba(29, 29, 38, 0.25);
    min-height: 72px;
    padding-bottom: 16px;
    padding-top: 18px;
    z-index: 9;
}
header .header-container:after {
    border-top: 0.5px solid #ffffff;    
    content: "";
    display: block;
    margin-top: 16px;
    position: absolute;
    width: 100%;
}
header .menu {
    -webkit-box-shadow: 0 0 0 0 #1d1d26, 0 0 0 0 #1d1d26;
    -webkit-transition: .3s ease-in-out;
    background: #1d1d26;
    border-radius: 50% 50% 50% 50%;
    box-shadow: 0 0 0 0 #1d1d26, 0 0 0 0 #1d1d26;
    cursor: pointer;
    height: 68px;
    left: 0;
    top: -100px;
    transition: .3s ease-in-out;
    width: 200px;
}

header .header-input {    
    right: 0;
    top: 0;
    visibility: hidden;   
    width: 104px;
}

header .hamburger {
    -webkit-transform-origin: center;
    -webkit-transition: .5s ease-in-out;
    background: #ffffff;
    height: 2px;
    left: 0;
    top: 116px;
    transform-origin: center;
    transition: .3s ease-in-out;
    width: 32px;
}

header .hamburger:after,
header .hamburger:before {
    -webkit-transition: .5s ease-in-out;
    background: #ffffff;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    transition: .5s ease-in-out;
    width: 100%;
}

header .hamburger:before {
    top: -5px;
}

header .hamburger:after {
    bottom: -5px;
}
header .menu-container {
    cursor: pointer;
    height: 32px;
    margin: 0;
    width: 32px;
}
header .menu-container input:checked+.menu {
    -webkit-box-shadow: 0 0 0 100vw #1D1D26, 0 0 0 120vh #1D1D26;
    border-radius: 0;
    box-shadow: 0 0 0 100vw #1D1D26, 0 0 0 120vh #1D1D26;
    z-index: -1;
}

header .menu-container input:checked+.menu .hamburger {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}

header .menu-container input:checked+.menu .hamburger:after {
    -webkit-transform: rotate(90deg);
    bottom: 0;
    transform: rotate(90deg);
}

header .menu-container input:checked+.menu .hamburger:before {
    -webkit-transform: rotate(90deg);
    top: 0;
    transform: rotate(90deg);
}

header .menu-container input:checked+.menu+ul {
    opacity: 1;
    visibility: visible;
}

header .menu-container ul {
    -webkit-transition: .25s 0s ease-in-out;
    left: 0;
    opacity: 0;
    top: 126px;
    transition: .25s 0s ease-in-out;
    visibility: hidden;
    min-width: 320px;
    width: max-content;
}
header .logo, header .find-truly {
    z-index: 9;
}
header .language-container {
    margin-top: 86px;
}
.language-container a {
    min-width: 48px;
    transition: .3s ease-in-out;
}
header .language-container span {
    font-size: 32px;
    margin-right: 16px;
}
.language-container span,
.language-container a:not(:hover) {
    color: #595959
}
.language-container a:not(:hover),
.language-container span {
    font-family: 'Hurme Geometric Sans 1', sans-serif;
}
.language-container a:hover,
.language-container a.active {
    font-family: 'Hurme Geometric Sans 1 Black', sans-serif;   
}
header .language-container a:hover,
header .language-container a.active {
    color: #ffffff;    
}
footer {
    background-color: #1D1D26;
    border-top: 0.5px solid #ffffff;
    padding-bottom: 120px;
    padding-top: 83px;
}
footer .footer-link-container {
    font-family: 'Hurme Geometric Sans 1 Semibold', sans-serif;
    margin: 72px auto;
    max-width: 700px;
}
footer .logo img {
    width: 161px;
}
footer .social-media-container {
    margin-bottom: 64px;
}
footer .social-media-container a:not(:last-child) {
    margin-right: 30px;
}
body button.btn {
    background-color: transparent;
    border: 1px solid #1D1D26;
    color: #1D1D26;
}
body button.btn:hover {
    background-color: #1D1D26;
    color: #ffffff;
}
.lSSlideOuter .lSPager.lSpg {
    display: none;
}
@media only screen and (max-width: 576px) {
    header .link-05 img {
        height: 24px;
    }
}
@media only screen and (max-width: 768px) {
    .footer-link-container {
        flex-direction: column;
    }    
    footer .footer-link-container a {
        margin-bottom: 24px;
    }    
}
@media only screen and (max-width: 480px) {
    header a.h2-style {
        font-size: 32px;
    }
}