/*
================================================================
                          hamburger
================================================================
*/

#top-menu {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 100;
    background: #fff;
}
#top-menu .container {
    display: flex;
    justify-content: space-between;
    height: 82px;
    width: 100%;
    max-width: 1206px;
    align-items: center;
    overflow: visible;
}
#top-menu .logo {
    line-height: 0;
}
#top-menu .logo img {
    height: 32px;
}
#top-menu li a {
    color:black;
    text-decoration: none;
}
#top-menu li a.active {
    color: #1971C2;
}
#top-menu .row {
    display:flex;
    flex-direction: row;
}
#top-menu ul {
    margin: 0;
    padding: 0;
}
#top-menu li {
    margin-right: 20px;
    list-style: none;
}
#top-menu .links {
    display:flex;
    justify-content: space-between;
    width: 40%;
}
#top-menu .level-1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#top-menu .log-in {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#top-menu .level-1 .links > li {
    /*margin-right: 35px;*/
    padding-top: 24px;
    padding-bottom: 24px;
    position: relative;
    min-width: 102px;
    text-align: center;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content:unset;
}
#top-menu .mobile-orng-btn-wrapper {
    display:flex;
    justify-content: center;
    width: 100%;
    padding-top: 5px;
    margin-left:25px;
}
#top-menu .mobile-orng-btn-wrapper .orange-btn {
    padding: 11px 30px 11px 30px;
    width:150px;
}
#top-menu .mobile-orng-btn-wrapper .orange-btn:hover {
    background: #c18d10;
    cursor: pointer;
}

#top-menu .header-link {
    min-width: 110px !important;
    text-align: center;
}
#top-menu .faq {
    min-width:64px !important;
}
#top-menu .last-link {
    margin-right:100px;
}
#top-menu .orange-btn {
    background: #FFB200;
    border-radius: 8px;
    color: white;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 18px;
    padding: 12px 30px 12px 30px;
    font-weight: 500;
    transition: 0.25s;
    max-width: 250px;
}
#top-menu .level-1 > li > .orng:hover {
    color:orange;
}
#top-menu .level-1 > li.start:before {
    display: none;
}
#top-menu .has-child {
    position: relative;
    padding-right: 19px;
}
#top-menu .has-child ul {
    display: none;
    position: absolute;
    top: 70px;
    left: calc(-150px + 50%);
    padding: 40px;
    width: 300px;
    z-index: 100;
    background: #fff;
    box-shadow: 0px 2px 10px rgba(26, 70, 112, 0.15);
    border-radius: 10px;
}
#top-menu .has-child ul a,
#top-menu .has-child ul a span {
    display: block;
}
#top-menu .has-child ul a:hover {
    color: #1971C2;
}

#top-menu .has-child ul a .info {
    font-size: 14px;
    line-height: 19px;
    color: #9F9F9F;
    margin-top: 7px;
}
#top-menu .has-child ul li:not(:last-child) {
    margin-bottom: 20px;
}
#top-menu .show-me:after {
    top: 35px;
}
#top-menu .level-1 .log-in a {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjU3MzcgMTQuNTMwMUwxMC44ODU2IDEyLjkwOEMxMC40ODg3IDEyLjY5ODUgMTAuMjM3OCAxMi4yNjk5IDEwLjIzNzggMTEuODAxMlYxMC41MjgzQzEwLjMyNCAxMC40MjQ3IDEwLjQyMyAxMC4yOTEyIDEwLjUyODYgMTAuMTMzN0MxMC45NDc0IDkuNTA5NDMgMTEuMjYzOSA4LjgyMjM4IDExLjQ4MzYgOC4xMDEzNkMxMS44Nzc3IDcuOTczMzIgMTIuMTY3OCA3LjU4ODg3IDEyLjE2NzggNy4xMzIwOFY1Ljc3MzU4QzEyLjE2NzggNS40NzQ3MiAxMi4wNDIxIDUuMjA3NDMgMTEuODQ2MiA1LjAyMDY0VjMuMDU2NkMxMS44NDYyIDMuMDU2NiAxMi4yMjggMCA4LjMwNzY5IDBDNC4zODcwOCAwIDQuNzY5MjMgMy4wNTY2IDQuNzY5MjMgMy4wNTY2VjUuMDIwNjRDNC41NzMzMyA1LjIwNzQzIDQuNDQ3NTUgNS40NzQ3MiA0LjQ0NzU1IDUuNzczNThWNy4xMzIwOEM0LjQ0NzU1IDcuNDkwMDQgNC42MjU3NiA3LjgwNDg3IDQuODkyNDMgNy45ODY5MUM1LjIxMzc5IDkuNDY0OTQgNi4wNTU5NCAxMC41MjgzIDYuMDU1OTQgMTAuNTI4M1YxMS43Njk2QzYuMDU1OTQgMTIuMjIyMyA1LjgyMTc2IDEyLjYzOTEgNS40NDUwOCAxMi44NTU3TDEuMzQ0NjIgMTQuNTA4N0MwLjUxNTY1MSAxNC45ODU4IDAgMTUuOTAzMiAwIDE2LjlWMThIMTZWMTYuOTY2NUMxNiAxNS45MzQ4IDE1LjQ0NzcgMTQuOTkxNiAxNC41NzM3IDE0LjUzMDFaIiBmaWxsPSIjMUExRTI1Ii8+Cjwvc3ZnPgo=) no-repeat left center;
    padding-left: 26px;
}
#top-menu .menu-btn {
    display: none;
}
#top-menu .level-1 .start {
    margin: 0;
}
#top-menu .start a {
    background: #FFB200;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 40px;
    text-transform: uppercase;
    padding: 5px;
    width: 150px;
    display: block;
    text-align: center;
}
#top-menu .start a.active {
    color: #fff;
}
#top-menu .start a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #e6a100;
}
#top-menu .log-in .close {
    display: none;
}

@media (max-width: 1070px) {
    #top-menu .level-1 > li {
        margin-right: 25px;
    }
}

@media (min-width: 992px) {
    #top-menu .level-1 {
        display: flex !important;
    }
    #top-menu .has-child:hover ul {
        display: block;
    }
    #top-menu .show-me:hover:after {
        transform: rotateX(180deg);
    }
}

@media (max-width: 1050px) {
    #top-menu .level-1 > li:before {
        display: none;
    }
    #top-menu .level-1 > li.div {
        display: none;
    }
    #top-menu .show-me:after {
        width: 20px;
        height: 20px;
        top: 20px;
    }
    #top-menu .has-child.open ul {
        display: block;
    }
    #top-menu .show-me.open:after {
        transform: rotateX(180deg);
    }
    #top-menu .level-1 {
        flex-direction: column;
        background: #fff;
        width: 100%;
        max-width: 500px;
        overflow-y: auto;
        box-shadow: 0px 2px 10px rgba(26, 70, 112, 0.15);
        padding: 0 20px;
        align-items: flex-start;
        position: fixed;
        top: 0;
        height: 100%;
        max-height: 100%;
        right: -100%;
        transition: right 0.4s;
    }
    #top-menu.open .level-1 {
        right: 0;
    }
    #top-menu .menu-btn {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI1IiBoZWlnaHQ9IjIuNSIgcng9IjEuMTUiIGZpbGw9IiMxQTFFMjUiLz4KPHJlY3QgeT0iOC43NDk3NiIgd2lkdGg9IjI1IiBoZWlnaHQ9IjIuNSIgcng9IjEuMTUiIGZpbGw9IiMxQTFFMjUiLz4KPHJlY3QgeT0iMTcuNDk5OCIgd2lkdGg9IjEyLjUiIGhlaWdodD0iMi41IiByeD0iMS4xNSIgZmlsbD0iIzFBMUUyNSIvPgo8L3N2Zz4K) no-repeat center;
        width: 25px;
        height: 20px;
        display: block;
    }
    #top-menu .level-1 > li {
        margin-right: 0;
        padding: 0;
        border-bottom: 1px solid #dadada;
        width: 100%;
    }
    #top-menu .level-1 > li:last-child {
        border: none;
    }
    #top-menu a {
        padding: 15px 0;
        display: block;
    }
    #top-menu .has-child ul {
        position: static;
        width: 100%;
        box-shadow: none;
        padding: 0 0 10px 15px;
    }
    #top-menu .has-child ul li:not(:last-child) {
        margin-bottom: 0;
    }
    #top-menu .has-child ul a {
        padding: 10px 0;
    }
    #top-menu li a:hover,
    #top-menu li a:focus {
        color: inherit;
        text-decoration: none;
        background: none;
    }
    #top-menu .start a {
        width: 100%;
        margin: 15px 0;
    }
    #top-menu .level-1 .log-in {
        order: -1;
        position: relative;
    }
    #top-menu .log-in .close {
        content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNjg2MjcgMi4yMzg0NUwxNy40OTMxIDE5LjA0NTJDMTcuODcxNyAxOS40MjM5IDE4LjUyNjggMTkuMzgzNSAxOC45NTUzIDE4Ljk1NUMxOS4zODM4IDE4LjUyNjUgMTkuNDI0MiAxNy44NzE0IDE5LjA0NTUgMTcuNDkyOEwyLjIzODczIDAuNjg1OTkxQzEuODYwMDYgMC4zMDczMjQgMS4yMDQ5OCAwLjM0Nzc1IDAuNzc2NTA3IDAuNzc2MjI4QzAuMzQ4MDI5IDEuMjA0NzEgMC4zMDc2MDMgMS44NTk3OCAwLjY4NjI3IDIuMjM4NDVaIiBmaWxsPSIjMUExRTI1Ii8+CjxwYXRoIGQ9Ik0xOS4zMTM3IDIuMjM4NDVMMi41MDY5NCAxOS4wNDUyQzIuMTI4MjcgMTkuNDIzOSAxLjQ3MzIgMTkuMzgzNSAxLjA0NDcyIDE4Ljk1NUMwLjYxNjI0MyAxOC41MjY1IDAuNTc1ODE4IDE3Ljg3MTQgMC45NTQ0ODYgMTcuNDkyOEwxNy43NjEzIDAuNjg1OTkxQzE4LjEzOTkgMC4zMDczMjQgMTguNzk1IDAuMzQ3NzUgMTkuMjIzNSAwLjc3NjIyOEMxOS42NTIgMS4yMDQ3MSAxOS42OTI0IDEuODU5NzggMTkuMzEzNyAyLjIzODQ1WiIgZmlsbD0iIzFBMUUyNSIvPgo8L3N2Zz4K);
        position: absolute;
        right: 0;
        top: 20px;
        width: 20px;
        height: 20px;
        display: flex;
    }
    #top-menu .links,
    #top-menu .row {
        display:none;
    }
}

@media (max-width: 767px) {
    #top-menu .logo img {
        height: 25px;
    }
    #top-menu .container {
        height: 60px;
    }
}

/*
================================================================
                            header
================================================================
*/
#header .content {
    padding: 0 20px 0 20px;
}
#header .header-wrap {
    height:74px;
}
#header .header-wrap .content {
    display:flex;
    justify-content: space-between;
    margin-top:13px;
    margin-bottom:11px;
}
#header .logo-wrapper {
    margin-top:9px;
}
#header .header-links {
    margin-top:12.5px;
}
#header .join-now {
    display:flex;
    flex-direction: row;
    margin-top:12.5px;
}
#header #log-in > img {
    margin-right:10px;
}
#header .hamburger {
    display:none;
    flex-direction: column;
    margin-top: 16px;
}
#header .hamburger:hover {
    cursor: pointer;
}
#header .hamburger .stripe {
    width: 25px;
    height: 2.5px;
    background: #1A1E25;
    border-radius: 1.15px;
}
#header .hamburger .stripe-1,
#header .hamburger .stripe-2 {
    margin-bottom:6.25px;
}
#header .hamburger .stripe-3 {
    width:12px;
}

@media screen and (max-width: 1330px) {
    #header .content-wrapper {
        width:100%;
    }
    #header .hamburger {
        display:flex;
    }
    #header .header-links,
    #header .join-now {
        display:none;
    }
}