/* Mobile menu */
#trigger-menu {
	display: block;
	position: absolute;
	right: 14px;
	top: 36px;
	font-size: 40px;
	line-height: 59px;
	width: 54px;
	height: 54px;
	text-align: center;
	color: #FFF;
	box-shadow: 0 0 0 4px #E0CE83;
	border-radius: 50%;
	transition: all 200ms ease;
    background: #12356a; /* Old browsers */
    background: -moz-linear-gradient(top,  #12356a 50%, #082c4f 51%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #12356a 50%,#082c4f 51%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #12356a 50%,#082c4f 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12356a', endColorstr='#082c4f',GradientType=0 ); /* IE6-9 */
}
#trigger-menu.on{
    z-index:1000;
}
#trigger-menu.on .pe-7s-menu:before {
	content: "\e680";
	font-size: 40px;
	line-height: 53px;
}

#trigger-menu:hover, #trigger-menu.on {
	box-shadow: 0 0 0 4px #E0CE83;
	color: #999;
	cursor: pointer;
	transition: all 200ms ease;
}
#trigger-menu.on {
    background: #a1010d; /* Old browsers */
    background: -moz-linear-gradient(top,  #a1010d 50%, #650109 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #a1010d 50%,#650109 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #a1010d 50%,#650109 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1010d', endColorstr='#650109',GradientType=0 ); /* IE6-9 */
}
#slide-menu {
	z-index: 400;
	background: #072B51;
}
#slide-menu .menu-wrap {
	padding: 0;
	position: static;
	overflow-y: auto;
	height: 100%;
}
#slide-menu .menu-wrap header{
    display:block;
    height:121px;
    line-height:121px;
    padding: 20px 86px 20px 20px;
    vertical-align:middle;
    background-color:#052343;
}
#slide-menu .menu-wrap .main {
	padding:20px;
}
#slide-menu .menu-wrap .main ul {
	list-style: none;
	font-size: 26px;
    margin-bottom:0;
}
#slide-menu .menu-wrap .main ul li {
	border-bottom: 1px solid rgba(255,255,255,0.1);
    position: relative;
    line-height: 100%;
}

#slide-menu .menu-wrap .main ul li .icon{
    width:26px;
    position: absolute;
    top:10px;
    right:0;
    height:26px;
    line-height:26px;
    color:#A1010D;
    border-radius:50%;
    background:#FFFFFF;
    box-shadow: 0 0 0 1px #A1010D inset;
    z-index:1000;
    transition: all 0.3s ease 0s;
    display:block;
    width:26px;
}
#slide-menu .menu-wrap .main ul li .icon:after{
    content: "\e688";
    font-family: 'Pe-icon-7-stroke';
}

#slide-menu .menu-wrap .main ul li .icon {
    cursor:pointer;
}

#slide-menu .menu-wrap .main ul li a {
	text-transform: uppercase;
	padding: 10px 0;
	display: block;
    font-family:MyriadPro-Condensed,Arial,Helvetica,sans-serif;
    text-transform:none;
    color:#FFF;
}

#slide-menu .menu-wrap .main ul li a:hover {
    text-decoration:none;
}
#slide-menu .menu-wrap .main ul.addMenu {
    margin-bottom:0;
}
#slide-menu .menu-wrap .main ul.addMenu li a {
    font-size:18px;
    text-transform:uppercase;
}
#slide-menu .menu-wrap .main ul.addMenu li:after { display:none;}

#slide-menu .menu-wrap .main ul li i {
	display: block;
	float: right;
	margin: 10px 0;
	height: 20px;
	transition: all 200ms ease;
	cursor: pointer;
}
#slide-menu .menu-wrap .main ul li i:hover {
	transform: scale(1.2);
	color: #AAA;
}
#slide-menu .menu-wrap .main ul li i.on {
	transform: rotate(180deg);
	transition: all 200ms ease;
}
#slide-menu .menu-wrap .main ul li i.on:hover {
	transform: scale(1.2) rotate(180deg);
}

#slide-menu .menu-wrap .main ul ul {
	display: none;
	margin: 0 0 0 10px;
	padding: 0 0 10px;
	font-size: 13px;
}
#slide-menu .menu-wrap .main ul ul li {
	border-bottom: 0;
}
#slide-menu .menu-wrap .main ul ul li a {
	text-transform: none;
	padding: 5px 0;
}
#slide-menu .menu-wrap .main ul ul.on {
	display: block;
}

#slide-menu .soc_links { padding:20px;}
#slide-menu .soc_links .box{ margin:0 auto; display:table;}
#slide-menu .soc_links .box a{ display:block; width:45px; height:45px; float:left; border-radius:50%; color:#FFF; text-align:center; margin:0 5px;}
#slide-menu .soc_links .box a.twitter{ background-color:#5DA9DD;}
#slide-menu .soc_links .box a.facebook{ background-color:#3B599F;}
#slide-menu .soc_links .box a.youtube{ background-color:#E32525;}
#slide-menu .soc_links .box a.pe7 { border:1px solid #FFF;}
#slide-menu .soc_links .box a i{ font-size:24px; line-height:45px; vertical-align:middle;}
#slide-menu .soc_links .box a span{ font-size:24px; line-height:45px; vertical-align:middle;}

.overlay, .popup-overlay {
    background: #000;
    bottom: 0;
    display: block;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    z-index: 500;
}
.overlay.darken, .popup-overlay.darken {
    opacity: 0.75;
    transition: all 0.3s ease 0s;
}
.overlay.darken {
    z-index: 300;
}

#slide-menu .menu-wrap .main ul li.expand ul {
    display: block;
}
#slide-menu .menu-wrap .main ul li.expand span {
    background:#A1010D;
    color:#FFF;
    transition: all 0.3s ease 0s;
}

#slide-menu .menu-wrap .main ul li.expand span:after { 
    content: "\e682";
}
#slide-menu .menu-wrap .main ul li.expand ul li { font-size:16px; line-height:150%;}
#slide-menu .menu-wrap .main ul li.expand ul li span {
    font-size: 26px;
    top:3px;
    background:none;
    box-shadow:none;
    color:#FFF;
    
}

#slide-menu .menu-wrap .main  ul li.expand ul li span:after { content: "\e688";}
#slide-menu .menu-wrap .main  ul li.expand ul li.expand span:after { content: "\e682";}
#slide-menu .menu-wrap .main  ul li.expand ul li.expand ul li span:after { content: "\e688"; }
#slide-menu .menu-wrap .main  ul li.expand ul li.expand ul li.expand span:after { content: "\e682";}

#slide-menu .menu-wrap .main  ul li.expand ul li.expand ul li.expand ul li span { display:none;}

#slide-menu .menu-wrap .main ul li.expand ul li ul{ display:none;}
#slide-menu .menu-wrap .main ul li.expand ul li.expand ul{ display:block;}

#slide-menu .menu-wrap .main ul li.expand ul li ul li ul{ display:none !important;}
#slide-menu .menu-wrap .main ul li.expand ul li ul li.expand ul{ display:block !important;}

#slide-menu .menu-wrap .main ul li.expand ul li ul li ul li ul{ display:none !important;}
#slide-menu .menu-wrap .main ul li.expand ul li ul li ul li.expand ul{ display:block !important;}