@charset "utf-8";
body {
	margin:0px;
	font-family: 'Lato', sans-serif;
	color:#000000;
	font-size:17px;
	line-height:1.5;
	background:#00000e;
}
a, a:hover, a:active, a:focus {
	cursor:pointer;
	outline:0;
}
.e3pagetemplate {
	font-family: 'Lato', sans-serif;
	color:#666666;
	font-size:17px;
}
.e3pagetemplate a {
	color:#0099bc;
}
h1, h2, h3, h4, h5, h6 {
	color:#0099bc;
	margin:0;
}
h1 {
	color:#a2b427;
	font-weight:normal;
	font-size:60px;
}
h2 {
	font-weight:normal;
	font-size:48px;
}
h3 {
	font-weight:normal;
	font-size:33px;
}
h4 {
	font-weight:normal;
	font-size:24px;
}
h5 {
	font-weight:bold;
	font-size:13px;
}
.e3pagetemplate h6 a {
	background: #a2b427;
	color: #fff;
	font-weight: normal;
	font-size:16px;
	padding: 8px 25px;
    margin:5px;
	display:inline-block;
    float:left;
	min-width:160px;
	text-decoration: none;
}
.e3pagetemplate h6 a:hover {
	background: #016990;
	color: #fff;
}
img {
	border: none;
}
.MainInformationTable{
	width:100%;
}
.EditableImageEdit .ImageSelectorHeader, .EditableImageEdit .EditableTextTitle {
    position: relative;
    z-index: 9999;
}
/*New MC Weather Style*/
.e3pagetemplate .BirAtGlance, .e3pagetemplate .CalAtGlance, .e3pagetemplate .WeaAtGlance {
	font-family:inherit;
    background: transparent;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.14);
    box-sizing: border-box;
    padding: 10px;
    width:100%;
    border: 1px solid #0099bc;
    margin-bottom: 20px;
    /*box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.14), 0 64px 0 -30px rgba(0, 0, 0, 0.5) inset;*/
}
.e3pagetemplate .BirAtGlance a, .e3pagetemplate .CalAtGlance a, .e3pagetemplate .WeaAtGlance a {
	color: #000;
    font-weight: bold;
    text-decoration: none;
}
.e3pagetemplate .WeaAtGlance .AGToday, .e3pagetemplate .BirAtGlance .AGTitle, .e3pagetemplate .CalAtGlance .AGTitle {
   	/*weather titles*/
   	padding: 0 0 10px;
    width: 100%;
    border-bottom: 1px solid #0099bc;
    text-align: center;
    font-size:16px;
    font-weight: normal;
}
.e3pagetemplate .BirAtGlance .AGTitle, .e3pagetemplate .CalAtGlance .AGTitle {
	/*events and birthday titles*/
    /*background: #333 none repeat scroll 0 0;
    border-radius: 3px 3px 0 0;
    color: #dedede;
    margin: -10px -10px 0;
    padding: 5px 10px;
    width: 100%;
    text-align: center;
    font-size:16px;
    font-weight: normal;*/
}
.e3pagetemplate .WeaAtGlance .AGToday > img {
    display: block;
    height: 64px !important;
    width: 64px !important;
    margin:0 auto;
}
.e3pagetemplate .WeaAtGlance .AGDay {
    width: 100%;
    font-size:13px;
}
.e3pagetemplate .WeaAtGlance .AGPic img {
    height: auto !important;
    min-width: 35px;
}
.e3pagetemplate .WeaAtGlance .AGDay:first-child {
}
.e3pagetemplate .WeaAtGlance .AGDate {
    border: medium none;
    float: left;
    width: 25%;
}
.e3pagetemplate .WeaAtGlance .AGPic {
    float: right;
    width: 25%;
    text-align: right;
}
.e3pagetemplate .WeaAtGlance .AGTemp {
    width: 50%;
    float:right;
    text-align: center;
}
.e3pagetemplate .WeaAtGlance .AGCast {
    width: 50%;
    float:right;
    text-align: center;
}
.e3pagetemplate .BirAtGlance .AGScroll, .e3pagetemplate .CalAtGlance .AGScroll, .e3pagetemplate .CalAtGlance .Cont2 {
	padding:0;
	width:100%;
}
.e3pagetemplate .CalAtGlance .AltCont, .e3pagetemplate .CalAtGlance .AltLink, .e3pagetemplate .EveAtGlance .AltLink, .e3pagetemplate .CalAtGlance .Link, .e3pagetemplate .EveAtGlance .Link {
	/*Upcoming Events even items*/
	margin: 0 -10px;
    padding: 10px;
}
.e3pagetemplate .CalAtGlance .AltCont, .e3pagetemplate .CalAtGlance .AltLink, .e3pagetemplate .EveAtGlance .AltLink {
    /*alt event items only*/
    /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1) inset;*/
}
.e3pagetemplate .CalAtGlance .Link2 {
	padding:0 0 3px;
}
.e3pagetemplate .BirAtGlance {
	text-align: center;
}
.e3pagetemplate .BirAtGlance .AGDay {
	margin-top:5px;
}
.e3pagetemplate .BirAtGlance .AGDay div:first-child {
    margin-bottom: 5px;
}
.e3pagetemplate .BirAtGlance a {
	font-size:12px;
}
/* Member Central Web Parts End */
.EditMode header {
    position: relative;
}
header {
    background: #00000e none repeat scroll 0 0;
	border-bottom: 2px solid #1899bc;
    float: left;
    height: 74px;
    transition: top 0.3s ease 0s;
    width: 100%;
    z-index: 200;
	position:fixed;
	box-shadow: 0 3px 5px rgba(0,0,0,0.45);
}
header .mobile-nav-btn {
    float: left;
    height: 30px;
    margin: 5px 0 0;
    width: 10%;
}
header #menu-button {
    color: #1899bc;
    display: block;
    height: 40px;
    padding-left: 0 !important;
}
#menu-button::before {
    display: none;
}
header #menu-button i {
    font-size: 30px;
}
header nav {
    background: #029abc none repeat scroll 0 0;
	font-family: 'Lato', sans-serif;
	color: #fff;
}
.mobile-nav-btn {
    float: left;
}
#main-menu {
    box-shadow: none;
}
#main-menu li, #main-menu a {
    border-radius: 0;
    font-weight: normal;
    text-transform: uppercase;
	font-family: 'Lato', sans-serif;
}
#main-menu > li > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    text-shadow: none;
	font-family: 'Lato', sans-serif;
	text-transform:uppercase;
}
#main-menu ul a.current {
	background:  #00719c;
	color: #fff;
}
#main-menu ul:nth-child(1), #main-menu ul:nth-child(4), #main-menu ul:nth-child(7) {
    background: #00719c none repeat scroll 0 0;
	border-radius:0;
}
#main-menu ul:nth-child(2), #main-menu ul:nth-child(5), #main-menu ul:nth-child(8) {
    background: #125791 none repeat scroll 0 0;
	border-radius:0;
}
#main-menu ul:nth-child(3), #main-menu ul:nth-child(6), #main-menu ul:nth-child(9) {
    background: #113371 none repeat scroll 0 0;
}
#main-menu > li > ul > li a {
    color: #fff;
	font-family: 'Lato', sans-serif;
}
#main-menu > li > ul > li > ul > li a {
    color: #fff;
	font-family: 'Lato', sans-serif;
}
#main-menu .sub-arrow {
    background: transparent none repeat scroll 0 0;
    color: #fff !important;
    width: 42px;
}
header .MyProfile_Member {
    background: transparent;
    border: medium none;
    float: right;
    height: 40px;
    margin: 5px 0 0;
    padding: 0;
    text-align: right;
    width: 10%;
}
.MyProfile_Svg {
	color: #1899bc;
	float: right !important;
	margin: 5px 0 0 !important;
	width: 35px !important;
	height: 35px !important;
}
.MyProfile_Svg svg {
	fill: currentcolor;
}
header .MyProfile_Member .click_transparent {
	width: 100%;
    z-index: 5;
}
header .MyProfile_Member .MyProfile_Name {
    display: none;
}
header .MyProfile_Member .arrow-down {
    display: none;
}
header .MyProfile_Member .fullView {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    left: auto;
    right: -10px;
    top: 38px;
    width: 190px;
}
header .MyProfile_Member .MyProfile_FullMain {
    border: medium none;
    padding: 0;
    width: 100%;
}
header .MyProfile_Member .fullView a {
    border: medium none;
    color: #ffffff;
    font-size: 13px;
    height: auto;
    line-height: normal;
    margin: 0;
    padding: 10px 15px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}
header .MyProfile_Member .fullView a:hover {
    color: #1899bc;
}
header .MyProfile_Member .fullView a div {
    display: none;
}
header .arrow-down {
    border-top: 5px solid #1899bc;
}
.cmsdesklink {
    display: none;
}
header .logo {
    float: left;
    height: 80px;
    left: 50%;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: 80%;
}
header .logo img {
    max-height: 54px;
}
.banner {
    clear: both;
    float: left;
    margin: 0;
    overflow: hidden;
    width: 100%;
	position: relative;
	height: 200px;
}
.fullwidth-slideshow {
	float: left;
    height: 180px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100% !important;
    z-index: -10;
}
.fullwidth-slideshow div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100% !important;
    position: absolute;
    width: 100% !important;
}
.page-content {
    float: left;
    position: relative;
    width: 100%;
    z-index: 5;
}
.slide-box {
    float: left;
    height: 100%;
    margin-top: -120px;
    min-height: 190px !important;
    position: relative;
    width: 100%;
}
.slide-box-outer {
	/*background: rgba(0, 0, 14, 0.7) none repeat scroll 0 0;
    border-bottom: 1px solid #a2b427;
    border-top: 1px solid #0099bc;
    height: 100%;*/
    padding: 8px 0;
    width: 100%;
	/*min-height: 190px !important;*/
	float:left;
}
.slide-box-inner{
	/*background: rgba(190, 183, 166, 0.75) none repeat scroll 0 0;
    box-sizing: border-box;*/
    color: #fff;
    /*float: left;*/
    font-family: "Lato",sans-serif;
    font-size: 12px;
    /*height: 100% !important;
    text-align: left;*/
    width: 100% !important;
/*	min-height: 174px !important;
*/}
.slide-box-inner h1 {
	font-size:28px;
	font-weight:300;
	color: #c7de28;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
}
.slide-box-inner hr {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    height: 1px;
    margin-left: -5%;
    width: 110%;
}
.slide-box-inner > div {
	border-bottom: 1px solid #a2b427;
    border-top: 1px solid #0099bc;
	/*background: rgba(190, 183, 166, 0.75) none repeat scroll 0 0;*/
	background: rgba(0,0,14,0.7);
	background: -moz-linear-gradient(top, rgba(0,0,14,0.7) 0%, rgba(0,0,14,0.7) 3%, rgba(190,183,166,0.7) 3%, rgba(190,183,166,0.7) 3%, rgba(190,183,166,0.7) 3%, rgba(190,183,166,0.75) 97%, rgba(0,0,0,0.75) 97%, rgba(0,0,3,0.7) 97%, rgba(0,0,14,0.9) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,14,0.7)), color-stop(3%, rgba(0,0,14,0.7)), color-stop(3%, rgba(190,183,166,0.7)), color-stop(3%, rgba(190,183,166,0.7)), color-stop(3%, rgba(190,183,166,0.7)), color-stop(97%, rgba(190,183,166,0.75)), color-stop(97%, rgba(0,0,0,0.75)), color-stop(97%, rgba(0,0,3,0.7)), color-stop(100%, rgba(0,0,14,0.9)));
	background: -webkit-linear-gradient(top, rgba(0,0,14,0.7) 0%, rgba(0,0,14,0.7) 3%, rgba(190,183,166,0.7) 3%, rgba(190,183,166,0.7) 3%, rgba(190,183,166,0.7) 3%, rgba(190,183,166,0.75) 97%, rgba(0,0,0,0.75) 97%, rgba(0,0,3,0.7) 97%, rgba(0,0,14,0.9) 100%);
	background: -o-linear-gradient(top, rgba(0,0,14,0.7) 0%, rgba(0,0,14,0.7) 3%, rgba(190,183,166,0.7) 3%, rgba(190,183,166,0.7) 3%, rgba(190,183,166,0.7) 3%, rgba(190,183,166,0.75) 97%, rgba(0,0,0,0.75) 97%, rgba(0,0,3,0.7) 97%, rgba(0,0,14,0.9) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,14,0.7) 0%, rgba(0,0,14,0.7) 3%, rgba(190,183,166,0.7) 3%, rgba(190,183,166,0.7) 3%, rgba(190,183,166,0.7) 3%, rgba(190,183,166,0.75) 97%, rgba(0,0,0,0.75) 97%, rgba(0,0,3,0.7) 97%, rgba(0,0,14,0.9) 100%);
	background: linear-gradient(to bottom, rgba(0,0,14,0.7) 0%, rgba(0,0,14,0.7) 3%, rgba(190,183,166,0.7) 3%, rgba(190,183,166,0.7) 3%, rgba(190,183,166,0.7) 3%, rgba(190,183,166,0.75) 97%, rgba(0,0,0,0.75) 97%, rgba(0,0,3,0.7) 97%, rgba(0,0,14,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000e', endColorstr='#00000e', GradientType=0 );

	float: left;
    padding: 2px 15px 10px;
    width: 100% !important;
	height: auto !important;
}
footer {
    color: #fff;
	font-family: 'Lato', sans-serif;
	background: #00000e;
    float: left;
    font-size: 16px;
    text-align: center;
    width: 100%;
	position:relative;
}
.footer-top {
    box-sizing: border-box;
    float: left;
    padding: 20px 0;
    width: 100%;
}
.footer-btn {
    float: left;
    width: 100%;
}
.callout-holder {
    float: left;
    margin-bottom: 5%;
    width: 100%;
}
.callout-holder a {
    color: #fff;
    text-decoration: none;
}
.callout::before {
    background: rgba(0, 80, 98, 0) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.callout:hover:before {
    /*background: transparent;*/
}
.callout {
    background-color: #d8d8d8;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 15px 30px;
    position: relative;
    width: 100%;
	text-align:center;
	transition: all 0.4s ease-in-out 0s;
}
.callout:hover {
    /*background-image: url('/SiteDesign/Images2016/promo-back-bg.aspx') !important;*/
}
.callout .outer {
    padding: 5px;
    perspective: 800px;
    transition: all 0.4s ease-in-out 0s;
}
.callout .outer .inner {
    min-height: 110px;
    padding: 0;
    position: relative;
    transform-style: preserve-3d;
    transition: all 0.4s ease-in-out 0s;
}
.callout .outer .inner .details.front {
    opacity: 1;
    transition: opacity 0.4s ease-in-out 0s;
}
.callout:hover .inner {
	/*transform: rotate3d(0, 1, 0, -180deg);*/
}
.callout:hover .inner .details.front {
    /*opacity: 0;*/
}
.callout .outer .inner .details {
    backface-visibility: hidden;
    background-position: center center;
    display: block;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.callout .outer .inner .details.back {
    transform: rotate3d(0, 1, 0, 180deg);
}
.front.details > h3 {
	font-size: 27px;
}
.back.details > h4 {
	font-size:21px;
}
.front.details > h3, .back.details > h4 {
    color: #fff;
}
.back.details {
	display:none !important;
}
.border {
    border: 0.5px dotted #a2b427;
}
.footer-bot {
	float:left;
	width: 100%;
	padding: 20px 0;
}
.footer-bot a {
	color: #fff !important;
	text-decoration:none;
}
.poweredby {
	text-align: center;
	color: #fff;
	text-decoration:none;
	font-size: 11px;
}
@media (min-width: 768px) {
	header {
		position:relative;
		box-shadow: none;
	}
	header::after {
		background: rgba(0, 0, 0, 0) url("/SiteDesign/Images2016/watermark.aspx") no-repeat scroll right top;
		content: "";
		padding: 326px 392px;
		position: absolute;
		right: 0;
		top: 0;
		pointer-events: none;
	}
	header .logo {
		width: 65%;
	}
	.banner {
		height:400px
	}
	.fullwidth-slideshow {
		height:400px
	}
	.slide-box {
		margin-top: -300px;
		width: 40%;
	}
	footer {
		border-top: 1px solid #a2b427;
	}
	.footer-top {
		margin-top: -90px;
		position: relative;
		z-index: 5;
	}
	.footer-btn {
		background: rgba(0,0,0,0.40);
		padding: 10px;
	}
	.callout-holder {
		float: left;
		margin: 0 0.5%;
		width: 24%;
	}
	.callout {
		height: 280px;
		margin-bottom: 0;
	}
	.footer-contact {
		font-size: 14px;
		text-align: left;
	}
	.footer-addy {
		text-align: left;
		border-left: 1px solid #a2b427;
		font-size: 14px;
	}
	.footer-right {
		float: right;
		text-align: right;
		font-size: 24px;
	}
	.footer-right .fa {
		padding: 0 5px;
	}
	.footer-right span {
		display: none;
	}
	.poweredby {
		clear: left;
		float: right;
		font-size: 12px;
		margin-top: -15px;
	}
}
@media (hover: hover) and (min-width: 1025px) and (pointer: fine), screen and (-ms-high-contrast: none) and (min-width:1025px){
	header {
		background: transparent none repeat scroll 0 0;
		border-bottom: medium none;
		height: 174px;
	}
	header .logo {
		background: rgba(0, 0, 0, 0) url("/SiteDesign/Images2016/logo-bg.aspx") no-repeat scroll center bottom;
		float: left;
		height: 174px;
		left: 0;
		margin: 0 0 15px;
		overflow: hidden;
		padding: 39px 34px;
		text-align: center;
		transform: translateX(0px);
		width: 200px;
		position: relative;
		z-index: 5;
	}
	header .logo img {
		max-height: 92px;
		width: 135px;
	}
	/*my profile */
	header .MyProfile_Member {
		background: rgba(0, 153, 188, 0.8) none repeat scroll 0 0;
		color: #fff;
		float: right;
		font-family: "Lato",sans-serif;
		height: auto;
		padding: 0 5px;
		position: relative;
		text-decoration: none;
		margin: 0 0 22px;
		width: auto;
	}
	.MyProfile_Svg {
		color: #fff;
		width: 25px !important;
		height: 25px !important;
		margin: 0 0 0 10px !important;
	}
	.MyProfile_Svg svg {
		fill: currentcolor;
	}
	header.fixed .MyProfile_Member {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	}
	header .MyProfile_Member .MyProfile_Name {
		color: #fff;
		display: inline-block;
		font-size: 14px;
		font-weight: normal;
		height: 28px;
		line-height: 26px;
		width:auto;
		padding: 0 8px;
		width: auto;
	}
	header .MyProfile_Member .arrow-down {
		border-top-color: #fff;
		display: inline-block;
		margin: 11px 0 0 8px;
	}
	header .MyProfile_Member .fullView {
		background: rgba(0, 0, 6, 0.7) none repeat scroll 0 0;
		left: auto;
		right: 0;
		top: 33px;
	}
	header .MyProfile_Member .MyProfile_FullMain {
	}
	header .MyProfile_Member .fullView a {
		color: #ffffff;
	}
	header .MyProfile_Member .fullView a:hover {
		color: #0099bc;
	}
	header .MyProfile_Member .fullView a div {
	}
	.cmsdesklink {
		background: rgba(0, 153, 188, 0.8) none repeat scroll 0 0;
		color: #fff !important;
		display: block;
		float: right;
		font-size: 14px;
		text-align: right;
		text-decoration: none;
		width: auto;
		margin: 0 0 22px;
		padding: 4.5px 8px;
	}
	header nav {
		background: rgba(0, 0, 6, 0.7) none repeat scroll 0 0;
		border-bottom: 1px solid #a2b427;
		border-top: 1px solid #0099bc;
		clear: right;
		color: #181a5a;
		float: none;
		font-family: "Lato",sans-serif;
		top: 0;
		position: relative;
		width: 100%;
	}
	header .mobile-nav-btn {
		display:none;
	}
	#main-menu {
		background: transparent none repeat scroll 0 0;
		box-shadow: none;
		clear: none;
		height: 74px;
		margin: 0 0 0 200px;
		white-space: nowrap;
		width: auto;
	}
	#main-menu li, #main-menu a {
		border: medium none;
		border-radius: 0;
		font-size: 16px;
		color: #fff;
	}
	#main-menu > li {
		display: inline-block;
		float: none;
	}
	#main-menu > li > a {
		color: #fff;
		background: transparent;
		padding: 26px 19px;
		
	}
	#main-menu > li > a:hover {
		color: #fff !important;
		background: #0099bc;
	}
	#main-menu ul {
		background: #0099bc none repeat scroll 0 0;
		border: medium none;
		border-radius: 0;
		box-shadow: none;
		left: auto !important;
		padding: 0;
		color: #fff;
		text-align: left;
	}
	#main-menu ul a:hover, #main-menu ul a.highlighted {
		color: #fff;
		background: #016990;
	}
	#main-menu ul li {
		border-bottom: 1px solid #a2b427;
	}
	#main-menu ul ul {
		background: #0099bc none repeat scroll 0 0;
	}
	#main-menu ul ul > li {
		background: #0099bc none repeat scroll 0 0;
		color: #fff;
	}
	#main-menu > li > ul > li a {
		color: #fff;
		background: #0099bc none repeat scroll 0 0;
	}
	#main-menu > li > ul > li > ul > li a {
		color: #fff;
	}
	#main-menu ul ul > li a {
		color: #fff;
	}
	#main-menu > li > ul > li > ul {
		left: 0 !important;
		right: auto !important;
	}
	#main-menu ul ul ul {
		background: #0099bc none repeat scroll 0 0;
	}
	#main-menu > li > ul > li > ul > li > ul > li a {
		background: #0099bc;
		color: #fff;
	}
	#main-menu > li > ul > li > ul > li > ul > li ul > li a {
		background: #0099bc;
		color: #fff;
	}
	#main-menu .sub-arrow {
		display: none;
	}
	.banner {
		height: 960px;
		position: absolute;
		z-index: -10;
	}
	.fullwidth-slideshow {
		height: 960px;
	}
	.slide-box {
		margin: 10% 0 15%;
		width: 41%;
		min-height: 295px !important;
	}
	.slide-box-outer {
		min-height: 295px !important;
	}
	.slide-box-inner {
		min-height: 275px !important;
	}
	.slide-box-inner h1 {
		font-size: 45px;
		line-height: 1;
	}
	.slide-box-inner > div {
		font-size: 19px;
	}
	.callout {
		height: auto;
	}
	.callout:hover:before {
		background: transparent;
	}
	.callout:hover {
		background-image: url('/SiteDesign/Images2016/promo-back-bg.aspx') !important;
	}
	.callout:hover .inner {
		transform: rotate3d(0, 1, 0, -180deg);
	}
	.callout:hover .inner .details.front {
		opacity: 0;
	}
	.callout .outer .inner .details.back {
		transform: rotate3d(0, 1, 0, 180deg);
	}
	.back.details {
		display:block !important;
	}
}
@media (min-width: 1200px) {
	header {
		height:237px;
	}
	header .logo {
		height:237px;
		width: 273px;
	}
	header .logo img {
		max-height: 139px;
		width: 205px;
	}
}

@media (hover: none) and (min-width: 1025px) and (pointer: coarse), screen and (-ms-high-contrast: none) and (max-width:1024px){
	nav
	
	{ position: fixed!important; left: -100%!important; top: 0!important; width: 80%!important; height: 100%!important; padding: 0!important; overflow: auto!important; margin-left: 0!important; z-index: 10005!important; -webkit-overflow-scrolling: touch!important; -webkit-transition: left .5s!important; transition: left .5s!important; }
	.menu-opened nav
	
	{ left: 0%!important; }
	nav #main-menu
	
	{ background:transparent!important; }
	nav #main-menu.collapsed
	
	{ display: block!important; }
	.sm-blue li
	
	{ float: none!important; }
	.menu-opened #menu-button2
	
	{ position: fixed!important; height: 100%!important; width: 0!important; left: 0!important; top: 0!important; background-color: #212121!important; z-index: -1!important; display: none!important; width: 100%!important; background-color: rgba(0,0,0,.8)!important; display: block!important; z-index: 10004!important; height: 100%!important; overflow: hidden!important; -webkit-transition: opacity 1s,width 0!important; transition: opacity 1s width 0s!important; }
	.menu-opened #menu-button2 svg
	
	{ display: block!important; }
	.sm-blue a span.sub-arrow
	
	{ position: absolute!important; top: 50%!important; margin-top: -17px!important; left: auto!important; right: 4px!important; width: 34px!important; height: 34px!important; overflow: hidden!important; font: bold 20px/34px FontAwesome!important; text-align: center!important; text-shadow: none!important; background: rgba(0,0,0,.1)!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; -ms-border-radius: 4px!important; -o-border-radius: 4px!important; border-radius: 4px!important; background: #384945!important; color: #fff !important; width: 42px!important; }
	#main-menu > li > ul > li a
	
	{ color: #fff; background: #384945 none repeat scroll 0 0; font-family: 'Roboto', sans-serif; border-radius: 0; font-weight: normal; border: none; }
	.sm-blue ul
	
	{ position: static!important; }
	.sm-blue a.highlighted span.sub-arrow:before
	
	{ display: block!important; content: ""!important; font-family: FontAwesome!important; }
	.sm-blue ul a span.sub-arrow
	
	{ border:none!important; }
	.logo
	
	{ display: block!important; }
	.sm-blue a span.sub-arrow
	
	{ border-style: none!important; }
	.sm-blue ul
	
	{ border: none!important; padding: 0px!important; }
	}