/*------------------------------------------------------------------ 1. Wrapper
-------------------------------------------------------------------*/
#q-wrap.boxed{width: 1280px}
.q-container{width: 1200px}
.q-col{float: left}
/*------------------------------------------------------------------ 2. Top navigation
-------------------------------------------------------------------*/
#top_nav{display: block !important; float: left}
#top_nav ul{list-style: none; padding: 0; margin: 0}
#top_nav .top_nav{position: relative}
#top_nav .top_nav > li{float: left; display: block}
#top_nav .top_nav > li > a{padding: 0px 7px; line-height: 28px; position: relative; display: block; color: #fff}
#top_nav .top_nav > li > a span:after{display: inline-block; vertical-align: top; font-family: "FontAwesome"; content: "\f0d7"; padding-left: 5px; font-size: 10px; color: #999}
#top_nav .top_nav ul.sub-menu li a span:after{position: absolute; right: 10px; display: inline-block; vertical-align: top; font-family: "FontAwesome"; content: "\f0da"; padding-left: 5px; font-size: 10px; color: #999}
#top_nav .top_nav ul.sub-menu{display: none; position: absolute; z-index: 2; min-width: 220px; background-color: #333}
#top_nav .top_nav ul.sub-menu li{position: relative; border-bottom: 1px solid #444}
#top_nav .top_nav ul.sub-menu li:last-child{border-bottom: 0}
#top_nav .top_nav ul.sub-menu li a{display: block; padding: 4px 7px; color: #999}
#top_nav .top_nav ul.sub-menu li:hover > a{background-color: #222; color: #fff}
#top_nav .top_nav li:hover > ul.sub-menu{display: block}
#top_nav .top_nav ul.sub-menu ul.sub-menu{left: 100%; top: 0}
/*------------------------------------------------------------------ 3. Main navigation
-------------------------------------------------------------------*/
.toggle_main_nav{font-size: 18px; cursor: pointer; display: none; width: 35px; height: 35px; line-height: 35px; color: #fff; background-color: #222; text-align: center;}
#header_style1 #main_nav{display: table !important; margin: 0 auto}
#header_style2 #main_nav{display: table !important}
#header_style3 #main_nav{display: block !important; float: right; margin-right: 55px}
#main_nav ul{list-style: none; padding: 0; margin: 0}
#main_nav .main_nav > li{display: inline-block;}
#main_nav .main_nav > li > a{padding: 0px 14px; line-height: 40px; position: relative; display: block; text-transform: uppercase; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: transparent;}
#header_style1 #main_nav .main_nav > li > a{color: #222}
#header_style2 #main_nav .main_nav > li > a{color: #fff}
#header_style3 #main_nav .main_nav > li > a{color: #fff; line-height: 67px}
#main_nav .main_nav > li > a span:after{display: inline-block; vertical-align: top; font-family: "FontAwesome"; content: "\f0d7"; padding-left: 5px; font-size: 10px; color: #999}
#main_nav .main_nav ul.sub-menu li a span:after{position: absolute; right: 10px; display: inline-block; vertical-align: top; font-family: "FontAwesome"; content: "\f0da"; padding-left: 5px; font-size: 10px; color: #999}
#main_nav .main_nav ul.sub-menu{display: none; position: absolute; z-index: 2; min-width: 220px; background-color: #fff; border: 1px solid #eee; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1)}
#main_nav .main_nav ul.sub-menu li{position: relative; border-top: 1px solid #ddd}
#main_nav .main_nav ul.sub-menu li:first-child{border-top: 0}
#main_nav .main_nav ul.sub-menu li a{display: block; padding: 6px 14px; color: #999; font-size: 13px}
#main_nav .main_nav ul.sub-menu li:hover > a{background-color: #eee; color: #222}
#main_nav .main_nav li:hover > ul.sub-menu{display: block}
#main_nav .main_nav ul.sub-menu ul.sub-menu{left: 100%; top: 0}
/*------------------------------------------------------------------ 4. Mega menu
-------------------------------------------------------------------*/
#main_nav .main_nav ul.cs-mega-menu{display: none; position: absolute; z-index: 2; height: auto; width: 1024px; left: 0 !important; padding: 40px 40px 0 40px; background-color: #fff; border: 1px solid #eee; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);}
#main_nav .main_nav li:hover > ul.cs-mega-menu{display: block}
#main_nav .main_nav ul.cs-mega-menu .widget{width: 33.33%; float: left; padding-right: 20px;}
#main_nav .main_nav ul.cs-mega-menu .widget:last-child{padding-right: 0}
/*------------------------------------------------------------------ 5. Footer menu
-------------------------------------------------------------------*/
#footer-navigation{display: table !important; margin: 0 auto}
#footer-navigation ul{list-style: none; padding: 0; margin: 0}
#footer-navigation .cs-footer-navigation > li{display: inline-block;}
#footer-navigation .cs-footer-navigation > li > a{padding: 0px 14px; line-height: 40px; position: relative; display: block; text-transform: uppercase; color: #222}