/*
 ____                 _     
| __ ) _ __ _____   _(_)___ 
|  _ \| '__/ _ \ \ / / / __|
| |_) | | |  __/\ V /| \__ \
|____/|_|  \___| \_/ |_|___/
                
CSS File - These are the styles for the left sidebar and the motion menu.
*/

*,
*:after,
*::before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

/* Icon Font */
@font-face {
		font-weight: normal;
		font-style: normal;
		font-family: 'ecoicons';
		src: url("../fonts/ecoicons/ecoicons.eot");
		src: url("../fonts/ecoicons/ecoicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ecoicons/ecoicons.woff") format("woff"), url("../fonts/ecoicons/ecoicons.ttf") format("truetype"), url("../fonts/ecoicons/ecoicons.svg#ecoicons") format("svg");
}

/* Main Wrapper Menu */
.brevis-menu-main,
.brevis-menu-main ul {
		margin: 0;
		padding: 0;
		color: #5174B0;
		list-style: none;
		text-transform: none;
		font-weight: 400;
		font-family: 'Roboto', sans-serif;
}

.brevis-menu-main {
		line-height: 100px;
}
.brevis-menu-main ul {
		line-height: 80px;
}

.brevis-icon-menu {
        height: 100px!important;   
}
.brevis-menu-main {
		background: #00A8E8;
}
@media (max-width: 640px) {
    .brevis-menu-main {
            background: transparent;
    }
}
.brevis-menu-main {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
        border-right: 60px solid #007EA7;
		width: 160px;
		font-size: 15px;
		z-index: 9999999;
}
@media (min-width: 1115px) and (max-width: 1230px) {
    .brevis-menu-main {
        width: 144px;
        border-right: 54px solid #007EA7;
    }
}
@media (min-width: 640px) and (max-width: 1115px) {
    .brevis-menu-main {
        width: 100%;
        height: 70px;
        border-right: 0 solid transparent;
        border-bottom: 10px solid #007EA7;
        -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 0px;
        -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 0px;
        -o-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 0px;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 0px;
    }
    a.brevis-icon-menu {
        height: 60px!important;
        line-height: 60px;
    }
}
@media (max-width: 640px) {
    .brevis-menu-main {
        position: absolute;
        width: 80px;
        height: 85px;
        border-right: 0 solid transparent;
        border-bottom: 0 solid transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }
    a.brevis-icon-menu {
        height: 80px!important;
        line-height: 85px;
    }
}

/* Constituent elements */
.brevis-menu-main a {
		display: block;
		height: 100%;
		color: #5f6f81;
        font-family: 'Roboto', sans-serif;
        font-size: 1em;
		text-decoration: none;
		cursor: pointer;
}
@media (max-width: 640px) {
    .brevis-menu-main a {
            font-size: 0.9em;
    }
}
.no-touch .brevis-menu-main a:hover {
		background: #fff;
		color: #c1994f;
		box-shadow: inset 0 1px #e5e5e5;
}

.no-touch .brevis-menu li.gn-search-item:hover,
.no-touch .brevis-menu li.gn-search-item:hover a {
		background: #fff;
		color: #c1994f;
		box-shadow: inset 0 0 #fff;
}

.brevis-icon-menu:hover {
		background: #0086b9!important;
		color: white!important;
		box-shadow: inset 0 1px #0086b9!important;
}
@media (max-width: 640px) {
    .brevis-icon-menu:hover {
            background: transparent!important;
            box-shadow: inset 0 1px transparent!important;
    }
}
.brevis-menu-main > li {
		display: block;
		float: left;
		height: 100%;
		border-right: 1px solid #00A8E8;
		text-align: center;
}

/* Icon-only trigger (menu item) */
.brevis-menu-main li.gn-trigger {
		position: relative;
		width: 100px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}
@media (max-width: 1230px) {
    .brevis-menu-main li.gn-trigger {
        width: 90px;
    }
}
.brevis-menu-main > li:last-child {
		float: right;
		border-right: none;
}
@media (max-width: 1115px) {
    .brevis-menu-main > li:last-child {
            float: left;
    }
}
.brevis-menu-main > li > a {
		padding: 0 30px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;
}
@media (max-width: 1230px) {
    .brevis-menu-main > li > a {
        padding: 0 27px;
    }
}
.brevis-menu-main:after {
		display: table;
		clear: both;
		content: "";
}

.brevis-menu-wrapper {
		position: fixed;
		top: 100px;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 100px;
		border-top: 1px solid #eee;
		background: white;
		-webkit-transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		transform: translateX(-100px);
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;
}
@media (max-width: 1230px) {
    .brevis-menu-wrapper {
        width: 90px;
        -webkit-transform: translateX(-90px);
		-moz-transform: translateX(-90px);
		transform: translateX(-90px);
    }
}
@media (min-width: 640px)and (max-width: 1115px) {
    .brevis-menu-wrapper {
        top: 70px;
        border-top: 0 solid transparent;
    }
}
@media (max-width: 640px) {
    .brevis-menu-wrapper {
        top: 80px;
    }
}
.gn-scroller {
		position: absolute;
		overflow-y: scroll;
		width: 280px;
		height: 100%;
}

.brevis-menu {
		border-bottom: 1px solid #eee;
		text-align: left;
		font-size: 15px;
}

.brevis-menu li:not(:first-child),
.brevis-menu li li {
		box-shadow: inset 0 1px #e5e5e5;
}

.brevis-menu li,
.brevis-menu li li {
		border-right: 5px solid #e5e5e5;
		width: 250px;
}

.brevis-menu li:hover {
		border-right: 5px solid #00A8E8;
		color: #c1994f;
}

.brevis-submenu li {
		overflow: hidden;
		height: 0;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
}

.brevis-submenu li a {
		color: #c1c9d1
}
.brevis-mobilemenu {
        display: none!important;
}
@media (max-width: 640px) {
    .brevis-submenu {
            display: none;
    }
    .brevis-mobilemenu {
            display: block!important;
    }
}

/* Icons */
.brevis-icon::before {
		display: inline-block;
		width: 100px;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		font-family: 'ecoicons';
		line-height: 1;
		speak: none;
		-webkit-font-smoothing: antialiased;
}
@media (max-width: 1230px) {
    .brevis-icon::before {
        width: 90px;
    }
}
.brevis-icon-help::before {
		content: "\e000"
}

.brevis-icon-earth::before {
		content: "\e004"
}

.brevis-icon-cog::before {
		content: "\e006"
}

.brevis-icon-search::before {
		content: "\e005"
}

.brevis-icon-download::before {
		content: "\e007"
}

.brevis-icon-archive::before {
		content: "\e00d"
}

.brevis-icon-article::before {
		content: "\e003"
}

.brevis-icon-pictures::before {
		content: "\e008"
}

.brevis-icon-videos::before {
		content: "\e009"
}

/* If an icon anchor has a span, hide the span */
.brevis-icon span {
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
}

.brevis-icon-menu::before {
		margin-left: -5px;
		vertical-align: -1px;
		width: 18px;
		height: 2px;
		background: #fff;
		box-shadow: 0 2px #00A8E8, 0 -5px #fff, 0 -8px #00A8E8, 0 -10px #fff;
		content: '';
        -webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;
}
.brevis-icon-menu:hover::before {
		box-shadow: 0 2px #0086b9, 0 -5px #fff, 0 -8px #0086b9, 0 -10px #fff;
}
@media (max-width: 640px) {
    .brevis-icon-menu::before {
            box-shadow: 0 2px transparent, 0 -5px #fff, 0 -8px transparent, 0 -10px #fff;
    }
    .brevis-icon-menu:hover::before {
            box-shadow: 0 2px transparent, 0 -5px #fff, 0 -8px transparent, 0 -10px #fff;
    }
}

/* Styles for opening menu (animations) */
.brevis-menu-wrapper.gn-open-all,
.brevis-menu-wrapper.gn-open-part {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
}

.brevis-menu-wrapper.gn-open-all {
		width: 250px;    
		background-color: #fff!important;
		-moz-box-shadow: 4px 8px 9px rgba(34, 34, 34, 0.56);
		-webkit-box-shadow: 4px 8px 9px rgba(34, 34, 34, 0.56);
		box-shadow: 4px 8px 9px rgba(34, 34, 34, 0.56);
}

.brevis-menu-wrapper.gn-open-all .brevis-submenu li {
		height: 80px
}