@font-face {
  font-family: 'Roboto Slab';
  font-display: swap;
  src: url('https://media-m-eu.husse.com/skin/frontend/husse/default/fonts/RobotoSlab-Regular.eot');
  src: url('https://media-m-eu.husse.com/skin/frontend/husse/default/fonts/RobotoSlab-Regular.eot') format('embedded-opentype'), url('https://media-m-eu.husse.com/skin/frontend/husse/default/fonts/RobotoSlab-Regular.woff2') format('woff2'), url('https://media-m-eu.husse.com/skin/frontend/husse/default/fonts/RobotoSlab-Regular.woff') format('woff'), url('https://media-m-eu.husse.com/skin/frontend/husse/default/fonts/RobotoSlab-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto Slab Bold';
  font-display: swap;
  src: url('https://media-m-eu.husse.com/skin/frontend/husse/default/fonts/RobotoSlab-Bold.eot');
  src: url('https://media-m-eu.husse.com/skin/frontend/husse/default/fonts/RobotoSlab-Bold.eot') format('embedded-opentype'), url('https://media-m-eu.husse.com/skin/frontend/husse/default/fonts/RobotoSlab-Bold.woff2') format('woff2'), url('https://media-m-eu.husse.com/skin/frontend/husse/default/fonts/RobotoSlab-Bold.woff') format('woff'), url('https://media-m-eu.husse.com/skin/frontend/husse/default/fonts/RobotoSlab-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html {
  background: url("https://media-m-eu.husse.com/skin/frontend/husse/default/images/husse-home.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  padding: 0;
  margin: 0;
  color: #000;
  font-family: 'Roboto Slab', sans-serif;
}

ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.arrow {
  width: 20px;
  height: 0;
  background: #fff;
  display: inline-block;
  position: relative;
}

.arrow:before {
  content: " ";
  display: block;
  width: 14px;
  height: 2px;
  background: #fff;
  -webkit-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  transform: rotate(-40deg);
  position: absolute;
  top: -5px;
  right: -5px;
}

.arrow:after {
  content: " ";
  display: block;
  width: 14px;
  height: 2px;
  background: #fff;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  position: absolute;
  top: -5px;
  left: 1px;
}

.background {
  position: relative;
}

.background img {
  width: 100%;
  display: none;
}

.background .header-links {
  position: absolute;
  top: 30px;
  right: 90px;
  left: 30px;
}

.background .header-links .left {
  float: left;
}

.background img.logo {
  display: block;
}

.background .header-links .right {
  float: right;
}

.background .header-links .right ul {
  overflow: hidden;
}

.background .header-links .right ul li {
  float: left;
  padding: 0 30px;
  list-style: none;
}

.background .header-links .right ul li:last-child {
  padding-right: 0;
}

.background .header-links .right ul li a {
  color: #000;
  /* bg image color: #fff;*/
  font-size: 14px;
  text-decoration: none;
  line-height: 100px;
}

.redbg.background .header-links .right ul li a {
  color: #fff;
}

.background .header-links .right ul li a:hover {
  border-bottom: 1px solid #000;
  /* bg image border-bottom: 1px solid #fff;*/
  padding-bottom: 4px;
}

.redbg.background .header-links .right ul li a:hover {
  border-bottom: 1px solid #fff;
}

.background .middle-content {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  max-width: 100%;
  margin: -132px auto 0;
  text-align: center;
}

@media only screen and (min-width: 961px) {
  .background .middle-content {
    width: 700px;
  }
}

.background .middle-content .text:before,
.background .middle-content .text:after {
  content: "";
  border-bottom: 1px solid #000;
  /* bg image border-bottom: 1px solid #fff;*/
  height: 1px;
  width: 20%;
  display: block;
  margin: 16px auto 10px auto;
}

.redbg.background .middle-content .text:before,
.redbg.background .middle-content .text:after {
  border-bottom: 1px solid #fff;
}

.background .middle-links {
  margin-top: 20px;
}

.background .middle-links a.correct-country,
.redbg.background .middle-links a {
  display: inline-block;
  color: #000;
  /* bg image color: #fff;*/
  border: 2px solid #ee3123;
  width: 300px;
  height: 44px;
  margin: 15px;
  text-decoration: none;
  transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}

.redbg.background .middle-links a {
  color: #fff;
  border-color: #fff;
}

.background .middle-links a.correct-country:hover,
.redbg.background .middle-links a:hover {
  background-color: #ee3123;
}

.background .middle-links a.correct-country span,
.redbg.background .middle-links a span {
  line-height: 44px;
  font-size: 20px;
  margin-left: 2px;
}

.background .middle-links .state-dropdown .select-country {
  display: none;
}

.background .middle-links .select-country-list.desktop {
  width: 304px;
  margin: auto;
}

.background .middle-links .select-country-list.mobile {
  display: none;
  color: #000;
  border: 2px solid #ee3123;
  width: 300px;
  height: 44px;
  margin: 15px auto;
  text-decoration: none;
  transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}

.background .middle-links .select-country-list.mobile select {
  line-height: 44px;
  font-size: 20px;
  background: transparent;
  border: 0;
  text-align: center;
  width: 165px;
 -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 44px;
  margin: auto;
}

.background .middle-links .select-country-list a.correct-country,
.background .middle-links .select-country-list:hover a.correct-country {
  display: inline-block;
  margin: 15px 0 0;
}

.background .middle-links .select-country-list:hover a.correct-country {
  background-color: #ee3123;
}

.background .middle-links .select-country-list .state-dropdown .title,
.background .middle-links .select-country-list .state-dropdown .title span {
  font-size: 12px;
  font-family: 'Roboto Slab Bold';
  margin-top: 10px;
  display: block;
}

.background .middle-links .state-dropdown {
  margin: 0 auto 50px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  padding: 0;
  width: 304px;
  max-height: 194px;
  /*overflow: auto;*/
}

.background .middle-links .state-dropdown .select-country {
  text-decoration: none;
  color: #fff;
  background: none;
}

.background .middle-links .state-dropdown .select-country:last-child {
  padding-bottom: 20px;
}

.background .middle-links .state-dropdown .select-country:hover {
  text-decoration: underline;
}

.background .middle-links .state-dropdown .select-country span {
  color: #fff;
  text-decoration: none;
  font-size: 10px;
}

/* SCROLLER STYLING - START */
.state-dropdown .scroll-wrapper {
  max-height: 194px;
  display: none;
}

.select-country-list:hover .state-dropdown .scroll-wrapper {
  display: block;
}

.state-dropdown .scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -4px;
  margin-left: 4px;
}

.state-dropdown .scrollbar-outer > .scroll-element.scroll-y {
  width: 4px;
}

.state-dropdown .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  width: 4px;
  left: 0;
}

.state-dropdown .scrollbar-outer > .scroll-element .scroll-element_outer,
.state-dropdown .scrollbar-outer > .scroll-element .scroll-element_track,
.state-dropdown .scrollbar-outer > .scroll-element .scroll-bar {
  border-radius: 0;
}

.state-dropdown .scrollbar-outer > .scroll-element .scroll-bar,
.state-dropdown .scrollbar-outer > .scroll-element .scroll-bar:hover,
.state-dropdown .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #ee3123;
}

.state-dropdown .scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 20px;
}

.state-dropdown .scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #000;
}
/* SCROLLER STYLING - END */

@media only screen and (min-width: 771px) {
  .background .middle-links .select-country-list:hover a {
    display: block;
  }
}

@media only screen and (max-width: 770px) {
  .background .middle-links .select-country-list.desktop {
    display: none;
  }
  .background .middle-links .select-country-list.mobile {
    display: block;
  }
  .background .middle-links .select-country-list.mobile:hover {
    background: #ee3123;
  }
  .background .middle-links .select-country-list.mobile select option {
    color: initial;
  }
}

.states-opened body,
.states-opened .background {
  height: 100%;
}

.states-opened .background .middle-content {
  position: absolute;
  margin: auto;
  top: calc(50% - 120px);
  z-index: 10;
}

.background .middle-content p {
  color: #000;
  font-size: 40px;
  margin: 5px;
  display: inline-block;
  line-height: 50px;
}

.redbg.background .middle-content p {
  color: #fff;
}

.country-selector {
  max-width: 1200px;
  margin: 30px auto 100px;
  position: absolute;
  top: 80px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  right: 90px;
  padding: 20px;
}

.country-selector h2 {
  text-align: center;
  font-size: 20px;
  display: none;
}

.default-countries > ul,
.country-russia ul.main-category {
  column-count: 6;
  -webkit-column-count: 6;
  -moz-column-count: 6;
  column-gap: 20px;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
}

.country-selector .sub-area {
  margin-left: 10px;
}

.country-selector .area {
  margin-bottom: 26px;
}

.country-selector .area.no-break {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}

.country-selector .area:last-child {
  margin-bottom: 0;
}

.country-selector .area h3 {
  font-size: 12px;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

.country-selector .area h3 + ul {
  margin-left: 5px;
}

.country-selector .area a.back-link {
  color: #fff;
  text-decoration: none;
  font-size: 10px;
  line-height: 20px;
  text-align: right;
  display: block;
}

.country-selector .area a.back-link:hover {
  text-decoration: underline;
}

.country-selector .area .country span,
.country-selector .area .country a {
  color: #fff;
  text-decoration: none;
}

.country-selector .area .country span {
  font-size: 10px;
}

.country-selector .area .country a {
  display: block;
}

.country-selector .area .country a:hover {
  text-decoration: underline;
}

.country-selector .area .country .bold {
  font-family: 'Roboto Slab Bold';
}

.country-selector .area .country .flag {
  width: 16px;
  height: 16px;
  background-image: url('https://media-m-eu.husse.com/skin/frontend/husse/default/images/flags/sprite-flags-small.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 10px;
  display: none;
}

.flag-aland {
  background-position: 0 -32px;
}

.flag-albania {
  background-position: -112px -16px;
}

.flag-austria {
  background-position: -224px -16px;
}

.flag-belgium {
  background-position: -32px -16px;
}

.flag-belarus {
  background-position: -32px -48px;
}

.flag-bih {
  background-position: -32px -32px;
}

.flag-bulgaria {
  background-position: -112px -32px;
}

.flag-croatia {
  background-position: -176px -96px;
}

.flag-cyprus {
  background-position: -64px -64px;
}

.flag-czech {
  background-position: -80px -64px;
}

.flag-denmark {
  background-position: -128px -64px;
}

.flag-estonia {
  background-position: -208px -64px;
}

.flag-finland {
  background-position: -48px -80px;
}

.flag-slovenia {
  background-position: -176px -192px;
}

.flag-slovakia {
  background-position: -192px -192px;
}

.flag-sweden {
  background-position: -128px -192px;
}

.flag-iceland {
  background-position: -80px -112px;
}

.flag-ireland {
  background-position: -256px -96px;
}

.flag-israel {
  background-position: 0 -111px;
}

.flag-latvia {
  background-position: -144px -128px;
}

.flag-england {
  background-position: -160px -80px;
}

.flag-liechtenstein {
  background-position: -128px -128px;
}

.flag-lithuania {
  background-position: -192px -128px;
}

.flag-luxemburg {
  background-position: -208px -128px;
}

.flag-montenegro {
  background-position: -32px -144px;
}

.flag-netherlands {
  background-position: -176px -160px;
}

.flag-norway {
  background-position: -192px -160px;
}

.flag-portugal {
  background-position: -208px -176px;
}

.flag-spain {
  background-position: 0 -80px;
}

.flag-russia {
  background-position: -32px -192px;
}

.flag-serbia {
  background-position: -16px -192px;
}

.flag-france {
  background-position: -128px -80px;
}

.flag-germany {
  background-position: -96px -64px;
}

.flag-greece {
  background-position: -48px -96px;
}

.flag-hungary {
  background-position: -208px -96px;
}

.flag-poland {
  background-position: -144px -176px;
}

.flag-italy {
  background-position: -96px -112px;
}

.flag-switzerland {
  background-position: -144px -48px;
}

.flag-turkey {
  background-position: 0 -224px;
}

.flag-romania {
  background-position: 0 -192px;
}

.flag-ukraine {
  background-position: -80px -224px;
}

.flag-usa {
  background-position: -112px -224px;
}

.flag-mexico {
  background-position: -32px -160px;
}

.flag-colombia {
  background-position: -240px -48px;
}

.flag-nigeria {
  background-position: -144px -160px;
}

.flag-malaysia {
  background-position: -48px -160px;
}

.flag-macedonia {
  background-position: -96px -144px;
}

.flag-singapore {
  background-position: -144px -192px;
}

.flag-south-korea {
  background-position: -16px -128px;
}

.flag-thailand {
  background-position: -160px -208px;
}

.flag-japan {
  background-position: -160px -112px;
}

.flag-hong-kong {
  background-position: -144px -96px;
}

.flag-china-mainland {
  background-position: -224px -48px;
}

.flag-morocco {
  background-position: -256px -128px;
}

.flag-kazakhstan {
  background-position: -64px -128px;
}

.flag-kuwait {
  background-position: -32px -128px;
}

.flag-lebanon {
  background-position: -96px -128px;
}

.flag-other {
  background-position: 0 -16px;
}

.flag-thailand {
  background-position: -256px -48px;
}

.flag-taiwan {
  background-position: -48px -224px;
}


@media only screen and (max-width: 1300px) {
  .country-selector {
    left: 90px;
  }
  .default-countries > ul,
  .country-russia ul.main-category {
    column-count: 6;
    -webkit-column-count: 6;
    -moz-column-count: 6;
  }
}

@media only screen and (max-width: 640px) {
  .countries-opened .background .middle-content {
    margin: 0 auto 0;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .countries-opened .background .middle-content {
    margin: -122px auto 0;
  }
}

@media only screen and (max-width: 1024px) {
  .country-selector {
    position: relative;
    background: #fff;
    color: #000;
    right: 0;
    left: 0;
    top: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 80px;
    border-top: 1px solid #000;
  }
  .country-selector h2 {
    display: block;
    font-weight: normal;
    margin: 10px 0 30px 0;
  }
  .default-countries > ul,
  .country-russia ul.main-category {
    column-count: 4;
    -webkit-column-count: 4;
    -moz-column-count: 4;
  }
  .country-selector .area .country span,
  .country-selector .area .country a {
    color: #000;
  }
  .country-selector .area .country .flag {
    display: inline-block;
  }
  html.countries-opened {
    background: none !important;
  }
  .countries-opened .background img {
    display: block;
  }
  .countries-opened .background .middle-content {
    position: absolute;
    width: 430px;
    z-index: 1;
  }
  .redbg.background.opened {
    height: 500px;
    position: relative;
  }
  .countries-opened .redbg.background.opened .content {
    position: absolute;
    margin: -100px auto 0;
  }
  .country-selector .area a.back-link {
    color: #000;
  }
}

@media only screen and (max-width: 960px) {
  .background .header-links {
    right: 30px;
  }
  .background .header-links .right ul li {
    padding: 0 10px;
  }
  .background .header-links .right ul li a {
    line-height: 80px;
    font-size: 14px;
  }
  .background .middle-links a {
    background: #ee3123;
  }
  .background .middle-links .select-country-list a {
    background: none;
  }
  .background .middle-content p {
    font-size: 16px;
    line-height: 34px;
  }
  .background .middle-content p .big {
    font-size: 38px;
  }
  .background .middle-content p .medium {
    font-size: 30px;
  }
}

@media only screen and (max-width: 640px) {
  .countries-opened .background img {
    min-height: 400px;
  }
  .countries-opened .background .header-links img {
    min-height: auto;
  }
  .background .middle-content p {
    font-size: 14px;
    line-height: 20px;
  }
  .background .middle-content p .big {
    font-size: 28px;
  }
  .background .middle-content p .medium {
    font-size: 22px;
  }
  .background .middle-content {
    margin: -101px auto 0;
    width: 330px;
  }
  .background .middle-links {
    margin-top: 0;
  }
  .background .middle-links a {
    height: 34px;
  }
  .background .middle-links a span {
    font-size: 16px;
    line-height: 34px;
  }
  .default-countries > ul,
  .country-russia ul.main-category {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
  }
}

@media only screen and (max-width: 480px) {
  .background .header-links {
    right: 10px;
    left: 10px;
    top: 10px;
  }
  .background .header-links .right ul li {
    padding: 0 4px;
  }
  .background .header-links .right ul li a {
    font-size: 12px;
    line-height: 38px;
  }
  .background .middle-links a {
    width: auto;
    max-width: 100%;
  }
  .background .middle-links a span {
    font-size: 16px;
    padding: 0 10px;
  }
  .background .middle-content {
    margin: -87px auto 0;
    width: 330px;
  }
  .background .middle-content p {
    font-size: 14px;
    line-height: 20px;
  }
}

/* JOIN US PAGE, CONTACT US PAGE - START */
.redbg {
  background: #ee3123;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
}

.redbg .content {
  margin: -104px auto 0;
  text-align: center;
  position: fixed;
  top: 50%;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.contact-us.redbg .content {
  margin: -104px auto 0;
}

.join.redbg .content {
  margin: -129px auto 0;
}

.redbg .content p {
  color: #fff;
  font-size: 40px;
  margin: 5px;
  display: inline-block;
  line-height: 50px;
}

.footer-copyright {
  position: absolute;
  bottom: 20px;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  text-align: center;
  font-size: 10px;
}

@media only screen and (max-width: 960px) {
  .join.redbg .content {
    margin: -118px auto 0;
  }
  .contact-us.redbg .content {
    margin: -94px auto 0;
  }
  .redbg.background .content p {
    font-size: 24px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 640px) {
  .join.redbg .content {
    margin: -114px auto 0;
  }
  .redbg.background .content p {
    font-size: 16px;
    line-height: 40px;
  }
  .redbg .content {
    position: absolute;
  }
}

@media only screen and (max-width: 480px) {
  .join.redbg .content {
    margin: -134px auto 0;
  }
}
/* JOIN US PAGE, CONTACT US PAGE - END */

#cc-notification {
  position: fixed !important;
  z-index: 99999998 !important;
  left: 0 !important;
  width: 100% !important;
  background-color: #fff !important
}

#cc-notification.cc-mobile {
  position: relative !important;
  border-bottom: 0 !important
}

#cc-modal #cc-modal-closebutton a, #cc-settingsmodal #cc-settingsmodal-closebutton a {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  background-image: url(https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/cross.png) !important
}

#cc-modal #cc-modal-closebutton a span, #cc-settingsmodal #cc-settingsmodal-closebutton a span {
  display: none
}

#cc-notification.cc-bottom {
  bottom: 0 !important
}

#cc-notification.cc-top {
  top: 0 !important
}

#cc-notification.cc-push {
  top: 0 !important
}

#cc-notification #cc-notification-permissions {
  display: none
}

#cc-tag {
  position: fixed !important;
  z-index: 999999999 !important;
  bottom: 0 !important;
  right: 10% !important;
  display: none
}

#cc-tag.cc-tag-bottom-left {
  right: auto !important;
  left: 10% !important
}

#cc-tag.cc-tag-horizontal-right {
  right: 0 !important;
  bottom: 20% !important
}

#cc-tag.cc-tag-horizontal-left {
  left: 0 !important;
  right: auto !important;
  bottom: 20% !important
}

#cc-tag.cc-tag-vertical-right {
  right: 0 !important;
  bottom: 20% !important
}

#cc-tag.cc-tag-vertical-left {
  left: 0 !important;
  right: auto !important;
  bottom: 20% !important
}

#cc-tag a {
  padding: 0 12px !important;
  text-decoration: none !important
}

#cc-modal-overlay {
  background: #fff !important;
  background-color: rgba(255, 255, 255, 0.8) !important;
  display: none;
  width: 100% !important;
  height: 1000% !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 999999 !important
}

#cc-modal, #cc-settingsmodal {
  display: none;
  width: 100% !important;
  height: 1000% !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 99999999 !important
}

#cc-settingsmodal {
  z-index: 9999999999 !important
}

#cc-modal #cc-modal-wrapper, #cc-settingsmodal #cc-settingsmodal-wrapper {
  margin: 100px auto !important
}

#cc-modal, #cc-settingsmodal, #cc-tag, #cc-notification {
  line-height: 1 !important
}

.cc-clear {
  clear: both !important
}

#cc-modal, #cc-settingsmodal, #cc-tag, #cc-notification, #cc-modal div, #cc-modal span, #cc-modal iframe, #cc-modal h1, #cc-modal h2, #cc-modal h3, #cc-modal h4, #cc-modal h5, #cc-modal h6, #cc-modal p, #cc-modal pre, #cc-modal a, #cc-modal code, #cc-modal em, #cc-modal img, #cc-modal s, #cc-modal small, #cc-modal strong, #cc-modal b, #cc-modal u, #cc-modal i, #cc-modal dl, #cc-modal dt, #cc-modal dd, #cc-modal ol, #cc-modal ul, #cc-modal li, #cc-modal form, #cc-modal label, #cc-settingsmodal div, #cc-settingsmodal span, #cc-settingsmodal iframe, #cc-settingsmodal h1, #cc-settingsmodal h2, #cc-settingsmodal h3, #cc-settingsmodal h4, #cc-settingsmodal h5, #cc-settingsmodal h6, #cc-settingsmodal p, #cc-settingsmodal pre, #cc-settingsmodal a, #cc-settingsmodal code, #cc-settingsmodal em, #cc-settingsmodal img, #cc-settingsmodal s, #cc-settingsmodal small, #cc-settingsmodal strong, #cc-settingsmodal b, #cc-settingsmodal u, #cc-settingsmodal i, #cc-settingsmodal dl, #cc-settingsmodal dt, #cc-settingsmodal dd, #cc-settingsmodal ol, #cc-settingsmodal ul, #cc-settingsmodal li, #cc-settingsmodal form, #cc-settingsmodal label, #cc-tag div, #cc-tag span, #cc-tag iframe, #cc-tag h1, #cc-tag h2, #cc-tag h3, #cc-tag h4, #cc-tag h5, #cc-tag h6, #cc-tag p, #cc-tag pre, #cc-tag a, #cc-tag code, #cc-tag em, #cc-tag img, #cc-tag s, #cc-tag small, #cc-tag strong, #cc-tag b, #cc-tag u, #cc-tag i, #cc-tag dl, #cc-tag dt, #cc-tag dd, #cc-tag ol, #cc-tag ul, #cc-tag li, #cc-tag form, #cc-tag label, #cc-notification div, #cc-notification span, #cc-notification iframe, #cc-notification h1, #cc-notification h2, #cc-notification h3, #cc-notification h4, #cc-notification h5, #cc-notification h6, #cc-notification p, #cc-notification pre, #cc-notification a, #cc-notification code, #cc-notification em, #cc-notification img, #cc-notification s, #cc-notification small, #cc-notification strong, #cc-notification b, #cc-notification u, #cc-notification i, #cc-notification dl, #cc-notification dt, #cc-notification dd, #cc-notification ol, #cc-notification ul, #cc-notification li, #cc-notification form, #cc-notification label {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 10pt;
  font-family: 'RobotoCondensed-Light', sans-serif;
  font-weight: 400;
  line-height: 1em;
  text-align: left;
  vertical-align: baseline;
  text-shadow: none;
  background: 0
}

#cc-modal a, #cc-tag a, #cc-settingsmodal a, #cc-notification a, #cc-modal a:hover, #cc-tag a:hover, #cc-settingsmodal a:hover, #cc-notification a:hover {
  background-color: transparent
}

#cc-modal a#footerlogo span {
  background: url("https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/silktide-logo.png") no-repeat scroll 0 0 transparent !important;
  display: block;
  height: 31px !important;
  margin-top: 4px !important;
  text-indent: -5000px !important;
  width: 126px !important
}

#cc-modal #cc-modal-wrapper a#footerlogo, footer#mainfooter a#footerlogo, #cc-modal #cc-modal-wrapper a#footerlogo, footer#mainfooter a#footerlogo:active, #cc-modal #cc-modal-wrapper a#footerlogo, footer#mainfooter a#footerlogo:visited {
  display: block;
  margin-top: 20px !important;
  color: #868686 !important;
  text-decoration: none !important
}

#cc-modal #cc-modal-wrapper .cc-getforsite {
  position: absolute;
  right: 16px;
  bottom: 16px
}

#cc-modal.cc-mobile #cc-modal-wrapper .cc-getforsite {
  position: relative !important;
  margin-top: 30px !important;
  margin-left: 16px
}

#cc-modal.cc-mobile, #cc-settingsmodal.cc-mobile {
  width: 100% !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  height: auto !important;
  z-index: 999999999999 !important
}

#cc-modal.cc-mobile a.cc-logo, #cc-settingsmodal.cc-mobile a.cc-logo, #cc-notification.cc-mobile a.cc-logo {
  display: none !important
}

#cc-notification .cc-logo, #cc-tag .cc-logo, #cc-modal .cc-logo, #cc-settingsmodal .cc-logo {
  background-image: url(https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/cookie-consent-logo.png);
  width: 142px;
  height: 32px;
  position: absolute;
  right: 32px;
  bottom: 20px
}

.cc-logo span {
  display: none
}

#cc-notification.cc-light {
  background: #e2e2e2 !important;
  background-color: rgba(226, 226, 226, 0.95) !important;
  color: #ee3123 !important
}

#cc-notification.cc-light #cc-notification-permissions li {
  color: #ee3123 !important
}

#cc-notification.cc-light #cc-notification-permissions li strong {
  color: #000000 !important
}

#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive {
  color: #AAA !important
}

#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive label {
  color: #AAA !important
}

#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive strong {
  color: #88bfef !important
}

#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive a.cc-learnmore-link {
  color: #AAA !important
}

#cc-notification.cc-light a, #cc-notification.cc-light a:visited {
  color: #000000 !important
}

#cc-notification.cc-light a:hover {
  color: #257eb4 !important
}

#cc-notification.cc-light h2, #cc-notification.cc-light h3, #cc-notification.cc-light p {
  color: #ee3123 !important
}

#cc-notification.cc-light ul.cc-notification-buttons li a, #cc-notification.cc-light ul.cc-notification-buttons li a:visited {
  background-color: #f1d600 !important;
  color: #111 !important
}

#cc-notification.cc-light ul.cc-notification-buttons li a:hover, #cc-notification.cc-light ul.cc-notification-buttons li a:active, #cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites:hover, #cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites:active {
  background-color: #f5f5f5 !important
}

#cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites {
  background-color: #000000 !important
}

#cc-tag.cc-light a, #cc-tag.cc-light a:visited {
  background-color: #e2e2e2 !important;
  color: #ee3123 !important
}

#cc-modal.cc-light #cc-modal-wrapper {
  background-color: #e2e2e2 !important;
  color: #f5f5f5 !important
}

#cc-modal.cc-light #cc-modal-wrapper a, #cc-modal.cc-light #cc-modal-wrapper a:visited {
  color: #000 !important
}

#cc-modal.cc-light #cc-modal-wrapper a:hover {
  color: #000000 !important
}

#cc-modal.cc-light #cc-modal-wrapper #cc-change-button-allsites {
  background-color: #000 !important;
  color: #111 !important
}

#cc-modal.cc-light #cc-modal-wrapper select {
  color: #111 !important
}

#cc-modal.cc-light #cc-modal-wrapper a.cc-consentchange:hover {
  background-color: #000000 !important
}

#cc-modal.cc-light #cc-modal-wrapper li strong {
  color: #000000 !important
}

#cc-modal.cc-light #cc-modal-wrapper li span {
  color: #7a7a7a !important
}

#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper {
  background-color: #e1e1e1 !important;
  color: #f5f5f5 !important
}

#cc-modal.cc-light #cc-modal-wrapper p, #cc-settingsmodal.cc-light #cc-settingsmodal-wrapper p {
  color: #f5f5f5 !important
}

#cc-modal.cc-light #cc-modal-wrapper h2, #cc-settingsmodal.cc-light #cc-settingsmodal-wrapper h2 {
  color: #ee3123 !important
}

#cc-modal.cc-light #cc-modal-wrapper h2 span, #cc-settingsmodal.cc-light #cc-settingsmodal-wrapper h2 span {
  color: #7a7a7a !important
}

#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper h2 span {
  color: #71f031 !important
}

#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper p.cc-subtitle, #cc-modal.cc-light #cc-modal-wrapper p.cc-subtitle {
  color: #7a7a7a !important
}

#cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a, #cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a:visited {
  color: #000 !important
}

#cc-modal.cc-light #cc-modal-secondclosebutton a:hover, #cc-modal.cc-light #cc-modal-secondclosebutton a:active, #cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a:hover, #cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a:active, #cc-modal.cc-light #cc-modal-global a:hover, #cc-modal.cc-light #cc-modal-global a:active {
  color: #ee3123 !important
}

#cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a, #cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a:visited {
  background-color: #f5f5f5 !important;
  color: #111 !important;
  box-shadow: 1px 1px 2px #000;
  -moz-box-shadow: 1px 1px 2px #000;
  -webkit-box-shadow: 1px 1px 2px #000;
  background-color: #f1d600 !important
}

#cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a:hover, #cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a:active {
  background-color: #0288ce !important;
  color: #fff !important;
  box-shadow: 1px 2px 10px #000;
  -moz-box-shadow: 1px 2px 10px #000;
  -webkit-box-shadow: 1px 2px 10px #000
}

#cc-modal.cc-light #cc-modal-wrapper a.cc-learnmore-link, #cc-settingsmodal.cc-light #cc-settingsmodal-wrapper a.cc-learnmore-link, #cc-notification.cc-light a.cc-learnmore-link {
  color: #000 !important
}

#cc-notification.cc-monochrome {
  background: #333 !important;
  background-color: rgba(51, 51, 51, 0.95) !important;
  color: #fff !important
}

#cc-notification.cc-monochrome #cc-notification-permissions li {
  color: #fff !important
}

#cc-notification.cc-monochrome #cc-notification-permissions li strong {
  color: #fff !important
}

#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive {
  color: #AAA !important
}

#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive label {
  color: #AAA !important
}

#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive strong {
  color: #bbb !important
}

#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive a.cc-learnmore-link {
  color: #AAA !important
}

#cc-notification.cc-monochrome a, #cc-notification.cc-monochrome a:visited {
  color: #DDD !important
}

#cc-notification.cc-monochrome a:hover {
  color: #fff !important
}

#cc-notification.cc-monochrome h2, #cc-notification.cc-monochrome h3, #cc-notification.cc-monochrome p {
  color: #AAA !important
}

#cc-notification.cc-monochrome ul.cc-notification-buttons li a, #cc-notification.cc-monochrome ul.cc-notification-buttons li a:visited {
  background-color: #ddd !important;
  color: #111 !important
}

#cc-notification.cc-monochrome ul.cc-notification-buttons li a:hover, #cc-notification.cc-monochrome ul.cc-notification-buttons li a:active, #cc-notification.cc-monochrome ul.cc-notification-buttons li #cc-approve-button-allsites:hover, #cc-notification.cc-monochrome ul.cc-notification-buttons li #cc-approve-button-allsites:active {
  background-color: #fff !important
}

#cc-notification.cc-monochrome ul.cc-notification-buttons li #cc-approve-button-allsites {
  background-color: #ddd !important
}

#cc-tag.cc-monochrome #cc-tag-button, #cc-tag.cc-monochrome #cc-tag-button:visited {
  background-color: #333 !important;
  color: #ddd !important
}

#cc-tag.cc-monochrome #cc-tag-button:hover, #cc-tag.cc-monochrome #cc-tag-button:active {
  border-top: 3px solid #fff !important;
  border-right: 3px solid #fff !important;
  border-left: 3px solid #fff !important
}

#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper li strong, #cc-modal.cc-monochrome #cc-modal-wrapper li strong {
  color: #FFF !important
}

#cc-modal.cc-monochrome #cc-modal-wrapper {
  background-color: #333 !important;
  color: #f5f5f5 !important
}

#cc-modal.cc-monochrome #cc-modal-wrapper a, #cc-modal.cc-monochrome #cc-modal-wrapper a:visited {
  color: #000 !important
}

#cc-modal.cc-monochrome #cc-modal-wrapper a:hover {
  color: #000000 !important
}

#cc-modal.cc-monochrome #cc-modal-wrapper #cc-change-button-allsites {
  background-color: #000 !important;
  color: #111 !important
}

#cc-modal.cc-monochrome #cc-modal-wrapper select {
  color: #111 !important
}

#cc-modal.cc-monochrome #cc-modal-wrapper a.cc-consentchange:hover {
  background-color: #000000 !important
}

#cc-modal.cc-monochrome #cc-modal-wrapper li strong {
  color: #fff !important
}

#cc-modal.cc-monochrome #cc-modal-wrapper li span {
  color: #7a7a7a !important
}

#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper {
  background-color: #333 !important;
  color: #f5f5f5 !important
}

#cc-modal.cc-monochrome #cc-modal-wrapper p, #cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper p {
  color: #f5f5f5 !important
}

#cc-modal.cc-monochrome #cc-modal-wrapper h2, #cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper h2 {
  color: #fff !important
}

#cc-modal.cc-monochrome #cc-modal-wrapper h2 span, #cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper h2 span {
  color: #7a7a7a !important
}

#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper h2 span {
  color: #ddd !important
}

#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper p.cc-subtitle, #cc-modal.cc-monochrome #cc-modal-wrapper p.cc-subtitle {
  color: #7a7a7a !important
}

#cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a, #cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a:visited {
  color: #000 !important
}

#cc-modal.cc-monochrome #cc-modal-secondclosebutton a:hover, #cc-modal.cc-monochrome #cc-modal-secondclosebutton a:active, #cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a:hover, #cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a:active, #cc-modal.cc-monochrome #cc-modal-global a:hover, #cc-modal.cc-monochrome #cc-modal-global a:active {
  color: #fff !important
}

#cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a, #cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a:visited {
  background-color: #f5f5f5 !important;
  color: #111 !important;
  box-shadow: 1px 1px 2px #000;
  -moz-box-shadow: 1px 1px 2px #000;
  -webkit-box-shadow: 1px 1px 2px #000;
  background-color: #f1d600 !important
}

#cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a:hover, #cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a:active {
  background-color: #0288ce !important;
  color: #fff !important;
  box-shadow: 1px 2px 10px #000;
  -moz-box-shadow: 1px 2px 10px #000;
  -webkit-box-shadow: 1px 2px 10px #000
}

#cc-modal.cc-monochrome #cc-modal-wrapper a.cc-learnmore-link, #cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper a.cc-learnmore-link, #cc-notification.cc-monochrome a.cc-learnmore-link {
  color: #ddd !important
}

#cc-notification ul.cc-notification-buttons li a, #cc-notification ul.cc-notification-buttons li a:visited {
  float: right !important
}

#cc-notification ul.cc-notification-buttons {
  position: absolute !important;
  right: 0 !important;
  top: 5px !important;
  width: 360px !important
}

#cc-notification.cc-mobile #cc-notification-wrapper {
  margin-right: 0 !important
}

#cc-notification.cc-mobile ul.cc-notification-buttons li a, #cc-notification.cc-mobile ul.cc-notification-buttons li a:visited {
  float: none !important
}

#cc-notification.cc-mobile ul.cc-notification-buttons {
  padding-top: 1px !important;
  position: relative !important;
  right: 0 !important;
  top: 0 !important;
  width: auto !important;
  clear: both
}

#cc-notification {
  background: #ee3123 !important;
  background-color: #ee3123 !important;
  color: #f5f5f5 !important;
  border-bottom: 1px dotted #ccc !important;
  font-family: 'RobotoCondensed-Light', sans-serif;
  font-size: 11pt !important
}

#cc-notification #cc-notification-wrapper {
  padding: 20px 32px 0 !important
}

#cc-notification #cc-notification-permissions ul {
  margin: 0 0 26px !important;
  padding: 0 !important;
  list-style: none !important;
  float: left !important
}

#cc-notification.cc-mobile #cc-notification-permissions li {
  width: auto !important
}

#cc-notification #cc-notification-permissions li {
  margin: 0 0 10px 30px !important;
  padding: 6px 0 0 !important;
  list-style: none !important;
  width: 440px !important;
  color: #4b4b4b !important;
  -webkit-transition: color .2s ease-in;
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  transition: color .2s ease-in
}

#cc-notification #cc-notification-permissions li label {
  font-size: 10pt !important;
  line-height: 1.3em;
  color: #222 !important;
  -webkit-transition: color .2s ease-in;
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  transition: color .2s ease-in
}

#cc-notification #cc-notification-permissions li input {
  float: left !important;
  margin-left: -30px !important;
  margin-top: 0 !important
}

#cc-notification #cc-notification-permissions li strong {
  color: #000000 !important;
  display: block !important;
  font-size: 12pt;
  letter-spacing: -0.05em;
  -webkit-transition: color .2s ease-in;
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  transition: color .2s ease-in
}

#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive {
  color: #000 !important
}

#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive label {
  color: #000 !important
}

#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive strong {
  color: #1d658e !important
}

#cc-notification #cc-notification-permissions li a.cc-learnmore-link {
  -webkit-transition: color .2s ease-in;
  -moz-transition: color .2s ease-in;
  -o-transition: color .2s ease-in;
  transition: color .2s ease-in
}

#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive a.cc-learnmore-link {
  color: #000 !important
}

#cc-notification a, #cc-notification a:visited {
  text-decoration: none !important;
  color: #000000 !important;
  font-size: 10pt
}

#cc-notification a:hover {
  text-decoration: underline !important;
  color: #b2f7ff !important
}

#cc-notification h2, #cc-notification h3, #cc-notification p {
  color: #f5f5f5 !important;
  margin: 0 !important;
  text-align: left !important;
  font-size: 11pt;
  width: auto !important
}

#cc-notification h2 {
  margin-right: 130px !important
}

#cc-notification.cc-mobile h2 {
  margin-right: 0 !important
}

#cc-notification h2 span, #cc-notification h2 {
  font-size: 14pt;
  letter-spacing: -0.05em;
  margin-bottom: 20px !important;
  font-weight: 400 !important
}

#cc-notification h2 a {
  letter-spacing: -0.05em;
  font-size: 14pt
}

#cc-notification h3 {
  margin-top: 10px !important
}

#cc-notification ul.cc-notification-buttons {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important
}

#cc-notification.cc-notification-afterload ul.cc-notification-buttons {
  top: auto !important;
  bottom: 5px !important
}

#cc-notification ul.cc-notification-buttons li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important
}

#cc-notification ul.cc-notification-buttons li a, #cc-notification ul.cc-notification-buttons li a:visited {
  margin-top: 8px !important;
  margin-bottom: 6px !important;
  display: block;
  padding: 8px 16px !important;
  background-color: #f1d600 !important;
  color: #111 !important;
  margin-right: 12px !important;
  text-decoration: none !important;
  font-size: 12pt !important;
  font-weight: 600;
  letter-spacing: -0.05em;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  transition: background .2s ease-in-out 0s, color .2s ease-in-out 0s, box-shadow .2s ease-in-out 0s;
  -moz-transition: background .2s ease-in-out 0s, color .2s ease-in-out 0s, -moz-box-shadow .2s ease-in-out 0s;
  -webkit-transition: background .2s ease-in-out 0s, color .2s ease-in-out 0s, -webkit-box-shadow .2s ease-in-out 0s
}

#cc-notification ul.cc-notification-buttons li a:hover, #cc-notification ul.cc-notification-buttons li a:active, #cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:hover, #cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:active {
  text-decoration: none !important;
  background-color: #f5f5f5 !important;
  box-shadow: 1px 2px 10px #000;
  -moz-box-shadow: 1px 2px 10px #000;
  -webkit-box-shadow: 1px 2px 10px #000
}

#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites {
  background-color: #000000 !important
}

#cc-tag a, #cc-tag a:visited {
  font-family: 'RobotoCondensed-Light', sans-serif;
  font-size: 12pt !important;
  background-color: #ee3123 !important;
  background-repeat: no-repeat;
  background-position: 6px 7px;
  color: #f5f5f5 !important;
  padding: 8px 12px 8px 12px !important;
  text-decoration: none !important;
  display: block;
  border-top: 3px solid #000 !important;
  border-right: 3px solid #000 !important;
  border-left: 3px solid #000 !important;
  border-radius: 3px 3px 0 0 !important;
  -moz-border-radius: 3px 3px 0 0 !important;
  -webkit-border-radius: 3px 3px 0 0 !important;
  box-shadow: 1px 1px 2px #000;
  -moz-box-shadow: 1px 1px 2px #000;
  -webkit-box-shadow: 1px 1px 2px #000;
  transition: color .2s ease-in-out 0s, box-shadow .2s ease-in-out 0s;
  -moz-transition: color .2s ease-in-out 0s, -moz-box-shadow .2s ease-in-out 0s;
  -webkit-transition: color .2s ease-in-out 0s, -webkit-box-shadow .2s ease-in-out 0s
}

#cc-tag.cc-tag-horizontal-right a, #cc-tag.cc-tag-horizontal-right a:visited {
  -webkit-transform: rotate(-90deg) !important;
  -moz-transform: rotate(-90deg) !important;
  -o-transform: rotate(-90deg) !important;
  -ms-transform: rotate(-90deg) !important;
  margin-right: -82px !important;
  padding: 8px 12px 60px 12px !important
}

#cc-tag.cc-tag-horizontal-left a, #cc-tag.cc-tag-horizontal-left a:visited {
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  margin-left: -82px !important;
  padding: 8px 12px 60px 12px !important
}

#cc-tag.cc-tag-vertical-right a, #cc-tag.cc-tag-vertical-right a:visited {
  -webkit-transform: rotate(-90deg) !important;
  -moz-transform: rotate(-90deg) !important;
  -o-transform: rotate(-90deg) !important;
  -ms-transform: rotate(-90deg) !important;
  margin-right: -82px !important;
  padding: 8px 12px 60px 12px !important
}

#cc-tag.cc-tag-vertical-left a, #cc-tag.cc-tag-vertical-left a:visited {
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  margin-left: -82px !important;
  padding: 8px 12px 60px 12px !important
}

#cc-tag a:hover, #cc-tag a:active {
  border-top: 3px solid #f1d600 !important;
  border-right: 3px solid #f1d600 !important;
  border-left: 3px solid #f1d600 !important;
  box-shadow: 2px 2px 7px #000;
  -moz-box-shadow: 2px 2px 7px #000;
  -webkit-box-shadow: 2px 2px 7px #000
}

#cc-tag a span {
  font-size: 12pt !important
}

#cc-modal {
  font-family: 'RobotoCondensed-Light', sans-serif;
  font-size: 11pt !important
}

#cc-modal #cc-modal-wrapper {
  width: 686px !important;
  margin: 40px auto !important;
  background-color: #fff !important;
  color: #f5f5f5 !important;
  padding: 25px 15px 5px !important;
  text-align: left !important;
  position: relative !important;
  max-height: 8%;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 560px;
  box-shadow: 0 0 30px #000;
  -moz-box-shadow: 0 0 30px #000;
  -webkit-box-shadow: 0 0 30px #000
}

#cc-modal #cc-modal-wrapper a, #cc-modal #cc-modal-wrapper a:visited {
  color: #f5f500 !important;
  text-decoration: none !important
}

#cc-modal #cc-modal-wrapper a:hover {
  color: #000000 !important;
  text-decoration: underline !important
}

#cc-modal #cc-modal-wrapper #cc-change-button-allsites {
  margin-top: 16px !important;
  margin-bottom: 6px !important;
  display: block !important;
  padding: 6px 12px !important;
  background-color: #f5f500 !important;
  color: #111 !important;
  float: left !important;
  clear: both !important;
  margin-right: 8px !important;
  text-decoration: none !important;
  border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important
}

#cc-modal #cc-modal-wrapper #cc-change-button-allsites:hover, #cc-modal #cc-modal-wrapper #cc-change-button-allsites:active {
  background-color: #000000 !important
}

#cc-settingsmodal #cc-settingsmodal-wrapper select, #cc-modal #cc-modal-wrapper select {
  color: #111 !important;
  margin-right: 8px !important;
  text-decoration: none !important;
  position: absolute !important;
  top: 28px !important;
  right: 8px !important;
  float: right !important;
  font-size: 10pt !important;
  width: 150px
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper select, #cc-modal.cc-mobile #cc-modal-wrapper select {
  float: none !important;
  margin-top: 10px !important;
  position: static !important
}

#cc-modal #cc-modal-wrapper a.cc-consentchange:hover {
  background-color: #000000 !important
}

#cc-settingsmodal #cc-settingsmodal-wrapper ul li label, #cc-modal #cc-modal-wrapper ul li label {
  float: left
}

#cc-settingsmodal #cc-settingsmodal-wrapper ul, #cc-modal #cc-modal-wrapper ul {
  margin: 0 !important;
  padding: 0 57px !important;
  list-style: none !important
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper ul, #cc-modal.cc-mobile #cc-modal-wrapper ul {
  padding: 0 !important
}

#cc-settingsmodal #cc-settingsmodal-wrapper li, #cc-modal #cc-modal-wrapper li {
  clear: both !important;
  margin: 0 !important;
  padding: 20px 0 0 !important;
  list-style: none !important;
  position: relative
}

#cc-settingsmodal #cc-settingsmodal-wrapper li strong, #cc-modal #cc-modal-wrapper li strong {
  width: 480px !important;
  float: left !important;
  display: block !important;
  color: #000000 !important;
  font-size: 14pt;
  font-weight: 400 !important
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper li strong #cc-modal.cc-mobile #cc-modal-wrapper li strong {
  float: none !important
}

#cc-settingsmodal #cc-settingsmodal-wrapper li span, #cc-modal #cc-modal-wrapper li span {
  width: 470px !important;
  float: left !important;
  clear: left !important;
  display: block !important;
  color: #7a7a7a !important;
  line-height: 1.2em;
  font-size: 11pt !important;
  margin-top: 8px
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper li span, #cc-modal.cc-mobile #cc-modal-wrapper li span {
  float: none !important
}

#cc-settingsmodal {
  font-family: 'RobotoCondensed-Light', sans-serif;
  font-size: 11pt !important
}

#cc-settingsmodal.cc-mobile {
  height: auto
}

#cc-settingsmodal #cc-settingsmodal-wrapper {
  width: 716px !important;
  height: 8% !important;
  margin: 40px auto !important;
  background-color: #ee3123 !important;
  padding-top: 24px !important;
  color: #f5f5f5 !important;
  text-align: left !important;
  position: relative !important;
  overflow-x: hidden;
  max-height: 560px;
  background-image: url(https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/globe.png);
  background-position: -20px 20px;
  background-repeat: no-repeat;
  box-shadow: 0 0 30px #000;
  -moz-box-shadow: 0 0 30px #000;
  -webkit-box-shadow: 0 0 30px #000
}

#cc-settingsmodal #cc-settingsmodal-wrapper .cc-content {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: 400px;
  margin-top: 20px
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper {
  max-height: none !important
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper .cc-content {
  height: 540px !important;
  max-height: none !important
}

#cc-modal #cc-modal-wrapper p {
  line-height: 1em;
  margin-top: 12px;
  color: #f5f5f5 !important
}

#cc-settingsmodal #cc-settingsmodal-wrapper p {
  margin-top: 32px
}

#cc-modal #cc-modal-wrapper .cc-content {
  padding-top: 8px;
  clear: both;
  height: 420px;
  overflow-y: auto;
  overflow-x: hidden
}

#cc-modal.cc-mobile #cc-modal-wrapper .cc-content {
  height: auto !important;
  overflow: hidden !important
}

#cc-modal #cc-modal-wrapper h2, #cc-settingsmodal #cc-settingsmodal-wrapper h2 {
  margin: 0 57px !important;
  font-size: 20pt !important;
  width: 712px !important;
  color: #000 !important;
  font-weight: 400
}

#cc-settingsmodal #cc-settingsmodal-wrapper h2 {
  margin: 0 72px !important
}

#cc-modal #cc-modal-wrapper h2 span, #cc-settingsmodal #cc-settingsmodal-wrapper h2 span {
  font-size: 14pt !important;
  color: #7a7a7a !important
}

#cc-settingsmodal #cc-settingsmodal-wrapper h2 span {
  color: #71f031 !important
}

#cc-settingsmodal #cc-settingsmodal-wrapper p.cc-subtitle, #cc-modal #cc-modal-wrapper p.cc-subtitle {
  color: #7a7a7a !important;
  margin: 16px 0 0 57px !important;
  font-size: 11pt !important
}

#cc-settingsmodal #cc-settingsmodal-wrapper p.cc-subtitle {
  margin: 16px 0 0 73px !important
}

#cc-modal.cc-mobile #cc-modal-wrapper p.cc-subtitle {
  margin-left: 0 !important
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper p.cc-subtitle {
  margin-left: 10px !important
}

#cc-settingsmodal #cc-settingsmodal-wrapper iframe {
  width: 714px !important;
  border: 0 !important;
  min-height: 390px !important
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper iframe {
  width: 100% !important;
  height: 500px;
  z-index: 9999999999999 !important;
  margin-top: 0
}

#cc-modal #cc-modal-closebutton a, #cc-settingsmodal #cc-settingsmodal-closebutton a {
  background-image: url("https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/modal-close.png") !important;
  display: block !important;
  height: 24px !important;
  position: absolute !important;
  right: 10px !important;
  top: 10px !important;
  width: 24px !important;
  background-position: 0 0
}

#cc-modal #cc-modal-closebutton a:hover, #cc-settingsmodal #cc-settingsmodal-closebutton a:hover {
  background-position: 0 -24px
}

#cc-modal #cc-modal-global {
  padding-top: 5px !important
}

#cc-settingsmodal #cc-settingsmodal-secondclosebutton a, #cc-settingsmodal #cc-settingsmodal-secondclosebutton a:visited {
  color: #71f031 !important;
  text-decoration: none !important
}

#cc-modal #cc-modal-secondclosebutton a span, #cc-modal #cc-modal-secondclosebutton a:visited span, #cc-settingsmodal #cc-settingsmodal-secondclosebutton a span, #cc-settingsmodal #cc-settingsmodal-secondclosebutton a:visited span, #cc-modal #cc-modal-global a span, #cc-modal #cc-modal-global a:visited span {
  font-size: 12pt !important;
  font-weight: 600 !important
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-secondclosebutton {
  padding-left: 10px;
  padding-top: 0
}

#cc-modal.cc-mobile #cc-modal-secondclosebutton a, #cc-modal.cc-mobile #cc-modal-secondclosebutton a:visited, #cc-modal.cc-mobile #cc-modal-global a, #cc-modal.cc-mobile #cc-modal-global a:visited {
  float: none !important
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-secondclosebutton a, #cc-settingsmodal.cc-mobile #cc-settingsmodal-secondclosebutton a:visited {
  display: none !important
}

#cc-modal #cc-modal-secondclosebutton a:hover, #cc-modal #cc-modal-secondclosebutton a:active, #cc-settingsmodal #cc-settingsmodal-secondclosebutton a:hover, #cc-settingsmodal #cc-settingsmodal-secondclosebutton a:active, #cc-modal #cc-modal-global a:hover, #cc-modal #cc-modal-global a:active {
  text-decoration: none !important;
  color: #fff !important
}

#cc-modal #cc-modal-wrapper #cc-modal-footer-buttons {
  margin-left: 57px !important;
  margin-top: 25px !important
}

#cc-settingsmodal #cc-settingsmodal-wrapper #cc-settingsmodal-footer-buttons {
  margin-left: 72px !important
}

#cc-modal.cc-mobile #cc-modal-wrapper #cc-modal-footer-buttons {
  position: relative;
  width: auto;
  padding-top: 10px !important;
  margin-left: 0 !important
}

#cc-modal #cc-modal-wrapper .cc-preference-importantmessage {
  margin-top: 20px !important;
  clear: both !important;
  padding: 10px !important;
  text-align: left !important;
  background-color: #444 !important;
  border: 1px dotted #000 !important;
  line-height: 2em !important
}

#cc-modal #cc-modal-wrapper .cc-preference-importantmessage a, #cc-modal #cc-modal-wrapper .cc-preference-importantmessage a:visited {
  line-height: 1.2em;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: block;
  padding: 5px 10px !important;
  background-color: #f5f5f5 !important;
  color: #111 !important;
  margin-right: 8px !important;
  text-decoration: none !important;
  font-size: 10pt;
  float: right;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  box-shadow: 1px 1px 2px #000;
  -moz-box-shadow: 1px 1px 2px #000;
  -webkit-box-shadow: 1px 1px 2px #000;
  transition: background .2s ease-in-out 0s, color .2s ease-in-out 0s, box-shadow .2s ease-in-out 0s;
  -moz-transition: background .2s ease-in-out 0s, color .2s ease-in-out 0s, -moz-box-shadow .2s ease-in-out 0s;
  -webkit-transition: background .2s ease-in-out 0s, color .2s ease-in-out 0s, -webkit-box-shadow .2s ease-in-out 0s;
  background-color: #f1d600 !important
}

#cc-modal #cc-modal-wrapper .cc-preference-importantmessage a:hover, #cc-modal #cc-modal-wrapper .cc-preference-importantmessage a:active {
  text-decoration: none !important;
  background-color: #0288ce !important;
  color: #fff !important;
  box-shadow: 1px 2px 10px #000;
  -moz-box-shadow: 1px 2px 10px #000;
  -webkit-box-shadow: 1px 2px 10px #000
}

#cc-modal #cc-modal-wrapper a.cc-learnmore-link, #cc-settingsmodal #cc-settingsmodal-wrapper a.cc-learnmore-link, #cc-notification a.cc-learnmore-link {
  color: #FFF !important
}

#cc-modal.cc-mobile #cc-modal-wrapper {
  height: auto !important;
  max-height: none !important;
  min-height: inherit !important
}

#cc-modal.cc-mobile #cc-modal-wrapper, #cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper {
  margin-top: 0 !important;
  width: auto !important
}

#cc-modal.cc-mobile #cc-modal-wrapper h2 {
  width: auto !important;
  margin-left: 0 !important
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper h2 span, #cc-modal.cc-mobile #cc-modal-wrapper h2 span {
  display: block;
  margin-top: 8px
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper h2 {
  margin-left: 10px !important;
  width: auto !important
}

#cc-modal.cc-mobile #cc-modal-wrapper, #cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper {
  border: 0 !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background-image: none !important;
  max-height: none !important
}

#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper li span, #cc-modal.cc-mobile #cc-modal-wrapper li span {
  width: auto !important;
  float: none !important
}

#cc-modal.cc-mobile #cc-modal-wrapper a.cc-consentchange {
  margin-top: 10px !important;
  float: none !important
}

#cc-modal #cc-modal-wrapper li strong {
  width: auto !important
}

@media only screen and (max-width: 640px) {
  #cc-notification #cc-notification-permissions li {
    width: 100%!important;
  }
  #cc-modal #cc-modal-wrapper {
    width: 80%!important;
    min-height: 0!important;
  }
  #cc-modal #cc-modal-wrapper ul {
    padding: 0 40px !important;
  }
  #cc-modal #cc-modal-wrapper li span {
    width: 100%!important;
  }
  #cc-modal #cc-modal-wrapper h2,
  #cc-settingsmodal #cc-settingsmodal-wrapper h2 {
    margin: 0 40px !important;
    width: 100%!important;
  }
  #cc-modal #cc-modal-wrapper p.cc-subtitle {
    margin: 16px 0 0 40px !important;
  }
}

@media only screen and (max-width: 480px) {
  #cc-modal #cc-modal-wrapper {
    min-height: 300px;
  }
  #cc-modal #cc-modal-wrapper ul {
    padding: 0!important;
  }
  #cc-modal #cc-modal-wrapper h2,
  #cc-settingsmodal #cc-settingsmodal-wrapper h2 {
    margin: 0!important;
  }
  #cc-modal #cc-modal-wrapper p.cc-subtitle {
    margin: 16px 0 0 0!important;
  }
  #cc-modal #cc-modal-wrapper li span {
    font-size: 9pt!important;
  }
  #cc-modal #cc-modal-wrapper li strong {
    font-size: 11pt!important;
  }
  #cc-modal #cc-modal-wrapper h2 {
    font-size: 16pt!important;
  }
  #cc-settingsmodal #cc-settingsmodal-wrapper select,
  #cc-modal #cc-modal-wrapper select {
    float: none!important;
    clear: both!important;
    position: relative!important;
    right: 0!important;
    top: 6px!important;
  }
  #cc-modal #cc-modal-wrapper .cc-content {
    height: 170px;
  }
}
/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}









/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }










/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }










/*************** SCROLLBAR MAC OS X ***************/

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }










/*************** SCROLLBAR LIGHT ***************/

.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url('https://media-m-eu.husse.com/skin/frontend/husse/default/css/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url('https://media-m-eu.husse.com/skin/frontend/husse/default/css/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);

    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }










/*************** SCROLLBAR RAIL ***************/

.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #d0b9a0;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */

.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }










/*************** SCROLLBAR DYNAMIC ***************/

.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: 0.3;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;

    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #6c6e71;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;

    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;

    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


/* hover & drag */

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 20px;
}










/*************** SCROLLBAR GOOGLE CHROME ***************/

.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-chrome > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_outer {}

.scrollbar-chrome > .scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; }
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top:  -16px; margin-top:  16px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }