/*========== Small Tablet devices and up ==========*/
@media (min-width: 480px) {
}


/*========== Large Tablet devices and up ==========*/
@media (min-width: 768px) {
}


/*========== Small Laptop devices and up ==========*/
@media (min-width: 992px) {
    /* Global */
    .main-navigation { display: inline-block; /* position: relative; */ vertical-align: top; width: auto; }
    .main-navigation .transition-trigger { background-position: right 0 center; -webkit-transition: background 0.35s ease, opacity 0.35s ease; -moz-transition: background 0.35s ease, opacity 0.35s ease; -o-transition: background 0.35s ease, opacity 0.35s ease; transition: background 0.35s ease, opacity 0.35s ease; }

    /* Top level */
    .main-navigation .level-1 + .level-1 { margin-left: -6px; }
    .main-navigation .level-1 + .level-1.last {padding-right: 10px;}
    /* Removes space between li's */

    /* Sub navigation */
    .main-navigation .sublevel-wrapper {position:fixed; top: 85px;left: 0;display: block;width: 100vw;height: auto;z-index: -1;/* background: rgb(0,0,0); */background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(87,87,86,1) 100%);/* background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(87,87,86,1) 100%); *//* background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(87,87,86,1) 100%); */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#575756',GradientType=0 );opacity: 0;visibility: hidden;transition: opacity .35s ease-in;background: rgb(87,87,87);background: linear-gradient(0deg, rgba(87,87,87,0.97) 0%, rgba(0,0,0,0.97) 100%);}
    /* Hides the sublevel when non active */
        .main-navigation .sublevel-wrapper #sublevel-container .nav-section-link {
    display: initial;
    background: url(/assets/svg/arrow-left-green.svg) left no-repeat;
    padding: 0 0 0 32px;
    cursor: pointer;
}
        .main-navigation .sublevel-wrapper #sublevel-container .explore-section {
    background: url(/assets/svg/read-more-green.svg) left / 25px no-repeat;
    padding: 0 0 0 35px;
    margin-top: 25px;
}


.main-navigation .sublevel-wrapper #sublevel-container .submenu-left {width:33.33vw;border-right: 2px solid #fff;padding: 0 40px 0 0;box-sizing: border-box;}
.main-navigation .sublevel-wrapper #sublevel-container .submenu-left h2{padding:0;}
.main-navigation .sublevel-wrapper #sublevel-container .submenu-right {width:66vw;position: relative;}

    .main-navigation .sublevel-wrapper #sublevel-container p {color: #fff;line-height: 25px;margin-top: 20px;/* display: initial; */}
        .main-navigation .sublevel-wrapper #sublevel-container p span.text-medium {font-size:18px;line-height: 26px;font-weight: 400;}

    .main-navigation .sublevel-wrapper #sublevel-container .col-md-5 P { position: relative; padding-right: 40px; }
    .main-navigation .sublevel-wrapper #sublevel-container .col-md-5:after { content: ''; display: block; width: 2px; height: 100%; background: #fff; position: absolute; right: 0; top: 0; }

    .main-navigation .visible .sublevel-wrapper { visibility: visible; }
    .main-navigation .nofade .sublevel-wrapper { transition: none; }

    .main-navigation .sublevel {padding-left:0;/* -webkit-transform: translate(0,-100%); -moz-transform: translate(0,-100%);-ms-transform: translate(0,-100%);-o-transform: translate(0,-100%);*//* transform: translate(0,-100%); *//* -webkit-transition: all 0.35s ease; */-moz-transition: all 0.65s ease;-o-transition: all 0.65s ease;/* transition: all 0.65s ease; */}
    .main-navigation .sublevel li {display: block; padding-left:0;/* width: 50%; */text-align: left;z-index: 2; height: max-content;/* visibility: visible; *//* opacity: 1; *//* padding: 12px 0; */}

    /* 2nd and descending levels */
    .main-navigation .level-2-wrapper {/* margin: 0 0 0 100px; */overflow: hidden;display: flex;flex-direction: row;align-items: center;justify-content: center;/* height: 100%; *//* position: absolute; */}
    .main-navigation .level-2 a { padding: 12px 15px; line-height: 1.35; }
    .main-navigation a:hover {opacity:1;color:#7ac6b6}
    .main-navigation a:first-child {/* padding-left: 20px; */text-transform: uppercase;font-weight: 500;/* visibility: visible; *//* opacity: 1; */}
    .main-navigation .level-2 .transition-trigger {line-height: 1;/* padding: 0; */background: url(/assets/svg/arrow-right-green.svg) right / 17px no-repeat; display: inline-block; padding-right: 40px !important;}
    .main-navigation .level-2 .transition-trigger.collapsed:after { background-image: url(/assets/svg/arrow-right-green.svg); }
    .main-navigation .level-2 .sublevel-wrapper { left: 100%; top: 0; }
    .main-navigation .level-2 .level-three-container {/* transition: opacity .5s ease-in; *//* opacity: 0; */margin: 15px 0 0 0;/* visibility: hidden; */}

.main-navigation .level-three-container p.caps {font-size:22px;margin-bottom:20px}
.main-navigation .level-2  .sublevel li {padding:12px 0}
.main-navigation .level-2 .sublevel a {color:#fff;}
.main-navigation .level-2 .current > a {color: #7ac6b6;}

    /* 3rd and descending levels */
    .main-navigation .level-3 .sublevel {/* background: #a3a3a3; */}
    .main-navigation .level-3 a {padding: 0 0 0 0 !important;height: 20px;}

    /* Active state */
    .main-navigation .active > .sublevel-wrapper {opacity: .98;}
    .main-navigation .level-2.active .level-three-container {/* opacity: 1; *//* visibility: visible; */}

    .main-navigation .active > .sublevel-wrapper.overflow-inactive { overflow: visible; }
    .main-navigation .active > .sublevel-wrapper > .sublevel { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
}


/*========== Desktop devices and up ==========*/
@media (min-width: 1200px) {

    .main-navigation .sublevel-wrapper #sublevel-container {margin: 70px;display: flex;}


    /* Global levels */
    .main-navigation .level-1 > .transition-trigger {/* height: 11px; *//* width: 15px; */}
    .main-navigation .level-1 .sublevel {width: 100%;transition: transform .5s ease-in;display: flex;/* align-items: center; *//* justify-content: center; */flex-flow: column wrap;align-content: stretch;height: 214px;padding: 0; transition: transform .5s ease;}
    .main-navigation .level-1 .level-2-wrapper .sublevel > ul{display: grid; gap: 0; grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));}


    .main-navigation .sublevel.active {transform: translateX(-100%);}
        .main-navigation .sublevel-wrapper #sublevel-container .nav-section-link.back-link {margin: 10px 0 0 0;font-size: 26px;}
        .main-navigation .menu-level-three {position: absolute;top: 0;left: 100%;width: 100%;visibility: hidden;padding-left: 40px;}
    .main-navigation .active > .menu-level-three {visibility:visible}
    .menu-level-three .menu-level-three {padding-left: 0;margin-left: -25px;}

.main-navigation .level-2 .sublevel {
    height: 175px;
    margin: 25px 0 0 31px;
}
}

/*========== Large Desktop devices and up ==========*/
@media (min-width: 1500px) {
    .main-navigation .sublevel-wrapper #sublevel-container {margin:100px}
}