@media (min-width: 991.98px) {
    #menu-main .dropdown-menu {
        padding: 0 !important;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: fixed;
        z-index: 9;
        /*top: 8.8%;*/
        /*top: 77px;*/
        top: 63px;
        width: 41.9% !important;
        left: 41.5%;
    }

    .paddMenu .dropdown-menu {
        top: 107px !important;
    }

    .depth_0 {
        -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
    }

    .bg-blue .depth_0 {
        border-top: 10px solid #00c0f3 !important;
    }

    .bg-green .depth_0 {
        border-top: 10px solid #23aa4a !important;
    }

    .bg-orange .depth_0 {
        border-top: 10px solid #f15a31 !important;
    }
	
	.bg-gold .depth_0 {
        border-top: 10px solid #fdb813 !important;
    }

    #menu-main > li {
        padding: 4px 6px;
        position: relative;
    }

    ul.nav.navbar-nav > li > ul > li > ul {
        top: 8.8% !important;
    }

    ul.nav.navbar-nav > li > ul > li > a {
        text-transform: uppercase !important;
        font-weight: 900;
        font-family: 'Sofia Bold' !important;
    }

    /*#menu-main > li::after {*/
    /*    background-color: transparent;*/
    /*    display: block;*/
    /*    content: "";*/
    /*    width: 100%;*/
    /*    position: absolute;*/
    /*    height: 20px;*/
    /*    left: 0;*/
    /*}*/
    /*#menu-main > li.bg-blue {*/
    /*    background-color: #00c0f3;*/
    /*}*/
    /*#menu-main > li.bg-blue::after {*/
    /*    background-color: #00c0f3;*/
    /*}*/
    /*#menu-main > li.bg-green {*/
    /*    background-color: #23aa4a;*/
    /*}*/
    /*#menu-main > li.bg-green::after {*/
    /*    background-color: #23aa4a;*/
    /*}*/
    /*#menu-main > li.bg-pink {*/
    /*    background-color: #f173ac;*/
    /*}*/
    /*#menu-main > li.bg-pink::after {*/
    /*    background-color: #f173ac;*/
    /*}*/
    /*#menu-main > li.bg-orange {*/
    /*    background-color: #f15a31;*/
    /*}*/
    /*#menu-main > li.bg-orange::after {*/
    /*    background-color: #f15a31;*/
    /*}*/
    #menu-main .dropdown-menu.depth_1 {
        position: relative !important;
        left: 20%;
        margin: 0;
    }

    #menu-main .dropdown-menu.depth_0 {
        /*width: 41.7vw;*/
        width: 500%;
    }

    #menu-main .dropdown-menu.depth_0 > li {
        /*width: 34%;*/
        width: 50%;
    }

    #menu-main > li a, #menu-main > li a:hover, #menu-main > li a.focus {
        color: #40474a;
    }

    #menu-main .dropdown-menu.depth_1 li a {
        /*font-weight: 100;*/
        /*padding: 0 !important;*/
        font-weight: 100;
        padding: 2px 10px !important;
    }

    #menu-main a:hover,
    #menu-main .active a {
        background: transparent;
        color: #00c0f3;
        text-decoration: none;
    }

    #menu-main .dropdown-item.active,
    #menu-main .dropdown-item:active,
    #menu-main .dropdown-item:focus,
    #menu-main .dropdown-item:hover {
        color: #00c0f3;
        background-color: transparent;
        text-decoration: none;
    }

    /*#menu-main .dropdown-menu.depth_0::after {*/
    /*    content: "";*/
    /*    background-color: #ccc;*/
    /*    position: absolute;*/
    /*    width: 1px;*/
    /*    height: 80%;*/
    /*    top: 10%;*/
    /*    right: 64%;*/
    /*}*/
    .party_collapse_section.show {
        /*width: 300%;*/
        height: 100%;
        visibility: visible;
        opacity: 1;
    }

    .party_collapse_section {
        height: 100%;
    }

    .party_column {
        /*transition: 0.3s all linear;*/
    }

    .party_column.left.active {
        margin-left: -50%;
        width: 100%;
    }

    .party_column.left.hide {
        display: none;
    }

    .party_column.right.active {
        width: 100%;
    }

    .party_column.left.active .party_img_section,
    .party_column.right.active .party_img_section {
        width: 25%;
    }

    .party_column.left.active .party_info_section,
    .party_column.right.active .party_info_section {
        width: 75%;
    }


}


.party_collapse_section {
    /*width: 0;*/
    position: absolute;
    left: 0;
    top: 0;
    padding: 15px;
    background-color: #fff;
    z-index: 9;
    display: flex;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
}

.open_party_collapse,
.close_party_collapse {
    cursor: pointer;
}

/* teacher page */
.teacher_column .card-footer {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 220%;
    background-color: #fff;
    z-index: 9;
    height: 74.5%;
    transition: visibility 0.6s linear, opacity 0.3s linear, left 0.4s linear, right 0.4s linear;
    padding: 15px;
}

.teacher_column.active .card-footer {
    left: 100%;
    right: auto;
    visibility: visible;
    opacity: 1;
}

.teacher_column.column_2 .card-footer,
.teacher_column.column_3 .card-footer {
    left: -100%;
}

.teacher_column.column_2.active .card-footer,
.teacher_column.column_3.active .card-footer {
    left: -220%;
}

.teacher_profile_toggle, .greenLink {
    cursor: pointer;
    color: #40474a;
    border-bottom: 5px solid #23aa4a;
    font-weight: bold;
    display: inline-flex;
    transition: 0.1s all linear;
}

.teacher_column.active .teacher_profile_toggle,
.teacher_profile_toggle:hover {
    color: #23aa4a;
    border-bottom: 0;
}

/*.collaspeContainer .collapse {*/
/*    transition: visibility 0s, opacity 0.5s linear;*/
/*    visibility: hidden;*/
/*    opacity: 0;*/
/*    display: flex !important;*/
/*}*/

/*.collaspeContainer .collapse.show {*/
/*    width: 150%;*/
/*    top: 0;*/
/*    height: 100%;*/
/*    z-index: 10;*/
/*    background-color: #fff;*/
/*    padding-top: 50px;*/
/*    visibility: visible;*/
/*    opacity: 1;*/
/*}*/


.party_info_section {
    position: relative;
}

@media screen and (max-width: 992px) {
    /*.party_collapse_section {*/
    /*    min-height: 100%;*/
    /*}*/
    .party_info_section {
        position: relative;
        display: block;
    }

    .party_collapse_section.show {
        height: auto;
        width: 100%;
        visibility: visible;
        opacity: 1;
        position: relative;
        display: block;
        padding: 0;
    }

    .teacher_column .card-footer {
        top: 96%;
        left: -10px;
        height: auto;
        width: 106%;
    }

    .teacher_profile_toggle {
        margin-top: 10px;
    }
}

#navbarSideCollapse span {
    display: block;
    background-color: #4f4f4f;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
}


#navbarSideCollapse span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg);
}

#navbarSideCollapse span:nth-child(2) {
    opacity: 1;
}

#navbarSideCollapse span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg);
}

#navbarSideCollapse span:nth-child(1) {
    margin-top: 0.3em;
}

#navbarSideCollapse:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
}

#navbarSideCollapse:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}

#navbarSideCollapse:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg);
}

#navbarSideCollapse:focus {
    box-shadow: none;
}

.founder_section {
    position: relative;
}

.open_founder_collapse,
.close_founder_collapse,
.close_team_collapse,
.close_teacher_collapse {
    cursor: pointer;
}

.close_teacher_collapse.green {
    color: #23aa4a;
}

.close_party_collapse.pink {
    color: #f173ac!important;
}

.founder_collapse_section.show {
    visibility: visible;
    opacity: 1;
}

.close_news_reveal.gold, .news_page_record_container a {
	color: #fdb813;
}

.founder_collapse_section {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 75%;
    padding-right: 5%;
    background-color: #fff;
    z-index: 9;
    height: 100%;
    transition: visibility 0.3s linear, opacity 0.3s linear, height 0.3s linear;
}

.founder_collapse_section.mobile {
    display: none;
}

@media screen and (max-width: 992px) {
    .founder_collapse_section.desktop {
        display: none;
    }

    .founder_collapse_section.mobile {
        display: block;
    }

    .founder_collapse_section.mobile {
        position: relative;
        width: 100%;
        padding: 0;
        height: 0;
    }

    .founder_collapse_section.mobile.show {
        height: auto;
    }

    /*.founder_collapse_section {*/
    /*    position: relative;*/
    /*    width: 100%;*/
    /*    top: auto;*/
    /*    padding: 0;*/
    /*}*/
}

.open_news_reveal,
.close_news_reveal {
    cursor: pointer;
}

.news_row {
    position: relative;
}

.news_row .news_reveal_area {
    position: absolute;
    top: 0;
    padding: 15px;
    background-color: #fff;
    z-index: 9;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: .3s all ease;
}

.news_row.active .news_reveal_area {
    top: 0;
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 992px) {
    .news_row .news_reveal_area {
        position: relative;
        height: 0;
    }

    .news_row.active .news_reveal_area {
        height: auto;
    }
}