@import "default.less";
@import "tuning.less";
@import "order.less";
// ********************************************************************************************************************************/
// Include any imports or web fonts directives in this section, before any other styles.											*/
// Web font files should all be included in folder /fonts in the theme"s files.														*/
// ********************************************************************************************************************************/
@path: "";
/* This line is mandatory when using web fonts */
// ********************************************************************************************************************************/
// Import BOOTSTRAP files in this section																							*/
// ********************************************************************************************************************************/
@import "less/bootstrap.less"; // Do not remove this file to use bootstrap styles
/**********************************************************************************************************************************/
/* THEME SPECIFIC STYLES **********************************************************************************************************/
/**********************************************************************************************************************************/
/* PAGE STRUCTURE ELEMENTS - PLACE YOUR OWN SITE STRUCTURE STYLES HERE ***********************************************************/
/* THEME BASE FONTS START */
@font-face {
  font-family: 'Lato';
  font-weight: 300;
  font-style: normal;
  src: url('fonts/Lato-300/Lato-300.eot');
  src: url('fonts/Lato-300/Lato-300.eot?#iefix') format('embedded-opentype'), local('Lato Light'), local('Lato-300'), url('fonts/Lato-300/Lato-300.woff2') format('woff2'), url('fonts/Lato-300/Lato-300.woff') format('woff'), url('fonts/Lato-300/Lato-300.ttf') format('truetype'), url('fonts/Lato-300/Lato-300.svg#Lato') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-weight: 400;
  font-style: normal;
  src: url('fonts/Lato-regular/Lato-regular.eot');
  src: url('fonts/Lato-regular/Lato-regular.eot?#iefix') format('embedded-opentype'), local('Lato Regular'), local('Lato-regular'), url('fonts/Lato-regular/Lato-regular.woff2') format('woff2'), url('fonts/Lato-regular/Lato-regular.woff') format('woff'), url('fonts/Lato-regular/Lato-regular.ttf') format('truetype'), url('fonts/Lato-regular/Lato-regular.svg#Lato') format('svg');
}
@font-face {
  font-family: 'Lato';
  font-weight: 700;
  font-style: normal;
  src: url('fonts/Lato-700/Lato-700.eot');
  src: url('fonts/Lato-700/Lato-700.eot?#iefix') format('embedded-opentype'), local('Lato Bold'), local('Lato-700'), url('fonts/Lato-700/Lato-700.woff2') format('woff2'), url('fonts/Lato-700/Lato-700.woff') format('woff'), url('fonts/Lato-700/Lato-700.ttf') format('truetype'), url('fonts/Lato-700/Lato-700.svg#Lato') format('svg');
}
/* THEME BASE FONTS END */

.navbar-collapse {
  padding: 0 !important;
}

#offcanvasButton {
  float: right!important;
  margin-right: 0px !important;
}

html {
  height: 100%;
}

#Body,
#Form,
#body,
#form,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

#BgLayer1 {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -999;
  background: @tuningBodyBg;
  &:after, &::before{
    content:"";
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -999;
    background: @tuningBodyBg;
  }
}

.row-offcanvas.active {
  #bt-sidebar {
    background: #f4f3f0!important;
  }
}

.header-aux {
  float: right;
  margin-top: 15px;
}

#bt-slider,
.BannerZone1 {
  background: #fff;
  box-shadow: -1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1;
  border-radius: 4px;
  clear: both;
  margin-bottom: 15px;
  overflow: hidden;

  .container-box,
  .widget {
    margin: 0 !important;
  }
}

nav {
  background: @tuningnavbarH url(images/menuH.bg.png) repeat-x top;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  clear: both;
  margin-bottom: 15px !important;
}

.navbar-collapse {
  max-height: 100%;
  padding: 0;
}

#Main {
  background: #fff;
  box-shadow: -1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1;
  border-radius: 4px;
  margin-bottom: 15px;
  padding: 25px 15px;
}

footer {
  color: @tuningfooterText;
  font-size: 0.85em;

  #FooterWidgets {
    margin: 10px;

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      color: @tuningfooterHeadings;
    }

    a {
      color: @tuningfooterLink;

      &:hover {
        text-decoration: underline;
      }
    }
  }

  #FooterCopyright {
    margin: 10px 10px 20px;

    > span {
      margin-right: 10px;
    }
  }
}

a {
  transition: color 0.2s;
}

.icon-rounded {
  background: #eee;
  border-radius: 900px;
  cursor: default;
  display: inline-block;
  font-size: 30px;
  height: 30px;
  line-height: 30px !important;
  padding: 30px;
  transition: all 0.1s linear;
  width: 30px;

  &:hover {
    background: @tuningColor1;
    color: contrast(@tuningColor1);
  }
}
// CONTAINERS

.C01 .TL {
  background: @tuningcontainer1TitleBg;
}

.C01 .TM .CTitle {
  color: @tuningcontainer1TitleText;
}

.C02 .TL {
  background: @tuningcontainer1TitleBg;
}

.C02 .TM .CTitle {
  color: @tuningcontainer1TitleText;
}

.C03 .TL {
  background: @tuningcontainer3TitleBg;
}

.C03 .TM .CTitle {
  color: @tuningcontainer3TitleText;
}

.C04 .TL {
  background: @tuningcontainer3TitleBg;
}

.C04 .TM .CTitle {
  color: @tuningcontainer3TitleText;
}
// BOOTSTRAP
blockquote {
  background: #f4f3f0;
  border-color: @tuningColor1;
  padding: 15px;

  p {
    font-style: italic;
  }

  small:after,
  small:before {
    content: "";
  }
}

.carousel {
  .item {
    padding: 0;

    .carousel-caption {
      background: @tuningsliderBg;
      left: 30px;
      max-width: 45%;
      opacity: 0.9;
      padding: 20px;
      text-align: left;

      a,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      p,
      small {
        color: @tuningsliderText;
        margin-top: 0;
        text-shadow: 0 1px 1px hsla(hue(contrast(@tuningsliderText)),saturation(contrast(@tuningsliderText)),lightness(contrast(@tuningsliderText)),.6);
      }
    }
  }

  .carousel-control {
    background: #000;
    font-size: 30px;
    height: 60px;
    left: auto;
    line-height: 56px;
    opacity: 0.4;
    right: 71px;
    text-shadow: none;
    top: 10px;
    width: 60px;

    &.right {
      right: 10px;
    }

    &.left:after {
      content: "\f104";
      font-family: FontAwesome;
    }

    &.right:after {
      content: "\f105";
      font-family: FontAwesome;
    }

    &:hover {
      background: @tuningColor1;
      color: contrast(@tuningColor1,#000,#fff,53%);
      opacity: 0.9;
    }
  }
}
@media (max-width: 767px) {
  .carousel .item .carousel-caption {
    bottom: 0;
    opacity: 1;
    padding: 10px 20px;
    position: static;
    max-width: 100%;
    width: 100%;
  }

  .carousel .carousel-control {
    height: 40px;
    line-height: 40px;
    right: 51px;
    width: 40px;
  }
}

.close {
  background: transparent !important;
}
// buttons

.btn,
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25) !important;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.btn-group-xs > .btn,
.btn-xs {
  font-size: 9px !important;
}

.btn-group-sm > .btn,
.btn-sm {
  font-size: 10px !important;
}

.btn-group-lg > .btn,
.btn-lg {
  font-size: 14px !important;
}

.jumbotron {
  padding: 20px !important;

  h1 {
    font-size: 40px;
  }

  p {
    font-family: @tuningheadingsFontFamily;
  }
}

.modal-content {
  border: none;
  border-radius: 0;

  .modal-header {
    border-bottom: 1px solid #eee;
    padding: 9px 15px;
  }

  .modal-body {
    border-bottom: 3px solid #fcfcfc;
    border-top: 3px solid #fcfcfc;
  }

  .modal-footer {
    background-color: #fff;
    border-radius: 0;
    border-top: 1px solid #eee;
    box-shadow: none;
    margin: 0;
  }
}

.nav-tabs > li > a {
  color: inherit;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;

  &:focus,
  &:hover {
    background-color: #F9F9F9;
    border-color: #F9F9F9 #F9F9F9 #DDDDDD;
  }
}

.nav-pills > li > a {
  background: @tuningColor3;
  color: contrast(@tuningColor3);
  font-size: 12px;
  font-weight: 900;
  padding: 8px 12px;
  text-transform: uppercase;

  &:focus,
  &:hover {
    background: @tuningColor1;
    color: contrast(@tuningColor1);

    .badge {
      background-color: contrast(@tuningColor1,#000,#fff,53%);
      color: @tuningColor1;
    }
  }
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:focus,
.nav-tabs > .active > a:hover {
  color: @tuningColor1 !important;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  border-color: transparent;
  color: inherit;
}

.panel-primary .panel-title {
  color: contrast(@tuningColor1,#000,#fff,53%);
}

.panel-group .panel {
  border: none;
  border-bottom: 1px solid #eee;
  border-radius: 0;
  box-shadow: none;

  .panel-heading {
    background: transparent !important;
    transition: all 0.2s;

    a:focus,
    a:hover {
      color: inherit !important;
    }

    a:before {
      content: "\f056";
      display: inline-block;
      font-family: fontawesome;
      font-size: 16px;
      margin-right: 5px;
    }

    a.collapsed:before {
      content: "\f055";
    }

    &:hover {
      color: @tuningColor1;

      a,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        color: @tuningColor1;
        text-decoration: none;
      }
    }

    + .panel-collapse .panel-body {
      border: none;
    }
  }
}

.page-header {
  margin: 20px 0 30px;

  h1 {
    font-size: 28px;

    small {
      font-family: @tuningheadingsFontFamily;
      font-weight: 300;
    }
  }
}

.pager li {
  a,
  span {
    background-color: #333;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
  }

  a:focus,
  a:hover {
    background-color: @tuningColor1;
    color: contrast(@tuningColor1);
  }
}

.pagination {
  box-shadow: none;

   > li > span,
  > li > a {
    background: #f4f3f0;
    border-color: transparent !important;
    border-radius: 3px !important;
    color: inherit;
    font-size: 12px;
    font-weight: 900;
    margin-left: 1px;
  }

   > .disabled > a,
   > .disabled > a:focus,
   > .disabled > a:hover,
  > .disabled > span {
    background: #f4f3f0;
    color: #ccc;
  }
}

.progress {
  border-radius: 20px;
  height: 16px;

  .progress-bar {
    border-radius: 20px;
  }
}
// NIVO SLIDER 3.2
/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* The Nivo Slider styles */
.nivoSlider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.nivoSlider img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
}

.nivo-main-image {
  display: block !important;
  position: relative !important;
  width: 100% !important;
}
/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
  background: white;
  filter:alpha(opacity=0);
  opacity: 0;
}
/* The slices and boxes in the Slider */

.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0;
}

.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
  overflow: hidden;
}

.nivo-box img {
  display: block;
}
/* Caption styles */

.nivo-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000;
  color: #fff;
  width: 100%;
  z-index: 8;
  padding: 5px 10px;
  opacity: 0.8;
  overflow: hidden;
  display: none;
  -moz-opacity: 0.8;
  filter:alpha(opacity=8);
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

.nivo-caption p {
  padding: 5px;
  margin: 0;
}

.nivo-caption a {
  display: inline !important;
}

.nivo-html-caption {
  display: none;
}
/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {
  position: absolute;
  top: 45%;
  z-index: 9;
  cursor: pointer;
}

.nivo-prevNav {
  left: 0;
}

.nivo-nextNav {
  right: 0;
}
/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {
  text-align: center;
  padding: 15px 0;
}

.nivo-controlNav a {
  cursor: pointer;
}

.nivo-controlNav a.active {
  font-weight: bold;
}
/* THEME CUSTOM NIVO STYLES */

.nivoSlider {
  background: @tuningsliderBg;
}

.nivo-caption {
  background: transparent;
  position: static;

  a,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  small {
    color: @tuningsliderText;
    text-shadow: 0 1px 1px hsla(hue(contrast(@tuningsliderText)),saturation(contrast(@tuningsliderText)),lightness(contrast(@tuningsliderText)),.6);
  }
}

.nivo-directionNav a {
  background: #000;
  color: #FFFFFF;
  font-family: fontawesome;
  font-size: 0;
  height: 60px;
  line-height: 60px;
  opacity: 0.4;
  right: 10px;
  text-align: center;
  top: 10px;
  width: 60px;
}

.nivo-directionNav a:hover {
  background: @tuningColor1;
  opacity: 0.9;
  text-decoration: none;
}

.nivo-prevNav {
  left: auto;
  right: 71px !important;
}

.nivo-prevNav:before {
  color: contrast(@tuningColor1);
  content: "\f104";
  font-size: 30px;
}

.nivo-nextNav:before {
  color: contrast(@tuningColor1);
  content: "\f105";
  font-size: 30px;
}

.nivo-controlNav a {
  color: #CCCCCC;
  font-size: 0;
  margin: 0 2px;
}

.nivo-controlNav a:before {
  content: "\f10c";
  font-family: fontawesome;
  font-size: 14px;
}

.nivo-controlNav a.active:before {
  color: #999;
  content: "\f111";
  font-weight: normal;
}
@media (max-width: 767px) {
  .nivo-directionNav a {
    height: 40px;
    line-height: 40px;
    width: 40px;
  }

  .nivo-prevNav {
    right: 51px !important;
  }
}
/* TOKENS - EDIT EXISTING STYLES ONLY IN THIS SECTION, DO NOT ADD EXTRA STYLES ****************************************************/
#Breadcrumb {
  display: @Breadcrumb;
  background: #fff;
  box-shadow: -1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1;
  border-radius: 3px;
  clear: both;
  height: 30px;
  margin-bottom: 15px;
.Breadcrumb_Link,
.Breadcrumb_Link:link,
.Breadcrumb_Link:visited,
.Breadcrumb_Link:active,
  .breadcrumblinkcurrent,
a.Breadcrumb_Link:hover {
    color: @tuningtextColor;
    font-size: 11px;
    font-weight: bold;
    line-height: 30px;
    padding: 0 10px;
    text-transform: uppercase;
  }

  img {
    vertical-align: top;
  }
}

#Cart {
  display: @Cart;
  font-size: 10px;
  padding-left: 24px;
  position: relative;
  vertical-align: bottom;

  .cartlink {
    color: @tuningfooterLink;
  }

  .cartlinkhover {}

  .cartprice {
    float: left;
  }

  tr {
    float: left;
  }

  tr:first-child td:before {
    content: "\f07a";
    display: block;
    font-family: FontAwesome;
    font-size: 14px;
    height: 16px;
    left: 10px;
    position: absolute;
    width: 14px;
  }
}

#Copyright {
  display: @Copyright;
.Copyright {
    color: @tuningcopyrightText;
    font-size: 10px;
  }
}

#Language {
  display: @Language;
.language-object .Language {
    color: @tuningnavbarHText;
    display: inline-block;
    margin: 7px 5px 7px 0;
    opacity: 0.7;
    text-decoration: none;
    vertical-align: top;

    &:hover {
      opacity: 1;
    }
  }
.language-object .selected {
    opacity: 1;
  }
}

#Login {
  display: @Login;
  background: url("images/navaux.ico.png") no-repeat left center;
  padding-left: 18px;
  margin-left: 10px;
a.Login,
a.Login:link,
a.Login:visited,
a.Login:active {
    color: @tuningheaderText !important;
    font-size: 11px;
    text-decoration: none;
    text-shadow: none;
    transition: 0.2 all;
  }
a.Login:hover {
    text-decoration: none;
  }
}

#Logo {
  float: left;
  margin: 15px 0;
a img {
    border: none;
    margin-right: 20px;
  }
a {
    color: @tuningheaderText;
  }

  .logopagetitle {
    color: @tuningheaderText;
  }
}

#MenuH {
  display: @MenuH;
  margin-bottom: -5px;

  .bt-masterUL{
    line-height: 100%;
  }
.menu {
    margin-left: 10px;
  }
.menu > .mi {
    background: url("images/menuH.sep.png") no-repeat right top;
  }
.menu > .mi:hover,
.menu > .mi.current {
    background: url("images/menuH.sep.png") no-repeat right top;
    background: url("images/menuH.sep.png") no-repeat right top, @tuningnavbarHHover url("images/menuH.on.png") repeat top;
  }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon {
    color: @tuningnavbarHText;
    font-family: @tuningnavbarFontFamily;
    font-size: 13px;
    line-height: 14px;
    padding: 11px 15px;
    text-decoration: none;
    transition: 0.2s;
  }
.menu > .mi:hover > .txt,
.menu > li:hover > .bt-extra-links-icon,
.menu > .mi.current > .txt {
    color: @tuningnavbarHTextHover;
    font-family: @tuningnavbarFontFamily;
    font-size: 13px;
    line-height: 14px;
    padding: 11px 15px;
    text-decoration: none;
  }

  .has-children{
    padding-right: 8px;
    &> :first-child:after{
      right: 10px!important;
    }
  }
.submenu {
    background: @tuningnavbarHSubmenu;
    border-top: 3px solid @tuningnavbarHSubmenuTopBorder;
    margin: 0;
    padding: 0;
    z-index: 9999;
  }
.submenu > .mi,
.submenu > .megamenu-row > .mi,
.submenu > .mi:hover,
.submenu > .megamenu-row > .mi:hover,
.submneu > .mi.current,
.submneu > .megamenu-row > .mi.current {
    background: transparent;
  }
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt {
    border: 1px solid @tuningnavbarHSubmenuText;
    border: 1px solid hsla(hue(@tuningnavbarHSubmenuText),saturation(@tuningnavbarHSubmenuText),lightness(@tuningnavbarHSubmenuText),0.08);
    border-top: none;
    color: @tuningnavbarHSubmenuText;
    color: hsla(hue(@tuningnavbarHSubmenuText),saturation(@tuningnavbarHSubmenuText),lightness(@tuningnavbarHSubmenuText),0.7);
    font-family: @tuningnavbarFontFamily;
    font-size: 11px;
    padding: 8px 20px 8px 15px;
    text-decoration: none;
  }
.submenu > .mi:hover > .txt,
.submenu > .megamenu-row > .mi:hover > .txt,
.submenu > .mi.current > .txt,
.submenu > .megamenu-row > .mi.current > .txt {
    border: 1px solid @tuningnavbarHSubmenuText;
    border: 1px solid hsla(hue(@tuningnavbarHSubmenuText),saturation(@tuningnavbarHSubmenuText),lightness(@tuningnavbarHSubmenuText),0.08);
    border-top: none;
    color: @tuningnavbarHSubmenuText;
    font-family: @tuningnavbarFontFamily;
    font-size: 11px;
    padding: 8px 20px 8px 15px;
    text-decoration: none;
  }

  &.megamenu {
.mega > .submenu > li,
.mega > .submenu > .megamenu-row > li {
      border-right: 1px solid @tuningnavbarHSubmenuText;
      border-right: 1px solid hsla(hue(@tuningnavbarHSubmenuText),saturation(@tuningnavbarHSubmenuText),lightness(@tuningnavbarHSubmenuText),0.08);
    }
.mega > .submenu > li:last-child,
.mega > .submenu > .megamenu-row > li:last-child {
      border-right: none;
    }
.mega > .submenu > li > a,
.mega > .submenu > .megamenu-row > li > a {
      border-width: 0 0 1px 0 !important;
      font-size: 15px !important;
      padding: 8px 5px 8px 15px !important;
    }
.mega > .submenu .submenu {
      border: none;
      box-shadow: none;
      padding-left: 15px;
    }
.mega > .submenu .submenu li .txt {
      border: none;
      padding: 6px 5px 6px 0;
    }
  }
}

#Main #MenuH {
  background: @tuningnavbarH url(images/menuH.bg.png) repeat top;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
@media (min-width: 768px) {
  #Main #MenuH {
    height: 36px;
  }
}

#MenuV {
  display: @MenuV;
  background: #f4f3f0;
  border: 1px #ddd solid;
  border-top: none;
  margin-bottom: 20px;
.menu > .mi > .txt {
    border-top: 1px #ddd solid !important;
    color: @tuningnavbarVText;
    font-size: 13px;
    font-family: @tuningnavbarFontFamily;
    padding: 10px;
    text-decoration: none;
    transition: 0.2s all;

    &:before {
      color: @tuningnavbarVText;
      content: "\f105";
      font-family: fontawesome;
      margin-right: 10px;
    }
  }
.menu > .mi:hover > .txt,
.menu > .mi.current > .txt {
    background: white;
    border-right: 3px @tuningnavbarVTextHover solid !important;
    border-top: 1px #ddd solid !important;
    color: @tuningnavbarVTextHover;
    font-size: 13px;
    font-family: @tuningnavbarFontFamily;
    padding: 10px;
    text-decoration: none;

    &:before {
      color: @tuningnavbarVTextHover;
      content: "\f105";
      font-family: fontawesome;
      margin-right: 10px;
    }
  }
.submenu {
    background: @tuningnavbarVSubmenu;
    margin: 0;
    padding: 0;
    z-index: 9999;
  }
.submenu > .mi,
.submenu > .megamenu-row > .mi,
.submenu > .mi:hover,
.submenu > .megamenu-row > .mi:hover,
.submenu > .mi.current,
.submenu > .megamenu-row > .mi.current {
    background: transparent;
  }
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt {
    border: 1px solid @tuningnavbarVSubmenuText;
    border: 1px solid hsla(hue(@tuningnavbarVSubmenuText),saturation(@tuningnavbarVSubmenuText),lightness(@tuningnavbarVSubmenuText),0.08);
    border-top: none;
    color: @tuningnavbarVSubmenuText;
    color: hsla(hue(@tuningnavbarVSubmenuText),saturation(@tuningnavbarVSubmenuText),lightness(@tuningnavbarVSubmenuText),0.7);
    font-family: @tuningnavbarFontFamily;
    font-size: 11px;
    padding: 8px 14px;
    text-decoration: none;
  }
.submenu > .mi:hover > .txt,
.submenu > .megamenu-row > .mi:hover > .txt,
.submenu > .mi.current > .txt,
.submenu > .megamenu-row > .mi.current > .txt {
    border: 1px solid @tuningnavbarVSubmenuText;
    border: 1px solid hsla(hue(@tuningnavbarVSubmenuText),saturation(@tuningnavbarVSubmenuText),lightness(@tuningnavbarVSubmenuText),0.08);
    border-top: none;
    color: @tuningnavbarVSubmenuText;
    font-family: @tuningnavbarFontFamily;
    font-size: 11px;
    padding: 8px 14px;
    text-decoration: none;
  }

  &.megamenu {
.mega > .submenu > li,
.mega > .submenu > .megamenu-row > li {
      border-right: 1px solid @tuningnavbarVSubmenuText;
      border-right: 1px solid hsla(hue(@tuningnavbarVSubmenuText),saturation(@tuningnavbarVSubmenuText),lightness(@tuningnavbarVSubmenuText),0.08);
    }
.mega > .submenu > li:last-child,
.mega > .submenu > .megamenu-row > li:last-child {
      border-right: none;
    }
.mega > .submenu > li > a,
.mega > .submenu > .megamenu-row > li > a {
      border-width: 0 0 1px 0 !important;
      font-size: 15px !important;
      padding: 8px 5px 8px 15px !important;
    }
.mega > .submenu .submenu {
      border: none;
      box-shadow: none;
      padding-left: 15px;
    }
.mega > .submenu .submenu li .txt {
      border: none;
      padding: 6px 5px 6px 0;
    }
  }

  &.accordion {
.submenu {
      background: #fff;
      border-right: 3px @tuningnavbarVTextHover solid;
.submenu {
        border: none;
      }
    }
.submenu > .mi,
.submenu > .megamenu-row > .mi {
.submenu > .mi,
.submenu > .megamenu-row > .mi,
.submenu > .mi:hover,
.submenu > .megamenu-row > .mi:hover,
.submenu > .mi.current,
.submenu > .megamenu-row > .mi.current {
        padding-left: 10px;
      }
    }
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt {
      border: none;
      border-top: 1px dashed #eee;
      padding: 2px 14px 2px 25px;
      color: #999;
    }
.submenu > .mi:hover > .txt,
.submenu > .megamenu-row > .mi:hover > .txt,
.submenu > .mi.current > .txt,
.submenu > .megamenu-row > .mi.current > .txt {
      border: none;
      border-top: 1px dashed #eee;
      padding: 2px 14px 2px 25px;
      color: #333;
    }
  }
}

#Privacy {
  display: @Privacy;
a.Privacy,
a.Privacy:link,
a.Privacy:visited,
a.Privacy:active {
    color: @tuningcopyrightText;
    font-size: 10px;
  }
a.Privacy:hover {
    text-decoration: underline;
  }
}

#Search {
  display: @Search;
  margin: 5px 10px 5px 0;
  z-index: 100;
#SearchBar {
    background: url("images/search.bg.png") no-repeat left center;
    float: right;
    position: relative;
    width: 160px;
  }
input {
    background: transparent !important;
    border: none;
    box-shadow: none;
    color: @tuningnavbarHText;
    float: left;
    font-family: @tuningbaseFontFamily;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-indent: 20px;
    width: 120px !important;
  }
a.Search {
    background: transparent;
    border: none;
    box-shadow: none;
    height: 24px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 0;
    width: 24px;
  }

  .searchadvancedlink {
    color: @tuningnavbarHText;
    font-size: 10px!important;
  }
}

#Sitemap {
  display: @SiteMap;
  border-left: none;

  .sitemaplink {
    color: @tuningcopyrightText;
    font-size: 10px;
  }

  .sitemaplinkhover {
    text-decoration: underline;
  }
}

#Terms {
  display: @Terms;
a.Terms,
a.Terms:link,
a.Terms:visited,
a.Terms:active {
    color: @tuningcopyrightText;
    font-size: 10px;
  }
a.Terms:hover {
    text-decoration: underline;
  }
}

#User {
  display: @User;
  background: url("images/navaux.ico.png") no-repeat left center;
  padding-left: 18px;
  margin-left: 10px;
a,
a:link,
a:visited,
a:active {
    color: @tuningheaderText;
    font-size: 11px;
    text-decoration: none;
    transition: 0.2 all;
  }
a:hover {
    text-decoration: none;
  }
}
// ********************************************************************************************************************************/
// RESPONSIVE STYLES **************************************************************************************************************/
// ********************************************************************************************************************************/
// PHONES AND TABLETS
// --------------------------------------------------
@media (max-width: 991px) {
  .navbar-toggle {
    float: left!important;
    min-width: 20px!important;
    background: transparent !important;
    border: none;
    color: @tuningnavbarHText !important;
    font-size: 18px;
    height: 20px;
    margin: 7px 7px 9px !important;
    padding: 0;

    &.btn-navbar-menuh {
      float: right!important;
      font-size: 21px;
      line-height: 20px;
      height: 24px;
      margin: 5px 10px 0 0 !important;
      min-width: 30px!important;
      width: auto;
      overflow: hidden!important;
    }
  }

  .jumbotron h1 {
    font-size: 32px;
  }

  #Search {
#SearchBar {
      background: url("images/search-sm.bg.png") no-repeat left center;
      width: 140px;
    }
input {
      width: 100px !important;
    }
  }
}
// PHONES
// --------------------------------------------------
@media (max-width: 767px) {
  #Search #SearchBar {
    margin: 0 auto !important;
  }

  .header-aux {
    border-top: 1px solid hsla(hue(contrast(@tuningColor2)),saturation(contrast(@tuningColor2)),lightness(contrast(@tuningColor2)),.1);
    float: none;
    padding-top: 4px;

    #Login,
    #User {
      background: none;
      margin-left: 0;
    }
  }

  .collapse-user {
    clear: both;
  }

  #Logo .logopagetitle {
    display: none;
  }
#Logo a img {
    max-height: 70px;
    max-width: 200px;
  }

  #MenuH {
    background: @tuningnavbarH !important;
    border-radius: 4px;
    margin-top: 3px;
.menu,
.menu > .mi {
      background-image: none !important;
      margin: 0;
    }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon,
.menu > .mi:hover > .txt,
.menu > li:hover > .bt-extra-links-icon,
.menu > .mi.current > .txt {
      background-image: none !important;
      border-bottom: 1px solid lighten(@tuningnavbarH,10%);
      display: block !important;
    }
&.megamenu .mega > .submenu > li,
&.megamenu .mega > .submenu > .megamenu-row > li {
      border-right: none;
      float: none !important;
      min-height: 0 !important;
      padding: 0;
    }
.submenu .submenu {
      border: none;
      padding: 0 0 0 20px !important;
      width: auto;
    }
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt,
.submenu > .mi:hover > .txt,
.submenu > .megamenu-row > .mi:hover > .txt,
.submenu > .mi.current > .txt,
.submenu > .megamenu-row > .mi.current > .txt {
      border-left: none;
      border-right: none;
    }
.submenu .submenu > .mi > .txt,
.submenu .submenu > .megamenu-row > .mi > .txt,
.submenu .submenu > .mi:hover > .txt,
.submenu .submenu > .megamenu-row > .mi:hover > .txt,
.submenu .submenu > .mi.current > .txt,
.submenu .submenu > .megamenu-row > .mi.current > .txt {
      border-bottom: none;
      padding: 3px;
    }
  }

  #Search {
    background-color: @tuningnavbarH !important;
    background-position: 10px center !important;
    border-radius: 4px;
    margin-top: 3px;
    height: 45px;
    padding: 10px;
    width: 100%;
  }

  footer {
    .container-box,
    .widget {
      margin-bottom: 30px !important;
    }

    #Cart {
      display: block;
      left: -5px;
      padding-left: 0;

      tr:first-child td:before {
        content: "";
      }
    }

    #Copyright {
      display: block !important;
    }
  }
}
// TABLETS AND DESKTOPS
// ------------------
// LARGE DESKTOP & UP
// ------------------
@media (min-width: 1200px) {
  .container,
  .navbar-fixed-top .container {
    width: @tuningpageWidth !important;
  }
}
// ********************************************************************************************************************************/
// IE7 & IE8 STYLES ***************************************************************************************************************/
// ********************************************************************************************************************************/

.IE7 .container,
.IE7 .navbar-fixed-top .container,
.IE8 .container,
.IE8 .navbar-fixed-top .container {
  width: @tuningpageWidth !important;
}

/**********************************************************************************************************************************/
/* DOTNETNUKE SPECIFIC STYLES *****************************************************************************************************/
/**********************************************************************************************************************************/

/* override bootstrap3 boxing model in admin areas */
body > form #ControlBar_ControlPanel, body > form #ControlBar_ControlPanel *, body > form #ControlBar_ControlPanel *:before, body > form #ControlBar_ControlPanel *:after,
.console, .console *, .console *:before, .console *:after,
.actionMenu, .actionMenu *, .actionMenu *:before, .actionMenu *:after,
.dnnFormPopup, .dnnFormPopup *, .dnnFormPopup *:before, .dnnFormPopup *:after,
.dnnDropDownList .selected-item a, .dnnDropDownList .selected-item a:link, .dnnDropDownList .selected-item a:visited, .dnnDropDownList .selected-item a:hover, .dnnDropDownList .selected-item a:active
									{ -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }

/* BS3 cols */
.row [class*="col-"]				{ min-height:0; }
.row [class*="col-"]:empty			{ /*display:none;*/ } 
.dnnEditState .row [class*="col-"]	{ min-height:30px; } /* min-height in edit state */

/* toggle nav */
.navbar-collapse { max-height:100% !important; overflow:visible !important; }

/* reset styles for navbar-brand / logo */
.navbar-brand { font-size: inherit; height: auto; line-height: inherit; padding: 0; }

/* zone styles */
.DNNEmptyPane,
.pane:empty, .EmptyZone				{ margin:0 !important; padding:0 !important; width:0; height:0; line-height:0; min-height: 0 !important; /*display:none !important;*/}
.showZone span						{ border:1px #777 dotted; color:#999; display:block; padding:10px; margin:1px; text-align:center; }
.paneOutline						{ border:none; }
.paneOutline .SubHead				{ border:1px #777 dotted; color:#999; display:block; padding:10px; margin:1px; }
.paneOutline .SubHead br			{ display:none; }

/*hide empty tokens*/
#Breadcrumb:empty,
#Copyright:empty,
#Language:empty,
#Login:empty,
#Logo:empty,
#MenuH:empty,
#MenuV:empty,
#Privacy:empty,
#Search:empty,
#Terms:empty,
#User:empty,
/*tokens not in use*/
#Cart,
#Sitemap							{ display:none !important; }

/*default menus display settings*/
ul.menu								{ margin:0; padding:0; }
#MenuH .menu,
#MenuH .mi,
#MenuH .mi .txt						{ display:inline-block; list-style:none; }
#MenuV .menu,
#MenuV .mi,
#MenuV .mi .txt,
#MenuH .submenu .mi,
#MenuV .submenu .mi,
#MenuH .submenu .mi .txt,
#MenuV .submenu .mi .txt			{ display:block; list-style:none; }
.accordion .submenu					{ margin:0; padding:0; }
.megamenu .submenu .submenu			{ margin:0; padding:0; }
#MenuH > .menu > .mi                { float:left; }

.MenuH								{ white-space:nowrap; } /* fix issue with top menu wrapping when larger */
#MenuH .icn, #MenuV .icn			{ margin-right:3px; max-height:12px; } /* default padding for menu icons */
.submenu tr.mi td					{ display:block; padding:0 0 0 1px; vertical-align:middle; } /* fix issue with submenus displacement in webkit browsers */

#MenuH .submenu, #MenuV .submenu    { display:none; margin:0; padding:0; } /*Guarantee that submenus do not load open*/
.IE7 #MenuH .menu,
.IE8 #MenuH .menu				{ display:block !important; } /*hide mobile menus in IE<=IE8*/
.IE7 #MenuH > select,
.IE8 #MenuH > select				{ display:none !important; }
.IE7 #MenuH > select + span,
.IE8 #MenuH > select + span			{ display:none !important; }

/* accordion menu arrows */
#MenuV  .has-children				{ position:relative; }
#MenuV  .has-children-close > a:after,
#MenuV  .has-children-close > span:after	{ content:"\f105"; font-family:FontAwesome; position:absolute; right:5px; top:8px; transition:0.3s; }
#MenuV  .has-children-open > a:after,
#MenuV  .has-children-open > span:after{ content:"\f107"; font-family:FontAwesome; position:absolute; right:5px; top:8px; }

#Search span						{ font-size:0; } /* fix issue with search having an extra &nbsp; between box and btn */
#Search .searchInputContainer		{ display:inline-block !important; margin:0 !important; } /* fix styles inherited in DNN7 */

#Login								{ vertical-align:top; }
#User								{ vertical-align:top; }
#User .registerGroup ul				{ margin:0; padding:0; } /*Social Group fix for DNN6.2*/
#User .registerGroup a img			{ width:20px; height:20px; border-radius:90px; }
.registerGroup, .registerGroup *,
.loginGroup, .loginGroup *			{ display:inline-block; font-size: inherit; font-weight: inherit; text-decoration: inherit; text-transform: inherit; vertical-align:top; }

/* remove default 2px border on selected language flag */
div.language-object .Language img                    { border:none !important; }
div.language-object .Language        				{ line-height:7px; }

/* default containers css */
.container-box						{ margin:0 0 10px !important; }
.container-box .c_head				{ overflow:hidden; }
.container-box .c_icon				{ float:left; }
.container-box .c_icon img			{ margin:0 3px; }
.container-box .c_actions			{ float:left; margin: 0; max-width:15px; min-width:0px; }
.container-box .c_title				{ }
.container-box .c_visibility		{ float:right; }

.container-box .c_icons				{ clear:both; padding-top:5px; }
.container-box .c_icons a:hover		{ background-color:transparent; }
.container-box .c_icons a,
.container-box .c_icons input		{ padding-top:5px; padding:0; }

/**********************************************************************************************************************************/
/* IE7 FIX ************************************************************************************************************************/
/**********************************************************************************************************************************/

.IE7.cmsDNN #MenuH                      { z-index:1001; }
.IE7.cmsDNN #MenuV                      { z-index:1000; }
.IE7.cmsDNN #MenuH .menu > .mi    	    { display:inline; zoom:1; list-style:none; }
.IE7.cmsDNN #MenuH .menu > .mi >.txt    { float:left; }
.IE7.cmsDNN #MenuH .submenu             { text-align:left; width:180px; }
.IE7.cmsDNN #MenuH .submenu .mi .txt    { white-space:normal; display:block; }

.IE7.cmsDNN .container-box .TM		    { overflow:hidden !important; }
.IE7.cmsDNN .c_title				    { float:left !important; }	/*Fix container titles*/

/**********************************************************************************************************************************/
/* PRINT **************************************************************************************************************************/
/**********************************************************************************************************************************/

@media print { a[href]:after { content: none !important; }}

/**********************************************************************************************************************************/
/* DNN CONTROL PANEL **************************************************************************************************************/
/**********************************************************************************************************************************/

.dnnSortable.ui-sortable,
.dnnSortable.ui-droppable { display:block !important; padding:0 15px; } /* dnn sets pane padding to zero on editing */

.Normal,
.NormalDisabled,
.NormalDeleted { color:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; } /* reset text styles */
.dnnPrimaryAction, .RadComboBox_Default .rcbInput { height:auto; } /* stabilize dnn inputs height */
#ControlBar input { height:auto; }
.dnnFormItem input[type=text], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type=email], .dnnFormItem input[type=search], .dnnFormItem input[type=password] { border:1px solid #c9c9c9 !important; height:auto; margin:0 0 18px; }
.dnnFormItem input[type=submit],
.dnnPrimaryAction { border-color: #0D569E; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#358eea), color-stop(100%,#2170cd)) !important; background: linear-gradient(top, #358eea 0%,#2170cd 100%) !important; } /* dnn buttons */
.dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close { border-radius:0 8px 8px 0; padding:0; } /* fix dnn popup close icon */
.dnnLoginService input[type=text],
.dnnLoginService input[type=password]{ display:inline-block !important; margin-bottom:5px !important; }

.dnnRadiobutton .mark,
.dnnCheckbox .mark { background:transparent !important; } /* override bootstrap style in type.less */

/* DNN Search inline help */
.searchInputContainer { display:block !important; }
ul.searchSkinObjectPreview > li		{ font-size:10px; }
ul.searchSkinObjectPreview > li p,
ul.searchSkinObjectPreview > li > a.searchSkinObjectPreview_more { color:#999 !important; text-shadow:none !important; }
ul.searchSkinObjectPreview > li:hover { background-color:#f9f9f9; }

/* Admin areas element */
.RadComboBox_Default input.rcbInput	{ border:none !important; }

/**********************************************************************************************************************************/
/* DDR MENU SPECIFIC STYLES *******************************************************************************************************/
/**********************************************************************************************************************************/

/* Accordion */
.menu.menu-ddr-accordion h3			{ border:none; color:inherit; font-family:inherit; font-size:inherit; font-weight:normal; font-style:inherit; letter-spacing:0; line-height:inherit; margin:0; padding:0; text-decoration:inherit; text-transform:inherit; text-shadow:none; }
.menu.menu-ddr-accordion .submenu	{ display:none; }

/* Mega2 */
ul.menu-ddr-mega					{ margin: 0; padding: 0; list-style: none; }
ul.menu-ddr-mega,
ul.menu-ddr-mega li					{ list-style-type:none; }
ul.menu-ddr-mega ul					{ padding:0;margin:0; }
ul.menu-ddr-mega li					{ float: left; margin: 0; padding: 0; position: relative; }
ul.menu-ddr-mega li a				{ text-decoration:none; }
ul.menu-ddr-mega li .submenu		{ position: absolute; left: 0; float: left; display: none; }
ul.menu-ddr-mega li .row			{ clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul.menu-ddr-mega li .submenu ul		{ list-style: none; margin: 0; padding: 0; width: 180px; float: left; }
ul.menu-ddr-mega .submenu ul li		{ width: 100%; white-space:normal; }
ul.menu-ddr-mega .submenu ul li h4	{ padding: 0;  margin: 0; font-size: 1em; font-weight: bold; }
ul.menu-ddr-mega .submenu ul li h4 a{ padding:0; margin:0; }
ul.menu-ddr-mega .submenu ul li a	{ float: none;  text-indent: 0; /*--Reset text indent--*/ display: block; text-decoration: none; padding:0; margin:0; }

/**********************************************************************************************************************************/
/* BINDTUNING HELPER CLASSES ******************************************************************************************************/
/**********************************************************************************************************************************/

.text-color1 { color:@tuningColor1; }
.text-color2 { color:@tuningColor2; }
.text-color3 { color:@tuningColor3; }
.text-color4 { color:@tuningColor4; }
.text-color5 { color:@tuningColor5; }
.text-color6 { color:@tuningColor6; }

.text-dark { color:#000; }
.text-light { color:#fff; }

.bg-color1 { background-color:@tuningColor1; color:contrast(@tuningColor1,#000,#fff,57%);
	h1, h2, h3, h4, h5, h6 { color:inherit; }
	.fa-inverse { color:@tuningColor1; }}
.bg-color2 { background-color:@tuningColor2; color:contrast(@tuningColor2,#000,#fff,57%);
	h1, h2, h3, h4, h5, h6 { color:inherit; }
	.fa-inverse { color:@tuningColor2; }}
.bg-color3 { background-color:@tuningColor3; color:contrast(@tuningColor3,#000,#fff,57%);
	h1, h2, h3, h4, h5, h6 { color:inherit; }
	.fa-inverse { color:@tuningColor3; }}
.bg-color4 { background-color:@tuningColor4; color:contrast(@tuningColor4,#000,#fff,57%);
	h1, h2, h3, h4, h5, h6 { color:inherit; }
	.fa-inverse { color:@tuningColor4; }}
.bg-color5 { background-color:@tuningColor5; color:contrast(@tuningColor5,#000,#fff,57%);
	h1, h2, h3, h4, h5, h6 { color:inherit; }
	.fa-inverse { color:@tuningColor5; }}
.bg-color6 { background-color:@tuningColor6; color:contrast(@tuningColor6,#000,#fff,57%);
	h1, h2, h3, h4, h5, h6 { color:inherit; }
	.fa-inverse { color:@tuningColor6; }}

.bg-dark { background-color:#000; color:#999; }
.bg-light { background-color:#fff; }

.align-block { position:relative; }
.valign-abs { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.halign-abs { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.align-abs { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); }


@animateFast : .240s;
@animateNormal : .300s;
@animateSlow : .600s;

.bindMENU-animateSpeed(@speed : .300s){
  .bt-submenu{
    transition-duration: @speed!important;
    -webkit-transition-duration: @speed!important;
    -moz-transition-duration: @speed!important;
  }

}

.bindMENU-animateType(@effect : ease){
  .bt-submenu{
    transition-timing-function: @effect!important;
    -webkit-transition-timing-function: @effect!important;
    -moz-transition-timing-function: @effect!important;
  }
}

.bindMENU-ease{
  .bindMENU-animateType(ease);
}
.bindMENU-easeout{
  .bindMENU-animateType(ease-out);
}
.bindMENU-easein{
  .bindMENU-animateType(ease-in);
}


.bindMENU-fast{
  .bindMENU-animateSpeed(@animateFast);
}
.bindMENU-normal{
  .bindMENU-animateSpeed(@animateNormal);
}
.bindMENU-slow{
  .bindMENU-animateSpeed(@animateSlow);
}


.bindMENU-left{
  .bt-submenu{
    transform: translateX(-15px);
  }
}
.bindMENU-right{
  .bt-submenu{
    transform: translateX(15px);
  }
}
.bindMENU-top{
  .bt-submenu{
    transform: translateY(-15px);
  }
}
.bindMENU-bottom{
  .bt-submenu{
    transform: translateY(15px);
  }
}

// BindMENU2 Desktop Styles
#MenuH.default, #MenuV.accordion{

  .bt-submenu{
    width: auto!important;
    padding:0px!important
  }

  .bindMENU-left{
    .bt-submenu{
      transform: translateX(-15px);
    }
  }
  .bindMENU-right{
    .bt-submenu{
      transform: translateX(15px);
    }
  }
  .bindMENU-top{
    .bt-submenu{
      transform: translateY(-15px);
    }
  }
  .bindMENU-bottom{
    .bt-submenu{
      transform: translateY(15px);
    }
  }
}

#MenuH{
  &.megamenu{
    .mega > ul.bt-submenu > li{
      background: none!important;
    }
    .mega ul.sub-sub {
      left: auto !important;
      top: auto !important;
      position: relative;
      display: block!important;
      box-shadow: none!important;
      border: none!important;
      width:auto!important;
      background:none!important;
    }

    .bt-trigger-item:not(.more).mega > .bt-submenu > li{
      display: inline-block!important;
      position: relative;
      vertical-align: top;
      text-align: left;
      z-index: 1;
    }


    .bt-submenu.sub-sub{
      transform: translate(0px, 0px)!important;
    }

    ul.sub-sub > li{
      border:none!important;
    }

    .bt-submenu .has-children >:first-child:after{
      content:""!important;
    }

    .sub-sub > li, & .sub-sub > a{
      padding:0px!important;
    }

    .bt-submenu .dynamic-children.additional-background{
      background:none!important
    }
  }

  .bt-submenu{
    height:auto!important;
    z-index:999!important;
    transition-property: transform, opacity, height !important;
    position: absolute;
    display:none;
    &.open{
      display:block!important;
      width:auto!important;
      opacity:0;
      &.flyIn{
        transform: translate(0px, 0px)!important;
        opacity:1!important;
      }
    }
    li{
      white-space: nowrap;
    }
    &:not(.extra-links-submenu)li.extra-links-tag{
      display: inline-block!important;
    }
  }

  .has-children,.more {
    .fa-bars:after{
      display: none!important;
    }
    & > :first-child:after {
      content: "\f107";
      font-family: FontAwesome;
      position: absolute;
      font-size:@tuningbaseFontSize;
      color:@tuningnavbarHText;
      right:5px;
      -webkit-transform: translateY(-45%);
      -moz-transform: translateY(-45%);
      -ms-transform: translateY(-45%); /*this one is for ie9 up */
      -o-transform: translateY(-45%);
      transform: translateY(-45%);
      top: 50%;
    }
    .has-children{
      & > :first-child:after {
        content: "\f105";
      }
    }
  }
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt{
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .more{
    display:inline-block!important;
    .bt-extra-links-icon:after{
      display:none!important;
    }
    & ul > li.mega.extra-links-tag{
      display:block!important;
      min-width:100%!important;
    }
    i.fa.fa-bars{
      font-size: 14px;
      opacity:.8;
      transition: opacity .3s ease;
      padding: 10px 6px;
      font-family: fontawesome!important;
      &:hover{
        cursor: pointer;
        opacity:1!important;
      }
    }
    .menu-item-text{
      line-height: 2em!important;
    }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
      line-height: 2em!important;
    }
  }
  .bt-trigger-item{
    position:relative!important;
  }
}
.cmsSP #MenuV.default:not(.defaultplus) .bt-submenu{
  box-shadow: none!important;
}

#MenuV{
  &.default{
    .bt-submenu{
      position: absolute!important;
      height:auto!important;
      opacity:0!important;
      overflow: hidden;
      display: none !important;
      margin: 0px !important;
      transition-property: transform, opacity, height !important;
      padding: 0px !important;
      overflow: visible !important;
      margin-left: -1px!important;


      &.open{
        display: block!important;
        position: absolute;
        &.flyIn{
          transform: translate(0px, 0px)!important;
          top: 0px!important;
          opacity:1!important;
        }
      }
      li{
        white-space: nowrap;
      }
    }
  }
  &.accordion{
    .bt-submenu{
      height:0px;
      opacity:0;
      overflow: hidden;
      transition-property: transform, opacity, height !important;
      left:0px!important;
      margin: 0px !important;
      &.reveal{
        position: absolute;
        height:auto!important;
      }
      &.flyIn{
        transform: translate(0px, 0px)!important;
        opacity:1!important;
      }
      &.open {
        display: block!important;
        position: relative;
        width: auto!important;
      }
    }
    .has-children{
      position: relative;
      & > :first-child{
        position: relative;
        &:after {
          display:block!important;
          content: "\f107";
          font-family: FontAwesome;
          position: absolute;
          right: 20px!important;
          -webkit-transform: translateY(-45%);
          -moz-transform: translateY(-45%);
          -ms-transform: translateY(-45%);
          -o-transform: translateY(-45%);
          transform: translateY(-45%);
          top: 50%;
          color:@tuningnavbarHText!important;
          cursor:pointer;
        }
      }
    }
  }
  .bt-submenu{
    z-index:89!important;
  }
}




// CMS Specific Styles

.cmsORX, .cmsDNN, .cmsKENTICO, .cmsUMB{
  #MenuH{
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt,
.submenu > .mi:hover > .txt,
.submenu > .megamenu-row > .mi:hover > .txt,
.submenu > .mi.current > .txt,
.submenu > .megamenu-row > .mi.current > .txt{
      padding: 12px 14px;
    }
  }
  #MenuV{
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt,
.submenu > .mi:hover > .txt,
.submenu > .megamenu-row > .mi:hover > .txt,
.submenu > .mi.current > .txt,
.submenu > .megamenu-row > .mi.current > .txt{
      padding: 12px 14px;
    }
  }
}

.cmsSP{
  #MenuV.default:not(.defaultplus) .bt-submenu{
    transform: translate(0px, 0px)!important;
    display: block !important;
    position: relative!important;
    opacity: 1!important;
    margin-left: 0px!important;
    left: 0px!important;
  }
}

.additional-background{
  background: none!important;
}

.sub-menu-position{
  display:block!important;
  margin:0px!important;
}

.ms-navedit-editSpan {
  padding: 10px;
  position: relative;
  display: block;
}
.ms-navedit-editSpan span {
  color: @tuningnavbarHText!important;
}
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
  padding-right: 0px!important;
}


// IE RANDOM IFRAME FIX

#MenuH iframe{
   display: none !important;
}

@media only screen and (max-width: 991px) {
  .navbar-collapse.collapse-nav.collapsing{
    overflow: hidden!important;
  }
  #offcanvasButton{
    background:none!important;
  }
  .cmsKENTICO{
    #MenuH{
      .Horizontal ul, .Vertical ul{
        white-space: normal;
      }
    }
  }
  .navbar-collapse.collapse.in,.navbar-collapse.collapsing{
    #MenuH{
.menu > .mi, .menu > .mi:hover, .menu > .mi.current{
        line-height: 0px!important;
        border:none!important;
      }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 45px!important;
      }
.menu > .mi,
.menu > .mi:hover,
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon,
.menu > .mi:hover > .txt,
.menu > li:hover > .bt-extra-links-icon,
.menu > .mi.current,
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon,
selected{
        font-size:16px!important;
      }
.menu > .mi:hover,
.menu > .mi:hover > .txt,
.menu > li:hover > .bt-extra-links-icon,
.menu > .mi.current,
.menu > .mi.current > .txt{
        box-shadow:none!important;
      }

    }
  }

  .collapse-tablet{
    .navbar{
      min-height:0!important;
    }
    .navbar-toggle{
      min-width: 30px!important;
      border:none!important;
      box-shadow:none!important;
      background:none!important;
      &:hover, &:active,&:focus{
        border:none!important;
        box-shadow:none!important;
        background:none!important;
        outline: none!important;
      }
    }
    .navbar-collapse{
      padding:0px!important;
    }

    #MenuH{
      display:block;
      width:100%;
      overflow: hidden!important;
      padding:0px!important;
      .bt-masterUL{
        text-align: left!important;
      }

      li > a{
        padding: 0px!important;
      }
.submenu{
        border-radius:0px!important;
      }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon,.menuhitemm,.menu{
        background:none!important;
        box-shadow:none!important;
        padding: 0;
        display: block!important;
      }
      .has-children{
        position: relative;
        & >:first-child{
          position: relative;
          &:after {
            display:block!important;
            content: "\f107"!important;
            font-family: FontAwesome;
            position: absolute;
            right: 20px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%); /*this one is for ie9 up */
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            color:@tuningnavbarHText;
            cursor:pointer;
          }
        }
      }
      .onClick.has-children > :first-child:after{
        content: "\f106"!important;
      }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
        padding: 0 15px!important;
        line-height: 45px!important;
      }
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt,
.submenu > .mi:hover > .txt,
.submenu > .megamenu-row > .mi:hover > .txt{
        padding: 4px 10px 4px 25px !important;
        line-height:1.8em!important;
      }
      li.more{
        display:none!important;
      }
      .bt-submenu{
        box-shadow: none!important;
        border:none!important;
        position: relative;
        left: 0px!important;
        top:0px!important;
        br{
          display:none!important;
        }
      }
      div, ul, li,a{
        width:100%!important;
        min-height:0px!important;
      }
.menu > .mi,
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
        width:100%!important;
      }
      ul.bt-masterUL > li.has-children > ul.bt-submenu{
        height:0px;
        opacity:0;
        overflow: hidden;
        transition: all .3s ease!important;
        top: auto;
        left: auto!important;
        width: auto!important;
        min-width: 100%!important;
        max-width:9999px!important;
        & > li{
          min-width: 100%!important;
          max-width:99999px!important;
        }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
          font-size:100%!important;
        }
&.sub-sub .menu > .mi > .txt,
&.sub-sub .menu > li > .bt-extra-links-icon{
          padding-left:20px!important;
          font-size:90%!important;
        }
        &.reveal{
          position: absolute;
          height:auto!important;
        }
        &.open{
          opacity: 1!important;
          display: block;
          position: static;
        }
      }
      .ms-core-listMenu-horizontalBox .dynamic-children.additional-background{
        background:none!important;
      }
    }


    #MenuV.default{
      .bt-submenu{
        height:auto!important;
        opacity:1!important;
        display:block!important;
        position: relative!important;
        transform: translate(0px, 0px)!important;
        display: block !important;
        position: relative!important;
        box-shadow:none!important;
      }
    }
    &.cmsSP #MenuV.default .bt-submenu{
      display: inline !important;
      .sub-sub.bt-submenu{
        display: none!important;
      }
    }
    .navbar-header {
      float: none;
    }
    .navbar-toggle {
      display: block!important;
    }
    .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
      display: none!important;
    }
    .navbar-collapse.collapse.in {
      display: block!important;
    }
    .navbar-nav {
      float: none!important;
      margin: 7.5px -15px;
    }
    .navbar-nav>li {
      float: none;
    }
    .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  }
}
@media only screen and (max-width: 767px) {
  .navbar{
    min-height:0!important;
  }
  header{
    overflow: hidden!important;
  }
  .hide-br{
    display:none!important;
  }
  .navbar-collapse{
    padding:0px!important;
  }
  .navbar-toggle{
    min-width: 30px!important;
    border:none!important;
    box-shadow:none!important;
    background:none!important;
    &:hover, &:active,&:focus{
      border:none!important;
      box-shadow:none!important;
      background:none!important;
      outline: none!important;
    }
  }

  #MenuH{
    display:block;
    width:100%;
    overflow: hidden!important;
    padding:0px!important;
    .bt-masterUL{
      text-align: left!important;
    }

    li > a{
      padding: 0px!important;
    }
.submenu{
      border-radius:0px!important;
    }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon,.menuhitemm,.menu{
      background:none!important;
      box-shadow:none!important;
      padding: 0;
      display: block!important;
    }
    .has-children{
      position: relative;
      & >:first-child{
        position: relative;
        &:after {
          display:block!important;
          content: "\f107"!important;
          font-family: FontAwesome;
          position: absolute;
          right: 20px;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%); /*this one is for ie9 up */
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          top: 50%;
          color:@tuningnavbarHText;
          cursor:pointer;
        }
      }
    }
    .onClick.has-children > :first-child:after{
      content: "\f106"!important;
    }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
      padding: 0 15px!important;
      line-height: 45px!important;
    }
.submenu > .mi > .txt,
.submenu > .megamenu-row > .mi > .txt,
.submenu > .mi:hover > .txt,
.submenu > .megamenu-row > .mi:hover > .txt{
      padding: 4px 10px 4px 25px !important;
      line-height:1.8em!important;
    }
    li.more{
      display:none!important;
    }
    .bt-submenu{
      box-shadow: none!important;
      border:none!important;
      position: relative;
      left: 0px!important;
      top:0px!important;
      br{
        display:none!important;
      }
    }
    div, ul, li,a{
      width:100%!important;
      min-height:0px!important;
    }
.menu > .mi,
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
      width:100%!important;
    }
    ul.bt-masterUL > li.has-children > ul.bt-submenu{
      height:0px;
      opacity:0;
      overflow: hidden;
      transition: all .3s ease!important;
      top: auto;
      left: auto!important;
      width: auto!important;
      min-width: 100%!important;
      max-width:9999px!important;
      & > li{
        min-width: 100%!important;
        max-width:99999px!important;
      }
.menu > .mi > .txt,
.menu > li > .bt-extra-links-icon{
        font-size:100%!important;
      }
&.sub-sub .menu > .mi > .txt,
&.sub-sub .menu > li > .bt-extra-links-icon{
        padding-left:20px!important;
        font-size:90%!important;
      }
      &.reveal{
        position: absolute;
        height:auto!important;
      }
      &.open{
        opacity: 1!important;
        display: block;
        position: static;
      }
    }
    .ms-core-listMenu-horizontalBox .dynamic-children.additional-background{
      background:none!important;
    }
  }


  #MenuV.default{
    .bt-submenu{
      height:auto!important;
      opacity:1!important;
      display:block!important;
      position: relative!important;
      transform: translate(0px, 0px)!important;
      display: block !important;
      position: relative!important;
      box-shadow:none!important;
    }
  }
  &.cmsSP #MenuV.default .bt-submenu{
    display: inline !important;
  }
}

#offcanvasButton{
  display:none;
  .rotate-icon{
    --webkit-transform: rotatey(150deg);
    transform: rotatey(150deg);
  }
}

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

  .offcanvas-tablet{
    #MenuV.default{
      .bt-submenu{
        left: 0px!important;
        border: none;
      }
    }
    #MenuV.accordion{
      .bt-submenu{
        height:0px;
        opacity:0;
        overflow: hidden;
        transition-property: transform, opacity, height !important;
        left:0px!important;
        border: none;
        transform: translate(0px, 0px) !important;
        &.reveal{
          position: absolute;
          height:auto!important;
        }
        &.flyIn{
          transform: translate(0px, 0px)!important;
          opacity:1!important;
        }
        &.open {
          position: relative;
          width: auto!important;
          height: auto!important;
          opacity: 1!important;
          overflow: visible;
        }
      }
    }
    .mobile-trigger{
      overflow: hidden;
    }
    #offcanvasButton{
      display:block!important;
    }
    .row-offcanvas,
    #bt-sidebar {
      -webkit-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
    }
    #bt-sidebar {
      background: #fff;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      height: auto!important;
      min-height:100%!important;
      padding: 0;
      position: absolute!important;
      top: 0;
      width: 64%;
      z-index: 99999;
      overflow: auto;
    }
    .row-offcanvas {
      left: 0;
    }
    .row-offcanvas #bt-sidebar {
      left: -100%;
    }
    .row-offcanvas.active #bt-sidebar {
      left: 0;
    }
    #bt-sidebar #MenuV {
      box-shadow: none!important;
    }
    #bt-sidebar #MenuV .root > li > .menu-item > span > .menu-item-text,
    #bt-sidebar #MenuV .ms-core-listMenu-heading .ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > .ms-navedit-dropNode > table .menu-item .menu-item-text,
    #bt-sidebar #MenuV ul.ms-storefront-list > li > a,
    #bt-sidebar #MenuV .ms-ref-refinername .ms-displayInlineBlock,
    #bt-sidebar #MenuV .ms-webpart-chrome .ms-core-listMenu-item,
    #bt-sidebar #MenuV .s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:link span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:visited span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:active span.ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > li > .menu-item > span > .menu-item-text,
    #bt-sidebar #MenuV .ms-core-listMenu-heading .ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > .ms-navedit-dropNode > table .menu-item .menu-item-text,
    #bt-sidebar #MenuV ul.ms-storefront-list > li > a,
    #bt-sidebar #MenuV .ms-ref-refinername .ms-displayInlineBlock,
    #bt-sidebar #MenuV .ms-webpart-chrome .ms-core-listMenu-item,
    #bt-sidebar #MenuV .s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:link span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:visited span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:active span.ms-splinkbutton-text,
    #bt-sidebar #MenuV hover,
    #bt-sidebar #MenuV .root > li > .menu-item > span > .menu-item-text,
    #bt-sidebar #MenuV .ms-core-listMenu-heading .ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > .ms-navedit-dropNode > table .menu-item .menu-item-text,
    #bt-sidebar #MenuV ul.ms-storefront-list > li > a,
    #bt-sidebar #MenuV .ms-ref-refinername .ms-displayInlineBlock,
    #bt-sidebar #MenuV .ms-webpart-chrome .ms-core-listMenu-item,
    #bt-sidebar #MenuV .s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:link span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:visited span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:active span.ms-splinkbutton-text,
    #bt-sidebar #MenuV selected {
      font-size: 16px;
      position: relative;
    }
  }
}
@media only screen and (max-width: 767px) {
  #MenuV.default{
    .bt-submenu{
      left:0px!important;
    }
  }
  #MenuV.accordion{
    .bt-submenu{
      height:0px;
      opacity:0;
      overflow: hidden;
      transition-property: transform, opacity, height !important;
      left:0px!important;
      &.reveal{
        position: absolute;
        height:auto!important;
      }
      &.flyIn{
        transform: translate(0px, 0px)!important;
        opacity:1!important;
      }
      &.open {
        position: relative;
        width: auto!important;
        height: auto!important;
        opacity: 1!important;
        overflow: visible;
      }
    }
  }
  .mobile-trigger{
    overflow: hidden;
  }
  .offcanvas-phone{
    #offcanvasButton{
      display:block!important;
    }
    .row-offcanvas,
    #bt-sidebar {
      -webkit-transition: all 0.25s ease-out;
      -o-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
    }
    #bt-sidebar {
      background: #fff;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      height: auto!important;
      min-height:100%!important;
      padding: 0;
      position: absolute!important;
      top: 0;
      width: 64%;
      z-index: 99999;
      overflow: auto;
      .bt-submenu{
        border: none;
      }
    }
    .row-offcanvas {
      left: 0;
    }
    .row-offcanvas #bt-sidebar {
      left: -100%;
    }
    .row-offcanvas.active #bt-sidebar {
      left: 0;
    }
    #bt-sidebar #MenuV {
      box-shadow: none!important;
    }
    #bt-sidebar #MenuV .root > li > .menu-item > span > .menu-item-text,
    #bt-sidebar #MenuV .ms-core-listMenu-heading .ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > .ms-navedit-dropNode > table .menu-item .menu-item-text,
    #bt-sidebar #MenuV ul.ms-storefront-list > li > a,
    #bt-sidebar #MenuV .ms-ref-refinername .ms-displayInlineBlock,
    #bt-sidebar #MenuV .ms-webpart-chrome .ms-core-listMenu-item,
    #bt-sidebar #MenuV .s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:link span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:visited span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:active span.ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > li > .menu-item > span > .menu-item-text,
    #bt-sidebar #MenuV .ms-core-listMenu-heading .ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > .ms-navedit-dropNode > table .menu-item .menu-item-text,
    #bt-sidebar #MenuV ul.ms-storefront-list > li > a,
    #bt-sidebar #MenuV .ms-ref-refinername .ms-displayInlineBlock,
    #bt-sidebar #MenuV .ms-webpart-chrome .ms-core-listMenu-item,
    #bt-sidebar #MenuV .s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:link span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:visited span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:active span.ms-splinkbutton-text,
    #bt-sidebar #MenuV hover,
    #bt-sidebar #MenuV .root > li > .menu-item > span > .menu-item-text,
    #bt-sidebar #MenuV .ms-core-listMenu-heading .ms-splinkbutton-text,
    #bt-sidebar #MenuV .root > .ms-navedit-dropNode > table .menu-item .menu-item-text,
    #bt-sidebar #MenuV ul.ms-storefront-list > li > a,
    #bt-sidebar #MenuV .ms-ref-refinername .ms-displayInlineBlock,
    #bt-sidebar #MenuV .ms-webpart-chrome .ms-core-listMenu-item,
    #bt-sidebar #MenuV .s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:link span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:visited span.ms-splinkbutton-text,
    #bt-sidebar #MenuV a.s4-qlheader:active span.ms-splinkbutton-text,
    #bt-sidebar #MenuV selected {
      font-size: 16px;
      position: relative;
    }
  }
}

/**********************************************************************************************************************************/
/* MANUAL STYLES DEFINED AFTER PACKAGE GENERATION *********************************************************************************/
/**********************************************************************************************************************************/

/* DNN */

#User .userMessages a,
#User .userNotifications a					{ display:block; height:14px; padding: 0 0 0 18px !important; position:relative; }

#User .userMessages span,
#User .userNotifications span				{ background:#c00; border-radius:90px; color:#fff; font-family:@tuningbaseFontFamily; font-size:10px; font-weight:bold; height:16px; left:-8px;line-height:16px; padding:2px; position:relative; text-align:center; top:-3px; vertical-align:bottom; width:16px; z-index:9999; }

#User .userMessages strong:before 			{ content: "\f0e0"; }
#User .userNotifications strong:before		{ content:"\f05a"; }
#User .registerGroup li						{ border-right:none; padding:0; }
#User .registerGroup .userProfileImg a  	{ opacity:1; }
#User .registerGroup .userProfileImg a img	{ border-radius:90px; height:20px; width:20px; }
#User .registerGroup a						{ padding:0; }
#User .registerGroup a strong				{ display:block; font-size:14px; font-family: FontAwesome; font-weight: normal; font-style: normal; height:25px; left:0; line-height:25px; overflow:hidden; position:absolute; top:-2px; text-decoration: inherit; width:14px; -webkit-font-smoothing: antialiased; }
.registerGroup, .registerGroup *,
.loginGroup, .loginGroup *					{ vertical-align:top; }
























































