/*****MAIN NAVIGATION*****/
#mainnav { width: 100%; text-align: right; position: relative; z-index:1; }
#mainnav ul { display:inline-block; vertical-align: top; }
#mainnav li { margin: 0 0 0 41px; letter-spacing: -0.02em; position: relative; font-size: 18px; line-height: 27px; float: left; font-weight:700;}
#mainnav li a { padding: 15px 0; display:block; color:#fff; }
#mainnav li.active a,#mainnav li:hover a,#mainnav li a:hover { color:#36363a; }
.utility_nav li ul,#mainnav li ul { border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -ms-border-radius: 0 0 8px 8px; padding: 15px 0; text-align: left; display: none; position:absolute; left:50%; margin: 0 0 0 -107px; top:100%; width: 215px; background:#36363a; } 
#mainnav li ul:before { width: 0; height:0; content:''; border: 8px solid transparent; border-bottom: 5px solid #36363a; position:absolute; left:50%; top:-13px; margin-left:-8px;  }
#mainnav li.last ul:before{ display: none;}
#mainnav li.last:after { width: 0; height:0; content:''; border: 8px solid transparent; border-bottom: 5px solid #36363a; position:absolute; left:50%; bottom:0px; margin-left:-8px; display:none;}
#mainnav li.last ul{ left: auto; right: 0px; }
#mainnav li:hover ul, #mainnav li.last:hover:after { display:block; }  

#mainnav li li { width: 100%; margin:0 0 3px 0; font-size: 16px; line-height: 21px; }
#mainnav li li a { padding: 8px 10px 8px 20px; } 
#mainnav li:hover li a { color:#fff; }
#mainnav li:hover li a:hover { background: #dd232e; }

.expand{ display: none;}

/*****UTILITY NAVIGATION*****/
.utility_nav { width: 100%; text-align: right; }
.utility_nav ul { display:inline-block; margin-top: 20px; margin-bottom: 20px;}  
.utility_nav li { margin: 0 0 0 24px; float: left; position: relative; }
.utility_nav li a { width: 40px; height: 40px; display:block; overflow: hidden; }
.utility_nav li a svg{ fill: #404b47; width: 42px; height: 35px; }
.utility_nav li a .fa {color: #796860; font-size: 34px;}
.utility_nav li a .fa:hover {color:#00467a; }
.utility_nav li a:hover svg{ fill: #dd232e;}
.utility_nav li a img {  margin:auto;padding-bottom: 5px;  } 
.utility_nav li li a { width: 100%; height:auto; }
.utility_nav li ul { left:auto; right:0; margin:0; }
.utility_nav li li { padding:0; }
.utility_nav li.util1 {background: url(/custom/images/utility_icon_1.png) bottom no-repeat;width: 43px; height: 35px;}
.utility_nav li.util1:hover {background: url(/custom/images/utility_icon_1_hover.png) bottom no-repeat;}
.utility_nav li.util2 {background: url(/custom/images/utility_icon_2.png) bottom no-repeat;width: 43px; height: 35px;}
.utility_nav li.util2:hover {background: url(/custom/images/utility_icon_2_hover.png) bottom no-repeat;}
.utility_nav li.util3 {background: url(/custom/images/utility_icon_3.png) bottom no-repeat;width: 43px; height: 35px;}
.utility_nav li.util3:hover {background: url(/custom/images/utility_icon_3_hover.png) bottom no-repeat;}
.utility_nav .search_field { display:none; position: relative; width: 300px; position:absolute; right: 0; top:100%; background:#36363a; }
.utility_nav .search_field .field { font-size: 16px; padding: 10px 45px 10px 10px; color:#fff; border:0; width: 100%; background: transparent; height: 45px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}  
.utility_nav .search_field .search_btn { width: 40px; height: 45px; z-index:1; border:0; font-size:0; line-height:0; position:absolute; right:0; top:0; cursor: pointer; opacity:0; }
.utility_nav .search_field:after { position: absolute; right:0; top:0; line-height: 45px; width: 40px; text-align:center; font-family: 'FontAwesome'; font-size:25px; color:#fff; content:'\f002'; } 
.utility_nav li.utility_nav_icon {background: url(/custom/images/arrow_icon.png) bottom no-repeat;width: 35px; height: 35px;}
.utility_nav li.utility_nav_icon:hover {background: url(/custom/images/arrow_icon_hover.png) bottom no-repeat;}

/*****INSIDE NAVIGATION*****/
#menu.mobile { display:none; } 
#menu { text-align: left;  width: 100%; }
#menu ul { list-style: none; padding: 0; width: 100%; float: left; margin:0;}
#menu li { float: left; font-size: 23px; letter-spacing: -0.02em; line-height: 29px; width: 100%;  position: relative; display: block; padding-bottom:5px; }
#menu li > a { padding: 18px 20px 18px 30px; display: block; color: #dd232e; transition: background-color color 0.3s; -webkit-transition: background-color 0.3s; }
#menu li:hover > a,#menu li > a:hover { letter-spacing: -0.02em;  background: #dd232e; color:#fff; text-decoration: none; }
#menu li.active { font-weight:700;  }
#menu li .fa { float: right; }
#menu li ul li a { padding: 18px 20px 18px 70px; border:0; position: relative; color: #dd232e; }
#menu li ul li { margin-top:1px; font-size: 23px; line-height: 29px; }
#menu li:hover ul li:hover > a,#menu li ul li > a:hover { color: #fff; background:#dd232e; }
#menu li ul ul li { font-size: 21px; line-height: 25px; font-family: 'Frank Ruhl Libre', serif; font-weight:700; text-transform:none; }
#menu li ul ul li a { padding: 20px 20px 20px 0px;  color: #36363a; }
#menu li li ul { width: 100%; float: left; margin: 35px 0 20px 70px; padding-left:40px; border-left: 2px solid #78777c; }
#menu li ul ul li { }
#menu li:hover ul ul li:hover  a,#menu li ul ul li a:hover { background: none; }
#menu li ul ul li:first-child a { margin-top:-30px }
#menu li ul ul li:last-child a { margin-bottom:-30px }
#menu li:hover ul ul li:hover a:hover,#menu li ul ul li a:hover { color: #dd232e;  }
#inside_nav { /* padding: 36px 0; background: #58595b; */ }

/***************************************************************MEDIA QUERIES*******************************************************************/

@media only screen and (max-width: 1509px) {
	.utility_nav li a { width: 45px; height: 36px; }
	.utility_nav li a img { height: 60px; }
	.utility_nav li a.active img, .utility_nav li:hover a img, .utility_nav li a:hover img { margin-top:-30px; }
	.utility_nav li li { padding:0; }
	.utility_nav li li a { width:auto; height:auto; }
	.utility_nav li a svg { width: 40px; height: 35px;}
	.utility_nav li.util1, .utility_nav li.util1:hover, .utility_nav li.util2, .utility_nav li.util2:hover,  .utility_nav li.util3, .utility_nav li.util3:hover { height: 36px;}
}

@media only screen and (max-width: 1365px) {
	#mainnav li { margin-left:35px; }
	#mainnav li { margin-left:25px; font-size: 17px; line-height: 21px; }
}

@media only screen and (max-width: 1239px) {
	#mainnav li { margin-left:25px; font-size: 17px; line-height: 21px; }
	#menu li { font-size: 18px; line-height: 22px; }
	#menu li > a { padding: 10px 10px 10px 15px; }
	#menu li ul li { font-size: 16px; line-height: 20px; }
	#menu li ul li a { padding: 10px 10px 10px 30px; }
	#menu li li ul { margin: 20px 0 5px 45px; padding-left: 15px; }
	#menu li ul ul li a { padding: 5px 5px 5px 0; }
	#menu li ul ul li:first-child a { margin-top:-10px; }
	#menu li ul ul li:last-child a { margin-bottom: -10px; }
	#menu li ul ul li { font-size: 14px; line-height: 18px; }
	#mainnav li { font-size: 15px; margin-left: 20px; }
}

@media only screen and (max-width: 1023px) {
	#mainnav li { font-size: 14px; margin-left: 12px; }
	.utility_nav li li, #mainnav li li { font-size: 14px; line-height: 200%; }
	.utility_nav li a img { height: 50px; }
	.utility_nav li a.active img, .utility_nav li:hover a img, .utility_nav li a:hover img { margin-top:-25px; }
	.utility_nav li li { padding:0; }
	.utility_nav li li a { width:auto; height:auto; color: #ffffff; }
}

@media only screen and (max-width: 900px) {
	#mainnav li { font-size: 13px; margin-left: 12px; }
}

@media only screen and (min-width: 768px) {
.utility_nav li:hover ul{ display:block; }  

.utility_nav li li{ width: 100%; margin:0 0 3px 0; font-size: 16px; line-height: 21px; }
.utility_nav li li a{ padding: 8px 10px 8px 20px; } 
.utility_nav li:hover li a{ color:#fff; }
.utility_nav li:hover li a:hover{ background: #dd232e; }
}

@media only screen and (max-width: 767px) {
	.mm-menu { background: #dd232e; }
	.mm-opened #main_sec { box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); }
	.mm-opened a.close { display: block; }
	.mm-opened header #logo { display:none; }
	#back-to-top { display: block; }

	a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 10px; top: 22px; z-index: 8888; }
	a.close:before,  a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 4px; top: 0px; content: ""; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
	a.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

	a.mobilemenu {  display: block; font-size: 16px; color: #fff; height: 30px; line-height: 32px; text-transform: uppercase; overflow: hidden; padding: 0 35px 0 0; position: absolute; right: 15px; top: 7px; width: 82px;}
	.mobilemenu span { width: 30px; -webkit-transition: -webkit-transform .3s;transition:transform .3s; background: #fff; display: block; height: 3px; position: absolute; right: 0; top: 15px; }
	.mobilemenu span:before{ top: -10px; transition-property:top,transform; }
	.mobilemenu span:after,.mobilemenu span:before { background-color: #fff; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 100%; transition-duration:.3s,.3s; }
	.mobilemenu span:after{ bottom: -10px; transition-property:bottom,transform; }

	.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a, .mm-listview > li > a, .mm-listview > li > span { text-transform: uppercase; }
	.mm-menu .mm-navbar .mm-btn::before, .mm-menu .mm-navbar .mm-btn::after, .mm-menu .mm-listview > li .mm-prev::before, .mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-listview > li .mm-arrow::after, .mm-menu .mm-listview > li .mm-prev::after, .mm-menu .mm-listview > li .mm-next::before { border-color: rgba(255,255,255,0.5); }

	#mainnav { display: none; }
	.utility_nav { text-align:center; }
	.utility_nav li { float: none; display:inline-block; vertical-align: top; margin: 0 8px; }
	.utility_nav li li{ display: block;}
	.utility_nav .search_field { right: 0; width: 200px; }
	.utility_nav li:nth-of-type(5) { position: static; }

	#menu { margin-bottom: 10px; }
	#inside_nav { padding: 0 0 35px; background: inherit; }
	.nav-drop { display: block; text-align: center; /* background: #dd232e ; */ width: 100%; }
	.nav-drop a.sideMenu { display: block; line-height: 40px; display: inline-block; color: #fff; font-size: 18px; text-transform: capitalize; font-weight: 700; text-decoration: none; }
	.nav-drop a.sideMenu i { float: right; margin: 13px 0 0 10px; font-size: 16px; }
	.nav-drop a.sideMenu i.fa-chevron-up { display: none; }
	.nav-drop a.sideMenu.active i.fa-chevron-up { display: block; }
	.nav-drop a.sideMenu.active i.fa-chevron-down { display: none; }

	span.expander { cursor: pointer; width: 20px; float: right; position: absolute; z-index: 999; right: 10px; top: 6px; font-size: 30px; display: block; color: #fff; }
	span.expander.expanded { font-size: 45px; top: 0; }
	#menu { margin:0; }

	.expand{ display: block; position: absolute; right: 0px; top: 0px; font-size: 18px; padding: 0px 10px; width: 40px;}
	.expand.open{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);transform: rotate(180deg); }
		.utility_nav li a .fa {font-size: 24px; margin-top: 7px;}
	.utility_nav li.util1, .utility_nav li.util1:hover {background-size: 40%; height: 32px;}
	.utility_nav li.util3, .utility_nav li.util3:hover {background-size: 56%; height: 32px;}
	 .utility_nav li.util2, .utility_nav li.util2:hover{height: 32px; background-size: 42%;}
	.utility_nav li.utility_nav_icon, .utility_nav li.utility_nav_icon:hover {background-size:66%; height: 32px; }
	.utility_nav ul {margin-top: 5px; margin-bottom: 10px;}
	.utility_nav li a svg {width: 29px; height: 40px;}
	.utility_nav li {margin: 0 3px 0 0;}
	.utility_nav li li a{ color:#fff; padding-left: 10px; }
	.utility_nav li li a:hover{ background: #dd232e; }
}


@media only screen and (max-width: 639px) {
}

@media only screen and (max-width: 479px) {
}

@media only screen and (min-width: 768px) {
	.mm-menu.mm-current { display: none !important; }
	html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
	html.mm-opened { overflow: visible !important; }
	html.mm-opened body { overflow: visible !important; }
	#mm-blocker { display: none !important; }
}
/* BEGIN: add for mobile menu reasons */
@media only screen and (max-width: 767px){
    #menu {
        display:none;
    }
}
/* END: add for mobile menu reasons */