/* MIXINS */
/* ALL COLOR MUST BE IN #XXXXXX FORMAT */
.widget-tabs .tabs-menu .tabs-menu-item:not(.ui-state-active):not(:hover) {
  background-color: #888888;
  color: #ffffff;
  border: none;
}
.widget-tabs .tabs-menu .tabs-menu-item.ui-state-hover {
  background-color: #aaaaaa;
  color: #ffffff;
  border: none;
}
.widget-tabs .tabs-menu .tabs-menu-item:hover .tabs-menu-item-a,
.widget-tabs .tabs-menu .tabs-menu-item.ui-state-active:hover .tabs-menu-item-a {
  color: inherit;
  cursor: pointer;
}
.widget-tabs .tabs-menu .tabs-menu-item.ui-state-active:not(:hover) {
  background-color: #ffffff;
  color: #000000;
  margin-bottom: -3px;
  padding-bottom: 3px;
  border: none;
}
.widget-tabs .tabs-menu .tabs-menu-item .tabs-menu-item-a {
  font-family: "Lato";
  font-size: 24px;
  color: inherit;
}
.widget-tabs .tabs-menu {
  background-color: #ffffff;
  border: none;
}
.widget-tabs .tabs-container {
  background-color: #ffffff;
}
.widget-tabs {
  padding: 0;
  border: none;
}
.widget-button {
  font-size: 18px;
}
.widget-button:not(:hover) {
  background-color: #0dc166;
  color: #ffffff;
}
.widget-button:hover {
  background-color: #22d47a;
  color: #ffffff;
}
.widget-button .widget-button-a {
  color: inherit;
}
.widget-button .widget-button-a:hover,
.widget-button .widget-button-a:focus,
.widget-button .widget-button-a:active {
  color: inherit;
  text-decoration: none;
}
[widget-type="logo"] a.navbar-brand.desktop-logo {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: auto;
  height: auto;
  display: flex;
}
#TOP {
  font-weight: normal;
  font-family: "KelsonSans";
  font-size: 16px;
}
#TOP .navbar-static-top {
  z-index: 19;
}
.container .container-menu {
  padding: 0;
  width: 100%;
}
#menu {
  height: 65px;
}
.nav.navbar-nav.navbar-right.menu-nav,
#menu .nav.navbar-nav li,
#menu .nav.navbar-nav li > a {
  height: 100%;
}
.nav.navbar-nav.navbar-right.menu-nav,
.menu-nav .menu .nav.navbar-nav {
  padding-right: 15px;
}
.menu-separator,
.menu-separator-line {
  display: none;
}
.navbar-static-top .navbar-nav > li {
  width: auto;
}
.container-menu .navbar-nav li:not(:hover):not(.active) > a,
.container-menu .navbar-nav .dropdown > a,
.container-menu .navbar-nav .dropdown-menu {
  color: #007ddd;
  border-top: 2px solid transparent;
  background-color: #ffffff;
  text-transform: uppercase;
}
.container-menu .navbar-nav li:not(.dropdown):hover > a {
  color: #f33d3c;
  background-color: #ffffff;
  border-top: 2px solid rgba(0, 0, 0, 0);
  text-transform: uppercase;
}
.container-menu .navbar-nav .dropdown .dropdown-menu > li:not(:hover) > a {
  color: #121212;
  background-color: #ffffff;
  border-top: 2px solid rgba(0, 0, 0, 0);
}
.container-menu .navbar-nav .dropdown-menu:hover,
.container-menu .navbar-nav .dropdown-menu:hover > li:hover > a {
  color: #f33d3c;
  background-color: #ffffff;
  border-top: 2px solid rgba(0, 0, 0, 0);
  text-transform: uppercase;
}
.container-menu .navbar-nav li.active:not(:hover) > a {
  color: #0c2d58;
  background-color: #ffffff;
  border-top: 2px solid rgba(0, 0, 0, 0);
  text-transform: uppercase;
}
.container-menu .responsive-menu {
  background-color: #ffffff;
  box-sizing: border-box;
}
#menuWidget {
  position: relative;
}
/* LOGO */
.header-main-logo {
  max-width: 100%;
  width: 100%;
}
.mobile-logo {
  display: none;
}
.navbar .container-menu .desktop-logo {
  position: relative;
  margin-left: 0;
}
.desktop-logo,
.mobile-logo {
  height: auto;
}
.navbar-brand {
  font-size: 20px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0px;
}
.container-menu > .navbar-static-top {
  z-index: 10;
}
/* RESPONSIVE */
@media (min-width: 768px) {
  #menu .fst-level-drop-plus,
  #menu .fst-level-drop-plus > img {
    display: none;
  }
  .dropdown-submenu {
    position: relative;
  }
  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
  }
  .dropdown-submenu.pull-left {
    float: none;
  }
  .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
  }
  .container-menu .navbar-nav .dropdown-menu,
  .container-menu .navbar-nav .dropdown-menu:hover {
    border-top: none;
  }
  .dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #CCCCCC;
    margin-top: 9px;
    margin-right: -10px;
  }
  .dropdown-submenu:hover > .dropdown-link {
    color: #f33d3c;
  }
  .dropdown-submenu:hover > a:after {
    border-left-color: #555555;
  }
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
  .dropdown:hover > .dropdown-menu {
    display: inline-table;
  }
  .navbar-right .dropdown-menu {
    right: 0;
    left: 0;
  }
  .dropdown-menu {
    width: auto;
    background-color: #ffffff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
  }
  .dropdown-menu > li > a {
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  #menu ul > li > ul > li > ul.dropdown-menu {
    position: absolute;
    left: 100%;
    top: 1px;
  }
  .dropdown-toggle:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
  }
  .dropdown-toggle:hover .dropdown-menu {
    display: block;
  }
  #menu ul > li > ul > li > a {
    font-size: 14px;
  }
  .navbar-nav > li > a {
    color: inherit;
    font-size: 16px;
    padding-top: 29.5px;
    padding-bottom: 15px;
    white-space: nowrap;
  }
  #logoWidget {
    position: absolute;
  }
}
@media (max-width: 767px) {
  .container-menu .navbar-nav li:not(:hover):not(.active) > a,
  .container-menu .navbar-nav .dropdown > a,
  .container-menu .navbar-nav .dropdown-menu {
    color: #007ddd;
    border-top: 2px solid transparent;
    background-color: #ffffff;
  }
  .container-menu .navbar-nav li:not(.dropdown):hover > a {
    color: #f33d3c;
    background-color: #ffffff;
    border-top: 2px solid rgba(0, 0, 0, 0);
  }
  .container-menu .navbar-nav .dropdown .dropdown-menu > li:not(:hover) > a {
    color: #121212;
    background-color: #ffffff;
    border-top: 2px solid rgba(0, 0, 0, 0);
  }
  .container-menu .navbar-nav .dropdown-menu:hover,
  .container-menu .navbar-nav .dropdown-menu:hover > li:hover > a {
    color: #f33d3c;
    background-color: #ffffff;
    border-top: 2px solid rgba(0, 0, 0, 0);
  }
  .container-menu .navbar-nav li.active:not(:hover) > a {
    color: #0c2d58;
    background-color: #ffffff;
    border-top: 2px solid rgba(0, 0, 0, 0);
  }
  .container-menu .responsive-menu {
    background-color: #272c3a;
  }
  .nav.navbar-nav.navbar-right.menu-nav {
    margin: 0;
  }
  .container-menu.container,
  #menu,
  .nav.navbar-nav.navbar-right.menu-nav,
  #menu .nav.navbar-nav li,
  #menu .nav.navbar-nav li > a {
    height: auto;
  }
  .container-menu > .navbar-header {
    padding-top: 0;
    height: 70px;
  }
  .container-menu > .navbar-static-top {
    border: none;
  }
  .navbar-collapse.responsive-menu.collapse.in {
    padding: 0 20px;
  }
  .dropdown {
    overflow: hidden;
  }
  .responsive-menu li.dropdown > .dropdown-link {
    clear: left;
    display: inline-block;
    float: none;
    width: calc(100% - 55px);
  }
  .dropdown-menu {
    width: 100%;
    padding: 0;
  }
  .dropdown-submenu > a:after {
    display: none;
  }
  .dropdown-toggle {
    bottom: 5px;
    display: inline-block;
    float: right;
    line-height: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    position: absolute;
    right: 14px;
  }
  .fst-level-drop-plus {
    right: 0;
    top: 0;
  }
  .navbar-nav > .menu-separator {
    display: block;
    padding: 0 15px;
    height: 1px;
  }
  .navbar-nav > .menu-separator > .menu-separator-line {
    background-color: #ffffff;
    display: block;
    height: 1px;
    position: relative;
  }
  #logoWidget .desktop-logo {
    display: none;
  }
  .mobile-logo {
    display: block;
  }
  .mobile-logo img {
    max-height: 100%;
  }
  .header-main-logo {
    margin-left: 0;
  }
  .nav .open > a,
  .navbar-toggle:focus {
    background-color: transparent;
  }
  .navbar {
    margin-bottom: 0;
  }
  .navbar-static-top .navbar-brand {
    height: 95%;
    margin: 2px 2px 0 0;
    padding: 5px;
  }
  .header-main-logo {
    max-height: 100%;
  }
  .navbar-static-top .navbar-collapse,
  .navbar-static-top .navbar-form {
    border-color: transparent;
  }
  .navbar-static-top .navbar-toggle .icon-bar {
    background-color: #FF5951;
  }
  .navbar-nav > li > a {
    color: inherit;
    font-size: 26px;
    padding-top: 15px;
    padding-bottom: 15px;
    white-space: nowrap;
  }
  .container-menu > .responsive-menu > .menu .navbar-nav li > ul > li a {
    color: #007ddd;
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
  }
  .container-menu .navbar-nav > li > ul > li > ul > li > a {
    color: #007ddd;
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
    margin-left: 20px;
  }
  .navbar-static-top > .container-menu {
    background: #272c3a none no-repeat scroll 0% 0%;
  }
  .container-menu > .navbar-header > .navbar-toggle {
    background-color: transparent;
    border-color: transparent;
    padding-right: 0px;
    margin-right: 15px;
  }
  .container-menu > .navbar-header > .navbar-toggle > img {
    height: 30px;
  }
  .container-menu > .responsive-menu a.dropdown-toggle {
    min-height: 30px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0px;
    padding-left: 0px;
  }
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
  }
  .container-menu > .navbar-header {
    margin: 0 -15px;
  }
  #TOP {
    z-index: 11;
  }
}
/*Last MENU elements fix*/
@media (max-width: 1600px) {
  #menu ul > li:last-of-type .dropdown-submenu > a:after {
    float: left;
    margin-right: 0px;
    margin-left: -10px;
    border-width: 5px 5px 5px 0;
    border-right-color: #CCCCCC;
  }
  #menu ul > li:nth-last-of-type(-n+3) .dropdown-submenu:hover > a:after {
    border-right-color: #555555;
  }
  #menu ul > li:last-of-type ul.dropdown-menu {
    left: auto;
  }
  #menu ul > li:last-of-type > ul > li > ul.dropdown-menu {
    right: 100%;
  }
}
[widget-type=menu] .responsive-menu {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-color: #000000;
}
[widget-type=menuholder].widget-menu-holder {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-color: #000000;
  width: auto;
  height: auto;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  [widget-type="menuholder"].widget-menu-holder {
    height: auto;
  }
}
.widget-categories .hnr-category:not(.selected):not(:hover) .hnr-category-a {
  background-color: rgba(0, 0, 0, 0);
  color: #565f61;
  border-color: rgba(0, 0, 0, 0);
}
.widget-categories .hnr-category:hover .hnr-category-a {
  background-color: rgba(0, 0, 0, 0);
  color: #565f61;
  border-color: #565f61;
  cursor: pointer;
  text-decoration: none;
}
.widget-categories .hnr-category.selected .hnr-category-a,
.widget-categories .hnr-category.selected .hnr-category .hnr-category-a {
  background-color: rgba(0, 0, 0, 0);
  color: #565f61;
  border-color: #565f61;
}
.widget-categories .hnr-category .hnr-category-a {
  font-family: "Lato";
  font-size: 13px;
}
.pagination .pagination-element:not(.active):not(:hover) .pagination-a {
  background-color: rgba(0, 0, 0, 0);
  color: #cccccc;
  border-color: #cccccc;
}
.pagination .pagination-a:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #898989;
  border-color: #898989;
}
.pagination .pagination-element.active .pagination-a {
  background-color: rgba(0, 0, 0, 0);
  color: #898989;
  border-color: #898989;
}
.pagination .pagination-a {
  font-family: "Lato";
  font-size: 16px;
}
.pagination .pagination-separator {
  color: #cccccc;
}
.widget-lang-selector .language-item {
  color: #007ddd;
  background-color: #ffffff;
  font-size: 16px;
  line-height: 1;
  padding: 15px;
}
.widget-lang-selector .language-item.active,
.widget-lang-selector {
  color: #0c2d58;
  background-color: #ffffff;
  font-size: 16px;
}
.widget-lang-selector .language-item:hover {
  color: #f33d3c;
  background-color: #ffffff;
  font-size: 16px;
}
.widget-lang-selector {
  line-height: 1;
  margin-right: 25px;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 29.5px;
  padding-bottom: 15px;
}
.widget-lang-selector .lang-selected {
  vertical-align: middle;
}
.widget-lang-selector .langs-list {
  list-style: none;
  cursor: pointer;
  padding: 0;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
}
.widget-lang-selector:hover .langs-list {
  display: block;
}
#languageSelector {
  float: right;
}
@media (max-width: 767px) {
  .widget-lang-selector {
    margin-top: 15px;
    position: absolute;
    right: 0;
    z-index: 1;
  }
  .widget-lang-selector .lang-selected {
    margin-right: 20px;
  }
}