#ok-topbar { color: #333; }

#ok-topbar a { color: #333; }

#ok-topbar .ok-elem li { line-height: 25px; margin-top: 5px; }

#ok-topbar .ok-elem .level1 { line-height: 25px; margin-top: 5px; }

#ok-topbar2 { background-color: rgba(0, 0, 0, 0.3); padding: 0 20px; color: #f5f5f5; height: 30px; }

#ok-topbar2 a { color: #f5f5f5; }

#ok-topbar2 .ok-elem .level1 { line-height: 25px; margin-top: 5px; }

#ok-topbar3 { background-color: rgba(0, 0, 0, 0.5); padding: 0 20px; color: #f5f5f5; height: 50px; /*     a { color: $color_2; } */ }

#ok-topbar3 .ok-elem li { line-height: 40px; }

#ok-topbar3 .ok-elem .level1 a { text-transform: uppercase; }

#ok-topbar3 .ok-elem .level1 span { text-transform: uppercase; }

#ok-topbar3 .ok-elem .level2 a { text-transform: none; }

#ok-topbar3 .ok-elem .level2 span { text-transform: none; }

#ok-topbar3 .level1 { line-height: 40px; margin-top: 5px; }

#ok-topbar1 .ok-elem li { line-height: 25px; margin-top: 5px; }

.ok-elem { font-size: 1rem; }

.ok-elem ul { list-style: none; position: relative; margin: 0; display: inline-table; /*         ul { a { color: $color_3; } span { color: $color_3; } } */ }

.ok-elem ul a:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.3); }

.ok-elem ul span:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.3); }

.ok-elem ul li.level1 { float: left; }

.ok-elem ul li { display: block; position: relative; }

.ok-elem ul li .active a { font-weight: bold; }

.ok-elem ul li a { width: auto; display: block; padding: 0 10px; font-size: 1rem; letter-spacing: 1px; text-decoration: none; text-transform: none; cursor: pointer; }

.ok-elem ul li span { width: auto; display: block; padding: 0 10px; font-size: 1rem; letter-spacing: 1px; text-decoration: none; text-transform: none; cursor: pointer; }

.ok-elem ul li ul { display: none; background-color: #fff; position: absolute; top: 100%; left: 0; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); display: block !important; visibility: hidden; opacity: 0; transform: translateY(-14px); -moz-transform: translateY(-14px); -webkit-transform: translateY(-14px); -o-transform: translateY(-14px); -ms-transform: translateY(-14px); webkit-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; -moz-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; -ms-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; -o-transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; transition: all 0.5s ease 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; }

.ok-elem ul li ul li { width: 100% !important; }

.ok-elem ul li ul li ul { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.ok-elem ul li:hover ul { visibility: visible; opacity: 1; z-index: 100500; transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transition-delay: 0s, 0s, 0.3s; }

.ok-elem ul li.parent a:after { display: inline-block; content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; color: inherit; margin: 0px 0 0 5px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ok-elem ul li.parent span:after { display: inline-block; content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; color: inherit; margin: 0px 0 0 5px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ok-elem ul li.level2 { min-width: 180px; }

.ok-elem ul li.level2 > a:after { content: none !important; }

.ok-elem ul li.level2 > span:after { content: none !important; }

.ok-elem ul li.level3 > a:after { content: none !important; }

.ok-elem ul li.level3 > span:after { content: none !important; }

.ok-elem ul .level2 { float: none !important; -moz-box-sizing: content-box; box-sizing: content-box; border-left: 0; }

.ok-elem ul .level2 a { line-height: 20px !important; padding: 10px; }

.ok-elem ul .level2 span { line-height: 20px !important; padding: 10px; }

.ok-elem ul .level3 { float: none !important; -moz-box-sizing: content-box; box-sizing: content-box; border-left: 0; }

.ok-elem ul .level3 a { line-height: 20px !important; padding: 10px; padding-left: 20px; }

.ok-elem ul .level3 span { line-height: 20px !important; padding: 10px; padding-left: 20px; }

.ok-elem ul .level4 { float: none !important; -moz-box-sizing: content-box; box-sizing: content-box; border-left: 0; }

.ok-elem ul .level4 a { line-height: 20px !important; padding: 10px; }

.ok-elem ul .level4 span { line-height: 20px !important; padding: 10px; }

.ok-elem ul .level5 { float: none !important; -moz-box-sizing: content-box; box-sizing: content-box; border-left: 0; }

.ok-elem ul .level5 a { line-height: 20px !important; padding: 10px; }

.ok-elem ul .level5 span { line-height: 20px !important; padding: 10px; }

.ok-elem ul .level6 { float: none !important; -moz-box-sizing: content-box; box-sizing: content-box; border-left: 0; }

.ok-elem ul .level6 a { line-height: 20px !important; padding: 10px; }

.ok-elem ul .level6 span { line-height: 20px !important; padding: 10px; }

.ok-elem ul .level7 { float: none !important; -moz-box-sizing: content-box; box-sizing: content-box; border-left: 0; }

.ok-elem ul .level7 a { line-height: 20px !important; padding: 10px; }

.ok-elem ul .level7 span { line-height: 20px !important; padding: 10px; }

.ok-elem li.level2 ul { position: relative; display: block; }

.ok-menu-click { font-size: 1rem; }

.ok-menu-click ul { list-style: none; position: relative; margin: 0; display: inline-table; /*  ul { a { color: $color_3; } span { color: $color_3; } } */ }

.ok-menu-click ul a:hover { text-decoration: none; }

.ok-menu-click ul span:hover { text-decoration: none; }

.ok-menu-click ul li.level1 { float: left; }

.ok-menu-click ul li { display: block; position: relative; }

.ok-menu-click ul li .active a { font-weight: bold; }

.ok-menu-click ul li a { width: auto; display: block; padding: 0 10px; font-size: 1rem; letter-spacing: 1px; text-decoration: none; text-transform: none; cursor: pointer; }

.ok-menu-click ul li span { width: auto; display: block; padding: 0 10px; font-size: 1rem; letter-spacing: 1px; text-decoration: none; text-transform: none; cursor: pointer; }

.ok-menu-click ul li ul { display: none; background-color: #fff; position: absolute; top: 100%; left: 0; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.ok-menu-click ul li ul li { width: 100% !important; }

.ok-menu-click ul li ul li ul { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.ok-menu-click ul li.parent a:after { display: inline-block; content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; color: inherit; margin: 0px 0 0 5px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ok-menu-click ul li.parent span:after { display: inline-block; content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; color: inherit; margin: 0px 0 0 5px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ok-menu-click ul li.level2 > a:after { content: none !important; }

.ok-menu-click ul li.level2 > span:after { content: none !important; }

.ok-menu-click ul li.level3 > a:after { content: none !important; }

.ok-menu-click ul li.level3 > span:after { content: none !important; }

.ok-menu-click ul .level2 { float: none !important; -moz-box-sizing: content-box; box-sizing: content-box; border-left: 0; }

.ok-menu-click ul .level2 a { line-height: 20px !important; padding: 10px; }

.ok-menu-click ul .level2 span { line-height: 20px !important; padding: 10px; }

.ok-menu-click ul .level3 { float: none !important; -moz-box-sizing: content-box; box-sizing: content-box; border-left: 0; }

.ok-menu-click ul .level3 a { line-height: 20px !important; padding: 10px; padding-left: 20px; width: 200px; }

.ok-menu-click ul .level3 span { line-height: 20px !important; padding: 10px; padding-left: 20px; width: 200px; }

.ok-menu-click ul .level4 { float: none !important; -moz-box-sizing: content-box; box-sizing: content-box; border-left: 0; }

.ok-menu-click ul .level4 a { line-height: 20px !important; padding: 10px; }

.ok-menu-click ul .level4 span { line-height: 20px !important; padding: 10px; }

.ok-menu-click ul .level5 { float: none !important; -moz-box-sizing: content-box; box-sizing: content-box; border-left: 0; }

.ok-menu-click ul .level5 a { line-height: 20px !important; padding: 10px; }

.ok-menu-click ul .level5 span { line-height: 20px !important; padding: 10px; }

.ok-menu-click ul .level6 { float: none !important; -moz-box-sizing: content-box; box-sizing: content-box; border-left: 0; }

.ok-menu-click ul .level6 a { line-height: 20px !important; padding: 10px; }

.ok-menu-click ul .level6 span { line-height: 20px !important; padding: 10px; }

.ok-menu-click ul .level7 { float: none !important; -moz-box-sizing: content-box; box-sizing: content-box; border-left: 0; }

.ok-menu-click ul .level7 a { line-height: 20px !important; padding: 10px; }

.ok-menu-click ul .level7 span { line-height: 20px !important; padding: 10px; }

.ok-menu-click li.level2 ul { position: relative; display: block; }

.m-pro { background-image: url(/images/pro.png); background-position: right; background-repeat: no-repeat; padding-right: 40px !important; }

.m-ltd { background-image: url(/images/ltd.png); background-position: right; background-repeat: no-repeat; padding-right: 40px !important; }

.ok-slide-bar { position: fixed !important; top: 0; right: 0; left: 0; z-index: 100300; /*   .level1 { a, a:focus, span { color: #f5f5f5!important; } } */ }

.ok-slide-bar #ok-topbar, .ok-slide-bar #ok-topbar2, .ok-slide-bar #ok-topbar3 { display: none; background-color: rgba(61, 61, 61, 0.8); }

.ok-slide-bar .ok-display { position: fixed; top: 8px; right: 8px; background-color: rgba(61, 61, 61, 0.7); display: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 8px 20px; z-index: 100300; }

.ok-slide-bar .ok-display i { color: #fff; }

.ok-slide-bar .nav-wrapper { height: 60px !important; border-bottom-width: 0 !important; }

.ok_pin_active { background-color: rgba(55, 71, 79, 0.9) !important; position: fixed !important; top: 0; right: 0; left: 0; display: none; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.ok_pin_active .level1, .ok_pin_active a { color: #444; }

#ok-topbar .level1 a, #ok-topbar .level1 a:focus, #ok-topbar .level1 span, #ok-topbar2 .level1 a, #ok-topbar2 .level1 a:focus, #ok-topbar2 .level1 span, #ok-topbar3 .level1 a, #ok-topbar3 .level1 a:focus, #ok-topbar3 .level1 span { color: #f5f5f5; }

#ok-topbar .level1 .nav-child, #ok-topbar2 .level1 .nav-child, #ok-topbar3 .level1 .nav-child { z-index: 100500; background-color: #263238 !important; }

#ok-topbar .level1 .nav-child a, #ok-topbar2 .level1 .nav-child a, #ok-topbar3 .level1 .nav-child a { color: #f5f5f5 !important; border-bottom: 1px solid rgba(232, 234, 246, 0.1); }

#ok-topbar .level1 .nav-child span, #ok-topbar2 .level1 .nav-child span, #ok-topbar3 .level1 .nav-child span { color: #f5f5f5 !important; border-bottom: 1px solid rgba(232, 234, 246, 0.1); }

#ok-nemesis { background-color: #fff; margin-bottom: 20px; }

#ok-nemesis, #ok-header, #ok-footer { z-index: 100; position: relative; }

/* Phone landscape and smaller*/
@media (max-width: 767px) { #ok-nemesis { margin-top: 10px !important; }
  #ok-header, #ok-footer .ok-panel, #ok-footer div, #ok-footer p { -ms-flex-pack: center !important; -webkit-justify-content: center !important; justify-content: center !important; text-align: center !important; }
  .ok-logo1-5x, .ok-logo2x, .ok-logo3x { font-size: 2rem !important; font-weight: 700 !important; } }

.ok-topbar .ok-element .ok-share-rounded .ok-share-button { line-height: 1.2rem; width: 1.32rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; }

.ok-topbar .ok-element .ok-share-rounded .ok-share-button i { line-height: 1.2rem; font-size: 0.72rem; }

.ok-navbar .ok-element .ok-share-rounded .ok-share-button { line-height: 1.2rem; width: 1.32rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; text-align: center; }

.ok-navbar .ok-element .ok-share-rounded .ok-share-button i { line-height: 1.2rem; font-size: 0.72rem; }

.ok-sh-el .ok-share-rounded { height: 2rem; line-height: 2rem; }

.ok-sh-el .ok-share-rounded .ok-share-button { height: 2rem; line-height: 2rem; width: 2rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; }

.ok-sh-el .ok-share-rounded .ok-share-button i { font-size: 1rem; }

#ok-footer-wide-box .ok-element .ok-share-rounded .ok-share-button { line-height: 1.3rem; width: 1.43rem; -webkit-border-radius: 0.21667rem; -moz-border-radius: 0.21667rem; border-radius: 0.21667rem; text-align: center; }

#ok-footer-wide-box .ok-element .ok-share-rounded .ok-share-button i { line-height: 1.3rem; font-size: 0.78rem; }

body { background-color: #f2f2f2; }

#ok-header { position: relative; background-color: #7285ad; }

#ok-header .search-compact { float: right; width: 40px !important; position: relative; z-index: 999999; height: 30px; }

#ok-header .search-compact .input-append { margin-bottom: 0 !important; }

#ok-header .search-compact::selection { border: none !important; text-shadow: none; }

#ok-header .search-compact input { position: absolute; right: 0; height: 30px !important; font-size: 20px !important; border-width: 0 !important; padding: 0 5px !important; width: 30px !important; color: #666666; background-color: #fff; background-image: url(/templates/ok_nemesis/images/system/magnifying-icon.png); background-repeat: no-repeat; background-position: center; transition: all .5s; }

#ok-header .search-compact input:focus { top: 0; right: 0; color: #666666; width: 120px !important; background-color: #fff; border: none !important; }

.ok-sh-el { padding-right: 15px; }

.ok-header-small { height: 50px !important; background-color: rgba(51, 51, 51, 0.95); color: #fff; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.1); }

.ok-header-small li.level1 a { color: #f5f5f5; }

.ok-header-small li.level1 span { color: #f5f5f5; }

.ok-header-fxd { position: fixed; top: 0; left: 0; right: 0; }

.ok-logo { display: block; }

.ok-logo a:hover { text-decoration: none; }

.ok-logo .ok-logo-slogan p { padding: 0; margin-bottom: 0; }

.ok-devider a { border-width: 0; border-color: rgba(204, 204, 204, 0.5); border-style: solid; }

.ok-slogan-right .ok-logo-text { padding-right: 10px; }

.ok-slogan-right .ok-logo-slogan p { padding-left: 5px; }

.ok-slogan-right a { border-right-width: 1px !important; }

.ok-slogan-below { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.ok-slogan-below a { border-bottom-width: 1px !important; }

.ok-header { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-transition: height 0.6s; -moz-transition: height 0.6s; transition: height 0.6s; z-index: 4; padding: 20px 20px 0; }

.ok-header nav { z-index: 4; }

.ok-header .ok-navbar { padding: 5px 0; position: relative; background-color: rgba(0, 0, 0, 0.5); width: 100%; z-index: 100500; }

.ok-header .ok-navbar .level1 a { border-right: solid 1px rgba(51, 51, 51, 0.8); border-left: solid 1px rgba(204, 204, 204, 0.3); }

.ok-header .ok-navbar .level1 span { border-right: solid 1px rgba(51, 51, 51, 0.8); border-left: solid 1px rgba(204, 204, 204, 0.3); }

.ok-header .ok-navbar .level1 .level2 a { border-right: 0px; border-right: 0px; border-left: 0px; border-left: 0px; }

.ok-header .ok-navbar .level1 .level2 span { border-right: 0px; border-right: 0px; border-left: 0px; border-left: 0px; }

.ok-header .ok-navbar .ok-ibox { height: 50px !important; line-height: 50px !important; }

.ok-header .ok-navbar .ok-ibox .idropdown .iclick { cursor: pointer; padding: 0 10px; height: 50px !important; line-height: 50px !important; border-right: solid 1px rgba(51, 51, 51, 0.8); border-left: solid 1px rgba(204, 204, 204, 0.3); }

.ok-header .ok-navbar .ok-ibox .idropdown div.ok-icontent { top: 50px !important; line-height: 120% !important; }

.ok-header .ok-element { width: auto; float: left; }

.ok-header .ok-element .iclick { color: #fff; }

.ok-header .ok-no-trng:before { border-bottom: transparent !important; }

#ok-breadcrumbs { position: relative; border-top: solid 1px rgba(153, 153, 153, 0.5); padding: 20px 0; position: relative; color: #ccc; font-size: 1.2rem; }

#ok-breadcrumbs ul { padding: 0; }

#ok-breadcrumbs a { color: #eee; }

#ok-breadcrumbs .breadcrumb { font-size: inherit; margin: 0; list-style: none; background-color: transparent; border-radius: 0; }

#ok-breadcrumbs .breadcrumb li { text-transform: none; color: rgba(255, 255, 255, 0.5); }

#ok-header-logo { position: relative; border-top: solid 1px rgba(153, 153, 153, 0.5); padding: 20px 0; text-align: center; }

#ok-topbar { position: relative; background-color: #525151; color: #f5f5f5; z-index: 1000; }

#ok-topbar .ok-contact span, #ok-topbar .ok-contact a, #ok-topbar .ok-contact li, #ok-topbar .ok-contact p { color: #455a64; }

#ok-topbar .ok-contact i { color: #78909c; }

.ok-topbar { position: relative; z-index: 3 !important; }

#ok-bellatrix { background-color: #fff; position: relative; z-index: 3; margin: 20px 0; }

#ok-bellatrix .uk-container { padding: 0 !important; }

#ok-bellatrix #ok-content { margin: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }

#ok-bellatrix [id^=top-] { padding: 0; }

#ok-bellatrix [id^=top-] .uk-container { padding: 20px !important; }

#ok-bellatrix [id^=bottom-] { padding: 0; }

#ok-bellatrix [id^=bottom-] .uk-container { padding: 20px !important; }

#ok-footer { background-color: #333; color: #666; }

#ok-footer h3 { padding: 0 !important; border-bottom: none !important; }

#ok-footer .ok-text-light { color: #ccc !important; }

#ok-footer .ok-text-light a { color: #999 !important; }

#ok-footer .ok-text-light a:hover { color: #fff !important; }

#ok-footer .ok-text-light span { color: #999 !important; }

#ok-footer .ok-text-light span:hover { color: #fff !important; }

#ok-footer a { color: #b3b3b3; }

#ok-footer-top { background-color: rgba(255, 255, 255, 0.05); border-bottom: solid 1px rgba(255, 255, 255, 0.1); }

#ok-footer-top a { color: #b3b3b3; }

#ok-footer-top a:hover { color: #afddd1; }

#ok-footer-top .breadcrumb { color: #b3b3b3; }

#ok-footer-top .breadcrumb:hover { color: #afddd1; }

.footer-bottom { color: #666; }

.footer-bottom ul h2 { color: #878787; }

.footer-bottom ul li { border-right: 1px solid #b3b3b3; border-left: 1px solid #878787; }

.footer-bottom ul a { color: #b3b3b3; }

.footer-bottom ul a:hover { color: #cecece; }

.footer-bottom ul a:active { color: #cecece; }

.footer-bottom a { color: #b3b3b3; }

.footer-bottom a:hover { color: #cecece; }

.footer-bottom a:active { color: #cecece; }

#ok-copyright { border-top: 1px solid rgba(39, 39, 39, 0.4); background-color: #191d1f; }

#ok-copyright .uk-icon-button { background: #4d4d4d; color: #cccccc; }

.ok-branding a { color: #2e6f94 !important; }

.ok-branding a a.hover { color: #cecece !important; }

.ok-header-fulwidth { position: absolute; right: 0; left: 0; top: 0; z-index: 1; }

.ok-header .ok-contact { font-size: 1.5rem; }

.ok-flex-center .ok-element, .ok-flex-center-middle .ok-element { text-align: center; float: none; }

#ok-topbar .ok-elem { line-height: 1rem; }