@font-face { font-family: 'Dosis'; src: url('./fonts/dosis-regular-webfont.eot'); src: url('http://www.okathemes.com/themes/spartan/css/fonts/dosis-regular-webfont.eot@') format('embedded-opentype'), url('./fonts/dosis-regular-webfont.woff') format('woff'), url('./fonts/dosis-regular-webfont.ttf') format('truetype'), url('./fonts/dosis-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }
nav { position: relative; float: left; }
.sf-menu ul { position: absolute; top: -999px; display: none;/* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100% }
.sf-menu li { float: left; position: relative }
.sf-menu>li>a { display: block; position: relative; font-size: 18px; line-height: 18px; font-family: 'Dosis'; color: #2b2d30; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); padding: 20px 20px; text-transform: uppercase; }
.sf-menu>li>a:hover, .sf-menu>li.current>a, .sf-menu>li.sfHover>a { color: #fff; background-color: #2b2d30; }
.sf-menu>li { margin-left: 50px; }
.sf-menu>li:first-child { background: none; }
.sf-menu a { }
.menu-arrow { display: none; }
/*================================>> 2 Level <<========================================*/
.sf-menu li ul, .sf-menu li.sfHover ul { left: 0px; top: 60px; width: 180px; padding: 0px 10px 5px 10px; background: #ef9e0f; z-index: 9999999999999999999999!important; font-family: 'Dosis'; text-transform: uppercase; font-size: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .06), 2px 2px 0 0 rgba(0, 0, 0, .05), 3px 3px 0 0 rgba(0, 0, 0, .03), 2px 2px 0 2px rgba(0, 0, 0, .03), 0 0 0 1px rgba(0, 0, 0, .01), 0 0 0 2px rgba(0, 0, 0, .01), 2px 2px 0 3px rgba(0, 0, 0, .01); }
.sf-menu li ul:before, .sf-menu li.sfHover ul:before { display: block; position: absolute; width: 14px; height: 12px; content: ""; }
.sf-menu>li>ul:before, .sf-menu>li.sfHover>ul:before { width: 11px; height: 8px; top: -10px; left: 20%; background: url('../images/menu_toparr.png') no-repeat; }
.sf-menu li ul li { background: url('../images/bg_dropdown_item.png') center bottom no-repeat; padding: 10px 0; }
.sf-menu>li>ul>li>a { color: #000; }
.sf-menu li li:hover { padding: 10px 10px; }
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a { color: #fff; }
/*================================>> 3 Level <<========================================*/
.sf-menu li li ul:before { width: 12px; height: 14px !important; left: -12px; top: 9px; }
.sf-menu li li ul { left: 142px !important; top: -1px !important; padding: 21px 0 24px !important; background: #000 !important; }
.sf-menu li li li { }
.sf-menu li li li a { color: #fff; }
.sf-menu li li li a:hover { color: #ef9e0f; }
.last_item { background: none !important; }
.tinynav { display: none }
select { width: 275px; padding: 5px 5px; border: 1px solid #CCCCCC; background-color: #fefefe; font-size: 13px; font-weight: normal; color: #666; }
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
nav { padding-top: 110px; }
}
 @media only screen and (max-width: 767px) {
nav { margin: 0; float: none; }
.js .tinynav { display: block; display: inline-block; text-align: left; margin: -10px 0 20px 0 }/* mobile dropdown */
.js .sf-menu { display: none; }
select { position: relative; left: 10px; }
.sf-menu>li>a .menu-arrow { display: inline-block; width: 11px; margin-left: 6px; height: 6px; text-indent: -100%; font-size: 0; line-height: 0; background: url('../images/menu_arrow.png') 0 -6px no-repeat; vertical-align: middle; }
.sf-menu a.sf-with-ul { padding-right: 0px; }
.sf-menu a:hover .menu-arrow, .sf-menu li.current>a .menu-arrow, .sf-menu .sfHover>a .menu-arrow { background-position: 0 0px; }
.sf-menu>li, .sf-menu>li:first-child { float: none; background: #000; margin: 0; padding: 0; }
.sf-menu>li>a:hover, .sf-menu>li.current>a, .sf-menu>li.sfHover>a { color: #000; }
.sf-menu>li>a { padding: 14px 0 15px 33px; margin-bottom: 5px; }
.sf-menu>li:hover, .sf-menu>li.current, .sf-menu>li.sfHover { background: #ef9e0f; }
nav { padding: 36px 0 0; }
.sf-menu li ul:before { display: none !important; }
.sf-menu li ul, .sf-menu li.sfHover ul { position: static; overflow: hidden; clear: both; padding: 0 0 0 !important; width: 100%; background: #ef9e0f !important; }
.sf-menu li li { background: url('http://www.okathemes.com/themes/spartan/images/nav_li2.png') center bottom repeat-x !important; text-align: left !important; padding-left: 40px !important; }
.sf-menu li li li { padding-left: 20px !important; }
.sf-menu li li li { background: none !important; }
.sf-menu li ul li a { color: #000 !important; }
.sf-menu li li a:hover, .sf-menu li.sfHover>a { color: #fff !important; }
}
 @media only screen and (max-width: 479px) {
}
header, .sf-menu li ul, .sf-menu li.sfHover ul, .flexslider .slides li div.orange, .item-info-overlay, .pic:hover, .pic2:hover, .skills li span, .bg_orange, .social a:hover img, .button, .filterable li a:hover, .filterable li.current a, .tabs-nav li.active a, .tag-cloud a:hover, .sf-menu>li>ul:before, .sf-menu>li.sfHover>ul:before { background-color: #ef9e0f; }