/*@font-face {

  font-family: play-regular;

  src: url("../fonts/Play-Regular.ttf");

  font-display: swap;

}



@font-face {

  font-family: play-bold;

  src: url("../fonts/Play-Bold.ttf");

  font-display: swap;

}



@font-face {

  font-family:jost-regular;

  src: url("../fonts/Jost-Regular.ttf");

  font-display: swap;

}



@font-face {

  font-family:jost-medium;

  src: url("../fonts/Jost-Medium.ttf");

  font-display: swap;

}



@font-face{

  font-family: jost-semibold;

  src: url("../fonts/Jost-SemiBold.ttf");

  font-display: swap;

}



@font-face {

  font-family:jost-light;

  src: url("../fonts/Jost-Light.ttf");

  font-display: swap;

}



@font-face {

  font-family:jost-bold;

  src: url("../fonts/Jost-Bold.ttf");

  font-display: swap;

}*/

@font-face {
    font-family: Cruyff Sans Bold;
    src: url("../fonts/CruyffSans-Bold.woff2");
    font-display: swap;
}

@font-face {
    font-family: Cruyff Sans Light;
    src: url("../fonts/CruyffSans-Light.woff2");
    font-display: swap;
}

@font-face {
    font-family: Cruyff Sans Regular;
    src: url("../fonts/CruyffSans-Regular.woff2");
    font-display: swap;
}

@font-face {
    font-family: Cruyff Sans Medium;
    src: url("../fonts/CruyffSans-Medium.woff2");
    font-display: swap;
}


header {

    position: relative;

}

header .nav {

    display: flex;

}

.top_navigation.navbar {

    background-color: transparent;

    padding: 5px 0;

    position: unset;

    width: 100%;

    z-index: 999;

    top: 0;

    left: 0;

    right: 0;

    border-bottom: 1px solid #E0E0E0;

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.top_navigation.navbar .navbar-brand {

    aspect-ratio: 300 / 91;
    padding: 0;
    max-width: 180px;
    padding-top: 10px;
    padding-bottom: 10px;

}

.top_navigation .logo {

    width: 100%;

}

.hide_navigation {

    display: none;

}

.top_navigation #primary-menu .menu-item a:not(.sub-menu a) {

    text-transform: uppercase;

}

.top_navigation.navbar {

    position: fixed;

    border-bottom: 0 solid #E0E0E0;

}

#primary-menu li {

    padding: 0 0.5rem;

}

#primary-menu li a {

    padding:5px 25px;

    border-radius: 60px;

    background: #FFFFFF;

    box-shadow: 0px 4px 4px rgba(0,0,0,0.25);

    font-size: 100%;

    font-family: Poppins;

    font-weight: 600;

    color:#F4881F;

    text-transform: uppercase;

}

.hide_navigation.button_hide {

    display: flex;

}

.hamburger-button {

    cursor: pointer;

    position: relative;

    z-index: 99;

    padding:5px 35px;

    border-radius: 60px;

    background: #FFFFFF;

    box-shadow: 0px 4px 4px rgba(0,0,0,0.25);

    font-size: 100%;

    font-family:Poppins;

    font-weight: 600;

    color:#F4881F;

    text-transform: uppercase;

}

.hamburger-button .line {

    display: block;

    position: absolute;

    height: 3px;

    width: 20px;

    border-radius: 20px;

    background: #F4881F;

    opacity: 1;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .25s ease-in-out;

    -moz-transition: .25s ease-in-out;

    -o-transition: .25s ease-in-out;

    transition: .25s ease-in-out;

    right: 0;

    display: none;

}

.hamburger-button.toggled-on.active {

    height: 35px;

    width: 35px;

    border-radius: 50%;

    padding:0;

}

.hamburger-button.toggled-on .line.line1,

.hamburger-button.toggled-on .line.line3 {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 17px;

    left: 7px;

    display: inline;

}

.hamburger-button.toggled-on .menu-text {

    display: none;

}

.hamburger-button.toggled-on .line.line3 {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 17px;

    left: 7px;

    display: inline;

}

.sticky_header {

    /*background-color: rgb(1 86 92 / 100%) !important;*/

    background-color: #002A2D !important;

    box-shadow: rgb(110 110 110) 0 0 10px;

    position: fixed !important;

}

@media screen and (min-width: 769px) and (max-width: 991px) {

    #primary-menu li {

        padding: 0 5px;

    }

    #primary-menu li a {

        padding: 10px 15px;

        font-size: 90%;

    }

    .top_navigation.navbar .navbar-brand {

        max-width: 150px;

    }

}

@media screen and (min-width: 569px) and (max-width: 768px) {

    #primary-menu li {

        padding: 0 5px;

    }

    #primary-menu li a {

                padding: 10px 15px;
        font-size: 90%;

    }

    .top_navigation.navbar .navbar-brand {

        max-width: 150px;

    }

}

@media screen and (min-width: 320px) and (max-width: 568px) { 

    header .navbar-brand {

        width: 35%;

        padding: 0;

    }

    .navbar-collapse {

        flex-basis: auto;

    }

    header .hide_navigation {

        position: fixed;

        width: 100%;

        left: auto;

        right: -100%;

        background: #F4881F;

        top: 0;

        padding-top: 4rem;

        z-index: 2;

        height: 100vh;

        transition: .5s ease;

        display: block !important;

        overflow-y: auto;

    }

    body.nav-on header .hide_navigation {

        right: 0;

    }

    #primary-menu li {

        padding: 1rem 1rem;

    }

    .top_navigation.navbar { 

        position: absolute;

    }

}