/* . GENERAL LESS - GLOBAL CONFIG (CLASSES) . */
@font-face {
  font-family: 'loraitalic';
  src: url('../font/lora-italic-webfont.eot');
  src: url('../font/lora-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../font/lora-italic-webfont.woff') format('woff'), url('../font/lora-italic-webfont.ttf') format('truetype'), url('../font/lora-italic-webfont.svg#loraitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('../font/roboto-light-webfont.eot');
  src: url('../font/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-light-webfont.woff2') format('woff2'), url('../font/roboto-light-webfont.woff') format('woff'), url('../font/roboto-light-webfont.ttf') format('truetype'), url('../font/roboto-light-webfont.svg#robotolight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'roboto';
  src: url('../font/roboto-regular-webfont.eot');
  src: url('../font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/roboto-regular-webfont.woff2') format('woff2'), url('../font/roboto-regular-webfont.woff') format('woff'), url('../font/roboto-regular-webfont.ttf') format('truetype'), url('../font/roboto-regular-webfont.svg#robotoregular') format('svg');
  font-weight: bold;
  font-style: normal;
}
/* . GLOBAL VARS . */
/*
 *
 *  PINAXO UI Colors
 *
 */
._tal {
  text-align: left;
}
._tar {
  text-align: right;
}
._tac {
  text-align: center;
}
._dn {
  display: none;
}
._db {
  display: block;
}
._vh {
  visibility: hidden;
}
._pa {
  position: absolute;
}
._pr {
  position: relative;
}
._pf {
  position: fixed;
}
.button {
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 16px;
  padding: 6px 12px 6px 12px;
}
.button-home {
  position: relative;
  top: 12px;
}
.button-subscribe {
  background: #d41144;
  color: #fff;
}
.button-subscribe:hover {
  background: #302222;
  color: #fff;
  text-decoration: none;
}
.button-login {
  background: #1660a3;
  color: #fff;
}
.button-login:hover {
  background: #104575;
  color: #fff;
  text-decoration: none;
}
.app-bg-dark {
  background: #000000;
}
.app-bg-darker {
  background: rgba(0, 0, 0, 0.5);
}
/*
 *
 * FSMESSAGE
 *
 */
.fsmessage-container-default {
  background-repeat: repeat;
  background-position: 0px 0px;
  z-index: 99999;
}
.fsmessage-default-deskop {
  display: block;
  overflow: hidden;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
}
.fsmessage-default-mobile {
  display: block;
  overflow: hidden;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
}
.fsmessage-default-text {
  font-family: "Lucida Grande", Helvetica, Sans-serif;
}
/*
 *
 * FSMESSAGE SESSION CLOSE
 *
 */
.fsmessage-session-close-desktop {
  display: block;
  width: 100%;
  font-size: 30px;
  text-align: center;
  font-family: "Lucida Grande", Helvetica, Sans-serif;
  color: #fff;
}
.fsmessage-session-close-mobile {
  display: block;
  width: 100%;
  font-size: 18px;
  text-align: center;
  font-family: "Lucida Grande", Helvetica, Sans-serif;
  color: #fff;
}
.sessionCloseBackground {
  z-index: 99999;
  background-color: rgba(128, 0, 0, 0.85);
}
.blur {
  -webkit-backdrop-filter: blur(2px);
  -moz-backdrop-filter: blur(2px);
  -ms-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
/*
 *
 *  PINAXO UI Fonts
 *
 */
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.restricted-price-lists {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: -40px;
  width: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.35);
}
body {
  padding-top: 70px;
  padding-bottom: 0px;
  /* @library-padding-bottom; */
  background-color: #e9e9df;
}
body.swap {
  background-color: #f0f0e6;
}
body.tutorials {
  background-color: #fafafa;
}
body.pinaxoback,
body.homepage {
  background-color: #fff;
  padding-top: 0px;
  font-family: "roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
body.pinaxoback h1,
body.homepage h1,
body.pinaxoback h2,
body.homepage h2,
body.pinaxoback h3,
body.homepage h3,
body.pinaxoback h4,
body.homepage h4,
body.pinaxoback h5,
body.homepage h5,
body.pinaxoback h6,
body.homepage h6 {
  font-weight: normal;
}
body.pinaxoback .btn,
body.homepage .btn {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  text-shadow: 0px 0px 0px transparent;
  -webkit-border-radius: 16px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 16px;
  -moz-background-clip: padding;
  border-radius: 16px;
  background-clip: padding-box;
}
body.pinaxoback .btn-large,
body.homepage .btn-large {
  padding: 15px 32px;
  font-size: 1.4em;
  font-weight: normal;
  -webkit-border-radius: 24px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 24px;
  -moz-background-clip: padding;
  border-radius: 24px;
  background-clip: padding-box;
}
body.pinaxoback .btn-primary,
body.homepage .btn-primary {
  background: #b5b79a;
  color: #fff;
  border: 0px solid transparent;
}
body.pinaxoback .btn-inverse,
body.homepage .btn-inverse {
  background: #555;
}
body.pinaxoback .btn-explore,
body.homepage .btn-explore {
  background: rgba(0, 0, 0, 0.4);
  margin: 40px;
}
body.pinaxoback {
  background: #f0f0e6;
  padding-top: 80px;
}
body.pinaxoback .well {
  background: transparent;
  border: 1px solid #aaa;
}
body.pinaxoback .btn {
  color: #000;
  border: 1px solid #333;
}
body.pinaxoback .btn-primary {
  color: #fff;
  border: 0px solid transparent;
  padding-left: 45px;
  padding-right: 45px;
}
body.pinaxoback .btn-danger {
  background: #ff967a;
  color: #fff;
  border: 0px solid transparent;
  padding-left: 45px;
  padding-right: 45px;
}
@media (max-width: 767px) {
  body {
    padding-top: 0px;
  }
}
a {
  color: #555;
}
a:hover,
a:active {
  color: #000;
  outline: 0;
}
.mypinaxo-restricted-page-text {
  color: #222;
}
.row-dark,
.row-light,
.row-video {
  background-color: #444;
}
.row-light {
  background-color: #f0f0e6;
}
.row-video {
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 767px) {
  .row-dark {
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
  }
}
.center {
  text-align: center;
}
.sidebar-nav {
  padding: 9px 0;
}
.icon-occasional {
  position: absolute;
  bottom: 5px;
  right: -15px;
  -webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.dp-text {
  letter-spacing: 1px;
  color: #fff;
  background-color: #135fa2;
  font-weight: 500;
}
.dp-discover {
  letter-spacing: 1px;
  color: #fff;
  background-color: #105088;
  font-weight: 500;
  text-align: center;
}
.dp-discover a {
  color: #fff;
}
.angaisa-text {
  letter-spacing: 1px;
  color: #222;
  background-color: #fff;
  font-weight: 500;
}
.angaisa-excel-text {
  letter-spacing: 1px;
  color: #000;
  background-color: #ddd;
  font-weight: 500;
}
.nav-list li.nav-header-search {
  text-align: center;
}
.nav-list li.searchQueryItemValue {
  font-size: 1.4em;
  text-align: center;
}
.nav-list li a {
  margin-left: -15px;
  margin-right: -15px;
}
.nav-list li a:hover,
.nav-list li a.key-hover {
  background: #AAA;
  color: #000;
}
.nav-list li.active a {
  background: #555;
}
.nav-list li.active a:hover {
  background: #333;
}
.navbar-homepage {
  margin-bottom: 0px;
}
.navbar-homepage .navbar-inner {
  padding-top: 15px;
  min-height: 60px;
}
.navbar-homepage .navbar-inner .brand {
  padding: 0px;
}
.navbar-homepage .navbar-inner .brand img {
  width: 112px;
}
.navbar-homepage .navbar-inner .nav-span {
  height: 45px;
}
.navbar-homepage .navbar-inner .nav-span .nav-left {
  float: left;
}
.navbar-homepage .navbar-inner .nav-span .nav-right {
  float: right;
}
.navbar-homepage .navbar-inner .nav-span ul.nav {
  margin-top: 13px;
}
.navbar-homepage .navbar-inner .nav-span ul.nav li {
  font-size: 1em;
}
.navbar-homepage .navbar-inner .nav-span ul.nav li a {
  padding-top: 0px;
}
.navbar-homepage .navbar-inner .nav-span ul.nav li a.btn-menu {
  position: relative;
  top: -8px;
  background: #f0f0e6;
  padding-top: 4px;
  padding-bottom: 5px;
  border: 0px solid transparent;
  font-size: 1.1em;
  -webkit-border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 8px;
  -moz-background-clip: padding;
  border-radius: 8px;
  background-clip: padding-box;
}
.navbar-homepage .navbar-inner .nav-span ul.nav li a.btn-login {
  background: #fad737;
  color: #222;
  top: -19px;
}
.navbar-homepage .navbar-inner .nav-span ul.nav li a.btn-important {
  position: relative;
  top: -8px;
  background: #444;
  padding-top: 4px;
  padding-bottom: 5px;
  border: 0px solid transparent;
  font-size: 1.1em;
  text-shadow: 0px 1px 0px #888;
  color: #ddd;
  -webkit-border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 8px;
  -moz-background-clip: padding;
  border-radius: 8px;
  background-clip: padding-box;
}
.navbar-homepage .navbar-inner .nav-span ul.nav li a.btn-important:hover {
  background: #222 !important;
}
.navbar-homepage .navbar-inner .nav-span .btn-lang {
  color: #666;
  border-radius: 8px;
  background-color: #f0f0e6;
  font-family: 'roboto';
  font-size: 1.1em;
  margin-top: 8px;
}
.navbar-homepage .navbar-inner .nav-span .btn-lang:hover {
  color: #000;
}
.navbar-cookies {
  display: inline-block;
  background-color: #f0f0e6;
  border: 1px solid;
  border-color: #ccb;
  border-radius: 16px;
  line-height: 165%;
  margin: 0px 10px 20px 10px;
  padding: 10px;
  color: #222;
}
.navbar-cookies strong {
  color: #000;
  font-weight: bold;
}
.navbar-cookies b {
  color: #000;
  font-weight: bold;
}
.navbar-mainmenu {
  z-index: 1035;
}
.navbar-mainmenu .navbar-inner {
  background-color: #ffffff;
  background-image: none;
  border-color: #e8e8e8;
  filter: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar-mainmenu .navbar-inner .navbar-center {
  position: absolute;
  top: -12px;
  left: 45%;
}
.navbar-mainmenu .navbar-inner .navbar-center.brand {
  width: 112px;
}
.navbar-mainmenu .navbar-inner .navbar-ctg-btn {
  /* font-family   :  @typographypinaxo; */
  background: #f0f0e6;
  border: 0px solid "roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: "roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  border-radius: 12px;
  position: absolute;
  left: 160px;
  text-shadow: none;
}
.navbar-mainmenu .navbar-inner .navbar-left {
  position: absolute;
  top: -12px;
}
.navbar-mainmenu .navbar-inner .navbar-left.brand {
  width: 112px;
}
.navbar-mainmenu .navbar-inner .dropdown .mainmenu {
  margin-left: -10px;
}
.navbar-mainmenu .navbar-inner .dropdown .mainmenu .icon-bar {
  background-color: #b1b293;
  margin-top: 3px;
  width: 18px;
  height: 2px;
  display: block;
  -webkit-border-radius: 1px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 1px;
  -moz-background-clip: padding;
  border-radius: 1px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.25 );
  -moz-box-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.25 );
  box-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.25 );
}
.navbar-mainmenu .navbar-inner .dropdown.open .mainmenu {
  background-color: #f0f0e6 !important;
}
.navbar-mainmenu .navbar-inner .dropdown-menu a:hover,
.navbar-mainmenu .navbar-inner .dropdown-menu a:focus {
  background: #f0f0e6;
  color: #52524e;
}
.navbar-mainmenu .navbar-inner .dropdown-menu > .active > a,
.navbar-mainmenu .navbar-inner .dropdown-menu > .active > a:hover,
.navbar-mainmenu .navbar-inner .dropdown-menu > .active > a:focus {
  background: #f0f0e6;
  color: #52524e;
}
.navbar-mainmenu-library {
  top: -10px;
}
.popover {
  z-index: 1035;
  overflow-wrap: break-word;
}
.popover .popover-title {
  background-color: #f0f0e6;
  color: #52524e;
}
#navbar-userprofile {
  color: #b1b293;
}
#navbar-userprofile-popover {
  display: none;
  visibility: hidden;
}
.profile-container .avatar {
  margin-top: 5px;
}
.profile-container h5 {
  margin-top: 0px;
  border-bottom: 1px dashed #aaa;
}
.profile-container h5.noedit {
  border: 0px;
}
.profile-container .input-medium {
  width: 100px;
}
.profile-container .editable-error-block {
  width: 225px;
  overflow-x: hidden;
}
.size-disclaimer {
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
}
.size-disclaimer h3 {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.size-disclaimer img {
  -webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.tooltip.bottom .tooltip-arrow {
  left: 50% !important;
  top: -2px;
  margin-left: -8px;
  border-width: 0px 8px 8px;
  border-bottom-color: #ffffff;
}
.tooltip.bottom .tooltip-inner {
  color: #555;
  padding: 10px 12px;
  font-size: 15px;
  background-image: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #f2f2f2 100%);
  background-image: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #f2f2f2 100%);
  background-image: linear-gradient(top, #fff 0%, #f2f2f2 100%);
  -pie-background: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
  -webkit-border-radius: 9px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 9px;
  -moz-background-clip: padding;
  border-radius: 9px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 2px 15px #888;
  -moz-box-shadow: 0px 2px 15px #888;
  box-shadow: 0px 2px 15px #888;
  behavior: url('/pie/PIE.htc');
}
.navbar-search-bar {
  top: 40px;
}
.navbar-search-bar .navbar-inner {
  background-color: #ffffff;
  background-image: none;
  border-color: #e8e8e8;
  padding: 5px 0px 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar-search-bar .navbar-inner .searchBrandsFieldWrapper {
  position: relative;
}
.navbar-search-bar .navbar-inner .searchBrandsFieldWrapper .navbar-search .search-shadow {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #f0f0e6;
  color: #e9e9df;
  margin-bottom: 0px;
  border: 1px solid #b1b293;
  padding: 4px 14px;
  padding-top: 9px;
  padding-left: 40px;
  height: 36px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  font-weight: normal;
  line-height: 1em;
  text-shadow: 0px 0px 0px transparent;
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -webkit-border-radius: 15px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 15px;
  -moz-background-clip: padding;
  border-radius: 15px;
  background-clip: padding-box;
}
.navbar-search-bar .navbar-inner .searchBrandsFieldWrapper .navbar-search .search-query {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #52524e;
  background-color: transparent;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvtJREFUeNrUmsFr2zAUxiNTmpsJhIGHwdktEAiUMkhOu+zYP3ct7NLLTimUYCgEcmsyAmUjMAI7pBfv0/oFNE1qLcl2nAcPp6HWez/pSXp6iiiKonPKcub6ghDiHI8MmkITaB8aQ7vKv+2hO+gW+gTdQNforOeqAUTZEYDjPTxG0CF04GFrBV1CF7D5q1EAOH+JxwV7PlTW0Bx257UDsNen0In8s8KRl0bvoLPQ0bACwPl3eHyCji3vPrM3N4zzLeM+5rxIOE/kqJ1b2niAfoMPPysFeMN52WMLGc94d1Ui/AacN3L+9KqG+A+AYfPZ4vyc8bv2WL0yzqNLC8StTziZltGpwXnZ8EzGbeG5cUhoQHzHxx+0oY6GtPcb+tW13ciw2kwMzsvemRWBu17xIrIjbtmuKhPa9wNg6FwYVhvp+EOVmw/bm+lRJu3TD68RGBnW+TmXuzrkju2rktEPNwCmB0ND6ORFTckS280NoTSkP04jkBnSg4XPauM6sbkkqzJw2fEPAKlhk1o2lFAuaU+V1BUg0fOVMptURaOw4o6uSuIK0Ne+3zSc1uv2+q4Asfb9U8MAur3YFaCrfb9tGEC31/XaiRXZNQzgbc8GEDcMEIcC7H0nUUWi29u7Aux8l7GKJPENqcgyidKGAVLfRSSyLGMZT1K1C+1kvst4ZNlITMldXTI0nJk3rgBr1m1UGfEYWGfvm9JnU2rxOgArZnry1uMBQ9TkvOABSj/ALF0qeOo+sDCQm46YVcnEcMA3pdflAFgRyFl0+ueQj84aV9z7Yx7s9WJX7lqZiLTU1nSE/FtmgdFpaDiJF5mybKOHzqNPubEtdaHDCNyg7fsgABprsjIXBHHs2mgwxDGr04/QD5Z2S0Mc9X4A7X7E56sQiKPf0IRCCNe6VR13ZCEQoi23lL4QUaclQuduDJlAh1BXhGwngC9EqwB8IFoH4ArRSoCSEO9bDfAGhEwqr1sPYIGQzn85XLycdU5AJASPIjJsrtVbI3HqP7f5I8AALrmWJb0KH3oAAAAASUVORK5CYII=');
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 12px 6px;
  border-color: #b1b293;
  padding-top: 8px;
  padding-left: 40px;
  height: 36px;
  font-size: 1.4em;
  line-height: 1em;
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.navbar-search-bar .navbar-inner .searchBrandsFieldWrapper .navbar-search .search-query:focus,
.navbar-search-bar .navbar-inner .searchBrandsFieldWrapper .navbar-search .search-query.focused {
  padding-top: 8px;
  padding-left: 40px;
  background-position: 12px 6px;
  text-shadow: 0px 0px 0px transparent;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.navbar-search-bar .navbar-inner .searchBrandsFieldWrapper .search-cancel {
  position: absolute;
  top: 11px;
  right: 6px;
  background-repeat: no-repeat;
  background-position: 12px 10px;
  height: 36px;
  font-size: 1.4em;
  line-height: 1em;
  display: none;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
#hero-carousel,
#prices,
#manufacturers-carousel,
#thankyou-carousel,
#footer-carousel {
  margin-bottom: 0px;
}
#hero-carousel .item img.wallpaper,
#prices .item img.wallpaper,
#manufacturers-carousel .item img.wallpaper,
#thankyou-carousel .item img.wallpaper,
#footer-carousel .item img.wallpaper {
  width: 100%;
}
#hero-carousel .item .carousel-caption,
#prices .item .carousel-caption,
#manufacturers-carousel .item .carousel-caption,
#thankyou-carousel .item .carousel-caption,
#footer-carousel .item .carousel-caption {
  top: 100px;
  bottom: auto;
  background: transparent;
}
#hero-carousel .item .carousel-caption .hero-txt,
#prices .item .carousel-caption .hero-txt,
#manufacturers-carousel .item .carousel-caption .hero-txt,
#thankyou-carousel .item .carousel-caption .hero-txt,
#footer-carousel .item .carousel-caption .hero-txt,
#hero-carousel .item .carousel-caption .moreinfo-txt,
#prices .item .carousel-caption .moreinfo-txt,
#manufacturers-carousel .item .carousel-caption .moreinfo-txt,
#thankyou-carousel .item .carousel-caption .moreinfo-txt,
#footer-carousel .item .carousel-caption .moreinfo-txt,
#hero-carousel .item .carousel-caption .manufacturers-txt,
#prices .item .carousel-caption .manufacturers-txt,
#manufacturers-carousel .item .carousel-caption .manufacturers-txt,
#thankyou-carousel .item .carousel-caption .manufacturers-txt,
#footer-carousel .item .carousel-caption .manufacturers-txt {
  color: #fff;
  padding-bottom: 65px;
  font-size: 2.5em;
  line-height: 1.3em;
}
#hero-carousel .item .carousel-caption .moreinfo-txt,
#prices .item .carousel-caption .moreinfo-txt,
#manufacturers-carousel .item .carousel-caption .moreinfo-txt,
#thankyou-carousel .item .carousel-caption .moreinfo-txt,
#footer-carousel .item .carousel-caption .moreinfo-txt,
#hero-carousel .item .carousel-caption .manufacturers-txt,
#prices .item .carousel-caption .manufacturers-txt,
#manufacturers-carousel .item .carousel-caption .manufacturers-txt,
#thankyou-carousel .item .carousel-caption .manufacturers-txt,
#footer-carousel .item .carousel-caption .manufacturers-txt {
  color: #b5b79a;
  padding-bottom: 45px;
}
#hero-carousel .item .carousel-caption .moreinfo-description,
#prices .item .carousel-caption .moreinfo-description,
#manufacturers-carousel .item .carousel-caption .moreinfo-description,
#thankyou-carousel .item .carousel-caption .moreinfo-description,
#footer-carousel .item .carousel-caption .moreinfo-description,
#hero-carousel .item .carousel-caption .manufacturers-description,
#prices .item .carousel-caption .manufacturers-description,
#manufacturers-carousel .item .carousel-caption .manufacturers-description,
#thankyou-carousel .item .carousel-caption .manufacturers-description,
#footer-carousel .item .carousel-caption .manufacturers-description {
  color: #000;
  padding-bottom: 50px;
  line-height: 1.6em;
}
#hero-carousel .item .carousel-caption .manufacturers-description,
#prices .item .carousel-caption .manufacturers-description,
#manufacturers-carousel .item .carousel-caption .manufacturers-description,
#thankyou-carousel .item .carousel-caption .manufacturers-description,
#footer-carousel .item .carousel-caption .manufacturers-description {
  font-size: 1.4em;
  padding-bottom: 0px;
}
#hero-carousel .item .carousel-caption .manufacturers-description i,
#prices .item .carousel-caption .manufacturers-description i,
#manufacturers-carousel .item .carousel-caption .manufacturers-description i,
#thankyou-carousel .item .carousel-caption .manufacturers-description i,
#footer-carousel .item .carousel-caption .manufacturers-description i {
  color: #b5b79a;
}
#hero-carousel .item .carousel-caption .accordion-group,
#prices .item .carousel-caption .accordion-group,
#manufacturers-carousel .item .carousel-caption .accordion-group,
#thankyou-carousel .item .carousel-caption .accordion-group,
#footer-carousel .item .carousel-caption .accordion-group {
  border: 0px solid transparent;
}
#hero-carousel .item .carousel-caption .accordion-group a,
#prices .item .carousel-caption .accordion-group a,
#manufacturers-carousel .item .carousel-caption .accordion-group a,
#thankyou-carousel .item .carousel-caption .accordion-group a,
#footer-carousel .item .carousel-caption .accordion-group a {
  text-decoration: none;
}
#hero-carousel .item .carousel-caption .accordion-group .accordion-heading .accordion-toggle,
#prices .item .carousel-caption .accordion-group .accordion-heading .accordion-toggle,
#manufacturers-carousel .item .carousel-caption .accordion-group .accordion-heading .accordion-toggle,
#thankyou-carousel .item .carousel-caption .accordion-group .accordion-heading .accordion-toggle,
#footer-carousel .item .carousel-caption .accordion-group .accordion-heading .accordion-toggle {
  padding-left: 0px;
}
#hero-carousel .item .carousel-caption .accordion-group .accordion-inner,
#prices .item .carousel-caption .accordion-group .accordion-inner,
#manufacturers-carousel .item .carousel-caption .accordion-group .accordion-inner,
#thankyou-carousel .item .carousel-caption .accordion-group .accordion-inner,
#footer-carousel .item .carousel-caption .accordion-group .accordion-inner {
  border: 0px solid transparent;
  padding-left: 0px;
}
#hero-carousel .item .carousel-caption table.price-table tr td,
#prices .item .carousel-caption table.price-table tr td,
#manufacturers-carousel .item .carousel-caption table.price-table tr td,
#thankyou-carousel .item .carousel-caption table.price-table tr td,
#footer-carousel .item .carousel-caption table.price-table tr td {
  padding-bottom: 12px;
}
#hero-carousel .item .carousel-caption table.price-table tr td.pt-users,
#prices .item .carousel-caption table.price-table tr td.pt-users,
#manufacturers-carousel .item .carousel-caption table.price-table tr td.pt-users,
#thankyou-carousel .item .carousel-caption table.price-table tr td.pt-users,
#footer-carousel .item .carousel-caption table.price-table tr td.pt-users {
  padding-left: 15px;
  text-align: right;
}
#hero-carousel .item .carousel-caption table.price-table tr td.pt-arrow,
#prices .item .carousel-caption table.price-table tr td.pt-arrow,
#manufacturers-carousel .item .carousel-caption table.price-table tr td.pt-arrow,
#thankyou-carousel .item .carousel-caption table.price-table tr td.pt-arrow,
#footer-carousel .item .carousel-caption table.price-table tr td.pt-arrow {
  padding-left: 20px;
  padding-right: 20px;
}
#hero-carousel .item .carousel-caption table.price-table tr td.pt-price,
#prices .item .carousel-caption table.price-table tr td.pt-price,
#manufacturers-carousel .item .carousel-caption table.price-table tr td.pt-price,
#thankyou-carousel .item .carousel-caption table.price-table tr td.pt-price,
#footer-carousel .item .carousel-caption table.price-table tr td.pt-price {
  text-align: right;
}
#hero-carousel .item .carousel-caption table.price-table tr td.pt-price .btn-price,
#prices .item .carousel-caption table.price-table tr td.pt-price .btn-price,
#manufacturers-carousel .item .carousel-caption table.price-table tr td.pt-price .btn-price,
#thankyou-carousel .item .carousel-caption table.price-table tr td.pt-price .btn-price,
#footer-carousel .item .carousel-caption table.price-table tr td.pt-price .btn-price,
#hero-carousel .item .carousel-caption table.price-table tr td.pt-price .btn-price-large,
#prices .item .carousel-caption table.price-table tr td.pt-price .btn-price-large,
#manufacturers-carousel .item .carousel-caption table.price-table tr td.pt-price .btn-price-large,
#thankyou-carousel .item .carousel-caption table.price-table tr td.pt-price .btn-price-large,
#footer-carousel .item .carousel-caption table.price-table tr td.pt-price .btn-price-large {
  background: #f0f0e6;
  border: 1px solid #b5b79a;
  padding: 8px 13px;
  width: 64px;
  -webkit-border-radius: 16px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 16px;
  -moz-background-clip: padding;
  border-radius: 16px;
  background-clip: padding-box;
}
#hero-carousel .item .carousel-caption table.price-table tr td.pt-price .btn-price-large,
#prices .item .carousel-caption table.price-table tr td.pt-price .btn-price-large,
#manufacturers-carousel .item .carousel-caption table.price-table tr td.pt-price .btn-price-large,
#thankyou-carousel .item .carousel-caption table.price-table tr td.pt-price .btn-price-large,
#footer-carousel .item .carousel-caption table.price-table tr td.pt-price .btn-price-large {
  width: 72px;
}
#hero-carousel .item .carousel-caption table.price-table tr td.pt-space,
#prices .item .carousel-caption table.price-table tr td.pt-space,
#manufacturers-carousel .item .carousel-caption table.price-table tr td.pt-space,
#thankyou-carousel .item .carousel-caption table.price-table tr td.pt-space,
#footer-carousel .item .carousel-caption table.price-table tr td.pt-space {
  width: 80px;
}
#hero-carousel .item .carousel-caption span.price-elem,
#prices .item .carousel-caption span.price-elem,
#manufacturers-carousel .item .carousel-caption span.price-elem,
#thankyou-carousel .item .carousel-caption span.price-elem,
#footer-carousel .item .carousel-caption span.price-elem {
  background: #f0f0e6;
  border: 1px solid #b5b79a;
  padding: 1px 8px 2px;
  text-align: center;
  -webkit-border-radius: 16px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 16px;
  -moz-background-clip: padding;
  border-radius: 16px;
  background-clip: padding-box;
}
#hero-carousel {
  margin-top: 75px;
}
#prices .item,
#manufacturers-carousel .item,
#thankyou-carousel .item {
  max-height: auto;
}
#prices .item .carousel-caption,
#manufacturers-carousel .item .carousel-caption,
#thankyou-carousel .item .carousel-caption {
  top: 80px;
}
#prices .item .carousel-caption .moreinfo-txt,
#manufacturers-carousel .item .carousel-caption .moreinfo-txt,
#thankyou-carousel .item .carousel-caption .moreinfo-txt {
  padding-bottom: 30px;
}
#prices .item .carousel-caption .moreinfo-description,
#manufacturers-carousel .item .carousel-caption .moreinfo-description,
#thankyou-carousel .item .carousel-caption .moreinfo-description {
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  #prices .item .carousel-caption,
  #manufacturers-carousel .item .carousel-caption,
  #thankyou-carousel .item .carousel-caption {
    top: 0px;
  }
}
#prices .item {
  min-height: 560px;
}
.container-homepage {
  padding-left: 0px;
  padding-right: 0px;
}
.container-homepage .arrow-down {
  margin: 0px auto;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 18px solid #444;
  width: 0px;
  height: 0px;
}
.container-homepage .row-sellingprops {
  color: #fff;
  padding-top: 100px;
  padding-bottom: 80px;
}
.container-homepage .row-sellingprops h3 {
  margin-top: 35px;
  font-size: 1.7em;
  line-height: 1.5em;
}
.container-homepage .row-explore {
  color: #fff;
  background-color: #000;
  padding-top: 120px;
  padding-bottom: 140px;
  background-image: url("/img/home/explore.jpg");
  background-size: cover;
  background-position: 50%;
}
.container-homepage .row-explore h3 {
  margin-top: 35px;
  font-size: 1.7em;
  line-height: 1.5em;
}
.container-homepage .row-keyfeatures {
  padding-top: 40px;
  padding-bottom: 60px;
}
.container-homepage .row-keyfeatures .keyfeature {
  text-align: center;
}
.container-homepage .row-keyfeatures .keyfeature img {
  width: 72px;
  height: 72px;
}
@media (max-width: 767px) {
  .container-homepage .row-keyfeatures {
    text-align: center;
  }
}
.container-homepage .row-posterframes {
  padding-top: 25px;
  padding-bottom: 100px;
}
.container-homepage .row-posterframes .thumbnails {
  margin-bottom: 0px;
}
.container-homepage .row-posterframes .thumbnails > li {
  margin-bottom: 0px;
}
.container-homepage .row-posterframes .thumbnails .thumbnail {
  padding: 0px;
  border: 0px solid transparent;
}
.container-homepage .row-posterframes .thumbnails .thumbnail img {
  width: 100%;
}
.container-homepage .row-posterframes .thumbnails p {
  margin-top: 15px;
}
.container-homepage .row-padded {
  padding-top: 100px;
  padding-bottom: 115px;
}
.container-homepage .row-logostitle {
  padding-bottom: 90px;
}
.container-homepage .row-logos img {
  padding-bottom: 80px;
  width: 100%;
}
.container-homepage .row-forcompanies {
  color: #fff;
  padding-top: 20px;
  padding-bottom: 35px;
  font-size: 1.3em;
}
.container-homepage .row-forcompanies a {
  color: #fff;
}
.container-homepage .row-forcompanies img {
  position: relative;
  top: 10px;
  padding-right: 20px;
  vertical-align: text-bottom;
}
.container-homepage .row-piva {
  color: #555;
  padding-top: 30px;
  padding-bottom: 50px;
}
.container-homepage .row-register,
.container-homepage .row-register-form {
  padding-top: 20px;
}
.container-homepage .row-register h1,
.container-homepage .row-register-form h1 {
  color: #b5b79a;
  padding-bottom: 65px;
  font-size: 2.5em;
  line-height: 1.3em;
}
.container-homepage .row-register form,
.container-homepage .row-register-form form {
  padding-top: 50px;
}
.container-homepage .row-register form input[type="text"],
.container-homepage .row-register-form form input[type="text"],
.container-homepage .row-register form input[type="password"],
.container-homepage .row-register-form form input[type="password"] {
  margin-bottom: 20px;
  padding: 6px 14px 3px;
  width: 100%;
  height: auto;
  font-family: "roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
}
.container-homepage .row-register form input[type="checkbox"],
.container-homepage .row-register-form form input[type="checkbox"] {
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 6px 14px 3px;
  height: auto;
  float: left;
}
.container-homepage .row-register form input[type="submit"],
.container-homepage .row-register-form form input[type="submit"] {
  margin-bottom: 30px;
  width: 100%;
}
.container-homepage .row-register form .form-label,
.container-homepage .row-register-form form .form-label {
  padding-top: 8px;
}
.container-homepage .row-register-form {
  padding-top: 0px;
}
.container-homepage .row-contacts {
  color: #d0d0d0;
  padding-top: 50px;
  padding-bottom: 1000px;
}
.container-homepage .row-contacts a {
  color: #d0d0d0;
  text-decoration: none;
}
.container-homepage .row-contacts h1 {
  color: #b5b79a;
  padding-bottom: 65px;
  font-size: 2.5em;
  line-height: 1.3em;
}
.container-homepage .row-contacts p {
  padding-bottom: 60px;
}
.container-homepage .row-contacts p b {
  color: #fff;
}
.container-homepage .row-contacts p strong {
  color: #fff;
}
.explore-trends {
  display: inline-block;
  color: #222;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 8px;
  padding: 4px 10px 2px;
  font-size: 1em;
  background: #888888;
  background: linear-gradient(90deg, rgba(136, 136, 136, 0.5) 0%, rgba(136, 136, 136, 0) 100%);
  height: 23px;
  display: block;
}
/* a fake document to store data L/C related data into the DOM */
.pxDocInfoL {
  display: none;
}
.pxDocInfoC {
  display: none;
}
.container-home {
  padding: 0px;
  color: #A0A0A0;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
}
.container-home .introMsg {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.container-home .viewFooter {
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: right;
  display: none;
}
.container-home .viewFooter .big {
  font-size: 2.5em;
  display: inline-block;
  vertical-align: sub;
}
.container-home .viewFooter .timespan {
  margin: 0px;
  width: auto;
  min-height: auto;
  display: inline;
  float: none;
}
.container-home .viewFooter a {
  text-decoration: none;
}
.container-home .viewFooter a:hover {
  text-decoration: none;
}
.container-home .pricelists {
  background: #f0f0e6;
  margin-top: 0px;
  min-height: 0px;
}
.container-home .catalogues {
  background: #e9e9df;
  min-height: 0px;
}
.container-home .container-list {
  text-align: center;
  padding-top: 50px;
  margin: 0px auto;
}
.container-home .container-trends {
  text-align: left;
  padding-top: 50px;
  margin: 0px auto;
}
.container-home .docList {
  min-height: 0px;
}
.container-home .docList .container-flatview {
  text-align: center;
  padding-top: 50px;
  margin: 0px auto;
}
.container-home .docList .container-flatview .pxBrandName,
.container-home .docList .container-flatview .pxBrandNotes,
.container-home .docList .container-flatview .pxBrandAdminNotes {
  text-align: left;
  display: inline-block;
  margin-left: 7px;
  margin-bottom: 7px;
  padding: 2px;
  width: 236px;
  min-height: 354px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-shadow: 0px 0px 0px transparent;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.container-home .docList .container-flatview .pxBrandName .brandName,
.container-home .docList .container-flatview .pxBrandNotes .brandName,
.container-home .docList .container-flatview .pxBrandAdminNotes .brandName {
  color: #444;
  margin-top: 40px;
  margin-left: 10px;
  width: 180px;
  padding: 5px 10px 5px;
  font-size: 2em;
  line-height: 1em;
}
.container-home .docList .container-flatview .pxBrandName .website,
.container-home .docList .container-flatview .pxBrandNotes .website,
.container-home .docList .container-flatview .pxBrandAdminNotes .website {
  color: #80807a;
  margin-top: 15px;
  margin-left: 10px;
  padding: 5px 10px 5px;
}
.container-home .docList .container-flatview .pxBrandName .website a,
.container-home .docList .container-flatview .pxBrandNotes .website a,
.container-home .docList .container-flatview .pxBrandAdminNotes .website a {
  color: #80807a;
}
.container-home .docList .container-flatview .pxBrandName .title,
.container-home .docList .container-flatview .pxBrandNotes .title,
.container-home .docList .container-flatview .pxBrandAdminNotes .title {
  display: inline-block;
  color: #333;
  margin-top: 10px;
  margin-left: 10px;
  padding: 2px 5px 2px;
  font-size: 1em;
  text-transform: uppercase;
}
.container-home .docList .container-flatview .pxBrandName .info,
.container-home .docList .container-flatview .pxBrandNotes .info,
.container-home .docList .container-flatview .pxBrandAdminNotes .info {
  color: #333;
  margin-top: 10px;
  margin-left: 10px;
  padding: 5px 10px 5px;
  font-size: 0.9em;
}
.container-home .docList .container-flatview .pxBrandName .validity,
.container-home .docList .container-flatview .pxBrandNotes .validity,
.container-home .docList .container-flatview .pxBrandAdminNotes .validity {
  position: relative;
  padding: 5px 10px 5px;
  height: 35px;
}
.container-home .docList .container-flatview .pxBrandName .validity .edit,
.container-home .docList .container-flatview .pxBrandNotes .validity .edit,
.container-home .docList .container-flatview .pxBrandAdminNotes .validity .edit {
  position: absolute;
  top: 5px;
  left: 93px;
  width: 50px;
  text-align: center;
  display: none;
}
.container-home .docList .container-flatview .pxBrandName .validity .edit a,
.container-home .docList .container-flatview .pxBrandNotes .validity .edit a,
.container-home .docList .container-flatview .pxBrandAdminNotes .validity .edit a {
  text-decoration: none;
}
.container-home .docList .container-flatview .pxBrandName .editable-popup,
.container-home .docList .container-flatview .pxBrandNotes .editable-popup,
.container-home .docList .container-flatview .pxBrandAdminNotes .editable-popup {
  width: 252px;
}
.container-home .docList .container-flatview .pxBrandName .editable-popup textarea,
.container-home .docList .container-flatview .pxBrandNotes .editable-popup textarea,
.container-home .docList .container-flatview .pxBrandAdminNotes .editable-popup textarea {
  width: 95%;
  height: 130px;
}
.container-home .docList .container-flatview .pxBrandNotes,
.container-home .docList .container-flatview .pxBrandName {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: left;
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.08), transparent 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.08), transparent 100%);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.08), transparent 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.08), transparent 100%);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.08), transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14000000', endColorstr='#00000000', GradientType=0);
}
.container-home .docList .container-flatview .pxBrandNotes .brandName,
.container-home .docList .container-flatview .pxBrandName .brandName {
  margin-top: 5px;
  width: 180px;
}
.container-home .docList .container-flatview .pxBrandNotes .title,
.container-home .docList .container-flatview .pxBrandName .title {
  background-color: #fad737;
  border-radius: 10px;
  border: 1px solid;
  border-color: #888;
}
.container-home .docList .container-flatview .pxBrandNotes .website,
.container-home .docList .container-flatview .pxBrandName .website {
  margin-top: 0px;
}
.container-home .docList .container-flatview .pxBrandAdminNotes {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: left;
  background: transparent;
  border-radius: 0px;
  border-right: 2px solid #333;
}
.container-home .docList .container-flatview .pxBrandAdminNotes .title {
  background-color: #333;
  color: #fff;
  border-radius: 0px;
}
.container-home .docList .container-flatview .pxBrandAdminNotes .title a {
  background-color: #333;
  color: #fff;
  border-radius: 0px;
}
.container-home .docList .container-flatview .pxDoc {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: left;
  background: #fff;
  margin-left: 7px;
  margin-bottom: 7px;
  padding: 2px;
  width: 236px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #fff 100%);
  background-image: -ms-linear-gradient(top, #f5f5f5 0%, #fff 100%);
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #fff 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #fff 100%);
  background-image: linear-gradient(top, #f5f5f5 0%, #fff 100%);
}
.container-home .docList .container-flatview .pxDoc .cover {
  position: relative;
  width: 236px;
  min-height: 300px;
  text-align: right;
  overflow: hidden;
  transition-property: transform;
  transition-duration: 0.2s;
}
.container-home .docList .container-flatview .pxDoc .cover img {
  width: 100%;
  float: right;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial {
  position: absolute;
  bottom: -50px;
  background: #1b1b1b;
  background: rgba(27, 27, 27, 0.5);
  width: 100%;
  height: 50px;
  -webkit-border-radius: 4px 4px 0px 0px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px 4px 0px 0px;
  -moz-background-clip: padding;
  border-radius: 4px 4px 0px 0px;
  background-clip: padding-box;
  background-image: -moz-linear-gradient(top, rgba( 34, 34, 34, 0.75 ) 0%, rgba( 17, 17, 17, 0.95 ) 100% );
  background-image: -ms-linear-gradient(top, rgba( 34, 34, 34, 0.75 ) 0%, rgba( 17, 17, 17, 0.95 ) 100% );
  background-image: -webkit-linear-gradient(top, rgba( 34, 34, 34, 0.75 ) 0%, rgba( 17, 17, 17, 0.95 ) 100% );
  background-image: -o-linear-gradient(top, rgba( 34, 34, 34, 0.75 ) 0%, rgba( 17, 17, 17, 0.95 ) 100% );
  background-image: linear-gradient(top, rgba( 34, 34, 34, 0.75 ) 0%, rgba( 17, 17, 17, 0.95 ) 100% );
  -pie-background: linear-gradient(to bottom, #222 0%, #111 100%);
  behavior: url('/pie/PIE.htc');
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial .wrapper {
  position: relative;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial .wrapper .dwn_size {
  position: absolute;
  top: 15px;
  left: 10px;
  color: #f5f5f5;
  text-shadow: none;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial .wrapper .dwn {
  position: absolute;
  right: 10px;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial .wrapper .dwn img {
  width: 25px;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial .wrapper .edit_doc {
  position: absolute;
  right: 45px;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial .wrapper .edit_doc img {
  width: 25px;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial .wrapper .delete_doc {
  position: absolute;
  right: 80px;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial .wrapper .delete_doc img {
  width: 25px;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial .wrapper .delete_page {
  position: absolute;
  right: 10px;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial .wrapper .delete_page img {
  width: 25px;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial .wrapper .edit_cover {
  position: absolute;
  right: 45px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial .wrapper .edit_cover img {
  width: 25px;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial .wrapper .edit_cover_text {
  position: absolute;
  top: 0px;
  right: 0px;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial-big.interstitial {
  bottom: -190px;
  height: 190px;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial-big.interstitial .wrapper .dwn_size,
.container-home .docList .container-flatview .pxDoc .cover .interstitial-big.interstitial .wrapper .dwn {
  top: 165px;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial-big.interstitial .wrapper .delete_doc,
.container-home .docList .container-flatview .pxDoc .cover .interstitial-big.interstitial .wrapper .overwrite_doc,
.container-home .docList .container-flatview .pxDoc .cover .interstitial-big.interstitial .wrapper .edit_doc {
  top: 160px;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial-big.interstitial .wrapper .edit_cover {
  top: 128px;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial-big.interstitial .wrapper .delete_page {
  top: 130px;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial-big.interstitial .wrapper .views_count {
  position: absolute;
  top: 15px;
  left: 10px;
  color: #f5f5f5;
  text-shadow: none;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial-big.interstitial .wrapper .notes_count {
  position: absolute;
  top: 45px;
  left: 10px;
  color: #f5f5f5;
  text-shadow: none;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial-big.interstitial .wrapper .pdf_uploaded {
  position: absolute;
  top: 75px;
  left: 10px;
  color: #f5f5f5;
  text-shadow: none;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial-big.interstitial .wrapper .pdf_modified {
  position: absolute;
  top: 105px;
  left: 10px;
  color: #f5f5f5;
  text-shadow: none;
}
.container-home .docList .container-flatview .pxDoc .cover .interstitial-big.interstitial .wrapper .pdf_pagescount {
  position: absolute;
  top: 135px;
  left: 10px;
  color: #f5f5f5;
  text-shadow: none;
}
.container-home .docList .container-flatview .pxDoc .cover .doc-locked {
  display: none;
  position: absolute;
  top: 15px;
  left: 97px;
  border: 2px solid white;
  -webkit-border-radius: 14px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 14px;
  -moz-background-clip: padding;
  border-radius: 14px;
  background-clip: padding-box;
  background: #000;
  padding: 6px;
}
.container-home .docList .container-flatview .pxDoc .cover .doc-locked img {
  width: 26px;
  height: 26px;
}
.container-home .docList .container-flatview .pxDoc .cover .search-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #f5f5f5;
  padding: 4px 9px;
  border: 2px solid white;
  font-size: 14px;
  text-shadow: 1px 1px 1px #555;
  background-image: -moz-linear-gradient(top, #e9898a 0%, #c3070f 100%);
  background-image: -ms-linear-gradient(top, #e9898a 0%, #c3070f 100%);
  background-image: -webkit-linear-gradient(top, #e9898a 0%, #c3070f 100%);
  background-image: -o-linear-gradient(top, #e9898a 0%, #c3070f 100%);
  background-image: linear-gradient(top, #e9898a 0%, #c3070f 100%);
  -pie-background: linear-gradient(to bottom, #e9898a 0%, #c3070f 100%);
  -webkit-border-radius: 11px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 11px;
  -moz-background-clip: padding;
  border-radius: 11px;
  background-clip: padding-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  behavior: url('/pie/PIE.htc');
}
.container-home .docList .container-flatview .pxDoc .cover .search-badge img {
  width: 20px;
  height: 15px;
}
.container-home .docList .container-flatview .pxDoc .cover .close-badge {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  color: #f5f5f5;
  padding: 4px 9px;
  border: 2px solid white;
  font-size: 14px;
  text-shadow: 1px 1px 1px #555;
  background-image: -moz-linear-gradient(top, #0062ae 0%, #00529e 100%);
  background-image: -ms-linear-gradient(top, #0062ae 0%, #00529e 100%);
  background-image: -webkit-linear-gradient(top, #0062ae 0%, #00529e 100%);
  background-image: -o-linear-gradient(top, #0062ae 0%, #00529e 100%);
  background-image: linear-gradient(top, #0062ae 0%, #00529e 100%);
  -pie-background: linear-gradient(to bottom, #0062ae 0%, #00529e 100%);
  -webkit-border-radius: 11px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 11px;
  -moz-background-clip: padding;
  border-radius: 11px;
  background-clip: padding-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  behavior: url('/pie/PIE.htc');
}
.container-home .docList .container-flatview .pxDoc .cover .close-badge img {
  width: 20px;
  height: 15px;
}
.container-home .docList .container-flatview .pxDoc .cover .number-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  color: white;
  padding: 6px 10px;
  border: 2px solid white;
  font-size: 24px;
  text-shadow: 1px 1px 1px #555;
  background-image: -moz-linear-gradient(top, #282 0%, #262 100%);
  background-image: -ms-linear-gradient(top, #282 0%, #262 100%);
  background-image: -webkit-linear-gradient(top, #282 0%, #262 100%);
  background-image: -o-linear-gradient(top, #282 0%, #262 100%);
  background-image: linear-gradient(top, #282 0%, #262 100%);
  -pie-background: linear-gradient(to bottom, #228822 0%, #226622 100%);
  -webkit-border-radius: 14px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 14px;
  -moz-background-clip: padding;
  border-radius: 14px;
  background-clip: padding-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  behavior: url('/pie/PIE.htc');
}
.container-home .docList .container-flatview .pxDoc .cover .number-badge img {
  width: 30px;
  height: 25px;
}
.container-home .docList .container-flatview .pxDoc .cover .pending-approval-badge,
.container-home .docList .container-flatview .pxDoc .cover .pending-removal-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 4px 9px;
  font-size: 14px;
  text-shadow: 1px 1px 1px #555;
  -webkit-border-radius: 11px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 11px;
  -moz-background-clip: padding;
  border-radius: 11px;
  background-clip: padding-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  behavior: url('/pie/PIE.htc');
}
.container-home .docList .container-flatview .pxDoc .cover .pending-approval-badge img,
.container-home .docList .container-flatview .pxDoc .cover .pending-removal-badge img {
  width: 20px;
  height: 15px;
}
.container-home .docList .container-flatview .pxDoc .cover .pending-approval-badge {
  color: black;
  border-color: #888;
  border-width: 1px;
  background-image: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #ddd 100%);
  background-image: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #ddd 100%);
  background-image: linear-gradient(top, #fff 0%, #ddd 100%);
  -pie-background: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
}
.container-home .docList .container-flatview .pxDoc .cover .pending-removal-badge {
  color: white;
  border-color: #eee;
  border-width: 1px;
  background-image: -moz-linear-gradient(top, #444 0%, #111 100%);
  background-image: -ms-linear-gradient(top, #444 0%, #111 100%);
  background-image: -webkit-linear-gradient(top, #444 0%, #111 100%);
  background-image: -o-linear-gradient(top, #444 0%, #111 100%);
  background-image: linear-gradient(top, #444 0%, #111 100%);
  -pie-background: linear-gradient(to bottom, #444444 0%, #111111 100%);
}
.container-home .docList .container-flatview .pxDoc .info {
  color: #555;
  margin-top: 10px;
  padding: 5px 10px 5px;
  font-size: 0.9em;
}
.container-home .docList .container-flatview .pxDoc .validity {
  position: relative;
  padding: 5px 10px 5px;
  height: 35px;
}
.container-home .docList .container-flatview .pxDoc .validity .from {
  float: left;
}
.container-home .docList .container-flatview .pxDoc .validity .to {
  float: right;
}
.container-home .docList .container-flatview .pxDoc .validity .edit {
  position: absolute;
  top: 5px;
  left: 93px;
  width: 50px;
  text-align: center;
  display: none;
}
.container-home .docList .container-flatview .pxDoc .name {
  color: #555;
  margin: -2px;
  padding: 7px 12px 7px;
  font-size: 1.2em;
  text-align: center;
  text-shadow: 0px 0px 0px transparent;
}
.container-home .docList .container-flatview .pxDoc .editable-popup {
  width: 252px;
}
.container-home .docList .container-flatview .pxDoc .editable-popup textarea {
  width: 95%;
  height: 130px;
}
.container-home .tooltip-inner {
  font-size: 1.1em;
  text-shadow: none;
}
.label-expire {
  height: 18px;
  width: 54px;
  display: block;
  background: transparent;
  border: 1px dashed #444;
  border-radius: 4px;
}
.dragover {
  border: 4px #75acff solid;
  border-radius: 12px;
  transform: scale(0.9);
}
.dragover-ins {
  border: 4px #75ff7f solid;
  border-radius: 24px;
  transform: scale(0.9);
}
.container-mygroup {
  padding-top: 0px;
  color: #A0A0A0;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
}
.container-mygroup .usersList h2 {
  text-align: center;
}
.container-mygroup .usersList .pxGroupList {
  margin: 0px auto;
  margin-top: 30px;
}
.container-mygroup .usersList .pxGroupList .pxGroupMember {
  background: #fff;
  border: 1px solid #a0a0a0;
  margin-left: 7px;
  margin-bottom: 7px;
  padding: 2px;
  width: 236px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #fff 100%);
  background-image: -ms-linear-gradient(top, #f5f5f5 0%, #fff 100%);
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #fff 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #fff 100%);
  background-image: linear-gradient(top, #f5f5f5 0%, #fff 100%);
  -pie-background: linear-gradient(to bottom, #f5f5f5 0%, #fff 100%);
  -webkit-box-shadow: 1px 1px 5px rgba( 128, 128, 128, 0.5 );
  -moz-box-shadow: 1px 1px 5px rgba( 128, 128, 128, 0.5 );
  box-shadow: 1px 1px 5px rgba( 128, 128, 128, 0.5 );
  behavior: url('/pie/PIE.htc');
}
.container-mygroup .usersList .pxGroupList .pxGroupMember.myself {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.container-mygroup .usersList .pxGroupList .pxGroupMember .avatar {
  padding: 5px;
  float: left;
}
.container-mygroup .usersList .pxGroupList .pxGroupMember .whois {
  padding-top: 5px;
}
.container-mygroup .usersList .pxGroupList .pxGroupMember .email {
  padding: 5px;
  width: 226px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.container-mygroup .usersList .pxGroupList .pxGroupMember .roles {
  padding: 5px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(128, 128, 128, 0.5);
  -webkit-box-shadow: 0px 1px 10px rgba( 128, 128, 128, 0.5 );
  -moz-box-shadow: 0px 1px 10px rgba( 128, 128, 128, 0.5 );
  box-shadow: 0px 1px 10px rgba( 128, 128, 128, 0.5 );
  behavior: url('/pie/PIE.htc');
}
/*
 *
 *  LOGIN Form
 *
 */
.form-signin {
  margin: 0px auto 20px;
  padding: 20px 45px 10px;
  text-align: center;
  /* Placeholder – readable on dark background */
  /* Safari / Chrome */
  /* Firefox */
}
.form-signin .form-signin-heading {
  margin-bottom: 10px;
  text-align: center;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
  margin-bottom: 30px;
  padding: 6px 14px 3px;
  height: auto;
  font-family: "roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1.3em;
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
  border: 1px solid #aaa;
  background-color: rgba(128, 128, 128, 0.3);
  backdrop-filter: blur(8px);
  color: #fff;
}
.form-signin input[type="text"]:focus,
.form-signin input[type="password"]:focus {
  outline: none;
  border-color: #fff;
  background-color: rgba(128, 128, 128, 0.45);
}
.form-signin input[type="text"]::placeholder,
.form-signin input[type="password"]::placeholder {
  color: rgba(0, 0, 0, 0.8);
}
.form-signin input[type="text"]::-webkit-input-placeholder,
.form-signin input[type="password"]::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.8);
}
.form-signin input[type="text"]::-moz-placeholder,
.form-signin input[type="password"]::-moz-placeholder {
  color: rgba(0, 0, 0, 0.8);
  opacity: 1;
}
.form-signin-forgot {
  text-align: center;
}
.version_number {
  color: #ffffff;
  text-align: center;
  font-size: 0.8em;
}
/*
 *
 *  LICENSE Form (EULA)
 *
 */
.navbar-license .navbar-center {
  margin: 0px auto;
  text-align: center;
  float: none;
}
#license_agreement .eula {
  padding-bottom: 30px;
  font-size: 1.2em;
  line-height: 1.6em;
  text-align: justify;
}
/*

    ISOTOPE

*/
.isotope {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  -ms-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  transition-property: transform, opacity;
}
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.isotope.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.isotope.no-transition .isotope-item {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/*

    Pinaxo Homepage Popovers

*/
.popover-pinaxo {
  background: #f5f5f5;
  -webkit-border-radius: 0px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0px;
  -moz-background-clip: padding;
  border-radius: 0px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
}
.popover-pinaxo .popover-content {
  padding: 30px 14px;
}
.popover-pinaxo.bottom {
  margin-top: 20px;
}
.popover-pinaxo.bottom .arrow:after {
  border-bottom-color: #f5f5f5;
}
/*

    Homepage Video

*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0px;
  overflow: hidden;
}
.video-container video,
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.video-container .posterframe {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
}
.video-container .posterframe img {
  width: 100%;
}
.video-container .posterframe-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  color: #fff;
  text-align: center;
}
@media (max-width: 1100px) {
  .video-container .posterframe-overlay {
    transform: scale(0.9);
    top: -50px;
  }
}
@media (max-width: 900px) {
  .video-container .posterframe-overlay {
    transform: scale(0.8);
    top: -75px;
  }
}
@media (max-width: 768px) {
  .video-container .posterframe-overlay {
    transform: scale(0.7);
    top: -100px;
  }
}
@media (max-width: 640px) {
  .video-container .posterframe-overlay {
    transform: scale(0.6);
    top: -115px;
  }
}
@media (max-width: 550px) {
  .video-container .posterframe-overlay {
    transform: scale(0.5);
    top: -125px;
  }
}
.video-container .video-play-btn {
  opacity: 0.7;
  transition: opacity 0.15s ease-in-out;
  cursor: pointer;
}
.video-container .video-play-btn:hover {
  opacity: 1;
}
/*

    Video Tutorials

*/
#video-glass {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background-color: rgba(0, 0, 0, 0.75);
}
#video-close {
  display: none;
  position: fixed;
  width: 32px;
  height: 32px;
  z-index: 2200;
}
.video-player {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 1920px;
  height: 1080px;
  z-index: 2100;
}
#video-close-img {
  width: 32px;
  height: 32px;
}
.video-button {
  position: relative;
}
.video-poster-img {
  width: 128px;
  height: auto;
  overflow: hidden;
  z-index: 1;
}
.video-play-img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 128px;
  height: auto;
  overflow: hidden;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
.video-play-img:hover {
  opacity: 1;
}
.video-tag-duration {
  cursor: default;
  position: absolute;
  bottom: 4px;
  right: 4px;
  margin: 0px 0px 0px 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.video-tag-watched {
  position: absolute;
  bottom: 2px;
}
.video-hidden {
  display: none;
}
#recommended-container {
  display: inline-block;
}
.tutorials-recommended-button {
  display: inline-block;
  margin: 8px 0px 0px 20px;
  padding: 2px 9px;
  background-color: #444;
  color: #fff;
  border-radius: 12px;
  font-size: 13px;
  font-weight: normal;
  box-shadow: 2px 2px 0px #bbb;
}
.tutorials-recommended-button:hover {
  box-shadow: none;
  margin: 10px 0px 0px 22px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
#unassigned-container {
  display: inline-block;
}
.documents-unassigned-button {
  display: inline-block;
  margin: 8px 0px 0px 20px;
  padding: 2px 9px;
  background-color: #a22;
  color: #fff;
  border-radius: 12px;
  font-size: 13px;
  font-weight: normal;
  box-shadow: 2px 2px 0px #bbb;
}
#library-upload-container {
  display: inline-block;
}
.library-upload-button {
  display: inline-block;
  border: 1px solid #222;
  margin: 8px 0px 0px 35px;
  padding: 2px 9px;
  background: #eee;
  color: #444;
  border-radius: 12px;
  font-size: 14px;
  font-weight: normal;
  text-shadow: 0 1px 0 #ffffff;
}
.library-upload-button:hover {
  color: 000;
  text-decoration: none;
}
.worker-status {
  display: inline-block;
  margin: 8px 0px 0px 20px;
  padding: 2px 9px;
  background-color: rgba(255, 255, 255, 0);
  color: #fff;
  border-radius: 12px;
  font-size: 11px;
  font-weight: normal;
}
.documents-unassigned-button:hover {
  box-shadow: none;
  margin: 10px 0px 0px 22px;
  background-color: #282;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.tutorials-recommended-badge {
  display: inline-block;
  margin: 8px 0px 0px 20px;
  padding: 2px 9px;
  background-color: #eee;
  color: #222;
  border-radius: 12px;
  font-size: 13px;
  font-weight: normal;
  border: 1px solid #888;
}
.video-tag-recommended {
  position: absolute;
  bottom: 3px;
  right: 5px;
}
#recommended-container {
  display: inline-block;
}
#recommended-container .popover-title {
  color: #000;
  background-color: #fad737;
  text-align: center;
}
#recommended-container .popover-content {
  color: #000;
  background-color: #fadf6a;
  text-align: center;
}
.language-menu {
  border: 1px solid #222;
  border-radius: 11px;
  line-height: 2px;
  background: #eee;
  margin-right: 30px;
  margin-top: 8px;
}
.uploadifive-queue-item {
  display: none;
}
.placeholder-text {
  font-size: 16px;
  color: #0062AE;
  text-align: center;
  padding-top: 95px;
  text-shadow: #ffffff 0px 1px 0px;
}
.placeholder-background {
  background: #75acff;
  position: absolute;
  display: block;
  z-index: 0;
  top: 0px;
  left: 0px;
  width: 236px;
  height: 334px;
}
.progress {
  background: #75acff;
  position: absolute;
  top: 92px;
  left: 43px;
  height: 150px;
  width: 150px;
  z-index: 100;
  display: block;
  background: transparent;
}
.progress > svg {
  height: 100%;
  display: block;
}
.px-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  width: 100%;
  border: 1px solid #888;
  border-radius: 25px;
  background-color: #f0f0e6;
  line-height: 12px;
  outline: none;
}
#xls-led {
  cursor: default;
  position: relative;
  top: 2px;
  left: 226px;
  width: 8px;
  height: 8px;
  background: rgba(0, 160, 0, 0);
  display: block;
  border-radius: 4px;
  transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -ms-transition: background-color 0.5s;
}
/* @media (max-width:767px){ .container-home { margin-top: 60px; } }  avoid main content to shift up on small window */
/* @media (max-width:650px){ .searchBrandsFieldRow { width: 50% !important; margin-left: 25% !important; } }  avoid search field to became to small on small window */
/* @media (max-width:615px){ .brand { left: 230px !important; } }  avoid [Pinaxo] logo to overlap ov tutorials badge on small window */
.nav-collapse {
  height: auto !important;
}
.btn-navbar {
  display: none !important;
}
