.MenuContainer nav select{
    display:none;
}

input[type='checkbox'] {
    display: none;
}

input:checked ~* .burger-container{
	padding-bottom: 8px;
}

.lbl-toggle {
    display: block;
    text-transform: uppercase;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.25s ease-out;
    margin:0;
}

.collapsible-content {
    max-height: 0px;
    overflow: hidden;
    transition: max-height .25s ease-in-out;
}
.toggle:checked + .lbl-toggle + .collapsible-content {
    max-height: 9000px;
}
.toggle:checked + .lbl-toggle::before {
    transform: rotate(90deg) translateX(-3px);
}

.sm-color {
    background: transparent;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.sm-color a,
.sm-color a:hover,
.sm-color a:focus,
.sm-color a:active {
    padding: 10px 20px;
    padding-right: 58px;  /* make room for the toggle button (sub indicator) */
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.burger-container{
	padding-left: 20px;
}


.burger-line {
	display: block;
	background: white;
	border-radius: 2px;
	height:2px;
	margin-top: 6px;
	width: 25px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.burger-line:first-child{
	margin-top: 0;
}
.toggle:checked + .lbl-toggle > .burger-container > .burger-line:first-child{
	transform: translate(0px, 8px) rotate(45deg);
}
.toggle:checked + .lbl-toggle > .burger-container > .burger-line:nth-child(2){
	display: none;
}
.toggle:checked + .lbl-toggle > .burger-container > .burger-line:last-child{
	transform: translate(0px, 0px) rotate(-45deg);
}

.sm-color a.disabled {
    color: #a1d1e8;
}
.sm-color a .sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: auto;
    right: 4px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    font: bold 16px/34px monospace !important;
    text-align: center;
    text-shadow: none;
    background: rgba(0, 0, 0, 0.1);

}
.sm-color a .sub-arrow::before {
    content: '+';
}
.sm-color a.highlighted .sub-arrow::before {
    content: '-';
}
.sm-color ul a,
.sm-color ul a:hover,
.sm-color ul a:focus,
.sm-color ul a:active {
    background: transparent;
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    text-decoration: none;
}

.sm-color ul a.disabled {
    color: #b3b3b3;
}
.sm-color ul ul a,
.sm-color ul ul a:hover,
.sm-color ul ul a:focus,
.sm-color ul ul a:active {
    text-decoration: none;
}
.sm-color ul ul ul a,
.sm-color ul ul ul a:hover,
.sm-color ul ul ul a:focus,
.sm-color ul ul ul a:active {
    text-decoration: none;
}
.sm-color ul ul ul ul a,
.sm-color ul ul ul ul a:hover,
.sm-color ul ul ul ul a:focus,
.sm-color ul ul ul ul a:active {
    text-decoration: none;
}
.sm-color ul ul ul ul ul a,
.sm-color ul ul ul ul ul a:hover,
.sm-color ul ul ul ul ul a:focus,
.sm-color ul ul ul ul ul a:active {
    text-decoration: none;
}


@media (min-width: 768px) {
    /* Switch to desktop layout
     -----------------------------------------------
        These transform the menu tree from
        collapsible to desktop (navbar + dropdowns)
     -----------------------------------------------*/

    input[type='checkbox'] {
        display: none;
    }
    .lbl-toggle {
        display: none;
    }
    .lbl-toggle:hover {
        display: none;
    }
    .lbl-toggle::before {
        display: none;
    }
    .collapsible-content {
        max-height: 9000px;
        overflow: visible;
    }
    /* start... (it's not recommended editing these rules) */

    .sm-color li {
        border-top:0 !important;
    }

    .sm-color ul {
        position: absolute;
        width: 12em;
    }
    .sm-color li {
        float: left;
    }
    .sm-color li.menu-right {
        float: right;
    }

    .sm-color.sm-rtl li {
        float: right;
    }

    .sm-color ul li, .sm-color.sm-rtl ul li, .sm-color.sm-vertical li {
        float: none;
    }

    .sm-color a {
        white-space: nowrap;
    }

    .sm-color ul a, .sm-color.sm-vertical a {
        white-space: normal;
    }

    .sm-color .sm-nowrap > li > a, .sm-color .sm-nowrap > li > :not(ul) a {
        white-space: nowrap;
    }

    /* ...end */
    .sm-color {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    }
    .sm-color a, .sm-color a:hover, .sm-color a:focus, .sm-color a:active, .sm-color a.highlighted {
        padding: 13px 20px;
    }
    .sm-color a.disabled {
        background: #3092c0;
        background-image: linear-gradient(to bottom, #3298c8, #2e8cb8);
        color: #a1d1e8;
    }
    /* no arrow in top level menu */
    .sm-color > li > a > .sub-arrow {
        display: none;
    }
    .sm-color a .sub-arrow {
        top: auto;
        margin-top: 0;
        bottom: 2px;
        left: 50%;
        margin-left: -5px;
        right: auto;
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid dashed dashed dashed;
        background: transparent;
    }
    .sm-color a .sub-arrow::before {
        display: none;
    }
    .sm-color ul {
        padding: 3px 0 0 0;
        box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
    }

    .sm-color li.menu-right ul {
        left: auto !important;
        right: 0 !important;
        min-width: 0 !important;
    }

    .sm-color li.menu-right ul li a {
        padding-right: 13px !important;
    }

    .sm-color ul li :last-child {
        border-bottom: 0 !important;
    }

    .sm-color ul a, .sm-color ul a:hover, .sm-color ul a:focus, .sm-color ul a:active, .sm-color ul a.highlighted {
        padding: 9px 46px 9px 13px;
        background: transparent;
    }

    .sm-color ul a.disabled {
        color: #b3b3b3;
    }
    .sm-color ul a .sub-arrow {
        top: 50%;
        margin-top: -5px;
        bottom: auto;
        left: auto;
        margin-left: 0;
        right: 10px;
        border-style: dashed dashed dashed solid;
        transform: rotate(-135deg);
    }
    .sm-color ul li {
        border: 0;
    }
    .sm-color .scroll-up,
    .sm-color .scroll-down {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background: #fff;
        height: 20px;
    }
    .sm-color .scroll-up-arrow,
    .sm-color .scroll-down-arrow {
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 8px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #2b82ac transparent;
    }
    .sm-color .scroll-down-arrow {
        top: 6px;
        border-style: solid dashed dashed dashed;
        border-color: #2b82ac transparent transparent transparent;
    }
    .sm-color.sm-rtl.sm-vertical a .sub-arrow {
        right: auto;
        left: 10px;
        border-style: dashed solid dashed dashed;
    }
    .sm-color.sm-rtl > li:first-child {
        border-left: 1px solid #2b82ac;
    }
    .sm-color.sm-rtl > li:last-child {
        border-left: 0;
    }
    .sm-color.sm-rtl ul a .sub-arrow {
        right: auto;
        left: 10px;
        border-style: dashed solid dashed dashed;
    }
    .sm-color ul a,
    .sm-color ul a:hover,
    .sm-color ul a:focus,
    .sm-color ul a:active {
        border-left: 0 !important;
    }
    .sm-color ul ul a,
    .sm-color ul ul a:hover,
    .sm-color ul ul a:focus,
    .sm-color ul ul a:active {
        border-left: 0 !important;
    }
    .sm-color ul ul ul a,
    .sm-color ul ul ul a:hover,
    .sm-color ul ul ul a:focus,
    .sm-color ul ul ul a:active {
        border-left: 0 !important;
    }
    .sm-color ul ul ul ul a,
    .sm-color ul ul ul ul a:hover,
    .sm-color ul ul ul ul a:focus,
    .sm-color ul ul ul ul a:active {
        border-left: 0 !important;
    }
    .sm-color ul ul ul ul ul a,
    .sm-color ul ul ul ul ul a:hover,
    .sm-color ul ul ul ul ul a:focus,
    .sm-color ul ul ul ul ul a:active {
        border-left: 0 !important;
    }
    .sm-color.sm-vertical {
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    }
    .sm-color.sm-vertical a {
        padding: 9px 23px;
    }
    .sm-color.sm-vertical a .sub-arrow {
        top: 50%;
        margin-top: -5px;
        bottom: auto;
        left: auto;
        margin-left: 0;
        right: 10px;
        border-style: dashed dashed dashed solid;
    }
    .sm-color.sm-vertical > li {
        border-left: 0 !important;
    }
    .sm-color.sm-vertical ul a {
        padding: 9px 23px;
    }
}

/* ADJUSTMENT FOR MENU HORIZONTAL LEFT */

.col-lg-3 .sm ul,
.col-lg-4 .sm ul {
    top: 0px !important;
    margin-top: 0px !important
}

.col-lg-3 .sm,
.col-lg-3 .sm ul,
.col-lg-3 .sm li,
.col-lg-4 .sm,
.col-lg-4 .sm ul,
.col-lg-4 .sm li{
    width: 100%;
}

@media(min-width: 768px){
    .col-lg-3 .sm ul,
    .col-lg-4 .sm ul {
        margin-left: 100% !important;
    }
}

/*Matchcenter Styles*/

.matchcenter-header{
	margin: 0 !important;
	padding: 10px !important;
	color: white;
}

.matchcenter-text{
	color: white;
}

.text-center.widget-center{
	margin-top: 25px !important;
}



/* END */

/*# sourceMappingURL=sm-color.css.map */