@charset "UTF-8";
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeInColumn {
  0% {
    left: -30px;
    opacity: 0;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    left: 0;
    opacity: 1;
  }
}
@-webkit-keyframes fadeInColumn {
  0% {
    left: -30px;
    opacity: 0;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes fadeInColumn {
  0% {
    left: -30px;
    opacity: 0;
  }

  50% {
    opacity: 0.6;
  }

  100% {
    left: 0;
    opacity: 1;
  }
}
@-moz-keyframes fadeOutColumn {
  0% {
    left: 0;
    opacity: 1;
  }

  100% {
    left: -30px;
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutColumn {
  0% {
    left: 0;
    opacity: 1;
  }

  100% {
    left: -30px;
    opacity: 0;
  }
}
@keyframes fadeOutColumn {
  0% {
    left: 0;
    opacity: 1;
  }

  100% {
    left: -30px;
    opacity: 0;
  }
}
@-moz-keyframes fadeInIcon {
  0% {
    opacity: 0;
    top: 10px;
  }

  100% {
    opacity: 1;
    top: 0;
  }
}
@-webkit-keyframes fadeInIcon {
  0% {
    opacity: 0;
    top: 10px;
  }

  100% {
    opacity: 1;
    top: 0;
  }
}
@keyframes fadeInIcon {
  0% {
    opacity: 0;
    top: 10px;
  }

  100% {
    opacity: 1;
    top: 0;
  }
}
@-moz-keyframes fadeInTitle {
  0% {
    opacity: 0;
    top: 20px;
  }

  100% {
    opacity: 1;
    top: 0;
  }
}
@-webkit-keyframes fadeInTitle {
  0% {
    opacity: 0;
    top: 20px;
  }

  100% {
    opacity: 1;
    top: 0;
  }
}
@keyframes fadeInTitle {
  0% {
    opacity: 0;
    top: 20px;
  }

  100% {
    opacity: 1;
    top: 0;
  }
}
@-moz-keyframes fadeInSubTitle {
  0% {
    opacity: 0;
    top: 20px;
  }

  100% {
    opacity: 1;
    top: 0;
  }
}
@-webkit-keyframes fadeInSubTitle {
  0% {
    opacity: 0;
    top: 20px;
  }

  100% {
    opacity: 1;
    top: 0;
  }
}
@keyframes fadeInSubTitle {
  0% {
    opacity: 0;
    top: 20px;
  }

  100% {
    opacity: 1;
    top: 0;
  }
}
@-moz-keyframes rotate45 {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-webkit-keyframes rotate45 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@keyframes rotate45 {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

body.guillotine-dragging, body.guillotine-dragging * {
  cursor: move !important;
  cursor: -webkit-grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: grabbing !important;
  cursor: grabbing, move;
  /* IE hack */
}

.guillotine-window {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  cursor: grab, move;
  /* IE hack */
}

.guillotine-canvas {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.guillotine-canvas > * {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.guillotine-sample {
  position: absolute !important;
  top: -100000px     !important;
  left: -100000px    !important;
  width: auto        !important;
  height: auto       !important;
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.0.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  zoom: 1;
  *display: inline;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-top: 0;
  background: #fff;
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #fff;
  background-clip: padding-box;
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  padding: 20px;
  display: block;
  overflow: hidden;
  margin-right: 65px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
}
.chosen-container-single .chosen-single-with-deselect span {
  padding: 20px;
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 65px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "alessi";
  font-style: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-variant: normal;
  text-align: center;
  text-transform: none;
  text-decoration: inherit;
  speak: none;
}
.chosen-container-single .chosen-single div b {
  text-align: center;
}
.chosen-container-single .chosen-single div b:after {
  vertical-align: middle;
  display: inline-block;
}
.chosen-container-single .chosen-single div b:before {
  content: '';
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  display: inline-block;
}
.chosen-container-single .chosen-single div b:after {
  display: inline-block;
  content: '\e80d';
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 20px 20px 0;
  padding: 0 0 0 20px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 10px 0px;
  list-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  background-color: #fff;
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  background: transparent !important;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
}
.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  background-color: #e4e4e4;
  background-clip: padding-box;
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  background-color: #e4e4e4;
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active.chosen-with-drop .chosen-single {
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b:after {
  content: '\e810';
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single, .chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  padding: 20px;
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  padding: 20px;
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  direction: rtl;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"] {
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }

  .chosen-container-single .chosen-single abbr {
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
  .chosen-container-single .chosen-search input[type="text"] {
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }

  .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }

  .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
    padding: 20px;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
/* jQuery.mmenu CSS */
html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
html.mm-opened .mm-fixed-top,
html.mm-opened .mm-fixed-bottom,
html.mm-opened .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, border;
  -moz-transition-property: top, right, bottom, left, border;
  -ms-transition-property: top, right, bottom, left, border;
  -o-transition-property: top, right, bottom, left, border;
  transition-property: top, right, bottom, left, border;
}

html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
  left: 0%;
  top: 0;
  margin: 0;
  border: 0px solid transparent;
}

html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker {
  border: 0px solid rgba(100, 100, 100, 0);
}

.mm-menu .mm-hidden {
  display: none;
}

.mm-fixed-top,
.mm-fixed-bottom {
  position: fixed;
  left: 0;
}

.mm-fixed-top {
  top: 0;
}

.mm-fixed-bottom {
  bottom: 0;
}

html.mm-opened .mm-page,
.mm-menu > .mm-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

html.mm-opened,
html.mm-opened body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

html.mm-opened .mm-page {
  height: 100%;
  overflow: hidden;
  position: absolute;
}

html.mm-background .mm-page {
  background: inherit;
}

#mm-blocker {
  background: #fff;
  opacity: 0;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999999;
}

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block;
}

.mm-menu.mm-current {
  display: block;
}

.mm-menu {
  background: inherit;
  display: none;
  overflow: hidden;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.mm-menu > .mm-panel {
  background: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 0;
}

.mm-menu > .mm-panel.mm-opened {
  left: 0%;
}

.mm-menu > .mm-panel.mm-subopened {
  left: -40%;
}

.mm-menu > .mm-panel.mm-highest {
  z-index: 1;
}

.mm-menu > .mm-panel.mm-hidden {
  display: block;
  visibility: hidden;
}

.mm-menu .mm-list {
  padding: 20px 0;
}

.mm-menu > .mm-list {
  padding: 20px 0 40px 0;
}

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px;
}

.mm-panel > .mm-list:first-child {
  padding-top: 0;
}

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.mm-list {
  font: inherit;
  font-size: 14px;
}

.mm-list a,
.mm-list a:hover {
  text-decoration: none;
}

.mm-list > li {
  position: relative;
}

.mm-list > li > a,
.mm-list > li > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  line-height: 20px;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0;
}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
  width: auto;
  margin-left: 20px;
  position: relative;
  left: auto;
}

.mm-list a.mm-subopen {
  width: 40px;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.mm-list a.mm-subopen::before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.mm-list a.mm-subopen.mm-fullsubopen {
  width: 100%;
}

.mm-list a.mm-subopen.mm-fullsubopen:before {
  border-left: none;
}

.mm-list a.mm-subopen + a,
.mm-list a.mm-subopen + span {
  padding-right: 5px;
  margin-right: 40px;
}

.mm-list > li.mm-selected > a.mm-subopen {
  background: transparent;
}

.mm-list > li.mm-selected > a.mm-fullsubopen + a,
.mm-list > li.mm-selected > a.mm-fullsubopen + span {
  padding-right: 45px;
  margin-right: 0;
}

.mm-list a.mm-subclose {
  text-indent: 20px;
  padding-top: 30px;
  margin-top: -20px;
}

.mm-list > li.mm-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
  padding-right: 5px;
}

.mm-list > li.mm-spacer {
  padding-top: 40px;
}

.mm-list > li.mm-spacer.mm-label {
  padding-top: 25px;
}

.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 7px;
  height: 7px;
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mm-list a.mm-subopen:after {
  border-top: none;
  border-left: none;
  right: 18px;
}

.mm-list a.mm-subclose:before {
  border-right: none;
  border-bottom: none;
  margin-bottom: -15px;
  left: 22px;
}

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}

.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
  border-color: transparent;
}

.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block;
}

.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
  height: 40px;
}

.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 16px;
  right: 16px;
}

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.mm-ismenu {
  background: #333333;
}

.mm-menu {
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-list > li > a.mm-subopen:after,
.mm-menu .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-list > li.mm-label {
  background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255, 255, 255, 0.05);
}

html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker,
html.mm-opened.mm-opening .mm-fixed-top,
html.mm-opened.mm-opening .mm-fixed-bottom {
  left: 80%;
}

.mm-menu {
  width: 80%;
}

@media all and (max-width: 175px) {
  .mm-menu {
    width: 140px;
  }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 140px;
  }
}
@media all and (min-width: 550px) {
  .mm-menu {
    width: 440px;
  }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 440px;
  }
}
html.mm-nooverflowscrolling.mm-opened {
  height: auto;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll;
}

html.mm-nooverflowscrolling.mm-opened body {
  overflow: auto;
}

html.mm-nooverflowscrolling.mm-opened .mm-page {
  min-height: 1000px;
  position: fixed;
}

html.mm-nooverflowscrolling.mm-opened .mm-menu {
  height: auto;
  min-height: 1000px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  left: auto;
  top: auto;
}

html.mm-nooverflowscrolling.mm-opened > .mm-panel {
  position: relative;
  height: auto;
  display: none;
  left: 0;
}

html.mm-nooverflowscrolling.mm-opened > .mm-panel.mm-current {
  display: block;
}

/* jQuery.mmenu counters addon CSS
   */
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%;
}

em.mm-counter + a.mm-subopen {
  padding-left: 40px;
}

em.mm-counter + a.mm-subopen + a,
em.mm-counter + a.mm-subopen + span {
  margin-right: 80px;
}

em.mm-counter + a.mm-fullsubopen {
  padding-left: 0;
}

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0;
}

.mm-nosubresults > em.mm-counter {
  display: none;
}

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3);
}

/* jQuery.mmenu dragOpen addon CSS
   */
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* jQuery.mmenu header addon CSS
   */
.mm-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: inherit;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  width: 100%;
  height: 60px;
  padding: 30px 40px 0 40px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}

.mm-header .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
}

.mm-header .mm-prev,
.mm-header .mm-next {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  bottom: 0;
}

.mm-header .mm-prev:before,
.mm-header .mm-next:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 7px;
  height: 7px;
  margin-bottom: -5px;
  position: absolute;
  bottom: 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-bottom: -15px;
}

.mm-header .mm-prev {
  left: 0;
}

.mm-header .mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 22px;
}

.mm-header .mm-next {
  right: 0;
}

.mm-header .mm-next:before {
  border-top: none;
  border-left: none;
  right: 18px;
}

.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  padding-top: 20px;
  top: 50px;
}

.mm-menu.mm-hassearch .mm-header .mm-prev:before,
.mm-menu.mm-hassearch .mm-header .mm-mext:before {
  margin-bottom: -10px;
}

.mm-menu.mm-hasheader li.mm-subtitle {
  display: none;
}

.mm-menu.mm-hasheader .mm-panel {
  padding-top: 80px;
}

.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
  padding-top: 120px;
}

.mm-menu.mm-hasheader.mm-ismenu > .mm-panel {
  padding-top: 60px;
}

.mm-menu.mm-hasheader.mm-ismenu.mm-hassearch > .mm-panel {
  padding-top: 100px;
}

.mm-menu .mm-header {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-header a:before {
  border-color: rgba(255, 255, 255, 0.3);
}

/* jQuery.mmenu labels addon CSS
   */
.mm-menu.mm-fixedlabels .mm-list {
  background: inherit;
}

.mm-menu.mm-fixedlabels .mm-list > li.mm-label {
  background: inherit !important;
  opacity: 0.97;
  height: 25px;
  overflow: visible;
  position: relative;
  z-index: 1;
}

.mm-menu.mm-fixedlabels .mm-list > li.mm-label > div {
  background: inherit;
  width: 100%;
  position: absolute;
  left: 0;
}

.mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div {
  padding-top: 25px;
}

.mm-list > li.mm-label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
}

.mm-list > li.mm-label.mm-opened a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 17px;
}

.mm-list > li.mm-collapsed {
  display: none;
}

.mm-menu .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.05);
}

/* jQuery.mmenu searchfield addon CSS
   */
.mm-search,
.mm-search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.mm-search {
  background: inherit;
  width: 100%;
  height: 50px;
  padding: 10px;
  position: relative;
  top: 0;
  z-index: 2;
}

.mm-search input {
  border: none;
  border-radius: 15px;
  font: inherit;
  font-size: 14px;
  line-height: 30px;
  outline: none;
  display: block;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0 10px;
}

.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none;
}

.mm-menu li.mm-nosubresults > a.mm-subopen + a,
.mm-menu li.mm-nosubresults > a.mm-subopen + span {
  padding-right: 10px;
}

.mm-menu li.mm-noresults {
  text-align: center;
  font-size: 21px;
  display: none;
  padding-top: 80px;
}

.mm-menu li.mm-noresults:after {
  border: none;
}

.mm-menu.mm-noresults li.mm-noresults {
  display: block;
}

.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 60px;
}

.mm-menu .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu li.mm-noresults {
  color: rgba(255, 255, 255, 0.3);
}

/* jQuery.mmenu effects extension CSS
   */
html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}

html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}

html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}

html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(40%);
  -moz-transform: translateX(40%);
  -ms-transform: translateX(40%);
  -o-transform: translateX(40%);
  transform: translateX(40%);
}

html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}

html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  transform: translateY(-40%);
}

html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(40%);
  -moz-transform: translateY(40%);
  -ms-transform: translateY(40%);
  -o-transform: translateY(40%);
  transform: translateY(40%);
}

html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}

html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-40%);
  -moz-transform: scale(0.7, 0.7) translateX(-40%);
  -ms-transform: scale(0.7, 0.7) translateX(-40%);
  -o-transform: scale(0.7, 0.7) translateX(-40%);
  transform: scale(0.7, 0.7) translateX(-40%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%);
}

html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(40%);
  -moz-transform: scale(0.7, 0.7) translateX(40%);
  -ms-transform: scale(0.7, 0.7) translateX(40%);
  -o-transform: scale(0.7, 0.7) translateX(40%);
  transform: scale(0.7, 0.7) translateX(40%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%);
}

html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-40%);
  -moz-transform: scale(0.7, 0.7) translateY(-40%);
  -ms-transform: scale(0.7, 0.7) translateY(-40%);
  -o-transform: scale(0.7, 0.7) translateY(-40%);
  transform: scale(0.7, 0.7) translateY(-40%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}

html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%);
}

html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(40%);
  -moz-transform: scale(0.7, 0.7) translateY(40%);
  -ms-transform: scale(0.7, 0.7) translateY(40%);
  -o-transform: scale(0.7, 0.7) translateY(40%);
  transform: scale(0.7, 0.7) translateY(40%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}

html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%);
}

html.mm-zoom-page.mm-opened .mm-page {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

html.mm-zoom-page.mm-opening .mm-page {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}

html.mm-zoom-page.mm-right.mm-opened .mm-page {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
}

html.mm-zoom-page.mm-top.mm-opened .mm-page {
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
}

html.mm-zoom-page.mm-bottom.mm-opened .mm-page {
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom;
}

html.mm-zoom-panels .mm-panel {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

html.mm-zoom-panels .mm-panel.mm-opened {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened {
  -webkit-transform: scale(0.7, 0.7);
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -o-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
}

/* jQuery.mmenu fullscreen extension CSS
   */
html.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  left: 100%;
}

.mm-menu.mm-fullscreen {
  width: 100%;
}

@media all and (max-width: 140px) {
  .mm-menu.mm-fullscreen {
    width: 140px;
  }

  html.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 140px;
  }
}
@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen {
    width: 10000px;
  }

  html.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 10000px;
  }
}
.mm-menu.mm-top.mm-fullscreen {
  height: 100%;
}

html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
  top: 100%;
}

html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: -100%;
}

@media all and (max-height: 140px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 140px;
  }

  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 140px;
  }

  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -140px;
  }
}
@media all and (min-height: 10000px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 10000px;
  }

  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 10000px;
  }

  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -10000px;
  }
}
.mm-menu.mm-right.mm-fullscreen {
  width: 100%;
}

html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  right: 100%;
}

@media all and (max-width: 140px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 140px;
  }

  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 140px;
  }
}
@media all and (min-width: 10000px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 10000px;
  }

  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 10000px;
  }
}
.mm-menu.mm-bottom.mm-fullscreen {
  height: 100%;
}

html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: 100%;
}

html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
  top: -100%;
}

@media all and (max-height: 140px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 140px;
  }

  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 140px;
  }

  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -140px;
  }
}
@media all and (min-height: 10000px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 10000px;
  }

  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 10000px;
  }

  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -10000px;
  }
}
.mm-menu.mm-fullscreen.mm-front,
.mm-menu.mm-fullscreen.mm-next {
  left: -100%;
}

@media all and (max-width: 140px) {
  .mm-menu.mm-fullscreen.mm-front,
  .mm-menu.mm-fullscreen.mm-next {
    left: -140px;
  }
}
@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen.mm-front,
  .mm-menu.mm-fullscreen.mm-next {
    left: -10000px;
  }
}
.mm-menu.mm-top.mm-fullscreen.mm-front,
.mm-menu.mm-top.mm-fullscreen.mm-next {
  top: -100%;
}

@media all and (max-height: 140px) {
  .mm-menu.mm-top.mm-fullscreen.mm-front,
  .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -140px;
  }
}
@media all and (min-height: 10000px) {
  .mm-menu.mm-top.mm-fullscreen.mm-front,
  .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -10000px;
  }
}
.mm-menu.mm-right.mm-fullscreen.mm-front,
.mm-menu.mm-right.mm-fullscreen.mm-next {
  right: -100%;
}

@media all and (max-width: 140px) {
  .mm-menu.mm-right.mm-fullscreen.mm-front,
  .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -140px;
  }
}
@media all and (min-width: 10000px) {
  .mm-menu.mm-right.mm-fullscreen.mm-front,
  .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -10000px;
  }
}
.mm-menu.mm-bottom.mm-fullscreen.mm-front,
.mm-menu.mm-bottom.mm-fullscreen.mm-next {
  bottom: -100%;
}

@media all and (max-height: 140px) {
  .mm-menu.mm-bottom.mm-fullscreen.mm-front,
  .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -140px;
  }
}
@media all and (min-height: 10000px) {
  .mm-menu.mm-bottom.mm-fullscreen.mm-front,
  .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -10000px;
  }
}
html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto;
}

html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-top {
  top: 0;
}

html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0;
}

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important;
}

/* jQuery.mmenu position extension CSS
   */
.mm-menu.mm-top {
  width: 100%;
}

html.mm-top.mm-opened .mm-page,
html.mm-top.mm-opened #mm-blocker {
  top: 0%;
}

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top,
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  left: 0;
}

.mm-menu.mm-right {
  left: auto;
  right: 0;
}

html.mm-right.mm-opened .mm-page,
html.mm-right.mm-opened #mm-blocker,
html.mm-right.mm-opened .mm-fixed-top,
html.mm-right.mm-opened .mm-fixed-bottom {
  left: auto;
  right: 0%;
}

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  left: auto;
}

.mm-menu.mm-bottom {
  width: 100%;
  top: auto;
  bottom: 0;
}

html.mm-bottom.mm-opened .mm-page,
html.mm-bottom.mm-opened #mm-blocker {
  bottom: 0%;
  top: auto;
}

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  top: auto;
  left: 0;
}

.mm-menu.mm-top {
  height: 80%;
}

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top {
  top: 80%;
}

html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  bottom: -80%;
}

@media all and (max-height: 175px) {
  .mm-menu.mm-top {
    height: 140px;
  }

  html.mm-top.mm-opened.mm-opening .mm-page,
  html.mm-top.mm-opened.mm-opening #mm-blocker,
  html.mm-top.mm-opened.mm-opening .mm-fixed-top {
    top: 140px;
  }

  html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: -140px;
  }
}
@media all and (min-height: 1100px) {
  .mm-menu.mm-top {
    height: 880px;
  }

  html.mm-top.mm-opened.mm-opening .mm-page,
  html.mm-top.mm-opened.mm-opening #mm-blocker,
  html.mm-top.mm-opened.mm-opening .mm-fixed-top {
    top: 880px;
  }

  html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: -880px;
  }
}
.mm-menu.mm-right {
  width: 80%;
}

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  right: 80%;
}

@media all and (max-width: 175px) {
  .mm-menu.mm-right {
    width: 140px;
  }

  html.mm-right.mm-opened.mm-opening .mm-page,
  html.mm-right.mm-opened.mm-opening #mm-blocker,
  html.mm-right.mm-opened.mm-opening .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    right: 140px;
  }
}
@media all and (min-width: 550px) {
  .mm-menu.mm-right {
    width: 440px;
  }

  html.mm-right.mm-opened.mm-opening .mm-page,
  html.mm-right.mm-opened.mm-opening #mm-blocker,
  html.mm-right.mm-opened.mm-opening .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    right: 440px;
  }
}
.mm-menu.mm-bottom {
  height: 80%;
}

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  bottom: 80%;
}

html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
  top: -80%;
}

@media all and (max-height: 175px) {
  .mm-menu.mm-bottom {
    height: 140px;
  }

  html.mm-bottom.mm-opened.mm-opening .mm-page,
  html.mm-bottom.mm-opened.mm-opening #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: 140px;
  }

  html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
    top: -140px;
  }
}
@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom {
    height: 880px;
  }

  html.mm-bottom.mm-opened.mm-opening .mm-page,
  html.mm-bottom.mm-opened.mm-opening #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: 880px;
  }

  html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
    top: -880px;
  }
}
/* jQuery.mmenu z-position extension CSS
   */
html.mm-front.mm-opened .mm-page {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.mm-menu.mm-front,
.mm-menu.mm-next {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, -webkit-transform;
  -moz-transition-property: top, right, bottom, left, -moz-transform;
  -ms-transition-property: top, right, bottom, left, -o-transform;
  -o-transition-property: top, right, bottom, left, -o-transform;
  transition-property: top, right, bottom, left, transform;
}

html.mm-front .mm-page,
html.mm-front #mm-blocker {
  z-index: 0;
}

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

html.mm-opened.mm-next .mm-page {
  box-shadow: none;
}

html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next {
  left: 0%;
}

.mm-menu.mm-top.mm-front,
.mm-menu.mm-top.mm-next {
  left: 0;
}

html.mm-opening .mm-menu.mm-top.mm-front,
html.mm-opening .mm-menu.mm-top.mm-next {
  left: 0;
  top: 0%;
}

.mm-menu.mm-right.mm-front,
.mm-menu.mm-right.mm-next {
  left: auto;
}

html.mm-opening .mm-menu.mm-right.mm-front,
html.mm-opening .mm-menu.mm-right.mm-next {
  left: auto;
  right: 0%;
}

.mm-menu.mm-bottom.mm-front,
.mm-menu.mm-bottom.mm-next {
  top: auto;
  left: 0;
}

html.mm-opening .mm-menu.mm-bottom.mm-front,
html.mm-opening .mm-menu.mm-bottom.mm-next {
  left: 0;
  bottom: 0%;
}

.mm-menu.mm-front,
.mm-menu.mm-next {
  left: -80%;
}

@media all and (max-width: 175px) {
  .mm-menu.mm-front,
  .mm-menu.mm-next {
    left: -140px;
  }
}
@media all and (min-width: 550px) {
  .mm-menu.mm-front,
  .mm-menu.mm-next {
    left: -440px;
  }
}
.mm-menu.mm-top.mm-front,
.mm-menu.mm-top.mm-next {
  top: -80%;
}

@media all and (max-height: 175px) {
  .mm-menu.mm-top.mm-front,
  .mm-menu.mm-top.mm-next {
    top: -140px;
  }
}
@media all and (min-height: 1100px) {
  .mm-menu.mm-top.mm-front,
  .mm-menu.mm-top.mm-next {
    top: -880px;
  }
}
.mm-menu.mm-right.mm-front,
.mm-menu.mm-right.mm-next {
  right: -80%;
}

@media all and (max-width: 175px) {
  .mm-menu.mm-right.mm-front,
  .mm-menu.mm-right.mm-next {
    right: -140px;
  }
}
@media all and (min-width: 550px) {
  .mm-menu.mm-right.mm-front,
  .mm-menu.mm-right.mm-next {
    right: -440px;
  }
}
.mm-menu.mm-bottom.mm-front,
.mm-menu.mm-bottom.mm-next {
  bottom: -80%;
}

@media all and (max-height: 175px) {
  .mm-menu.mm-bottom.mm-front,
  .mm-menu.mm-bottom.mm-next {
    bottom: -140px;
  }
}
@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom.mm-front,
  .mm-menu.mm-bottom.mm-next {
    bottom: -880px;
  }
}
html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto;
}

html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-top {
  top: 0;
}

html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0;
}

/* jQuery.mmenu themes extension CSS
   */
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-ismenu.mm-light {
  background: #f3f3f3;
}

.mm-menu.mm-light {
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light .mm-list > li > a.mm-subclose {
  background: rgba(255, 255, 255, 0.6);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list > li > a.mm-subopen:after,
.mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-light .mm-list > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-light .mm-list > li.mm-label {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light li.mm-noresults {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-header a:before {
  border-color: rgba(0, 0, 0, 0.3);
}

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-ismenu.mm-white {
  background: white;
}

.mm-menu.mm-white {
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-white .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list > li > a.mm-subopen:after,
.mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-white .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.08);
}

.mm-menu.mm-white .mm-list > li.mm-label {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white li.mm-noresults {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-header a:before {
  border-color: rgba(0, 0, 0, 0.3);
}

html.mm-opened.mm-black .mm-page {
  box-shadow: none;
}

.mm-ismenu.mm-black {
  background: black;
}

.mm-menu.mm-black {
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-black .mm-list > li:after {
  border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-black .mm-list > li > a.mm-subclose {
  background: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list > li > a.mm-subopen:after,
.mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
  border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-black .mm-list > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.25);
}

.mm-menu.mm-black .mm-list > li.mm-label {
  background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-black li.mm-noresults {
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-header a:before {
  border-color: rgba(255, 255, 255, 0.3);
}

* {
  -webkit-touch-callout: none;
  /* prevent callout to copy image, etc when tap to hold */
  -webkit-text-size-adjust: none;
  /* prevent webkit from resizing text to fit */
  -webkit-tap-highlight-color: transparent;
  /* prevent tap highlight color / shadow */
}

:focus {
  outline: none;
}

::-moz-focus-inner {
  border: 0;
}

html, body {
  height: 100%;
}

html {
  font-size: 62.5%;
  font-family: "Lato", "Noto Sans Japanese", sans-serif;
}

body {
  color: #181616;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  background: white;
}
body p a:hover {
  color: red;
}
body.normal #secondary-content {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
body.overlay {
  overflow: hidden;
}
body.overlay #secondary-content {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
body #infscr-loading {
  overflow: hidden;
  clear: both;
}
body #infscr-loading img {
  margin: 20px auto;
  display: block;
}
body #infscr-loading div {
  display: none;
}
body [dir-cover-size="loading"] img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
body [dir-cover-size="loaded"] img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

q {
  font-style: italic;
  font-size: 1.2em;
  line-height: 1em;
}

.flash-notice {
  background: none;
  background-color: #4adc9b;
  color: #ffffff;
  text-align: center;
  padding: 25px;
}

.quoted {
  text-align: right;
  font-size: 0.6em;
  line-height: 1em;
  display: block;
  padding-right: 40px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide {
  display: none !important;
}

#side-navigation {
  text-transform: uppercase;
  background: #181616;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 0;
}

#section-navigation {
  max-width: 80%;
  position: fixed;
  top: 59px;
  right: -100%;
  z-index: 10;
}
@media (min-width: 769px) {
  #section-navigation {
    height: 100%;
    top: 0;
  }
}
#section-navigation .btn-buy {
  margin: 0 10px 0 0;
  margin: 0 1rem 0 0;
  display: inline-block;
}
#section-navigation .btn-where-to-buy {
  background: #666666;
}
#section-navigation .btn-side-menu {
  height: 20px;
  position: absolute;
  left: -60px;
  top: 0;
}
@media (min-width: 769px) {
  #section-navigation .btn-side-menu {
    top: 30%;
  }
}
#section-navigation .btn-side-menu .ico.share {
  display: inline-block;
}
#section-navigation .btn-side-menu .ico.char-x, #section-navigation .btn-side-menu .ico.side-menu {
  display: none;
}
@media (min-width: 769px) {
  #section-navigation .btn-side-menu .ico.char-x, #section-navigation .btn-side-menu .ico.share {
    display: none;
  }
  #section-navigation .btn-side-menu .ico.side-menu {
    display: inline-block;
  }
}
#section-navigation.expanded .btn-side-menu .ico.share {
  display: none;
}
#section-navigation.expanded .btn-side-menu .ico.char-x {
  display: inline-block;
}
@media (min-width: 769px) {
  #section-navigation.expanded .btn-side-menu .ico.char-x {
    display: none;
  }
}
#section-navigation .section-menu {
  height: 100%;
  background: #181616;
  overflow: auto;
}
#section-navigation .section-menu .primary, #section-navigation .section-menu .secondary, #section-navigation .section-menu h3 {
  display: none;
}
@media (min-width: 769px) {
  #section-navigation .section-menu .primary, #section-navigation .section-menu .secondary, #section-navigation .section-menu h3 {
    display: block;
  }
}
#section-navigation .section-menu .secondary {
  margin: 40px 0;
  margin: 4rem 0;
  font-size: 0;
  white-space: nowrap;
}
#section-navigation .section-menu .secondary li {
  white-space: normal;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
}

#load-progress {
  height: 2px;
  background: red;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

#page {
  height: 100%;
  min-height: 100%;
  position: relative;
  z-index: 10;
}

#main-wrapper {
  min-height: 100%;
  overflow: hidden;
}

#main-header {
  width: 100%;
  text-transform: uppercase;
  position: fixed;
  top: 0;
  z-index: 20;
}
#main-header .secondary-menu {
  top: -74px;
}
#main-header .secondary-menu, #main-header .secondary-menu .container {
  overflow: hidden;
  position: relative;
}
#main-header .secondary-menu .container {
  top: -40px;
}
@media (min-width: 769px) {
  #main-header {
    position: relative;
    z-index: 10;
  }
  #main-header.shrink {
    position: fixed;
  }
  #main-header.shrink .useful-links {
    margin: -36px 0 0;
    margin: -3.6rem 0 0;
  }
  #main-header.shrink .main-menu {
    padding: 20px 40px;
    padding: 2rem 4rem;
  }
}

#main-search-form {
  width: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: -4px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  -moz-transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: all 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
#main-search-form.show {
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
#main-search-form label {
  display: block;
  position: relative;
}
#main-search-form label .ico {
  color: #665e5e;
  position: absolute;
  top: 22px;
}
#main-search-form label .ico:before {
  font-size: 18px;
  font-size: 1.8rem;
}
#main-search-form label .ico.search {
  left: 27px;
}
#main-search-form label .ico.char-x {
  right: 27px;
  cursor: pointer;
  -moz-transition: color 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: color 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: color 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: color 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
#main-search-form label .ico.char-x:hover, #main-search-form label .ico.char-x:focus {
  color: #f21c17;
}
#main-search-form input[type="text"] {
  width: 100%;
  padding: 25px 60px 20px;
  padding: 2.5rem 6rem 2rem;
  color: #665e5e;
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  border: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#main-search-form input[type="text"]:focus {
  outline: none;
}
#main-search-form input[type="submit"] {
  display: none;
}
@media (min-width: 769px) {
  #main-search-form label .ico {
    top: 7px;
  }
  #main-search-form label .ico.search {
    left: 10px;
  }
  #main-search-form label .ico.char-x {
    right: 10px;
  }
  #main-search-form input[type="text"] {
    padding: 8px 40px;
    padding: 0.8rem 4rem;
    border: 1px solid #e6e6e6;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
  }
}

.autocomplete-suggestions {
  background: white;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  overflow: auto;
}
.autocomplete-suggestions .autocomplete-suggestion {
  padding: 10px 20px;
  padding: 1rem 2rem;
  color: #665e5e;
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  border-top: 1px solid #e6e6e6;
}
.autocomplete-suggestions .autocomplete-suggestion strong {
  color: #666666;
}
.autocomplete-suggestions .autocomplete-suggestion:hover, .autocomplete-suggestions .autocomplete-suggestion:focus {
  color: white;
  background: #f21c17;
}
.autocomplete-suggestions .autocomplete-suggestion:hover strong, .autocomplete-suggestions .autocomplete-suggestion:focus strong {
  color: white;
}

#main-content {
  position: relative;
}

#secondary-content {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: fixed;
  top: 0;
  z-index: 99;
  -moz-transition: all 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: all 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: all 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: all 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

#main-footer {
  width: 100%;
  text-transform: uppercase;
  position: relative;
  display: none;
}
@media (min-width: 769px) {
  #main-footer {
    display: block;
  }
}

.fullscreen #main-header {
  position: relative;
}
.fullscreen #main-footer {
  height: auto;
  max-height: auto;
  margin: 0;
  position: fixed;
  bottom: 0;
  z-index: 10;
}

.loading #side-navigation, .loading #secondary-content {
  display: none;
}

.loaded #main-header .secondary-menu {
  -moz-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: all 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.loaded #main-header .secondary-menu, .loaded #main-header .secondary-menu .container {
  top: 0;
}
.loaded #main-header .secondary-menu .container {
  -moz-transition: all 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.3s;
  -o-transition: all 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.3s;
  -webkit-transition: all 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -webkit-transition-delay: 0.3s;
  transition: all 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 0.3s;
}

.mods.accordion .accordion-content {
  height: 0;
  overflow: hidden;
}

.mods.btn-facebook:hover {
  color: #3b5998 !important;
}
.mods.btn-twitter:hover {
  color: #55acee !important;
}
.mods.btn-pinterest:hover {
  color: #cb2027 !important;
}
.mods.btn-youtube:hover {
  color: #cc181e !important;
}
.mods.btn-instagram:hover {
  color: #3f729b !important;
}
.mods.btn-black, .mods.btn-where-to-buy, .mods.btn-back-switch {
  padding: 20px;
  padding: 2rem;
  color: white;
  text-decoration: none;
  font-size: 13px;
  font-size: 1.3rem;
  background: #181616;
  display: inline-block;
  -moz-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.mods.btn-black:hover, .mods.btn-where-to-buy:hover, .mods.btn-back-switch:hover {
  background: red;
}
.mods.btn-black:hover.no-hover, .mods.btn-where-to-buy:hover.no-hover, .mods.btn-back-switch:hover.no-hover {
  background: #181616;
}
.mods.btn-red, .mods.btn-buy, .mods.btn-contact, .mods.btn-store-locator, .mods.btn-view-all {
  padding: 20px;
  padding: 2rem;
  color: white;
  text-decoration: none;
  font-size: 13px;
  font-size: 1.3rem;
  background: red;
  display: inline-block;
  -moz-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.mods.btn-red:hover, .mods.btn-buy:hover, .mods.btn-contact:hover, .mods.btn-store-locator:hover, .mods.btn-view-all:hover {
  background: #181616;
}
.mods.btn-red:hover.no-hover, .mods.btn-buy:hover.no-hover, .mods.btn-contact:hover.no-hover, .mods.btn-store-locator:hover.no-hover, .mods.btn-view-all:hover.no-hover {
  background: red;
}
.mods.btn-long {
  padding-left: 40px;
  padding-left: 4rem;
  padding-right: 40px;
  padding-right: 4rem;
}
.mods.btn-buy, .mods.btn-where-to-buy {
  padding: 15px 20px;
  padding: 1.5rem 2rem;
}
.mods.btn-buy .ico, .mods.btn-where-to-buy .ico {
  margin: 0 10px 0 0;
  margin: 0 1rem 0 0;
}
.mods.btn-search, .mods.btn-close {
  text-decoration: none;
}
.mods.btn-gallery, .mods.btn-video {
  padding: 8px;
  padding: 0.8rem;
  color: red;
  text-decoration: none;
  vertical-align: middle;
  line-height: 20px;
  line-height: 2rem;
  font-size: 13px;
  font-size: 1.3rem;
  border: 1px solid red;
}
.mods.btn-gallery.btn-red, .mods.btn-gallery.btn-buy, .mods.btn-buy.btn-video, .mods.btn-gallery.btn-contact, .mods.btn-contact.btn-video, .mods.btn-gallery.btn-store-locator, .mods.btn-store-locator.btn-video, .mods.btn-gallery.btn-view-all, .mods.btn-view-all.btn-video, .mods.btn-red.btn-video {
  color: white;
  border: none;
}
.mods.btn-gallery .sprite, .mods.btn-video .sprite {
  margin: 0 4px 0 0;
  margin: 0 0.4rem 0 0;
  vertical-align: bottom;
}
.mods.btn-back {
  color: #181616;
  font-size: 13px;
  font-size: 1.3rem;
  text-decoration: none;
}
.mods.btn-back .ico {
  font-size: 12px;
  font-size: 1.2rem;
}
.mods.btn-instruction, .mods.btn-certificate {
  color: gray;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 16px;
  line-height: 1.6rem;
  font-size: 12px;
  font-size: 1.2rem;
}
.mods.btn-instruction .sprite, .mods.btn-certificate .sprite {
  margin: 0 4px 0 0;
  margin: 0 0.4rem 0 0;
  vertical-align: middle;
}
.mods.btn-back-switch span {
  color: #666666;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 13px;
  line-height: 1.3rem;
  text-decoration: none;
  display: none;
}
.mods.btn-back-switch span:hover, .mods.btn-back-switch span:focus {
  color: #8c8b8b;
  text-decoration: underline;
}
.mods.btn-back-switch .ico {
  display: inline-block;
}
@media (min-width: 769px) {
  .mods.btn-back-switch {
    padding: 0;
    background: transparent;
    display: block;
  }
  .mods.btn-back-switch span {
    display: block;
  }
  .mods.btn-back-switch .ico {
    display: none;
  }
}
.mods.btn-ico-hover .ico {
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: white;
  text-align: center;
  display: inline-block;
  position: relative;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: white 0 0 0 2px;
  -webkit-box-shadow: white 0 0 0 2px;
  box-shadow: white 0 0 0 2px;
}
@media (min-width: 769px) {
  .mods.btn-ico-hover .ico {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}
.mods.btn-ico-hover .ico:before {
  position: relative;
  z-index: 1;
}
.mods.btn-ico-hover .ico:after {
  content: '';
  width: 100%;
  height: 100%;
  background: white;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  -moz-transition: -moz-transform 0.4s, opacity 0.2s;
  -o-transition: -o-transform 0.4s, opacity 0.2s;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
  transition: transform 0.4s, opacity 0.2s;
}
.mods.btn-ico-hover:hover .ico, .mods.btn-ico-hover:focus .ico {
  color: gray;
}
.mods.btn-ico-hover:hover .ico:before, .mods.btn-ico-hover:focus .ico:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.btn-ico-hover:hover .ico:after, .mods.btn-ico-hover:focus .ico:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.mods.cookie-disclaimer {
  max-height: 0;
  color: #B9B9B9;
  background: #494949;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 16px;
  line-height: 1.6rem;
  overflow: hidden;
  position: relative;
  z-index: 30;
  -moz-transition: max-height 0.4s cubic-bezier(0.550, 0.085, 0.680, 0.530);
  -o-transition: max-height 0.4s cubic-bezier(0.550, 0.085, 0.680, 0.530);
  -webkit-transition: max-height 0.4s cubic-bezier(0.550, 0.085, 0.680, 0.530);
  transition: max-height 0.4s cubic-bezier(0.550, 0.085, 0.680, 0.530);
}
.mods.cookie-disclaimer.show {
  max-height: 200px;
}
.mods.cookie-disclaimer p {
  width: 65%;
  margin: 10px 0 10px 10px;
  margin: 1rem 0 1rem 1rem;
  float: left;
}
.mods.cookie-disclaimer p a {
  color: #B9B9B9;
}
.mods.cookie-disclaimer .btn-black, .mods.cookie-disclaimer .mods.btn-where-to-buy, .mods.cookie-disclaimer .mods.btn-back-switch {
  color: white;
  margin: 20px 10px 20px 0;
  margin: 2rem 1rem 2rem 0;
  padding: 15px;
  padding: 1.5rem;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 16px;
  line-height: 1.6rem;
  float: right;
}
@media (min-width: 768px) {
  .mods.cookie-disclaimer {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
    line-height: 2.3rem;
  }
  .mods.cookie-disclaimer.show {
    max-height: 300px;
  }
  .mods.cookie-disclaimer p {
    width: 70%;
    margin: 20px 0 20px 20px;
    margin: 2rem 0 2rem 2rem;
  }
  .mods.cookie-disclaimer .btn-black, .mods.cookie-disclaimer .mods.btn-where-to-buy, .mods.cookie-disclaimer .mods.btn-back-switch {
    margin: 28px 20px 28px 0;
    margin: 2.8rem 2rem 2.8rem 0;
    padding: 15px 20px;
    padding: 1.5rem 2rem;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
    line-height: 2.3rem;
  }
}
@media (min-width: 769px) {
  .mods.cookie-disclaimer {
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 17px;
    line-height: 1.7rem;
  }
  .mods.cookie-disclaimer.show {
    max-height: 100px;
  }
  .mods.cookie-disclaimer p, .mods.cookie-disclaimer .btn-black, .mods.cookie-disclaimer .mods.btn-where-to-buy, .mods.cookie-disclaimer .mods.btn-back-switch {
    vertical-align: middle;
    display: inline-block;
    float: none;
  }
  .mods.cookie-disclaimer p {
    width: auto;
    margin: 0 50px 0 0;
    margin: 0 5rem 0 0;
  }
  .mods.cookie-disclaimer .btn-black, .mods.cookie-disclaimer .mods.btn-where-to-buy, .mods.cookie-disclaimer .mods.btn-back-switch {
    margin: 0;
    padding: 10px 15px;
    padding: 1rem 1.5rem;
    font-size: 10px;
    font-size: 1rem;
    line-height: 15px;
    line-height: 1.5rem;
  }
}
.mods.product-details {
  overflow: hidden;
}
.mods.product-details .center-content {
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.mods.product-details .photo {
  position: relative;
}
.mods.product-details .photo img {
  width: 100%;
  display: block;
}
.mods.product-details .photo .btn-pan-zoom {
  color: gray;
  position: absolute;
  left: 26px;
  top: 26px;
}
.mods.product-details .photo .btn-pan-zoom .ico {
  line-height: 22px;
  line-height: 2.2rem;
  font-size: 18px;
  font-size: 1.8rem;
}
.mods.product-details .photo .video-gallery {
  position: absolute;
  right: 10px;
}
.mods.product-details .photo .video-gallery .btn-video, .mods.product-details .photo .video-gallery .btn-gallery, .mods.product-details .photo .video-gallery .mods.btn-video {
  margin: 10px 0 0;
  margin: 1rem 0 0;
  padding: 12px;
  padding: 1.2rem;
  display: block;
}
.mods.product-details .photo .video-gallery .btn-video span, .mods.product-details .photo .video-gallery .btn-gallery span, .mods.product-details .photo .video-gallery .mods.btn-video span {
  display: none;
}
@media (max-width: 768px) {
  .mods.product-details .photo .video-gallery {
    top: 70px;
  }
}
@media (min-width: 769px) {
  .mods.product-details .photo .video-gallery {
    right: 20px;
    bottom: 20px;
  }
  .mods.product-details .photo .video-gallery .btn-video, .mods.product-details .photo .video-gallery .btn-gallery, .mods.product-details .photo .video-gallery .mods.btn-video {
    margin: 0 0 0 10px;
    margin: 0 0 0 1rem;
    padding: 8px;
    padding: 0.8rem;
    display: inline-block;
  }
  .mods.product-details .photo .video-gallery .btn-video span, .mods.product-details .photo .video-gallery .btn-gallery span, .mods.product-details .photo .video-gallery .mods.btn-video span {
    display: inline-block;
  }
}
.mods.product-details .description {
  margin: 30px;
  margin: 3rem;
}
.mods.product-details .description .breadcrumb {
  display: none;
}
.mods.product-details .description h1 {
  line-height: 39px;
  line-height: 3.9rem;
  font-size: 35px;
  font-size: 3.5rem;
}
.mods.product-details .description h2 {
  margin: 15px 0;
  margin: 1.5rem 0;
  font-size: 15px;
  font-size: 1.5rem;
}
.mods.product-details .description h3 {
  margin: 5px 0;
  margin: 0.5rem 0;
  color: gray;
  line-height: 16px;
  line-height: 1.6rem;
  font-size: 12px;
  font-size: 1.2rem;
}
.mods.product-details .description h3 strong {
  color: #181616;
}
.mods.product-details .description h4 {
  line-height: 17px;
  line-height: 1.7rem;
  font-size: 13px;
  font-size: 1.3rem;
}
.mods.product-details .description p {
  margin: 30px 0;
  margin: 3rem 0;
  color: gray;
  line-height: 24px;
  line-height: 2.4rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.mods.product-details .description p:before {
  content: '.';
  width: 30px;
  height: 1px;
  margin: 20px 0;
  margin: 2rem 0;
  font-size: 0;
  background: gray;
  display: block;
}
.mods.product-details .description .btn-instruction {
  width: 170px;
  margin: 20px 0 60px;
  margin: 2rem 0 6rem;
  display: block;
}
.mods.product-details .description .btn-buy, .mods.product-details .description .btn-where-to-buy {
  min-height: 22px;
  margin: 10px 10px 10px 0;
  margin: 1rem 1rem 1rem 0;
  padding: 10px 20px 10px 14px;
  padding: 1rem 2rem 1rem 1.4rem;
  font-size: 11px;
  font-size: 1.1rem;
  vertical-align: middle;
  display: inline-block;
}
@media (min-width: 769px) {
  .mods.product-details .center-content {
    min-height: 580px;
  }
  .mods.product-details .description {
    width: 30%;
    margin: 50px 3% 80px 7%;
    overflow: hidden;
  }
  .mods.product-details .description .breadcrumb {
    margin: 35px 0;
    margin: 3.5rem 0;
    display: block;
  }
  .mods.product-details .description h1 {
    line-height: 52px;
    line-height: 5.2rem;
    font-size: 48px;
    font-size: 4.8rem;
  }
  .mods.product-details .description h2 {
    line-height: 20px;
    line-height: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .mods.product-details .description h3 {
    line-height: 16px;
    line-height: 1.6rem;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .mods.product-details .description p {
    line-height: 18px;
    line-height: 1.8rem;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .mods.product-details .description .btn-buy i {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .mods.product-details .photo {
    width: 53%;
    height: 100%;
    margin: 0 7% 0 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
  }
  .mods.product-details .photo img {
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.mods.swiper-browse-box .swiper-wrapper .swiper-container, .mods.product-related .swiper-wrapper .swiper-container, .mods.product-awards .swiper-wrapper .swiper-container, .mods.swiper-carousel .swiper-wrapper .swiper-container {
  font-size: 0;
  white-space: nowrap;
}
.mods.swiper-browse-box .swiper-wrapper .swiper-container .swiper-slide, .mods.product-related .swiper-wrapper .swiper-container .swiper-slide, .mods.product-awards .swiper-wrapper .swiper-container .swiper-slide, .mods.swiper-carousel .swiper-wrapper .swiper-container .swiper-slide {
  white-space: normal;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
}
.mods.swiper-browse-box, .mods.product-related, .mods.product-awards {
  border-width: 1px 0;
  border-style: solid;
  border-color: #e6e6e6;
  position: relative;
  overflow: hidden;
}
.mods.swiper-browse-box .swiper-wrapper, .mods.product-related .swiper-wrapper, .mods.product-awards .swiper-wrapper {
  margin: 0 0 0 21%;
}
.mods.swiper-browse-box .swiper-wrapper .swiper-container .swiper-slide, .mods.product-related .swiper-wrapper .swiper-container .swiper-slide, .mods.product-awards .swiper-wrapper .swiper-container .swiper-slide {
  position: relative;
}
.mods.swiper-browse-box .swiper-wrapper .swiper-container .swiper-slide:before, .mods.product-related .swiper-wrapper .swiper-container .swiper-slide:before, .mods.product-awards .swiper-wrapper .swiper-container .swiper-slide:before {
  content: '';
  width: 1px;
  height: 100%;
  background: #e6e6e6;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.mods.swiper-browse-box .swiper-browse, .mods.product-related .swiper-browse, .mods.product-awards .swiper-browse {
  width: 21%;
  height: 100%;
  text-align: right;
  background: url('../img/rgbapng/ffffffe5-5.png?1433147815');
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.mods.swiper-browse-box .swiper-browse h2, .mods.product-related .swiper-browse h2, .mods.product-awards .swiper-browse h2, .mods.swiper-browse-box .swiper-browse ul, .mods.product-related .swiper-browse ul, .mods.product-awards .swiper-browse ul {
  text-align: left;
  display: inline-block;
}
.mods.product-related {
  border-width: 0;
  border-color: #e6e6e6;
}
@media (min-width: 769px) {
  .mods.product-related {
    border-width: 1px 0;
  }
}
.mods.product-related .swiper-wrapper {
  margin: 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: #e6e6e6;
}
.mods.product-related .swiper-wrapper .swiper-container {
  width: auto !important;
  height: auto !important;
}
.mods.product-related .swiper-wrapper .swiper-container .swiper-slide {
  height: 100%;
  min-height: 120px;
  vertical-align: top;
}
.mods.product-related .swiper-wrapper .swiper-container .swiper-slide:before {
  background: #e6e6e6;
}
.mods.product-related .swiper-wrapper .swiper-container .swiper-slide img, .mods.product-related .swiper-wrapper .swiper-container .swiper-slide .description {
  vertical-align: top;
  display: inline-block;
}
.mods.product-related .swiper-wrapper .swiper-container .swiper-slide img {
  max-height: 100%;
  margin: 10px 10px 10px 30px;
  margin: 1rem 1rem 1rem 3rem;
}
.mods.product-related .swiper-wrapper .swiper-container .swiper-slide .description {
  width: 100px;
  margin: 10px;
  margin: 1rem;
}
.mods.product-related .swiper-wrapper .swiper-container .swiper-slide .description h3 {
  font-weight: 700;
  margin: 10px 0;
  margin: 1rem 0;
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.mods.product-related .swiper-wrapper .swiper-container .swiper-slide .description p {
  margin: 10px 0;
  margin: 1rem 0;
  line-height: 17px;
  line-height: 1.7rem;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (min-width: 769px) {
  .mods.product-related .swiper-wrapper {
    margin: 0 0 0 21%;
    border-width: 0;
  }
  .mods.product-related .swiper-wrapper .swiper-container .swiper-slide {
    min-height: 205px;
  }
  .mods.product-related .swiper-wrapper .swiper-container .swiper-slide img {
    margin: 10px;
    margin: 1rem;
  }
  .mods.product-related .swiper-wrapper .swiper-container .swiper-slide .description {
    width: 190px;
    margin: 20px 10px 10px 40px;
    margin: 2rem 1rem 1rem 4rem;
  }
}
.mods.product-related .swiper-browse {
  width: auto;
  height: auto;
  text-align: left;
  background: url('../img/rgbapng/ffffffe5-5.png?1433147815');
  background: rgba(255, 255, 255, 0.9);
  position: relative;
}
.mods.product-related .swiper-browse h2 {
  margin: 30px 30px 10px;
  margin: 3rem 3rem 1rem;
  font-weight: 400;
  line-height: 23px;
  line-height: 2.3rem;
  font-size: 18px;
  font-size: 1.8rem;
}
.mods.product-related .swiper-browse ul {
  margin: 10px 13px;
  margin: 1rem 1.3rem;
  display: none;
}
.mods.product-related .swiper-browse ul li {
  text-align: center;
}
.mods.product-related .swiper-browse ul li a {
  color: #b2b2b2;
}
.mods.product-related .swiper-browse ul li a:hover, .mods.product-related .swiper-browse ul li a:focus {
  color: #181616;
}
.mods.product-related .swiper-browse ul li a .ico {
  font-size: 18px;
  font-size: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 769px) {
  .mods.product-related .swiper-browse {
    width: 21%;
    height: 100%;
    position: absolute;
    z-index: 1;
  }
  .mods.product-related .swiper-browse h2 {
    margin: 50px 10px 10px 33%;
  }
  .mods.product-related .swiper-browse ul {
    margin: 10px 10px 10px 31%;
    display: inline-block;
  }
  .mods.product-related .swiper-browse ul li a .ico {
    line-height: 24px;
    line-height: 2.4rem;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (min-width: 1025px) {
  .mods.product-related .swiper-browse h2 {
    line-height: 26px;
    line-height: 2.6rem;
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.mods.product-awards {
  border-width: 0;
  border-color: #2a2828;
}
@media (min-width: 769px) {
  .mods.product-awards {
    border-width: 1px 0;
  }
}
.mods.product-awards .swiper-wrapper {
  margin: 0;
  background: #181616;
}
.mods.product-awards .swiper-wrapper .swiper-container {
  min-height: 255px;
}
.mods.product-awards .swiper-wrapper .swiper-container .swiper-slide {
  width: 230px;
  height: 100%;
  min-height: 255px;
  background: black;
}
.mods.product-awards .swiper-wrapper .swiper-container .swiper-slide {
  text-align: center;
}
.mods.product-awards .swiper-wrapper .swiper-container .swiper-slide .description {
  vertical-align: middle;
  display: inline-block;
}
.mods.product-awards .swiper-wrapper .swiper-container .swiper-slide:before {
  content: '';
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  display: inline-block;
}
.mods.product-awards .swiper-wrapper .swiper-container .swiper-slide:before {
  background: #2a2828;
}
.mods.product-awards .swiper-wrapper .swiper-container .swiper-slide .description {
  margin: 30% 10% 0;
  vertical-align: top;
  line-height: normal;
  white-space: normal;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.mods.product-awards .swiper-wrapper .swiper-container .swiper-slide .description .sprite {
  vertical-align: bottom;
}
.mods.product-awards .swiper-wrapper .swiper-container .swiper-slide .description h3 {
  margin: 10px 0;
  margin: 1rem 0;
  color: #665e5e;
  line-height: 17px;
  line-height: 1.7rem;
  font-size: 13px;
  font-size: 1.3rem;
}
.mods.product-awards .swiper-wrapper .swiper-container .swiper-slide .description p {
  margin: 20px 0;
  margin: 2rem 0;
  color: white;
  font-weight: 300;
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.mods.product-awards .swiper-wrapper .swiper-container .swiper-slide .description img {
  max-width: 80%;
  margin: 0 auto;
  display: block;
}
@media (min-width: 769px) {
  .mods.product-awards .swiper-wrapper {
    margin: 0 0 0 21%;
  }
}
.mods.product-awards .swiper-browse {
  width: auto;
  height: auto;
  text-align: left;
  position: relative;
}
.mods.product-awards .swiper-browse h2 {
  margin: 30px 30px 10px;
  margin: 3rem 3rem 1rem;
  color: #181616;
  font-weight: 400;
  line-height: 23px;
  line-height: 2.3rem;
  font-size: 18px;
  font-size: 1.8rem;
}
.mods.product-awards .swiper-browse ul {
  margin: 10px 8px 10px 0;
  margin: 1rem 0.8rem 1rem 0;
  display: none;
}
.mods.product-awards .swiper-browse ul li {
  text-align: center;
}
.mods.product-awards .swiper-browse ul li a {
  color: white;
}
.mods.product-awards .swiper-browse ul li a:hover, .mods.product-awards .swiper-browse ul li a:focus {
  color: gray;
}
.mods.product-awards .swiper-browse ul li a .ico {
  font-size: 18px;
  font-size: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 769px) {
  .mods.product-awards .swiper-browse {
    width: 21%;
    height: 100%;
    background: url('../img/rgbapng/181616e5-5.png?1433147815');
    background: rgba(24, 22, 22, 0.9);
    position: absolute;
    z-index: 1;
  }
  .mods.product-awards .swiper-browse h2 {
    margin: 50px 10px 10px 33%;
    color: white;
  }
  .mods.product-awards .swiper-browse ul {
    margin: 10px 10px 10px 31%;
    display: inline-block;
  }
  .mods.product-awards .swiper-browse ul li a .ico {
    line-height: 24px;
    line-height: 2.4rem;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (min-width: 1025px) {
  .mods.product-awards .swiper-browse h2 {
    line-height: 26px;
    line-height: 2.6rem;
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.mods.product-designer {
  background: #aee79a;
  overflow: hidden;
}
.mods.product-designer .center-content {
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.mods.product-designer .tab-content {
  position: relative;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: opacity 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: opacity 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: opacity 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.mods.product-designer .tab-content.hide {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.2s cubic-bezier(0.550, 0.085, 0.680, 0.530);
  -o-transition: opacity 0.2s cubic-bezier(0.550, 0.085, 0.680, 0.530);
  -webkit-transition: opacity 0.2s cubic-bezier(0.550, 0.085, 0.680, 0.530);
  transition: opacity 0.2s cubic-bezier(0.550, 0.085, 0.680, 0.530);
}
.mods.product-designer .photo {
  position: relative;
}
.mods.product-designer .photo a {
  color: white;
}
.mods.product-designer .photo a .ico {
  margin: -40px 0 0 -40px;
  font-size: 24px;
  font-size: 2.4rem;
  font-size: 20px;
  font-size: 2rem;
  position: absolute;
  left: 50%;
  top: 50%;
}
.mods.product-designer .photo img {
  width: 100%;
  display: block;
}
.mods.product-designer .caption {
  padding: 30px;
  padding: 3rem;
}
.mods.product-designer .caption h2 {
  line-height: 34px;
  line-height: 3.4rem;
  font-size: 30px;
  font-size: 3rem;
}
.mods.product-designer .caption p {
  margin: 20px 0;
  margin: 2rem 0;
  font-weight: 300;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.mods.product-designer .caption ul {
  width: 80%;
  margin: 20px 0 0;
  margin: 2rem 0 0;
}
.mods.product-designer .caption ul li {
  min-width: 135px;
  margin: 20px 20px 20px 0;
  margin: 2rem 2rem 2rem 0;
  color: #181616;
  font-weight: 700;
  line-height: 22px;
  line-height: 2.2rem;
  font-size: 18px;
  font-size: 1.8rem;
  display: inline-block;
}
.mods.product-designer .caption ul li span {
  position: relative;
}
.mods.product-designer .caption ul li span:after {
  content: '';
  width: 100%;
  height: 1px;
  background: #181616;
  position: absolute;
  left: 0;
  bottom: -14px;
}
.mods.product-designer .caption ul li a {
  color: #181616;
  text-decoration: none;
}
@media (min-width: 769px) {
  .mods.product-designer .tab-content {
    width: 100%;
    min-height: 480px;
    margin: 0 auto;
    overflow: hidden;
  }
  .mods.product-designer .photo {
    width: 53%;
    margin: 0 0 0 7%;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
  }
  .mods.product-designer .photo a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .mods.product-designer .photo a img {
    position: absolute;
    left: 0;
    top: 0;
  }
  .mods.product-designer .caption {
    width: 31%;
    padding: 3% 5% 2% 0;
    float: right;
    position: relative;
    z-index: 0;
  }
  .mods.product-designer .caption h2 {
    line-height: 38px;
    line-height: 3.8rem;
    font-size: 34px;
    font-size: 3.4rem;
  }
  .mods.product-designer .caption p {
    line-height: normal;
    line-height: 22px;
    line-height: 2.2rem;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .mods.product-designer .caption ul {
    width: auto;
  }
}
.mods.product-designer-quote .center-content {
  margin: 60px 30px 50px;
  margin: 6rem 3rem 5rem;
}
.mods.product-designer-quote p {
  margin: 20px 0;
  margin: 2rem 0;
  font-weight: 300;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
  line-height: 2.4rem;
}
.mods.product-designer-quote p:after {
  content: '.';
  width: 30px;
  height: 1px;
  margin: 20px 0 0;
  margin: 2rem 0 0;
  font-size: 0;
  background: #b2b2b2;
  display: block;
}
.mods.product-designer-quote h2 {
  margin: 20px 0;
  margin: 2rem 0;
  font-weight: 700;
  line-height: 16px;
  line-height: 1.6rem;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
}
@media (min-width: 769px) {
  .mods.product-designer-quote .center-content {
    margin: 60px 7% 50px;
  }
  .mods.product-designer-quote p, .mods.product-designer-quote h2 {
    max-width: 1440px;
  }
  .mods.product-designer-quote p {
    width: 80%;
    font-size: 30px;
    font-size: 3rem;
    line-height: 36px;
    line-height: 3.6rem;
  }
  .mods.product-designer-quote h2 {
    font-weight: 400;
    line-height: 27px;
    line-height: 2.7rem;
    font-size: 23px;
    font-size: 2.3rem;
  }
}
.mods.product-insights .swiper-wrapper {
  padding: 0 0 0 30px;
  padding: 0 0 0 3rem;
  overflow: hidden;
}
.mods.product-insights .swiper-wrapper .swiper-container {
  font-size: 0;
  white-space: nowrap;
}
.mods.product-insights .swiper-wrapper .swiper-container .swiper-slide {
  white-space: normal;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
}
.mods.product-insights .swiper-wrapper .swiper-container .swiper-slide {
  height: 480px;
  vertical-align: top;
  overflow: hidden;
}
.mods.product-insights .swiper-wrapper .swiper-container .swiper-slide .description, .mods.product-insights .swiper-wrapper .swiper-container .swiper-slide img {
  margin: 0 3px;
}
.mods.product-insights .swiper-wrapper .swiper-container .swiper-slide .description {
  max-width: 360px;
  height: 100%;
  background: #aee79a;
}
.mods.product-insights .swiper-wrapper .swiper-container .swiper-slide p {
  padding: 30px;
  padding: 3rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.mods.product-insights .swiper-browse ul {
  margin: 20px 30px 40px;
  margin: 2rem 3rem 4rem;
}
.mods.product-insights .swiper-browse ul li a {
  color: #181616;
}
.mods.product-insights .swiper-browse ul li a .ico {
  font-size: 18px;
  font-size: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 769px) {
  .mods.product-insights .swiper-wrapper {
    padding: 0 0 0 7%;
  }
  .mods.product-insights .swiper-browse ul {
    margin: 40px 6.5% 60px;
  }
  .mods.product-insights .swiper-browse ul li a .ico {
    line-height: 24px;
    line-height: 2.4rem;
    font-size: 20px;
    font-size: 2rem;
  }
}
.mods.product-base-on-interest {
  background: #f6f6f6;
  overflow: hidden;
  position: relative;
}
.mods.product-base-on-interest h2, .mods.product-base-on-interest h3, .mods.product-base-on-interest h4 {
  color: #181616;
  font-weight: 400;
}
.mods.product-base-on-interest h2 {
  line-height: 22px;
  line-height: 2.2rem;
  font-size: 18px;
  font-size: 1.8rem;
}
.mods.product-base-on-interest h3 {
  margin: 5px 0;
  margin: 0.5rem 0;
  line-height: 24px;
  line-height: 2.4rem;
  font-size: 20px;
  font-size: 2rem;
}
.mods.product-base-on-interest h4 {
  margin: 20px 5px 0;
  margin: 2rem 0.5rem 0;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 769px) {
  .mods.product-base-on-interest h2 {
    line-height: 20px;
    line-height: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .mods.product-base-on-interest h4 {
    line-height: 22px;
    line-height: 2.2rem;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .mods.product-base-on-interest .btn-view-all {
    padding: 10px;
    padding: 1rem;
    line-height: 14px;
    line-height: 1.4rem;
    font-size: 10px;
    font-size: 1rem;
  }
}
@media (min-width: 1025px) {
  .mods.product-base-on-interest h2 {
    line-height: 28px;
    line-height: 2.8rem;
    font-size: 24px;
    font-size: 2.4rem;
  }
  .mods.product-base-on-interest h3 {
    line-height: 30px;
    line-height: 3rem;
    font-size: 26px;
    font-size: 2.6rem;
  }
  .mods.product-base-on-interest h4 {
    line-height: 26px;
    line-height: 2.6rem;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .mods.product-base-on-interest .btn-view-all {
    margin: 20px 0;
    margin: 2rem 0;
    padding: 15px;
    padding: 1.5rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (min-width: 1281px) {
  .mods.product-base-on-interest h2 {
    line-height: 30px;
    line-height: 3rem;
    font-size: 26px;
    font-size: 2.6rem;
  }
  .mods.product-base-on-interest h3 {
    line-height: 34px;
    line-height: 3.4rem;
    font-size: 30px;
    font-size: 3rem;
  }
  .mods.product-base-on-interest h4 {
    line-height: 28px;
    line-height: 2.8rem;
    font-size: 24px;
    font-size: 2.4rem;
  }
  .mods.product-base-on-interest .btn-view-all {
    margin: 40px 0;
    margin: 4rem 0;
    padding: 10px;
    padding: 1rem;
    line-height: 20px;
    line-height: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1281px) {
  .mods.product-base-on-interest .btn-view-all {
    margin: 40px 0;
    margin: 4rem 0;
    padding: 20px;
    padding: 2rem;
    line-height: 20px;
    line-height: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.mods.product-base-on-interest .swiper-carousel {
  font-size: 0;
  white-space: nowrap;
  text-align: center;
  background: white;
  border-top: 1px solid #e6e6e6;
  overflow: hidden;
}
.mods.product-base-on-interest .swiper-carousel {
  text-align: center;
}
.mods.product-base-on-interest .swiper-carousel .swiper-wrapper {
  vertical-align: middle;
  display: inline-block;
}
.mods.product-base-on-interest .swiper-carousel:before {
  content: '';
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  display: inline-block;
}
@media (min-width: 769px) {
  .mods.product-base-on-interest .swiper-carousel {
    width: 40%;
    padding: 0;
    border-top: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
}
.mods.product-base-on-interest .swiper-carousel h3:after {
  content: '.';
  width: 30px;
  height: 1px;
  margin: 10px auto 10px;
  font-size: 0;
  background: #b2b2b2;
  display: block;
}
@media (min-width: 769px) {
  .mods.product-base-on-interest .swiper-carousel h3:after {
    margin: 15px auto 10px;
  }
}
@media (min-width: 1025px) {
  .mods.product-base-on-interest .swiper-carousel h3:after {
    margin: 20px auto 10px;
  }
}
@media (min-width: 1281px) {
  .mods.product-base-on-interest .swiper-carousel h3:after {
    margin: 20px auto 10px;
  }
}
.mods.product-base-on-interest .swiper-carousel .swiper-wrapper {
  width: 100%;
}
.mods.product-base-on-interest .swiper-carousel .swiper-wrapper .swiper-container {
  width: auto !important;
  height: 100% !important;
}
.mods.product-base-on-interest .swiper-carousel .swiper-wrapper .swiper-container .swiper-slide {
  width: 100%;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  white-space: normal;
  position: relative;
}
.mods.product-base-on-interest .swiper-carousel .swiper-wrapper .swiper-container .swiper-slide a img {
  margin: 0 auto;
  display: block;
}
@media (min-width: 769px) {
  .mods.product-base-on-interest .swiper-carousel .swiper-wrapper .swiper-container .swiper-slide a img {
    width: auto;
    max-width: 50%;
  }
}
.mods.product-base-on-interest .swiper-carousel .swiper-browse {
  text-align: center;
}
.mods.product-base-on-interest .swiper-carousel .swiper-browse {
  text-align: center;
}
.mods.product-base-on-interest .swiper-carousel .swiper-browse ul {
  vertical-align: middle;
  display: inline-block;
}
.mods.product-base-on-interest .swiper-carousel .swiper-browse:before {
  content: '';
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  display: inline-block;
}
.mods.product-base-on-interest .swiper-carousel .swiper-browse ul {
  margin: 20px 0;
  margin: 2rem 0;
}
.mods.product-base-on-interest .swiper-carousel .swiper-browse ul li {
  vertical-align: middle;
}
.mods.product-base-on-interest .swiper-carousel .swiper-browse ul li a {
  color: #181616;
}
.mods.product-base-on-interest .swiper-carousel .swiper-browse ul li a:hover, .mods.product-base-on-interest .swiper-carousel .swiper-browse ul li a:focus {
  color: gray;
}
.mods.product-base-on-interest .swiper-carousel .swiper-browse ul li a .ico {
  font-size: 18px;
  font-size: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 769px) {
  .mods.product-base-on-interest .swiper-carousel .swiper-browse ul {
    margin: 10px 0;
    margin: 1rem 0;
  }
}
@media (min-width: 769px) {
  .mods.product-base-on-interest .swiper-carousel .swiper-browse ul {
    margin: 20px 0;
    margin: 2rem 0;
  }
  .mods.product-base-on-interest .swiper-carousel .swiper-browse ul li a .ico {
    line-height: 24px;
    line-height: 2.4rem;
    font-size: 20px;
    font-size: 2rem;
  }
}
.mods.product-base-on-interest .discover {
  overflow: hidden;
}
.mods.product-base-on-interest .discover a {
  position: relative;
}
.mods.product-base-on-interest .discover a > p {
  width: 100%;
  height: 100%;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
}
.mods.product-base-on-interest .discover a > p {
  text-align: center;
}
.mods.product-base-on-interest .discover a > p span {
  vertical-align: middle;
  display: inline-block;
}
.mods.product-base-on-interest .discover a > p:before {
  content: '';
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  display: inline-block;
}
.mods.product-base-on-interest .discover a > p span {
  width: 80%;
}
.mods.product-base-on-interest .discover a > p span strong, .mods.product-base-on-interest .discover a > p span em {
  display: block;
  position: relative;
  top: 40px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.mods.product-base-on-interest .discover a > p span strong {
  margin: 20px 0;
  margin: 2rem 0;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.mods.product-base-on-interest .discover a > p span strong:after {
  content: '.';
  width: 20px;
  height: 1px;
  margin: 10px auto;
  margin: 1rem auto;
  font-size: 0;
  background: white;
  display: block;
}
.mods.product-base-on-interest .discover a > p span em {
  margin: 10px 0;
  margin: 1rem 0;
  line-height: 16px;
  line-height: 1.6rem;
  font-size: 12px;
  font-size: 1.2rem;
}
.mods.product-base-on-interest .discover a:hover > p, .mods.product-base-on-interest .discover a:focus > p {
  background: red;
  -moz-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.mods.product-base-on-interest .discover a:hover > p span strong, .mods.product-base-on-interest .discover a:hover > p span em, .mods.product-base-on-interest .discover a:focus > p span strong, .mods.product-base-on-interest .discover a:focus > p span em {
  top: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.product-base-on-interest .discover a:hover > p span strong, .mods.product-base-on-interest .discover a:focus > p span strong {
  -moz-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
  -o-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
  -webkit-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition-delay: 0.15s;
  transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
}
.mods.product-base-on-interest .discover a:hover > p span em, .mods.product-base-on-interest .discover a:focus > p span em {
  -moz-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
  -o-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
  -webkit-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition-delay: 0.15s;
  transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
}
.mods.product-base-on-interest .discover .headline {
  text-align: center;
}
@media (min-width: 769px) {
  .mods.product-base-on-interest .discover .headline {
    width: 12%;
    padding: 4%;
    text-align: left;
    position: absolute;
    top: 0;
    left: 40%;
  }
}
.mods.product-base-on-interest .discover .headline h2 {
  width: 50%;
  margin: 40px auto;
  margin: 4rem auto;
}
@media (min-width: 769px) {
  .mods.product-base-on-interest .discover .headline h2 {
    width: auto;
    margin: 20px 0;
    margin: 2rem 0;
  }
}
.mods.product-base-on-interest .discover .headline .btn-view-all {
  display: none;
}
@media (min-width: 769px) {
  .mods.product-base-on-interest .discover .headline .btn-view-all {
    display: inline-block;
  }
}
.mods.product-base-on-interest .discover ul:after {
  width: 0;
  height: 0;
  border-width: 30px 15px 0 15px;
  border-style: solid;
  border-color: #f6f6f6;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
}
@media (min-width: 769px) {
  .mods.product-base-on-interest .discover ul {
    width: 40%;
    float: right;
  }
  .mods.product-base-on-interest .discover ul:after {
    border-width: 15px 0 15px 30px;
    position: absolute;
    top: 0;
    left: 50%;
  }
}
.mods.product-base-on-interest .discover ul li {
  width: 50%;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  white-space: normal;
  float: left;
}
@media (min-width: 481px) {
  .mods.product-base-on-interest .discover ul li {
    width: 25%;
  }
}
@media (min-width: 769px) {
  .mods.product-base-on-interest .discover ul li {
    width: 50%;
  }
}
.mods.product-base-on-interest .discover ul li a {
  border: 1px solid #f6f6f6;
  display: block;
}
.mods.product-base-on-interest .discover ul li a img {
  width: 100%;
  display: block;
}
@media (min-width: 1281px) {
  .mods.product-base-on-interest.reduced-version .btn-view-all {
    margin: 10px 0;
    margin: 1rem 0;
  }
  .mods.product-base-on-interest.reduced-version h2 {
    line-height: 28px;
    line-height: 2.8rem;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 769px) {
  .mods.product-base-on-interest.reduced-version .discover .headline {
    width: 14%;
    padding: 0 3%;
    text-align: left;
    background: url('../img/rgbapng/f6f6f6e5-5.png?1433341596');
    background: rgba(246, 246, 246, 0.9);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
}
@media (min-width: 769px) {
  .mods.product-base-on-interest.reduced-version .discover .swiper-wrapper {
    padding: 0 0 0 20%;
  }
}
.mods.product-base-on-interest.reduced-version .discover .swiper-wrapper .swiper-container {
  width: auto !important;
  height: auto !important;
  font-size: 0;
  white-space: nowrap;
}
.mods.product-base-on-interest.reduced-version .discover .swiper-wrapper .swiper-container .swiper-slide {
  white-space: normal;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
}
.mods.product-base-on-interest.reduced-version .discover .swiper-wrapper .swiper-container .swiper-slide {
  width: 50%;
  height: 50%;
}
@media (min-width: 768px) {
  .mods.product-base-on-interest.reduced-version .discover .swiper-wrapper .swiper-container .swiper-slide {
    width: 25%;
    height: 25%;
  }
}
@media (min-width: 1025px) {
  .mods.product-base-on-interest.reduced-version .discover .swiper-wrapper .swiper-container .swiper-slide {
    width: 20%;
    height: 20%;
  }
}
.mods.product-base-on-interest.reduced-version .discover .swiper-wrapper .swiper-container .swiper-slide a {
  display: block;
}
.mods.product-base-on-interest.reduced-version .discover .swiper-wrapper .swiper-container .swiper-slide a img {
  width: 100%;
  margin: 0 auto;
  border: 1px solid #e6e6e6;
  display: block;
}
.mods.slider-gallery .gallery {
  overflow: hidden;
  position: relative;
}
@media (min-width: 769px) {
  .mods.slider-gallery .gallery {
    height: 0;
    padding: 0 0 37.5% 0;
    position: relative;
  }
  .mods.slider-gallery .gallery .gallery-slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.mods.slider-gallery .gallery .gallery-slide {
  display: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: opacity 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: opacity 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: opacity 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
@media (min-width: 769px) {
  .mods.slider-gallery .gallery .gallery-slide {
    text-align: center;
  }
  .mods.slider-gallery .gallery .gallery-slide p {
    vertical-align: middle;
    display: inline-block;
  }
  .mods.slider-gallery .gallery .gallery-slide:before {
    content: '';
    height: 100%;
    margin-right: -0.25em;
    vertical-align: middle;
    display: inline-block;
  }
}
.mods.slider-gallery .gallery .gallery-slide.show {
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.slider-gallery .gallery .gallery-slide img {
  width: 100%;
  display: block;
}
@media (min-width: 769px) {
  .mods.slider-gallery .gallery .gallery-slide img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.mods.slider-gallery .gallery .gallery-slide p {
  width: 90%;
  margin: 0 5%;
  text-align: center;
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  position: absolute;
  left: 0;
  bottom: 25%;
}
@media (min-width: 769px) {
  .mods.slider-gallery .gallery .gallery-slide p {
    line-height: 20px;
    line-height: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 auto;
    position: relative;
    left: 0;
    bottom: 0;
    z-index: 1;
  }
}
@media (min-width: 1025px) {
  .mods.slider-gallery .gallery .gallery-slide p {
    line-height: 22px;
    line-height: 2.2rem;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 1281px) {
  .mods.slider-gallery .gallery .gallery-slide p {
    line-height: 25px;
    line-height: 2.5rem;
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.mods.slider-gallery .gallery .gallery-slide p span, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-red, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-buy, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-contact, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-store-locator, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-view-all {
  line-height: 46px;
  line-height: 4.6rem;
}
@media (min-width: 769px) {
  .mods.slider-gallery .gallery .gallery-slide p span, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-red, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-buy, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-contact, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-store-locator, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-view-all {
    margin: 10px auto;
    margin: 1rem auto;
    line-height: 56px;
    line-height: 5.6rem;
  }
}
.mods.slider-gallery .gallery .gallery-slide p span {
  margin: 0 auto 20px;
  margin: 0 auto 2rem;
  padding: 0 40px;
  padding: 0 4rem;
  vertical-align: middle;
  background: white;
  display: inline-block;
}
@media (min-width: 769px) {
  .mods.slider-gallery .gallery .gallery-slide p span {
    padding: 0 50px;
    padding: 0 5rem;
  }
}
@media (min-width: 1025px) {
  .mods.slider-gallery .gallery .gallery-slide p span {
    padding: 0 60px;
    padding: 0 6rem;
  }
}
.mods.slider-gallery .gallery .gallery-slide p .btn-red, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-buy, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-contact, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-store-locator, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-view-all {
  width: 87px;
  margin: 0 auto;
  display: block;
  padding: 0 10px;
  padding: 0 1rem;
  line-height: 14px;
  line-height: 1.4rem;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 769px) {
  .mods.slider-gallery .gallery .gallery-slide p .btn-red, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-buy, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-contact, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-store-locator, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-view-all {
    padding: 0 15px;
    padding: 0 1.5rem;
    line-height: 17px;
    line-height: 1.7rem;
    font-size: 13px;
    font-size: 1.3rem;
    display: inline-block;
  }
}
@media (min-width: 1025px) {
  .mods.slider-gallery .gallery .gallery-slide p .btn-red, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-buy, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-contact, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-store-locator, .mods.slider-gallery .gallery .gallery-slide p .mods.btn-view-all {
    padding: 0 20px;
    padding: 0 2rem;
  }
}
.mods.slider-gallery .swiper-wrapper {
  overflow: hidden;
}
.mods.slider-gallery .swiper-wrapper .swiper-container {
  width: auto !important;
  height: auto !important;
  font-size: 0;
  white-space: nowrap;
}
.mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide {
  white-space: normal;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
}
.mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide {
  width: 25%;
  vertical-align: middle;
}
@media (min-width: 769px) {
  .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide {
    width: 14.3%;
  }
}
.mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a, .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide img {
  width: 100%;
  display: block;
}
.mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a {
  position: relative;
}
.mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a > p {
  width: 100%;
  height: 100%;
  color: white;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
}
.mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a > p {
  text-align: center;
}
.mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a > p span {
  vertical-align: middle;
  display: inline-block;
}
.mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a > p:before {
  content: '';
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  display: inline-block;
}
.mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a > p span {
  width: 80%;
}
.mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a > p span strong, .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a > p span i {
  position: relative;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a > p span strong {
  margin: 10px 0;
  margin: 1rem 0;
  line-height: 16px;
  line-height: 1.6rem;
  font-size: 12px;
  font-size: 1.2rem;
  top: 60px;
}
.mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a > p span strong:after {
  content: '.';
  width: 45px;
  height: 1px;
  margin: 10px auto;
  font-size: 0;
  background: white;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a > p span i {
  margin: 10px 0;
  margin: 1rem 0;
  font-weight: 300;
  line-height: 24px;
  line-height: 2.4rem;
  font-size: 20px;
  font-size: 2rem;
  display: block;
  top: 40px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mods.slider-gallery .swiper-wrapper .swiper-browse {
  margin: 20px 0;
  margin: 2rem 0;
  text-align: center;
}
.mods.slider-gallery .swiper-wrapper .swiper-browse a {
  color: #181616;
}
.mods.slider-teaser {
  margin: 20px 0;
  margin: 2rem 0;
  text-align: center;
}
.mods.slider-teaser h2, .mods.slider-teaser p {
  margin: 10px;
  margin: 1rem;
}
.mods.slider-teaser h2 {
  line-height: 25px;
  line-height: 2.5rem;
  font-size: 21px;
  font-size: 2.1rem;
}
@media (min-width: 769px) {
  .mods.slider-teaser h2 {
    line-height: 22px;
    line-height: 2.2rem;
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media (min-width: 1025px) {
  .mods.slider-teaser h2 {
    line-height: 40px;
    line-height: 4rem;
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media (min-width: 1281px) {
  .mods.slider-teaser h2 {
    line-height: 44px;
    line-height: 4.4rem;
    font-size: 40px;
    font-size: 4rem;
  }
}
.mods.slider-teaser p {
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
}
@media (min-width: 769px) {
  .mods.slider-teaser p {
    line-height: 20px;
    line-height: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1025px) {
  .mods.slider-teaser p {
    line-height: 22px;
    line-height: 2.2rem;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 1281px) {
  .mods.slider-teaser p {
    line-height: 25px;
    line-height: 2.5rem;
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.mods.slider-teaser .swiper-wrapper {
  margin: 20px 0 0;
  margin: 2rem 0 0;
  overflow: hidden;
}
.mods.slider-teaser .swiper-wrapper .swiper-container {
  width: auto !important;
  height: auto !important;
  font-size: 0;
  white-space: nowrap;
}
.mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide {
  white-space: normal;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
}
.mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide {
  max-width: 90%;
  vertical-align: bottom;
  overflow: hidden;
  position: relative;
}
@media (min-width: 769px) {
  .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide {
    max-width: 100%;
  }
}
.mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide img {
  max-width: 100%;
  margin: 0 2px;
  display: block;
}
.mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p {
  width: 45%;
  margin: 0;
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
  position: absolute;
  top: 10%;
  right: 10%;
}
@media (min-width: 768px) {
  .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p {
    width: 25%;
    line-height: 24px;
    line-height: 2.4rem;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (min-width: 769px) {
  .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p {
    width: 20%;
    line-height: 28px;
    line-height: 2.8rem;
    font-size: 24px;
    font-size: 2.4rem;
    top: 15%;
    right: 15%;
  }
}
@media (min-width: 1025px) {
  .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p {
    line-height: 34px;
    line-height: 3.4rem;
    font-size: 30px;
    font-size: 3rem;
  }
}
.mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p span:after {
  content: '.';
  width: 45px;
  height: 1px;
  margin: 10px auto;
  margin: 1rem auto;
  font-size: 0;
  background: #181616;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p .btn-red, .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p .mods.btn-buy, .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p .mods.btn-contact, .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p .mods.btn-store-locator, .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p .mods.btn-view-all {
  margin: 10px 0 0;
  margin: 1rem 0 0;
  padding: 10px;
  padding: 1rem;
  line-height: 14px;
  line-height: 1.4rem;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p .btn-red, .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p .mods.btn-buy, .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p .mods.btn-contact, .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p .mods.btn-store-locator, .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p .mods.btn-view-all {
    margin: 30px 0 0;
    margin: 3rem 0 0;
    padding: 15px;
    padding: 1.5rem;
    line-height: 17px;
    line-height: 1.7rem;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media (min-width: 769px) {
  .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p .btn-red, .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p .mods.btn-buy, .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p .mods.btn-contact, .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p .mods.btn-store-locator, .mods.slider-teaser .swiper-wrapper .swiper-container .swiper-slide p .mods.btn-view-all {
    margin: 50px 0 0;
    margin: 5rem 0 0;
    padding: 20px;
    padding: 2rem;
  }
}
.mods.slider-teaser .swiper-wrapper .swiper-browse {
  margin: 20px 0;
  margin: 2rem 0;
  text-align: center;
}
.mods.slider-teaser .swiper-wrapper .swiper-browse a {
  color: #181616;
}
.mods.company-article.theme-grey {
  background: #f6f6f6;
}
@media (min-width: 769px) {
  .mods.company-article.size-55 .description {
    width: 50%;
  }
  .mods.company-article.size-55 .gallery {
    max-width: 500px;
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}
@media (min-width: 769px) {
  .mods.company-article.size-64 .description {
    width: 60%;
  }
  .mods.company-article.size-64 .gallery {
    max-width: 500px;
    width: 40%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}
.mods.company-article .center-content {
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.mods.company-article .description .content {
  margin: 10px 30px;
  margin: 1rem 3rem;
  overflow: hidden;
}
.mods.company-article .description h2 {
  margin: 20px 0;
  margin: 2rem 0;
  color: #2a2828;
  line-height: 28px;
  line-height: 2.8rem;
  font-size: 24px;
  font-size: 2.4rem;
}
.mods.company-article .description h2:after {
  content: '.';
  width: 20px;
  height: 1px;
  margin: 10px 3px;
  margin: 1rem 0.3rem;
  font-size: 0;
  background: #b2b2b2;
  display: block;
}
.mods.company-article .description p {
  margin: 15px 0;
  margin: 1.5rem 0;
  color: #2a2828;
  line-height: 20px;
  line-height: 2rem;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 769px) {
  .mods.company-article .description h2 {
    line-height: 34px;
    line-height: 3.4rem;
    font-size: 30px;
    font-size: 3rem;
  }
}
@media (min-width: 1025px) {
  .mods.company-article .description h2 {
    line-height: 44px;
    line-height: 4.4rem;
    font-size: 40px;
    font-size: 4rem;
  }
  .mods.company-article .description p {
    line-height: 25px;
    line-height: 2.5rem;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 769px) {
  .mods.company-article .description .content {
    width: 70%;
    margin: 80px auto 100px;
    text-align: left;
  }
  .mods.company-article .description h2 {
    margin: 40px 0;
    margin: 4rem 0;
  }
  .mods.company-article .description h2:after {
    width: 45px;
    margin: 14px 2px;
    margin: 1.4rem 0.2rem;
  }
}
.mods.company-article .gallery {
  overflow: hidden;
  position: relative;
}
.mods.company-article .gallery img {
  width: 100%;
  display: block;
}
@media (min-width: 769px) {
  .mods.company-article .gallery img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.mods.company-article .gallery .logo-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 256px;
  height: 256px;
  overflow: hidden;
  background: none;
}
.mods.company-article .gallery .logo-container.red {
  background-color: #d50c05;
}
.mods.company-article .gallery .logo-container img {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: auto !important;
}
.mods.company-article .gallery .logo-container {
  text-align: center;
}
.mods.company-article .gallery .logo-container img {
  vertical-align: middle;
  display: inline-block;
}
.mods.company-article .gallery .logo-container:before {
  content: '';
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  display: inline-block;
}
.mods.company-article p {
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.mods.company-article dl {
  width: 82%;
  margin: 60px auto;
  display: block;
}
.mods.company-article dl dt {
  margin: 30px 0;
  margin: 3rem 0;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.mods.company-article dl dd {
  margin: 10px 0 10px 15px;
  margin: 1rem 0 1rem 1.5rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  display: list-item;
  list-style-type: disc;
}
.mods.company-article dl dl {
  margin: 20px 0 30px;
  margin: 2rem 0 3rem;
}
.mods.company-article dl dl dd:before {
  content: "\2014";
  position: relative;
  left: -12px;
  left: -1.2rem;
}
.mods.company-article dl dl dd {
  list-style-type: none;
  text-indent: -12px;
  text-indent: -1.2rem;
}
.mods.company-article .btn-red, .mods.company-article .mods.btn-buy, .mods.company-article .mods.btn-contact, .mods.company-article .mods.btn-store-locator, .mods.company-article .mods.btn-view-all {
  margin: 20px 0;
  margin: 2rem 0;
  padding: 10px 20px;
  padding: 1rem 2rem;
}
@media (min-width: 769px) {
  .mods.company-article .btn-red, .mods.company-article .mods.btn-buy, .mods.company-article .mods.btn-contact, .mods.company-article .mods.btn-store-locator, .mods.company-article .mods.btn-view-all {
    margin: 40px 0;
    margin: 4rem 0;
  }
}
.mods.company-swiper.theme-greyWhite {
  background: #f6f6f6;
}
.mods.company-swiper h3 {
  margin: 20px 40px;
  margin: 2rem 4rem;
  text-align: center;
  line-height: 19px;
  line-height: 1.9rem;
  font-size: 15px;
  font-size: 1.5rem;
}
@media (min-width: 769px) {
  .mods.company-swiper h3 {
    line-height: 22px;
    line-height: 2.2rem;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 1025px) {
  .mods.company-swiper h3 {
    margin: 40px;
    margin: 4rem;
    line-height: 25px;
    line-height: 2.5rem;
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.mods.company-swiper .swiper-wrapper {
  width: 100%;
  overflow: hidden;
}
.mods.company-swiper .swiper-wrapper .swiper-container {
  width: auto !important;
  height: auto !important;
  font-size: 0;
  white-space: nowrap;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide {
  white-space: normal;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide {
  width: 50%;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a {
  display: block;
  overflow: hidden;
  position: relative;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a img {
  width: 100%;
  display: block;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a p {
  width: 100%;
  height: 100%;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a p {
  text-align: center;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a p span {
  vertical-align: middle;
  display: inline-block;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a p:before {
  content: '';
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  display: inline-block;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a p span {
  width: 80%;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a p span strong, .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a p span em, .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a p span i {
  display: block;
  position: relative;
  top: 40px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a p span em, .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a p span i {
  margin: 10px 0;
  margin: 1rem 0;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a p span strong {
  margin: 20px 0;
  margin: 2rem 0;
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a p span strong:after {
  content: '.';
  width: 20px;
  height: 1px;
  margin: 10px auto;
  margin: 1rem auto;
  font-size: 0;
  background: white;
  display: block;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a p span em {
  line-height: 16px;
  line-height: 1.6rem;
  font-size: 12px;
  font-size: 1.2rem;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a p span i {
  font-weight: 300;
  line-height: 24px;
  line-height: 2.4rem;
  font-size: 20px;
  font-size: 2rem;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a:hover > p, .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a:focus > p {
  background: red;
  -moz-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a:hover > p span strong, .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a:hover > p span em, .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a:hover > p span i, .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a:focus > p span strong, .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a:focus > p span em, .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a:focus > p span i {
  top: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a:hover > p span strong, .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a:focus > p span strong {
  -moz-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
  -o-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
  -webkit-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition-delay: 0.15s;
  transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a:hover > p span em, .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a:focus > p span em {
  -moz-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
  -o-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
  -webkit-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition-delay: 0.15s;
  transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a.banner {
  border: 1px solid #F6F6F6;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a.banner > p span .ico, .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a.banner > p span strong {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a.banner > p span strong {
  color: #181616;
  margin: 10px 0;
  margin: 1rem 0;
  font-weight: 300;
  line-height: 20px;
  line-height: 2rem;
  font-size: 18px;
  font-size: 1.8rem;
  top: 0;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a.banner > p span strong:after {
  display: none;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a.banner:hover > p, .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a.banner:focus > p {
  color: white;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a.banner:hover > p span .ico, .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a.banner:focus > p span .ico {
  color: white;
  display: block;
  top: 10px;
  -webkit-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -moz-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -ms-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -o-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
}
.mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a.banner:hover > p span strong, .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide a.banner:focus > p span strong {
  color: white;
  -webkit-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -moz-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -ms-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -o-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
}
@media (min-width: 769px) {
  .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide {
    width: 25%;
  }
}
@media (min-width: 1025px) {
  .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide {
    width: 20%;
  }
}
@media (min-width: 1281px) {
  .mods.company-swiper .swiper-wrapper .swiper-container .swiper-slide {
    width: 16.6%;
  }
}
.mods.company-swiper .swiper-browse ul {
  margin: 20px 30px 40px;
  margin: 2rem 3rem 4rem;
}
.mods.company-swiper .swiper-browse ul li a {
  color: #181616;
}
@media (min-width: 769px) {
  .mods.company-swiper .swiper-browse ul {
    margin: 40px 90px 60px;
    margin: 4rem 9rem 6rem;
  }
}
.mods.company-infograph.theme-greyWhite {
  background: #f6f6f6;
}
.mods.company-infograph .description {
  width: 60%;
  max-width: 1440px;
  padding: 20px 80px;
  margin: 0 auto;
  text-align: center;
}
.mods.company-infograph .description h2 {
  line-height: 44px;
  line-height: 4.4rem;
  font-size: 40px;
  font-size: 4rem;
}
.mods.company-infograph .description h2:after {
  content: '.';
  width: 20px;
  height: 1px;
  margin: 20px auto;
  margin: 2rem auto;
  font-size: 0;
  background: gray;
  display: block;
}
.mods.company-infograph .description p {
  margin: 20px auto;
  margin: 2rem auto;
  color: gray;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.mods.company-infograph .mods.grid.grid-company .column a p span {
  text-align: center;
}
.mods.company-infograph .mods.grid.grid-company .column a p span i {
  line-height: 32px;
  line-height: 3.2rem;
  font-size: 28px;
  font-size: 2.8rem;
}
.mods.company-infograph .mods.grid.grid-company .column a p span strong {
  margin: 20px auto;
  color: gray;
}
.mods.company-infograph .mods.grid.grid-company .column a p span strong:after {
  margin: 20px auto 0;
  background: gray;
}
.mods.company-infograph .swiper-wrapper {
  width: 100%;
  overflow: hidden;
}
.mods.company-infograph .swiper-wrapper .swiper-container {
  width: auto !important;
  height: auto !important;
  font-size: 0;
  white-space: nowrap;
}
.mods.company-infograph .swiper-wrapper .swiper-container .swiper-slide {
  white-space: normal;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
}
.mods.company-infograph .swiper-wrapper .swiper-container .swiper-slide {
  width: 50%;
}
@media (min-width: 769px) {
  .mods.company-infograph .swiper-wrapper .swiper-container .swiper-slide {
    width: 25%;
  }
}
@media (min-width: 1025px) {
  .mods.company-infograph .swiper-wrapper .swiper-container .swiper-slide {
    width: 20%;
  }
}
@media (min-width: 1281px) {
  .mods.company-infograph .swiper-wrapper .swiper-container .swiper-slide {
    width: 16.6%;
  }
}
.mods.company-intro {
  position: relative;
  overflow: hidden;
}
.mods.company-intro h1 {
  color: white;
  margin: 80px 0 0;
  margin: 8rem 0 0;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-weight: normal;
}
.mods.company-intro h2 {
  color: white;
  margin: 30px 0;
  margin: 3rem 0;
  line-height: 16px;
  line-height: 1.6rem;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}
.mods.company-intro h2:before {
  content: '.';
  width: 20px;
  height: 1px;
  margin: 10px auto;
  margin: 1rem auto;
  font-size: 0;
  background: white;
  display: block;
}
.mods.company-intro img {
  width: 100%;
  display: block;
}
.mods.company-intro .description {
  width: 80%;
  margin: 80px auto 0;
  text-align: center;
  overflow: hidden;
  position: absolute;
  left: 10%;
  bottom: 5%;
}
@media (min-width: 769px) {
  .mods.company-intro h1 {
    margin: 160px 0 60px;
    margin: 16rem 0 6rem;
    line-height: 46px;
    line-height: 4.6rem;
    font-size: 42px;
    font-size: 4.2rem;
  }
  .mods.company-intro h2 {
    line-height: 17px;
    line-height: 1.7rem;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .mods.company-intro h2:before {
    margin: 10px auto;
    margin: 1rem auto;
  }
  .mods.company-intro img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .mods.company-intro .description {
    width: 65%;
    position: relative;
    left: 0;
  }
}
.mods.company-video .btn-play {
  margin: 40px 0;
  margin: 4rem 0;
}
.mods.company-video .video {
  position: relative;
  overflow: hidden;
}
.mods.company-video .video img {
  width: 100%;
  display: block;
}
.mods.company-video .video .caption {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  left: 5%;
  bottom: 15%;
}
@media (min-width: 769px) {
  .mods.company-video .video .caption {
    bottom: 35%;
  }
}
.mods.company-video .video .caption h2 {
  color: white;
  margin: 10px 0;
  margin: 1rem 0;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.mods.company-video .video .caption p {
  color: white;
  margin: 10px 0;
  margin: 1rem 0;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  display: none;
}
@media (min-width: 769px) {
  .mods.company-video .video .caption {
    bottom: 5%;
  }
  .mods.company-video .video .caption h2 {
    line-height: 24px;
    line-height: 2.4rem;
    font-size: 20px;
    font-size: 2rem;
  }
  .mods.company-video .video .caption p {
    display: block;
  }
}
.mods.company-video .description {
  padding: 10px 30px;
  padding: 1rem 3rem;
  color: #181616;
  background: #f6f6f6 url("../img/company/bg-video.png") no-repeat right bottom;
  -moz-background-size: "cover";
  -o-background-size: "cover";
  -webkit-background-size: "cover";
  background-size: "cover";
  overflow: hidden;
}
.mods.company-video .description h3 {
  margin: 20px 0;
  margin: 2rem 0;
  line-height: 24px;
  line-height: 2.4rem;
  font-size: 20px;
  font-size: 2rem;
}
.mods.company-video .description h3:after {
  content: '.';
  width: 20px;
  height: 1px;
  margin: 10px 3px;
  margin: 1rem 0.3rem;
  font-size: 0;
  background: #b2b2b2;
  display: block;
}
.mods.company-video .description h3 em {
  font-style: italic;
}
.mods.company-video .description h4 {
  margin: 10px 0;
  margin: 1rem 0;
  line-height: 19px;
  line-height: 1.9rem;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: Georgia, Times, "Times New Roman", serif;
}
.mods.company-video .description h4 em {
  font-style: italic;
}
.mods.company-video .description p {
  margin: 20px 0;
  margin: 2rem 0;
  line-height: 17px;
  line-height: 1.7rem;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (min-width: 769px) {
  .mods.company-video .center-content {
    width: 40%;
    max-width: 1440px;
    margin: 0 40% 0 20%;
  }
  .mods.company-video .video img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .mods.company-video .video .caption {
    width: 80%;
    padding: 200px 0;
    overflow: hidden;
    position: relative;
    left: 0;
    top: 0;
  }
  .mods.company-video .video .caption h2 {
    margin: 20px 0;
    margin: 2rem 0;
    line-height: 40px;
    line-height: 4rem;
    font-size: 40px;
    font-size: 4rem;
  }
  .mods.company-video .video .caption p {
    margin: 20px 0;
    margin: 2rem 0;
    line-height: 25px;
    line-height: 2.5rem;
    font-size: 21px;
    font-size: 2.1rem;
  }
  .mods.company-video .description {
    padding: 100px 0;
    padding: 10rem 0;
    -moz-background-size: "contain";
    -o-background-size: "contain";
    -webkit-background-size: "contain";
    background-size: "contain";
    position: relative;
  }
  .mods.company-video .description h3 {
    margin: 30px 0;
    margin: 3rem 0;
    line-height: 44px;
    line-height: 4.4rem;
    font-size: 40px;
    font-size: 4rem;
  }
  .mods.company-video .description h3:after {
    width: 45px;
    margin: 14px 2px;
    margin: 1.4rem 0.2rem;
  }
  .mods.company-video .description h4 {
    margin: 20px 0;
    margin: 2rem 0;
    line-height: 34px;
    line-height: 3.4rem;
    font-size: 30px;
    font-size: 3rem;
  }
  .mods.company-video .description p {
    line-height: 17px;
    line-height: 1.7rem;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.mods.company-slider {
  margin: 40px 0 10px;
  margin: 4rem 0 1rem;
}
.mods.company-slider .swiper-wrapper {
  padding: 0 0 0 30px;
  padding: 0 0 0 3rem;
  overflow: hidden;
}
.mods.company-slider .swiper-wrapper .swiper-container {
  height: auto !important;
  font-size: 0;
  white-space: nowrap;
}
.mods.company-slider .swiper-wrapper .swiper-container .swiper-slide {
  white-space: normal;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
}
.mods.company-slider .swiper-wrapper .swiper-container .swiper-slide {
  vertical-align: top;
}
.mods.company-slider .swiper-browse ul {
  margin: 20px 30px 40px;
  margin: 2rem 3rem 4rem;
}
.mods.company-slider .swiper-browse ul li a {
  color: #181616;
}
.mods.company-slider .swiper-browse ul li a .ico {
  font-size: 20px;
  font-size: 2rem;
}
@media (min-width: 769px) {
  .mods.company-slider {
    margin: 80px 0 20px;
    margin: 8rem 0 2rem;
  }
  .mods.company-slider .swiper-wrapper {
    padding: 0 0 0 90px;
    padding: 0 0 0 9rem;
  }
  .mods.company-slider .swiper-browse ul {
    margin: 40px 80px 60px;
    margin: 4rem 8rem 6rem;
  }
}

.no-touch .mods.company-infograph .mods.grid.grid-company .column a:hover p span strong {
  color: white;
}
.no-touch .mods.company-infograph .mods.grid.grid-company .column a:hover p span strong:after {
  background: white;
}
.no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:hover > p, .no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:focus > p {
  background: red;
  -moz-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:hover > p span strong, .no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:hover > p span i, .no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:focus > p span strong, .no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:focus > p span i {
  top: 0;
}
.no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:hover > p span strong, .no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:hover > p span strong:after, .no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:hover > p span i, .no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:focus > p span strong, .no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:focus > p span strong:after, .no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:focus > p span i {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:hover > p span strong, .no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:focus > p span strong {
  -moz-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:hover > p span i, .no-touch .mods.slider-gallery .swiper-wrapper .swiper-container .swiper-slide a:focus > p span i {
  -moz-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s;
  -o-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s;
  -webkit-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition-delay: 0.2s;
  transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s;
}

.mods.form {
  background: none;
  background-color: #f6f6f6;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  color: #8c8b8b;
}
.mods.form > form {
  position: relative;
  margin: 0 auto;
  padding: 20px 0;
}
@media (min-width: 769px) {
  .mods.form > form {
    max-width: 1024px;
  }
}
.mods.form > form > div {
  width: 100%;
}
@media (min-width: 769px) {
  .mods.form > form > div {
    display: table;
  }
}
.mods.form > form > div > p.error {
  color: red;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
  line-height: 1.2rem;
  padding: 15px 20px;
  padding: 1.5rem 2rem;
}
.mods.form > form > div > div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 30px;
}
@media (min-width: 769px) {
  .mods.form > form > div > div {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: table-cell;
    padding: 10px 0;
  }
}
.mods.form > form > div > div.double-padding-top {
  padding-top: 40px;
}
.mods.form > form > div > div.double-padding-bottom {
  padding-bottom: 40px;
}
.mods.form > form > div > div > label {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  color: #8c8b8b;
}
.mods.form > form > div > div > label.required:before {
  display: inline;
  content: "* ";
}
.mods.form > form > div > div > input, .mods.form > form > div > div > textarea, .mods.form > form > div > div > select, .mods.form > form > div > div > button, .mods.form > form > div > div > .infotext {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border: 0 none;
  font-family: "Lato", "Noto Sans Japanese", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  vertical-align: middle;
}
.mods.form > form > div > div > input.placeholder, .mods.form > form > div > div > textarea.placeholder, .mods.form > form > div > div > select.placeholder, .mods.form > form > div > div > button.placeholder, .mods.form > form > div > div > .infotext.placeholder {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  vertical-align: middle;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input[placeholder], .mods.form > form > div > div > textarea[placeholder], .mods.form > form > div > div > select[placeholder], .mods.form > form > div > div > button[placeholder], .mods.form > form > div > div > .infotext[placeholder] {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  vertical-align: middle;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input::-moz-placeholder, .mods.form > form > div > div > textarea::-moz-placeholder, .mods.form > form > div > div > select::-moz-placeholder, .mods.form > form > div > div > button::-moz-placeholder, .mods.form > form > div > div > .infotext::-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  vertical-align: middle;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input:-moz-placeholder, .mods.form > form > div > div > textarea:-moz-placeholder, .mods.form > form > div > div > select:-moz-placeholder, .mods.form > form > div > div > button:-moz-placeholder, .mods.form > form > div > div > .infotext:-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  vertical-align: middle;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input:-ms-input-placeholder, .mods.form > form > div > div > textarea:-ms-input-placeholder, .mods.form > form > div > div > select:-ms-input-placeholder, .mods.form > form > div > div > button:-ms-input-placeholder, .mods.form > form > div > div > .infotext:-ms-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  vertical-align: middle;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input::-webkit-input-placeholder, .mods.form > form > div > div > textarea::-webkit-input-placeholder, .mods.form > form > div > div > select::-webkit-input-placeholder, .mods.form > form > div > div > button::-webkit-input-placeholder, .mods.form > form > div > div > .infotext::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  vertical-align: middle;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input[required].placeholder, .mods.form > form > div > div > textarea[required].placeholder, .mods.form > form > div > div > select[required].placeholder, .mods.form > form > div > div > button[required].placeholder, .mods.form > form > div > div > .infotext[required].placeholder {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input[required].placeholder:before, .mods.form > form > div > div > textarea[required].placeholder:before, .mods.form > form > div > div > select[required].placeholder:before, .mods.form > form > div > div > button[required].placeholder:before, .mods.form > form > div > div > .infotext[required].placeholder:before {
  display: inline;
  content: "* ";
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input[required][placeholder], .mods.form > form > div > div > textarea[required][placeholder], .mods.form > form > div > div > select[required][placeholder], .mods.form > form > div > div > button[required][placeholder], .mods.form > form > div > div > .infotext[required][placeholder] {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input[required][placeholder]:before, .mods.form > form > div > div > textarea[required][placeholder]:before, .mods.form > form > div > div > select[required][placeholder]:before, .mods.form > form > div > div > button[required][placeholder]:before, .mods.form > form > div > div > .infotext[required][placeholder]:before {
  display: inline;
  content: "* ";
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input[required]::-moz-placeholder, .mods.form > form > div > div > textarea[required]::-moz-placeholder, .mods.form > form > div > div > select[required]::-moz-placeholder, .mods.form > form > div > div > button[required]::-moz-placeholder, .mods.form > form > div > div > .infotext[required]::-moz-placeholder {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input[required]::-moz-placeholder:before, .mods.form > form > div > div > textarea[required]::-moz-placeholder:before, .mods.form > form > div > div > select[required]::-moz-placeholder:before, .mods.form > form > div > div > button[required]::-moz-placeholder:before, .mods.form > form > div > div > .infotext[required]::-moz-placeholder:before {
  display: inline;
  content: "* ";
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input[required]:-moz-placeholder, .mods.form > form > div > div > textarea[required]:-moz-placeholder, .mods.form > form > div > div > select[required]:-moz-placeholder, .mods.form > form > div > div > button[required]:-moz-placeholder, .mods.form > form > div > div > .infotext[required]:-moz-placeholder {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input[required]:-moz-placeholder:before, .mods.form > form > div > div > textarea[required]:-moz-placeholder:before, .mods.form > form > div > div > select[required]:-moz-placeholder:before, .mods.form > form > div > div > button[required]:-moz-placeholder:before, .mods.form > form > div > div > .infotext[required]:-moz-placeholder:before {
  display: inline;
  content: "* ";
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input[required]:-ms-input-placeholder, .mods.form > form > div > div > textarea[required]:-ms-input-placeholder, .mods.form > form > div > div > select[required]:-ms-input-placeholder, .mods.form > form > div > div > button[required]:-ms-input-placeholder, .mods.form > form > div > div > .infotext[required]:-ms-input-placeholder {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input[required]:-ms-input-placeholder:before, .mods.form > form > div > div > textarea[required]:-ms-input-placeholder:before, .mods.form > form > div > div > select[required]:-ms-input-placeholder:before, .mods.form > form > div > div > button[required]:-ms-input-placeholder:before, .mods.form > form > div > div > .infotext[required]:-ms-input-placeholder:before {
  display: inline;
  content: "* ";
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input[required]::-webkit-input-placeholder, .mods.form > form > div > div > textarea[required]::-webkit-input-placeholder, .mods.form > form > div > div > select[required]::-webkit-input-placeholder, .mods.form > form > div > div > button[required]::-webkit-input-placeholder, .mods.form > form > div > div > .infotext[required]::-webkit-input-placeholder {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input[required]::-webkit-input-placeholder:before, .mods.form > form > div > div > textarea[required]::-webkit-input-placeholder:before, .mods.form > form > div > div > select[required]::-webkit-input-placeholder:before, .mods.form > form > div > div > button[required]::-webkit-input-placeholder:before, .mods.form > form > div > div > .infotext[required]::-webkit-input-placeholder:before {
  display: inline;
  content: "* ";
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.form > form > div > div > input.ng-dirty.ng-invalid, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required, .mods.form > form > div > div > select.ng-dirty.ng-invalid, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required, .mods.form > form > div > div > button.ng-dirty.ng-invalid, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required {
  color: #181616;
  border: 1px solid red;
  padding: 19px !important;
  background-color: #F2DADA;
}
.mods.form > form > div > div > input.ng-dirty.ng-invalid.placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required.placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid.placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required.placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid.placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required.placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid.placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required.placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid.placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required.placeholder {
  color: #181616;
}
.mods.form > form > div > div > input.ng-dirty.ng-invalid[placeholder], .mods.form > form > div > div > input.ng-dirty.ng-invalid-required[placeholder], .mods.form > form > div > div > textarea.ng-dirty.ng-invalid[placeholder], .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required[placeholder], .mods.form > form > div > div > select.ng-dirty.ng-invalid[placeholder], .mods.form > form > div > div > select.ng-dirty.ng-invalid-required[placeholder], .mods.form > form > div > div > button.ng-dirty.ng-invalid[placeholder], .mods.form > form > div > div > button.ng-dirty.ng-invalid-required[placeholder], .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid[placeholder], .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required[placeholder] {
  color: #181616;
}
.mods.form > form > div > div > input.ng-dirty.ng-invalid::-moz-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required::-moz-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid::-moz-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required::-moz-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid::-moz-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required::-moz-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid::-moz-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required::-moz-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid::-moz-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required::-moz-placeholder {
  color: #181616;
}
.mods.form > form > div > div > input.ng-dirty.ng-invalid:-moz-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:-moz-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:-moz-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:-moz-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid:-moz-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:-moz-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid:-moz-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:-moz-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:-moz-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:-moz-placeholder {
  color: #181616;
}
.mods.form > form > div > div > input.ng-dirty.ng-invalid:-ms-input-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:-ms-input-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:-ms-input-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:-ms-input-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid:-ms-input-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:-ms-input-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid:-ms-input-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:-ms-input-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:-ms-input-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:-ms-input-placeholder {
  color: #181616;
}
.mods.form > form > div > div > input.ng-dirty.ng-invalid::-webkit-input-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required::-webkit-input-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid::-webkit-input-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required::-webkit-input-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid::-webkit-input-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required::-webkit-input-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid::-webkit-input-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required::-webkit-input-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid::-webkit-input-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required::-webkit-input-placeholder {
  color: #181616;
}
.mods.form > form > div > div > input.ng-dirty.ng-invalid:focus, .mods.form > form > div > div > input.ng-dirty.ng-invalid:active, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:focus, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:active, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:focus, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:active, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:focus, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:active, .mods.form > form > div > div > select.ng-dirty.ng-invalid:focus, .mods.form > form > div > div > select.ng-dirty.ng-invalid:active, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:focus, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:active, .mods.form > form > div > div > button.ng-dirty.ng-invalid:focus, .mods.form > form > div > div > button.ng-dirty.ng-invalid:active, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:focus, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:active, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:focus, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:active, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:focus, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:active {
  color: #8c8b8b;
  border: 0 none;
  background-color: white;
}
.mods.form > form > div > div > input.ng-dirty.ng-invalid:focus.placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid:active.placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:focus.placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:active.placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:focus.placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:active.placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:focus.placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:active.placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid:focus.placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid:active.placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:focus.placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:active.placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid:focus.placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid:active.placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:focus.placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:active.placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:focus.placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:active.placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:focus.placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:active.placeholder {
  color: #8c8b8b;
}
.mods.form > form > div > div > input.ng-dirty.ng-invalid:focus[placeholder], .mods.form > form > div > div > input.ng-dirty.ng-invalid:active[placeholder], .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:focus[placeholder], .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:active[placeholder], .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:focus[placeholder], .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:active[placeholder], .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:focus[placeholder], .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:active[placeholder], .mods.form > form > div > div > select.ng-dirty.ng-invalid:focus[placeholder], .mods.form > form > div > div > select.ng-dirty.ng-invalid:active[placeholder], .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:focus[placeholder], .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:active[placeholder], .mods.form > form > div > div > button.ng-dirty.ng-invalid:focus[placeholder], .mods.form > form > div > div > button.ng-dirty.ng-invalid:active[placeholder], .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:focus[placeholder], .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:active[placeholder], .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:focus[placeholder], .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:active[placeholder], .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:focus[placeholder], .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:active[placeholder] {
  color: #8c8b8b;
}
.mods.form > form > div > div > input.ng-dirty.ng-invalid:focus::-moz-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid:active::-moz-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:focus::-moz-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:active::-moz-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:focus::-moz-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:active::-moz-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:focus::-moz-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:active::-moz-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid:focus::-moz-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid:active::-moz-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:focus::-moz-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:active::-moz-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid:focus::-moz-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid:active::-moz-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:focus::-moz-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:active::-moz-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:focus::-moz-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:active::-moz-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:focus::-moz-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:active::-moz-placeholder {
  color: #8c8b8b;
}
.mods.form > form > div > div > input.ng-dirty.ng-invalid:focus:-moz-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid:active:-moz-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:focus:-moz-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:active:-moz-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:focus:-moz-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:active:-moz-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:focus:-moz-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:active:-moz-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid:focus:-moz-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid:active:-moz-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:focus:-moz-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:active:-moz-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid:focus:-moz-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid:active:-moz-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:focus:-moz-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:active:-moz-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:focus:-moz-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:active:-moz-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:focus:-moz-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:active:-moz-placeholder {
  color: #8c8b8b;
}
.mods.form > form > div > div > input.ng-dirty.ng-invalid:focus:-ms-input-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid:active:-ms-input-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:focus:-ms-input-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:active:-ms-input-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:focus:-ms-input-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:active:-ms-input-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:focus:-ms-input-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:active:-ms-input-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid:focus:-ms-input-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid:active:-ms-input-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:focus:-ms-input-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:active:-ms-input-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid:focus:-ms-input-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid:active:-ms-input-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:focus:-ms-input-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:active:-ms-input-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:focus:-ms-input-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:active:-ms-input-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:focus:-ms-input-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:active:-ms-input-placeholder {
  color: #8c8b8b;
}
.mods.form > form > div > div > input.ng-dirty.ng-invalid:focus::-webkit-input-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid:active::-webkit-input-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:focus::-webkit-input-placeholder, .mods.form > form > div > div > input.ng-dirty.ng-invalid-required:active::-webkit-input-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:focus::-webkit-input-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid:active::-webkit-input-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:focus::-webkit-input-placeholder, .mods.form > form > div > div > textarea.ng-dirty.ng-invalid-required:active::-webkit-input-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid:focus::-webkit-input-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid:active::-webkit-input-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:focus::-webkit-input-placeholder, .mods.form > form > div > div > select.ng-dirty.ng-invalid-required:active::-webkit-input-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid:focus::-webkit-input-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid:active::-webkit-input-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:focus::-webkit-input-placeholder, .mods.form > form > div > div > button.ng-dirty.ng-invalid-required:active::-webkit-input-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:focus::-webkit-input-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid:active::-webkit-input-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:focus::-webkit-input-placeholder, .mods.form > form > div > div > .infotext.ng-dirty.ng-invalid-required:active::-webkit-input-placeholder {
  color: #8c8b8b;
}
.mods.form > form > div > div > input:focus + p.error, .mods.form > form > div > div > input:active + p.error, .mods.form > form > div > div > textarea:focus + p.error, .mods.form > form > div > div > textarea:active + p.error, .mods.form > form > div > div > select:focus + p.error, .mods.form > form > div > div > select:active + p.error, .mods.form > form > div > div > button:focus + p.error, .mods.form > form > div > div > button:active + p.error, .mods.form > form > div > div > .infotext:focus + p.error, .mods.form > form > div > div > .infotext:active + p.error {
  display: none;
}
.mods.form > form > div > div > input, .mods.form > form > div > div > textarea, .mods.form > form > div > div > select {
  background: none;
  background-color: white;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.mods.form > form > div > div > input, .mods.form > form > div > div > textarea, .mods.form > form > div > div > select, .mods.form > form > div > div > .infotext {
  max-width: 100%;
  width: 100%;
  color: #8c8b8b;
}
.mods.form > form > div > div > input, .mods.form > form > div > div > select, .mods.form > form > div > div > .infotext {
  padding: 20px;
}
.mods.form > form > div > div > textarea {
  padding: 20px;
  min-height: 300px;
  min-height: 30rem;
}
.mods.form > form > div > div > select {
  display: inline-block;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.mods.form > form > div > div > select.ng-pristine + div + p.error {
  display: none;
}
.mods.form > form > div > div > button {
  cursor: pointer;
}
.mods.form > form > div > div > button[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  cursor: default;
}
@media (min-width: 769px) {
  .mods.form > form > div > div:nth-child(even) {
    padding-left: 10px;
  }
}
@media (min-width: 769px) {
  .mods.form > form > div > div:nth-child(odd) {
    padding-right: 10px;
  }
}
@media (min-width: 769px) {
  .mods.form > form > div > div:first-child:last-child {
    padding-right: 0;
    padding-left: 0;
  }
}
.mods.form > form > div > div.privacy {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding-top: 27px;
  padding-top: 2.7rem;
  padding-bottom: 107px;
  padding-bottom: 10.7rem;
}
.mods.form > form > div > div.privacy > h2, .mods.form > form > div > div.privacy > p, .mods.form > form > div > div.privacy > #privacy_container {
  max-width: 800px;
  max-width: 80rem;
  width: 100%;
  margin: 0 auto;
}
.mods.form > form > div > div.privacy > h2 {
  text-align: center;
}
@media (min-width: 769px) {
  .mods.form > form > div > div.privacy > h2 {
    text-align: left;
  }
}
@media (min-width: 769px) {
  .mods.form > form > div > div.privacy {
    padding-bottom: 27px;
    padding-bottom: 2.7rem;
  }
}
.mods.form > form > div > div.submit {
  padding-top: 27px;
  padding-top: 2.7rem;
  padding-bottom: 27px;
  padding-bottom: 2.7rem;
  text-align: center;
}
.mods.form > form > div > div h2 {
  font-weight: 700;
  color: #181616;
  line-height: 16px;
  line-height: 1.6rem;
  padding-bottom: 20px;
  padding-bottom: 2rem;
}
.mods.form > form > div > div p {
  line-height: 16px;
  line-height: 1.6rem;
  padding-bottom: 30px;
  padding-bottom: 3rem;
}
.mods.form > form > div > div p.error {
  color: red;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 12px;
  line-height: 1.2rem;
  padding: 15px 20px 5px;
  padding: 1.5rem 2rem 0.5rem;
}
.mods.form > form > div > div #privacy_container input[type="radio"] {
  width: 0;
  height: 0;
  visibility: hidden;
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.mods.form > form > div > div #privacy_container input[type="radio"] + label {
  float: left;
  clear: left;
  position: relative;
  margin-top: 40px;
  padding-left: 37px;
  cursor: pointer;
}
.mods.form > form > div > div #privacy_container input[type="radio"] + label:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  overflow: hidden;
  background: transparent url("../img/common/radio-buttons.png") no-repeat -22px 0;
  cursor: pointer;
}
@media (min-width: 769px) {
  .mods.form > form > div > div #privacy_container input[type="radio"] + label {
    float: none;
    clear: none;
    margin-top: 0;
    margin-left: 60px;
  }
}
.mods.form > form > div > div #privacy_container input[type="radio"]:checked + label:before {
  background-position: 0 0;
}
.mods.form > form > div > div #privacy_container input[type="radio"]:first-child + label {
  margin-top: 0;
}
@media (min-width: 769px) {
  .mods.form > form > div > div #privacy_container input[type="radio"]:first-child + label {
    margin-left: 0;
  }
}
.mods.form > form > div.desktop-row > div {
  width: 100%;
}
@media (min-width: 769px) {
  .mods.form > form > div.desktop-row > div {
    width: 50%;
  }
}

.mods.grid {
  font-size: 0;
  background: #f6f6f6;
  overflow: hidden;
  position: relative;
}
.mods.grid #pagination {
  display: none;
}
.mods.grid .column {
  vertical-align: middle;
  overflow: hidden;
  position: relative;
}
.mods.grid .column img {
  width: 100%;
  border: 1px solid #f6f6f6;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mods.grid .column > p, .mods.grid .column a > p {
  width: 100%;
  height: 100%;
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.mods.grid .column > p, .mods.grid .column a > p {
  text-align: center;
}
.mods.grid .column > p span, .mods.grid .column a > p span {
  vertical-align: middle;
  display: inline-block;
}
.mods.grid .column > p:before, .mods.grid .column a > p:before {
  content: '';
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  display: inline-block;
}
.mods.grid .column > p span, .mods.grid .column a > p span {
  max-width: 90%;
}
.mods.grid .column > p span i, .mods.grid .column a > p span i {
  margin: 0 auto;
  position: relative;
}
.mods.grid .column > p span strong, .mods.grid .column > p span em, .mods.grid .column > p span b, .mods.grid .column a > p span strong, .mods.grid .column a > p span em, .mods.grid .column a > p span b {
  display: block;
  position: relative;
}
.mods.grid .column > p span strong, .mods.grid .column a > p span strong {
  text-transform: uppercase;
}
.mods.grid .column > p span strong:after, .mods.grid .column a > p span strong:after {
  content: '.';
  width: 45px;
  height: 1px;
  margin: 10px auto;
  font-size: 0;
  background: white;
  display: block;
}
.mods.grid .column > p.caption, .mods.grid .column a > p.caption {
  color: #181616;
  font-weight: 300;
  line-height: normal;
  text-align: right;
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.mods.grid .column > p.caption span, .mods.grid .column a > p.caption span {
  width: 45%;
  margin: 0 5% 0 0;
  text-align: center;
}
@media (min-width: 481px) {
  .mods.grid .column > p.caption, .mods.grid .column a > p.caption {
    line-height: 22px;
    line-height: 2.2rem;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .mods.grid .column > p.caption span, .mods.grid .column a > p.caption span {
    width: 35%;
  }
}
@media (min-width: 769px) {
  .mods.grid .column > p.caption, .mods.grid .column a > p.caption {
    line-height: 18px;
    line-height: 1.8rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .mods.grid .column > p.caption span, .mods.grid .column a > p.caption span {
    width: 35%;
  }
}
.mods.grid .column a {
  height: 100%;
  text-align: center;
  text-decoration: none;
  border: 1px solid #f6f6f6;
  display: block;
  position: relative;
  left: -60%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.mods.grid .column a img {
  border: none;
}
.mods.grid .column a picture > p {
  padding: 4px 8px;
  padding: 0.4rem 0.8rem;
  color: white;
  line-height: 15px;
  line-height: 1.5rem;
  font-size: 11px;
  font-size: 1.1rem;
  background: #f21c17;
  position: absolute;
  left: 0;
  bottom: 15%;
}
.mods.grid .column .biography {
  background: white;
  border: 1px solid #f6f6f6;
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mods.grid .column .biography h1 {
  color: #181616;
  line-height: 32px;
  line-height: 3.2rem;
  font-size: 28px;
  font-size: 2.8rem;
}
.mods.grid .column .biography p {
  margin: 30px 0;
  margin: 3rem 0;
  color: #666666;
  line-height: 20px;
  line-height: 2rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.mods.grid .column .biography .content {
  margin: 25px;
}
@media (min-width: 769px) {
  .mods.grid .column .biography {
    margin: 0 0 1px;
  }
  .mods.grid .column .biography:before {
    content: '.';
    font-size: 0;
    display: inline-block;
  }
  .mods.grid .column .biography .content {
    margin: 7%;
    overflow: auto;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
  }
}
@media (min-width: 768px) {
  .mods.grid .column .biography:before {
    margin: 100% 0 0 0;
  }
  .mods.grid .column .biography h1 {
    line-height: 26px;
    line-height: 2.6rem;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .mods.grid .column .biography p {
    line-height: 20px;
    line-height: 2rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (min-width: 769px) {
  .mods.grid .column .biography:before {
    margin: 96.9% 0 0;
  }
  .mods.grid .column .biography h1 {
    line-height: 32px;
    line-height: 3.2rem;
    font-size: 28px;
    font-size: 2.8rem;
  }
  .mods.grid .column .biography p {
    line-height: 20px;
    line-height: 2rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (min-width: 1025px) {
  .mods.grid .column .biography:before {
    margin: 64.5% 0 0;
  }
  .mods.grid .column .biography h1 {
    line-height: 36px;
    line-height: 3.6rem;
    font-size: 32px;
    font-size: 3.2rem;
  }
  .mods.grid .column .biography p {
    line-height: 24px;
    line-height: 2.4rem;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1281px) {
  .mods.grid .column .biography:before {
    margin: 48.3% 0 0 0;
  }
}
@media (min-width: 1441px) {
  .mods.grid .column .biography:before {
    margin: 48.7% 0 0 0;
  }
}
.mods.grid .column.show a {
  -webkit-animation: fadeInColumn 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 normal forwards;
  -moz-animation: fadeInColumn 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 normal forwards;
  -ms-animation: fadeInColumn 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 normal forwards;
  -o-animation: fadeInColumn 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 normal forwards;
  animation: fadeInColumn 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 normal forwards;
}
.mods.grid .column.visible a {
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.grid.grid-listing {
  min-height: 100%;
}
.mods.grid.grid-listing .mask:before {
  content: '';
  width: 100%;
  height: 100%;
  background: url('../img/rgbapng/0000007f-5.png?1433341596');
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.mods.grid.grid-listing .mask p {
  color: white;
  text-align: center;
  line-height: 20px;
  line-height: 2rem;
  font-size: 15px;
  font-size: 1.5rem;
}
.mods.grid.grid-listing .mask p strong {
  margin: 0 0 30px;
  margin: 0 0 3rem;
  font-weight: bold;
  line-height: 25px;
  line-height: 2.5rem;
  font-size: 21px;
  font-size: 2.1rem;
}
.mods.grid.grid-listing .column {
  width: 50%;
  float: left;
}
.mods.grid.grid-listing .column a > p {
  color: white;
}
.mods.grid.grid-listing .column a > p span i.logo {
  color: #f21c17;
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.mods.grid.grid-listing .column a > p span i.logo:before {
  width: auto;
}
.mods.grid.grid-listing .column a > p span strong, .mods.grid.grid-listing .column a > p span em {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  top: 40px;
}
.mods.grid.grid-listing .column a > p span strong {
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.mods.grid.grid-listing .column a > p span em {
  line-height: 16px;
  line-height: 1.6rem;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 481px) {
  .mods.grid.grid-listing .column {
    width: 33.33%;
  }
}
@media (min-width: 769px) {
  .mods.grid.grid-listing .column {
    width: 25%;
  }
}
@media (min-width: 1025px) {
  .mods.grid.grid-listing .column {
    width: 20%;
  }
}
@media (min-width: 1281px) {
  .mods.grid.grid-listing .column {
    width: 16.66%;
  }
}
.mods.grid.grid-listing .column.size32, .mods.grid.grid-listing .column.size322 {
  width: 100%;
}
.mods.grid.grid-listing .column.size32 a > p span strong, .mods.grid.grid-listing .column.size322 a > p span strong {
  line-height: 24px;
  line-height: 2.4rem;
  font-size: 20px;
  font-size: 2rem;
}
@media (min-width: 769px) {
  .mods.grid.grid-listing .column.size32, .mods.grid.grid-listing .column.size322 {
    width: 75%;
  }
  .mods.grid.grid-listing .column.size32 a > p span strong, .mods.grid.grid-listing .column.size322 a > p span strong {
    line-height: 26px;
    line-height: 2.6rem;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media (min-width: 1025px) {
  .mods.grid.grid-listing .column.size32, .mods.grid.grid-listing .column.size322 {
    width: 60%;
  }
  .mods.grid.grid-listing .column.size32 a > p span strong, .mods.grid.grid-listing .column.size322 a > p span strong {
    line-height: 28px;
    line-height: 2.8rem;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 1281px) {
  .mods.grid.grid-listing .column.size32, .mods.grid.grid-listing .column.size322 {
    width: 49.99%;
  }
  .mods.grid.grid-listing .column.size32 a > p span strong, .mods.grid.grid-listing .column.size322 a > p span strong {
    line-height: 30px;
    line-height: 3rem;
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media (min-width: 769px) {
  .mods.grid.grid-listing .column.size322 {
    width: 50%;
  }
}
@media (min-width: 1025px) {
  .mods.grid.grid-listing .column.size322 {
    width: 60%;
  }
}
@media (min-width: 1281px) {
  .mods.grid.grid-listing .column.size322 {
    width: 66.7%;
  }
}
@media (min-width: 1441px) {
  .mods.grid.grid-listing .column.size322 {
    width: 66.69%;
  }
}
.mods.grid.grid-listing .column.size22 {
  width: 100%;
}
.mods.grid.grid-listing .column.size22 a > p span strong {
  line-height: 24px;
  line-height: 2.4rem;
  font-size: 20px;
  font-size: 2rem;
}
@media (min-width: 769px) {
  .mods.grid.grid-listing .column.size22 {
    width: 50%;
  }
  .mods.grid.grid-listing .column.size22 a > p span strong {
    line-height: 26px;
    line-height: 2.6rem;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media (min-width: 1025px) {
  .mods.grid.grid-listing .column.size22 {
    width: 40%;
  }
  .mods.grid.grid-listing .column.size22 a > p span strong {
    line-height: 28px;
    line-height: 2.8rem;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 1281px) {
  .mods.grid.grid-listing .column.size22 {
    width: 33.3%;
  }
  .mods.grid.grid-listing .column.size22 a > p span strong {
    line-height: 30px;
    line-height: 3rem;
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.mods.grid.grid-listing .column.size14 {
  width: 100%;
}
.mods.grid.grid-listing .column.size14 a > p span strong {
  line-height: 24px;
  line-height: 2.4rem;
  font-size: 20px;
  font-size: 2rem;
}
@media (min-width: 769px) {
  .mods.grid.grid-listing .column.size14 {
    width: 50%;
  }
  .mods.grid.grid-listing .column.size14 a > p span strong {
    line-height: 26px;
    line-height: 2.6rem;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.mods.grid.grid-listing .column.banner a > p span .ico, .mods.grid.grid-listing .column.banner a > p span strong {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.mods.grid.grid-listing .column.banner a > p span strong {
  color: #181616;
  margin: 10px 0;
  margin: 1rem 0;
  font-weight: 300;
  line-height: 20px;
  line-height: 2rem;
  font-size: 18px;
  font-size: 1.8rem;
  top: 0;
}
.mods.grid.grid-listing .column.banner a > p span strong:after {
  display: none;
}
.mods.grid.grid-category, .mods.grid.grid-designer, .mods.grid.grid-theme {
  min-height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 50px;
  left: 0;
  bottom: 0;
  right: 0;
}
@media (min-width: 769px) {
  .mods.grid.grid-category, .mods.grid.grid-designer, .mods.grid.grid-theme {
    top: 80px;
  }
}
.mods.grid.grid-category .column, .mods.grid.grid-designer .column {
  width: 50%;
  display: inline-block;
}
.mods.grid.grid-category .column:before, .mods.grid.grid-designer .column:before {
  content: '.';
  margin: 88% 0 0 0;
  font-size: 0;
  display: inline-block;
}
.mods.grid.grid-category .column > p, .mods.grid.grid-category .column a > p, .mods.grid.grid-designer .column > p, .mods.grid.grid-designer .column a > p {
  line-height: 22px;
  line-height: 2.2rem;
  font-size: 18px;
  font-size: 1.8rem;
}
.mods.grid.grid-category .column > p, .mods.grid.grid-designer .column > p {
  color: #b2b2b2;
}
.mods.grid.grid-category .column a > p, .mods.grid.grid-designer .column a > p {
  color: #181616;
}
.mods.grid.grid-category .column a, .mods.grid.grid-designer .column a {
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.mods.grid.grid-category .column a img, .mods.grid.grid-designer .column a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
.mods.grid.grid-category .column a > p span strong, .mods.grid.grid-designer .column a > p span strong {
  margin: 10px 0;
  margin: 1rem 0;
  line-height: 16px;
  line-height: 1.6rem;
  font-size: 12px;
  font-size: 1.2rem;
}
.mods.grid.grid-category .column a > p span strong:after, .mods.grid.grid-designer .column a > p span strong:after {
  background: #181616;
}
.mods.grid.grid-category .column a > p span em, .mods.grid.grid-category .column a > p span .ico, .mods.grid.grid-category .column a > p span b, .mods.grid.grid-designer .column a > p span em, .mods.grid.grid-designer .column a > p span .ico, .mods.grid.grid-designer .column a > p span b {
  margin: 15px 0 0;
  margin: 1.5rem 0 0;
}
.mods.grid.grid-category .column a > p span em, .mods.grid.grid-category .column a > p span b, .mods.grid.grid-designer .column a > p span em, .mods.grid.grid-designer .column a > p span b {
  line-height: 14px;
  line-height: 1.4rem;
  font-size: 10px;
  font-size: 1rem;
}
.mods.grid.grid-category .column a > p span .ico, .mods.grid.grid-designer .column a > p span .ico {
  display: none;
  position: relative;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mods.grid.grid-category .column.on > p, .mods.grid.grid-category .column.on a > p, .mods.grid.grid-designer .column.on > p, .mods.grid.grid-designer .column.on a > p {
  color: white;
  background: #181616;
}
.mods.grid.grid-category .column.on a > p span .sprite, .mods.grid.grid-designer .column.on a > p span .sprite {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.grid.grid-category .column.on a > p span strong, .mods.grid.grid-designer .column.on a > p span strong {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.grid.grid-category .column.on a > p span strong:after, .mods.grid.grid-designer .column.on a > p span strong:after {
  background: white;
}
.mods.grid.grid-category .column.on a > p span em, .mods.grid.grid-designer .column.on a > p span em {
  display: none;
}
.mods.grid.grid-category .column.on a > p span .ico, .mods.grid.grid-designer .column.on a > p span .ico {
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  backface-visibility: hidden;
  perspective: 1000;
  -moz-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -o-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -webkit-transition: all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  transition: all 0.2s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.mods.grid.grid-category .column.category a > p span b, .mods.grid.grid-designer .column.category a > p span b {
  display: none;
}
.mods.grid.grid-category .column.sub-category, .mods.grid.grid-designer .column.sub-category {
  display: none;
}
.mods.grid.grid-category .column.sub-category.show a, .mods.grid.grid-designer .column.sub-category.show a {
  -webkit-animation: fadeInColumn 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 normal forwards;
  -moz-animation: fadeInColumn 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 normal forwards;
  -ms-animation: fadeInColumn 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 normal forwards;
  -o-animation: fadeInColumn 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 normal forwards;
  animation: fadeInColumn 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s 1 normal forwards;
}
.mods.grid.grid-category .column.sub-category > p, .mods.grid.grid-category .column.sub-category a > p, .mods.grid.grid-designer .column.sub-category > p, .mods.grid.grid-designer .column.sub-category a > p {
  line-height: 16px;
  line-height: 1.6rem;
  font-size: 12px;
  font-size: 1.2rem;
}
.mods.grid.grid-category .column.sub-category a, .mods.grid.grid-designer .column.sub-category a {
  background: #e6e6e6;
}
@media (min-width: 769px) {
  .mods.grid.grid-category .column.sub-category > p, .mods.grid.grid-category .column.sub-category a > p, .mods.grid.grid-designer .column.sub-category > p, .mods.grid.grid-designer .column.sub-category a > p {
    line-height: 20px;
    line-height: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1281px) {
  .mods.grid.grid-category .column.sub-category > p, .mods.grid.grid-category .column.sub-category a > p, .mods.grid.grid-designer .column.sub-category > p, .mods.grid.grid-designer .column.sub-category a > p {
    line-height: 22px;
    line-height: 2.2rem;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.mods.grid.grid-category .column.show.sub-category, .mods.grid.grid-designer .column.show.sub-category {
  display: inline-block;
}
@media (min-width: 481px) {
  .mods.grid.grid-category .column {
    width: 33.33%;
  }
}
@media (min-width: 769px) {
  .mods.grid.grid-category .column {
    width: 25%;
  }
  .mods.grid.grid-category .column a > p span strong {
    line-height: 20px;
    line-height: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .mods.grid.grid-category .column a > p span em {
    line-height: 16px;
    line-height: 1.6rem;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media (min-width: 1025px) {
  .mods.grid.grid-category .column {
    width: 20%;
  }
}
@media (min-width: 1281px) {
  .mods.grid.grid-category .column {
    width: 16.66%;
  }
}
.mods.grid.grid-designer .column a > p span strong {
  line-height: 28px;
  line-height: 2.8rem;
  font-size: 24px;
  font-size: 2.4rem;
}
.mods.grid.grid-designer .column a > p span em {
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 481px) {
  .mods.grid.grid-designer .column {
    width: 25%;
  }
}
@media (min-width: 769px) {
  .mods.grid.grid-designer .column {
    width: 20%;
  }
}
@media (min-width: 1025px) {
  .mods.grid.grid-designer .column {
    width: 14.28%;
  }
}
.mods.grid.grid-company.centred {
  text-align: center;
}
.mods.grid.grid-company .column {
  width: 50%;
  color: #181616;
  display: inline-block;
}
.mods.grid.grid-company .column:before {
  content: '.';
  margin: 100% 0 0 0;
  font-size: 0;
  display: inline-block;
}
@media (min-width: 481px) {
  .mods.grid.grid-company .column {
    width: 25%;
  }
}
@media (min-width: 769px) {
  .mods.grid.grid-company .column {
    width: 20%;
  }
}
@media (min-width: 1025px) {
  .mods.grid.grid-company .column {
    width: 14.28%;
  }
}
.mods.grid.grid-company .column > p, .mods.grid.grid-company .column a {
  color: #181616;
  line-height: 22px;
  line-height: 2.2rem;
  font-size: 18px;
  font-size: 1.8rem;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.grid.grid-company .column > p .sprite, .mods.grid.grid-company .column a > p .sprite {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.mods.grid.grid-company .column > p span, .mods.grid.grid-company .column a > p span {
  width: 80%;
  max-width: 80%;
}
.mods.grid.grid-company .column > p span strong:after, .mods.grid.grid-company .column a > p span strong:after {
  margin: 10px 0;
  margin: 1rem 0;
  background: #181616;
}
.mods.grid.grid-company .column > p span strong:after {
  margin: 10px auto;
  margin: 1rem auto;
}
.mods.grid.grid-company .column a > p span {
  text-align: left;
}
.mods.grid.grid-company .column a > p span strong:after {
  margin: 10px 0;
  margin: 1rem 0;
}
@media (min-width: 481px) {
  .mods.grid.grid-company .column.size24 {
    width: 50%;
  }
}
@media (min-width: 769px) {
  .mods.grid.grid-company .column.size24 {
    width: 25%;
  }
}
@media (min-width: 1025px) {
  .mods.grid.grid-company .column.size24 {
    width: 25%;
  }
}
.mods.grid.grid-company.theme-grey .column a {
  background: #e6e6e6;
}
.mods.grid.grid-collaborations {
  min-height: 100%;
  background: black;
}
@media (min-width: 769px) {
  .mods.grid.grid-collaborations {
    height: 100%;
  }
}
.mods.grid.grid-collaborations .column {
  display: inline-block;
  position: relative;
  width: 50%;
}
@media (min-width: 769px) {
  .mods.grid.grid-collaborations .column {
    width: 33.3%;
    height: 50%;
  }
  .mods.grid.grid-collaborations .column img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.mods.grid.grid-scuola {
  min-height: 100%;
  background: black;
}
@media (min-width: 769px) {
  .mods.grid.grid-scuola {
    height: 100%;
  }
}
.mods.grid.grid-scuola .column {
  width: 50%;
  display: inline-block;
}
@media (min-width: 769px) {
  .mods.grid.grid-scuola .column {
    width: 33.3%;
    height: 50%;
  }
  .mods.grid.grid-scuola .column img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.mods.grid.grid-scuola .column a {
  border: none;
}
.mods.grid.grid-scuola .column a > p {
  color: white;
  background: transparent;
}
.mods.grid.grid-scuola .column a > p strong {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.mods.grid.grid-theme .column {
  width: 100%;
}
.mods.grid.grid-theme .column > p, .mods.grid.grid-theme .column a > p {
  color: #181616;
  text-align: right;
  line-height: 22px;
  line-height: 2.2rem;
  font-size: 18px;
  font-size: 1.8rem;
}
.mods.grid.grid-theme .column a > p span {
  max-width: 30%;
  margin: 0 5% 0 0;
  text-align: center;
}
.mods.grid.grid-theme .column a > p span:after {
  content: '.';
  width: 45px;
  height: 1px;
  margin: 10px auto;
  font-size: 0;
  background: #181616;
  display: block;
}
@media (min-width: 481px) {
  .mods.grid.grid-theme .column a > p {
    line-height: 28px;
    line-height: 2.8rem;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 769px) {
  .mods.grid.grid-theme .column a > p {
    line-height: 30px;
    line-height: 3rem;
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media (min-width: 1025px) {
  .mods.grid.grid-theme .column a > p {
    line-height: 32px;
    line-height: 3.2rem;
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media (min-width: 769px) {
  .mods.grid.grid-theme .column {
    width: 50%;
    height: 50%;
    display: inline-block;
  }
  .mods.grid.grid-theme .column > p, .mods.grid.grid-theme .column a > p {
    line-height: 34px;
    line-height: 3.4rem;
    font-size: 30px;
    font-size: 3rem;
  }
  .mods.grid.grid-theme .column a img {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.mods.grid.grid-paragraph {
  background: none;
}
.mods.grid.grid-paragraph .column {
  width: 100%;
  float: left;
  background: none;
}
.mods.grid.grid-paragraph .column p {
  position: static;
  margin: 0;
  border: 0 none;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 18px;
  line-height: 1.8rem;
  color: #181616;
}
.mods.grid.grid-paragraph .column a {
  display: inline;
  position: static;
  margin: 0;
  border: 0 none;
  padding: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
@media (min-width: 769px) {
  .mods.grid.grid-paragraph .column {
    width: 25%;
    min-height: 190px;
  }
}

.no-touch .mods.grid.grid-listing .column a:hover > p, .no-touch .mods.grid.grid-category .column a:hover > p, .no-touch .mods.grid.grid-designer .column a:hover > p {
  background: #f21c17;
  -moz-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.no-touch .mods.grid.grid-listing .column a:hover > p.caption, .no-touch .mods.grid.grid-category .column a:hover > p.caption, .no-touch .mods.grid.grid-designer .column a:hover > p.caption {
  background: transparent;
}
.no-touch .mods.grid.grid-listing .column a:hover > p span strong, .no-touch .mods.grid.grid-listing .column a:hover > p span em {
  top: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.no-touch .mods.grid.grid-listing .column a:hover > p span strong {
  -moz-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
  -o-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
  -webkit-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition-delay: 0.15s;
  transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
}
.no-touch .mods.grid.grid-listing .column a:hover > p span em {
  -moz-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
  -o-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
  -webkit-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition-delay: 0.15s;
  transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.15s;
}
.no-touch .mods.grid.grid-listing .column.banner a:hover > p {
  color: white;
}
.no-touch .mods.grid.grid-listing .column.banner a:hover > p span .ico {
  color: white;
  display: block;
  top: 10px;
  -webkit-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -moz-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -ms-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -o-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
}
.no-touch .mods.grid.grid-listing .column.banner a:hover > p span strong {
  color: white;
  -webkit-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -moz-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -ms-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -o-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
}
.no-touch .mods.grid.grid-category .column a:hover > p, .no-touch .mods.grid.grid-designer .column a:hover > p {
  color: white;
}
.no-touch .mods.grid.grid-category .column a:hover > p span .sprite, .no-touch .mods.grid.grid-designer .column a:hover > p span .sprite {
  top: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -moz-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -ms-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -o-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
}
.no-touch .mods.grid.grid-category .column a:hover > p span strong, .no-touch .mods.grid.grid-designer .column a:hover > p span strong {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -moz-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -ms-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -o-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
}
.no-touch .mods.grid.grid-category .column a:hover > p span strong:after, .no-touch .mods.grid.grid-designer .column a:hover > p span strong:after {
  background: white;
}
.no-touch .mods.grid.grid-category .column a:hover > p span em, .no-touch .mods.grid.grid-designer .column a:hover > p span em {
  display: none;
}
.no-touch .mods.grid.grid-category .column a:hover > p span .ico, .no-touch .mods.grid.grid-designer .column a:hover > p span .ico {
  display: block;
  -webkit-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s 1 normal forwards;
  -moz-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s 1 normal forwards;
  -ms-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s 1 normal forwards;
  -o-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s 1 normal forwards;
  animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s 1 normal forwards;
}
.no-touch .mods.grid.grid-category .column.on > p, .no-touch .mods.grid.grid-category .column.on a > p, .no-touch .mods.grid.grid-designer .column.on > p, .no-touch .mods.grid.grid-designer .column.on a > p {
  color: white;
  background: #181616;
}
.no-touch .mods.grid.grid-category .column.on a > p span .sprite, .no-touch .mods.grid.grid-category .column.on a > p span strong, .no-touch .mods.grid.grid-category .column.on a > p span em, .no-touch .mods.grid.grid-category .column.on a > p span .ico, .no-touch .mods.grid.grid-designer .column.on a > p span .sprite, .no-touch .mods.grid.grid-designer .column.on a > p span strong, .no-touch .mods.grid.grid-designer .column.on a > p span em, .no-touch .mods.grid.grid-designer .column.on a > p span .ico {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
.no-touch .mods.grid.grid-category .column.on a:hover > p span .sprite, .no-touch .mods.grid.grid-designer .column.on a:hover > p span .sprite {
  top: 0;
}
.no-touch .mods.grid.grid-category .column.on a:hover > p span i, .no-touch .mods.grid.grid-category .column.on a:hover > p span strong, .no-touch .mods.grid.grid-category .column.on a:hover > p span em, .no-touch .mods.grid.grid-category .column.on a:hover > p span .ico, .no-touch .mods.grid.grid-designer .column.on a:hover > p span i, .no-touch .mods.grid.grid-designer .column.on a:hover > p span strong, .no-touch .mods.grid.grid-designer .column.on a:hover > p span em, .no-touch .mods.grid.grid-designer .column.on a:hover > p span .ico {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
@media (min-width: 769px) {
  .no-touch .mods.grid.grid-category .column.category a:hover > p span .sprite, .no-touch .mods.grid.grid-designer .column.category a:hover > p span .sprite {
    display: none;
  }
  .no-touch .mods.grid.grid-category .column.category a:hover > p span strong, .no-touch .mods.grid.grid-designer .column.category a:hover > p span strong {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
    -moz-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
    -ms-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
    -o-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
    animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  }
  .no-touch .mods.grid.grid-category .column.category a:hover > p span strong:after, .no-touch .mods.grid.grid-designer .column.category a:hover > p span strong:after {
    background: white;
  }
  .no-touch .mods.grid.grid-category .column.category a:hover > p span em, .no-touch .mods.grid.grid-designer .column.category a:hover > p span em {
    display: none;
  }
  .no-touch .mods.grid.grid-category .column.category a:hover > p span b, .no-touch .mods.grid.grid-designer .column.category a:hover > p span b {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    display: block;
    -webkit-animation: fadeInSubTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s 1 normal forwards;
    -moz-animation: fadeInSubTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s 1 normal forwards;
    -ms-animation: fadeInSubTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s 1 normal forwards;
    -o-animation: fadeInSubTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s 1 normal forwards;
    animation: fadeInSubTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s 1 normal forwards;
  }
  .no-touch .mods.grid.grid-category .column.category a:hover > p span .ico, .no-touch .mods.grid.grid-designer .column.category a:hover > p span .ico {
    display: block;
    -webkit-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s 1 normal forwards;
    -moz-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s 1 normal forwards;
    -ms-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s 1 normal forwards;
    -o-animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s 1 normal forwards;
    animation: fadeInIcon 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s 1 normal forwards;
  }
  .no-touch .mods.grid.grid-category .column.on a > p span .sprite, .no-touch .mods.grid.grid-category .column.on a:hover > p span .sprite, .no-touch .mods.grid.grid-designer .column.on a > p span .sprite, .no-touch .mods.grid.grid-designer .column.on a:hover > p span .sprite {
    display: block;
  }
  .no-touch .mods.grid.grid-category .column.on a > p span strong, .no-touch .mods.grid.grid-category .column.on a:hover > p span strong, .no-touch .mods.grid.grid-designer .column.on a > p span strong, .no-touch .mods.grid.grid-designer .column.on a:hover > p span strong {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  .no-touch .mods.grid.grid-category .column.on a > p span em, .no-touch .mods.grid.grid-category .column.on a > p span b, .no-touch .mods.grid.grid-category .column.on a:hover > p span em, .no-touch .mods.grid.grid-category .column.on a:hover > p span b, .no-touch .mods.grid.grid-designer .column.on a > p span em, .no-touch .mods.grid.grid-designer .column.on a > p span b, .no-touch .mods.grid.grid-designer .column.on a:hover > p span em, .no-touch .mods.grid.grid-designer .column.on a:hover > p span b {
    display: none;
  }
}
.no-touch .mods.grid.grid-company .column, .no-touch .mods.grid.grid-company .column a, .no-touch .mods.grid.grid-company .column p, .no-touch .mods.grid.grid-company .column p span strong:after {
  -moz-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.no-touch .mods.grid.grid-company .column:hover, .no-touch .mods.grid.grid-company .column:hover p, .no-touch .mods.grid.grid-company .column a:hover, .no-touch .mods.grid.grid-company .column a:hover p {
  color: white;
  background: #f21c17;
}
.no-touch .mods.grid.grid-company .column:hover > p span .sprite, .no-touch .mods.grid.grid-company .column a:hover > p span .sprite {
  top: 0;
}
.no-touch .mods.grid.grid-company .column:hover > p span strong:after, .no-touch .mods.grid.grid-company .column a:hover > p span strong:after {
  background: white;
}
.no-touch .mods.grid.grid-scuola .column a:hover > p {
  background: red;
}
.no-touch .mods.grid.grid-scuola .column a:hover > p strong {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.no-touch .mods.grid.grid-scuola .column a:hover > p, .no-touch .mods.grid.grid-scuola .column a:hover > p strong {
  -moz-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

@font-face {
  font-family: 'alessi';
  src: url("../font/alessi.eot?12345");
  src: url("../font/alessi.eot?12345#iefix") format("embedded-opentype"), url("../font/alessi.woff?12345") format("woff"), url("../font/alessi.ttf?12345") format("truetype"), url("../font/alessi.svg?12345#alessi") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ico {
  font-size: 16px;
  font-size: 1.6rem;
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
}
.ico:before {
  width: 1em;
  line-height: 1em;
  margin-right: .2em;
  margin-left: .2em;
  font-family: "alessi";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-align: center;
  text-transform: none;
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
.ico.resize:before {
  content: '\e800';
}
.ico.circle:before {
  content: '\e801';
}
.ico.play:before {
  content: '\e802';
}
.ico.layer:before {
  content: '\e803';
}
.ico.dir-up:before {
  content: '\e804';
}
.ico.dir-right:before {
  content: '\e805';
}
.ico.dir-down:before {
  content: '\e806';
}
.ico.dir-left:before {
  content: '\e807';
}
.ico.camera:before {
  content: '\e808';
}
.ico.lightbulb:before {
  content: '\e809';
}
.ico.marker:before {
  content: '\e80a';
}
.ico.tel:before {
  content: '\e80b';
}
.ico.download:before {
  content: '\e80c';
}
.ico.share:before {
  content: '\e80d';
}
.ico.arrow-down:before {
  content: '\e80e';
}
.ico.arrow-left:before {
  content: '\e80f';
}
.ico.arrow-right:before {
  content: '\e810';
}
.ico.arrow-up:before {
  content: '\e811';
}
.ico.logo:before {
  content: '\e812';
}
.ico.char-x:before {
  content: '\e813';
}
.ico.youtube:before {
  content: '\e814';
}
.ico.search:before {
  content: '\e815';
}
.ico.book:before {
  content: '\e816';
}
.ico.pinterest:before {
  content: '\e817';
}
.ico.twitter:before {
  content: '\e818';
}
.ico.direction:before {
  content: '\e819';
}
.ico.cart:before {
  content: '\e81a';
}
.ico.side-menu:before {
  content: '\e81b';
}
.ico.close:before {
  content: '\e81c';
}
.ico.facebook:before {
  content: '\e81d';
}
.ico.instagram:before {
  content: '\e81e';
}
.ico.menu:before {
  content: '\e81f';
}

.mods.links {
  vertical-align: middle;
}
.mods.links, .mods.links li {
  display: inline-block;
}
.mods.links li a {
  text-decoration: none;
  -moz-transition: color 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: color 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: color 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: color 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.mods.dropdown-menu {
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  position: relative;
}
.mods.dropdown-menu dt {
  padding: 0 15px;
  padding: 0 1.5rem;
  color: gray;
  background: #f6f6f6;
  position: relative;
  z-index: 30;
  cursor: pointer;
}
.mods.dropdown-menu dt span, .mods.dropdown-menu dt i {
  vertical-align: middle;
  display: inline-block;
}
.mods.dropdown-menu dt i.ico {
  font-size: 13px;
  font-size: 1.3rem;
}
.mods.dropdown-menu dt i.dir-up {
  display: none;
}
.mods.dropdown-menu dt i.dir-down {
  display: inline-block;
}
.mods.dropdown-menu dd {
  width: 100%;
  background: #e6e6e6;
  display: block;
  overflow: hidden;
  position: absolute;
  top: -999%;
  left: 0;
  z-index: 20;
  -moz-transition: all 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -o-transition: all 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955);
  -webkit-transition: all 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transition: all 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
.mods.dropdown-menu dd ul {
  margin: 8px;
  margin: 0.8rem;
  line-height: normal;
}
.mods.dropdown-menu dd ul li a {
  padding: 6px;
  padding: 0.6rem;
  color: #b2b2b2;
  text-decoration: none;
  display: block;
}
.mods.dropdown-menu dd ul li a:hover, .mods.dropdown-menu dd ul li a:focus {
  color: gray;
}
.mods.dropdown-menu:hover dt i.dir-up, .mods.dropdown-menu:focus dt i.dir-up {
  display: inline-block;
}
.mods.dropdown-menu:hover dt i.dir-down, .mods.dropdown-menu:focus dt i.dir-down {
  display: none;
}
.mods.dropdown-menu:hover dd, .mods.dropdown-menu:focus dd {
  top: 100%;
}
.mods.useful-links {
  height: 0;
  line-height: 34px;
  padding: 0 35px;
  padding: 0 3.5rem;
  text-align: right;
  font-size: 10px;
  font-size: 1rem;
  background: #f6f6f6;
  display: none;
  position: relative;
  z-index: 20;
}
@media (min-width: 769px) {
  .mods.useful-links {
    height: 36px;
    display: block;
  }
}
.mods.useful-links ul {
  margin: 0 0 0 30px;
  margin: 0 0 0 3rem;
}
.mods.useful-links ul li {
  color: #b2b2b2;
}
.mods.useful-links ul li a {
  color: #b2b2b2;
}
.mods.useful-links ul li a strong {
  color: gray;
  font-weight: bold;
}
.mods.useful-links ul li a:hover, .mods.useful-links ul li a:hover strong, .mods.useful-links ul li a:focus, .mods.useful-links ul li a:focus strong, .mods.useful-links ul li a.active, .mods.useful-links ul li a.active strong {
  color: #f21c17;
}
.mods.useful-links ul.external {
  margin: 0 0 0 10px;
  margin: 0 0 0 1rem;
}
.mods.useful-links ul.external li {
  margin: 0 10px;
  margin: 0 1rem;
}
.mods.main-menu {
  padding: 16px 25px;
  padding: 1.6rem 2.5rem;
  line-height: 24px;
  line-height: 2.4rem;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  background: white;
  border-bottom: 1px solid #e6e6e6;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
.mods.main-menu a {
  color: #665e5e;
  -moz-transition: color 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: color 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: color 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: color 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.mods.main-menu a:hover, .mods.main-menu a:focus, .mods.main-menu a.active {
  color: #f21c17;
}
.mods.main-menu .btn-mobile-menu {
  display: inline-block;
  float: left;
}
.mods.main-menu .btn-mobile-menu .ico {
  font-size: 20px;
  font-size: 2rem;
}
.mods.main-menu .logo {
  vertical-align: middle;
  display: inline-block;
  float: none;
}
.mods.main-menu .logo img {
  width: 73px;
  height: 19px;
  max-width: 100%;
  display: block;
}
.mods.main-menu .btn-open-search {
  vertical-align: middle;
  display: inline-block;
  text-decoration: none;
}
.mods.main-menu .btn-open-search .ico {
  font-size: 20px;
  font-size: 2rem;
}
.mods.main-menu .menu-content {
  float: right;
}
.mods.main-menu .menu-content ul {
  white-space: normal;
  vertical-align: middle;
  display: none;
}
.mods.main-menu .menu-content ul li a, .mods.main-menu .menu-content ul li span {
  margin: 0 10px;
  display: block;
}
@media (min-width: 769px) {
  .mods.main-menu {
    padding: 35px 40px;
    padding: 3.5rem 4rem;
    text-align: right;
  }
  .mods.main-menu .btn-mobile-menu {
    display: none;
  }
  .mods.main-menu .logo {
    float: left;
  }
  .mods.main-menu .logo img {
    width: 90px;
    height: 24px;
  }
  .mods.main-menu .menu-content {
    white-space: nowrap;
    position: relative;
  }
  .mods.main-menu .menu-content ul {
    display: inline-block;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .mods.main-menu .logo img {
    width: 73px;
    height: 19px;
  }
}
.mods.secondary-menu {
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  background: #181616;
}
.mods.secondary-menu .accordion-trigger {
  color: gray;
  position: relative;
  cursor: pointer;
}
.mods.secondary-menu .accordion-trigger .ico {
  line-height: normal;
  position: absolute;
  right: 28px;
  top: 12px;
}
.mods.secondary-menu.accordion-expanded .accordion-trigger {
  color: white;
}
.mods.secondary-menu.accordion-expanded .accordion-trigger .ico {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mods.secondary-menu.accordion-expanded .accordion-content {
  height: auto;
}
.mods.secondary-menu.accordion-expanded .accordion-content li a {
  border-bottom: none;
}
.mods.secondary-menu ul li {
  color: white;
  line-height: 46px;
  line-height: 4.6rem;
}
.mods.secondary-menu ul li strong {
  color: white;
  vertical-align: middle;
  border-bottom: 1px solid white;
}
.mods.secondary-menu ul li > strong {
  display: none;
}
.mods.secondary-menu ul li a {
  color: white;
}
.mods.secondary-menu ul li a:hover, .mods.secondary-menu ul li a:focus {
  color: #f21c17;
}
.mods.secondary-menu ul li a.active {
  border-bottom: 1px solid white;
}
.mods.secondary-menu ul li a.active:hover, .mods.secondary-menu ul li a.active:focus {
  color: white;
}
.mods.secondary-menu ul li ul {
  height: 0;
}
@media (min-width: 769px) {
  .mods.secondary-menu ul li ul {
    height: auto;
  }
}
.mods.secondary-menu ul, .mods.secondary-menu ul li, .mods.secondary-menu ul li span, .mods.secondary-menu ul li a {
  display: block;
}
@media (min-width: 769px) {
  .mods.secondary-menu ul, .mods.secondary-menu ul li, .mods.secondary-menu ul li span, .mods.secondary-menu ul li a {
    display: inline-block;
  }
  .mods.secondary-menu ul li {
    color: gray;
  }
  .mods.secondary-menu ul li a, .mods.secondary-menu ul li span, .mods.secondary-menu ul li strong {
    margin: 0 10px;
    margin: 0 1rem;
  }
  .mods.secondary-menu ul li a, .mods.secondary-menu ul li span, .mods.secondary-menu ul li strong {
    line-height: normal;
  }
  .mods.secondary-menu ul li > strong {
    display: inline-block;
  }
  .mods.secondary-menu .accordion-trigger {
    display: none;
  }
  .mods.secondary-menu.accordion-expanded .accordion-content {
    height: auto !important;
  }
}
.mods.result-menu {
  background: #f6f6f6;
}
.mods.result-menu .container {
  padding: 20px 0;
  padding: 2rem 0;
}
.mods.result-menu h1 {
  color: #181616;
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.mods.result-menu h1 a {
  color: #f21c17;
  text-decoration: none;
  border-bottom: 1px dotted #f21c17;
}
@media (min-width: 481px) {
  .mods.result-menu .container {
    padding: 20px 0;
    padding: 2rem 0;
  }
  .mods.result-menu h1 {
    line-height: 28px;
    line-height: 2.8rem;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (min-width: 769px) {
  .mods.result-menu .container {
    padding: 35px 0;
    padding: 3.5rem 0;
  }
  .mods.result-menu h1 {
    line-height: 28px;
    line-height: 2.8rem;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (min-width: 1025px) {
  .mods.result-menu .container {
    padding: 50px 0;
    padding: 5rem 0;
  }
  .mods.result-menu h1 {
    line-height: 32px;
    line-height: 3.2rem;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.mods.filter-menu {
  background: white;
}
.mods.filter-menu .container {
  padding: 20px 0;
  padding: 2rem 0;
}
.mods.filter-menu h1 {
  color: #181616;
  text-align: center;
  font-weight: 300;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
}
.mods.filter-menu h1 a {
  color: #f21c17;
  text-decoration: none;
  border-bottom: 1px dotted #f21c17;
}
@media (min-width: 481px) {
  .mods.filter-menu .container {
    padding: 20px 0;
    padding: 2rem 0;
  }
  .mods.filter-menu h1 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
  }
}
@media (min-width: 769px) {
  .mods.filter-menu .container {
    padding: 35px 0;
    padding: 3.5rem 0;
  }
  .mods.filter-menu h1 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
  }
}
@media (min-width: 1025px) {
  .mods.filter-menu .container {
    padding: 50px 0;
    padding: 5rem 0;
  }
  .mods.filter-menu h1 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
  }
}
.mods.mobile-menu {
  line-height: 75px;
  background: #181616;
}
.mods.mobile-menu h3 {
  margin: 20px 0;
  margin: 2rem 0;
  padding: 0 40px;
  padding: 0 4rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.mods.mobile-menu ul {
  margin: 0 0 30px;
  margin: 0 0 3rem;
}
.mods.mobile-menu ul li a {
  padding: 0 40px;
  padding: 0 4rem;
  color: #8c8b8b;
  text-decoration: none;
  display: block;
}
.mods.mobile-menu ul.primary li {
  border-bottom: 1px solid #2a2828;
}
.mods.mobile-menu ul.secondary {
  padding: 0 0 20px;
  padding: 0 0 2rem;
  line-height: 55px;
}
.mods.mobile-menu ul.secondary, .mods.mobile-menu ul.social {
  border-bottom: 1px solid #2a2828;
}
.mods.mobile-menu ul.social li a, .mods.mobile-menu ul.language li a {
  padding: 0;
}
.mods.mobile-menu ul.social, .mods.mobile-menu ul.language {
  line-height: normal;
  display: block;
}
.mods.mobile-menu ul.social li, .mods.mobile-menu ul.language li {
  line-height: 34px;
  line-height: 3.4rem;
}
.mods.mobile-menu ul.social li a, .mods.mobile-menu ul.language li a {
  width: 34px;
  height: 34px;
  padding: 0;
  line-height: 34px;
  text-align: center;
  display: inline-block;
}
.mods.mobile-menu ul.social {
  padding: 0 30px 40px;
  padding: 0 3rem 4rem;
}
.mods.mobile-menu ul.social li {
  margin: 0 10px;
  margin: 0 1rem;
}
.mods.mobile-menu ul.social li a {
  color: #181616;
  background: white;
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
  border-radius: 17px;
}
.mods.mobile-menu ul.language {
  padding: 0 40px 40px;
  padding: 0 4rem 4rem;
}
.mods.mobile-menu ul.language h3 {
  margin: 20px 0 10px;
  margin: 2rem 0 1rem;
}
.mods.mobile-menu ul.language li a.selected {
  text-decoration: underline;
}
.mods.side-menu {
  background: #181616;
}
.mods.side-menu h3 {
  margin: 20px 0;
  margin: 2rem 0;
  color: #8c8b8b;
  line-height: 16px;
  line-height: 1.6rem;
  font-size: 12px;
  font-size: 1.2rem;
}
.mods.side-menu ul {
  display: block;
  overflow: hidden;
}
.mods.side-menu ul.primary li {
  margin: 30px 0;
  margin: 3rem 0;
}
.mods.side-menu ul.primary li a {
  color: #8c8b8b;
  text-decoration: none;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.mods.side-menu ul.primary li a:hover, .mods.side-menu ul.primary li a:focus, .mods.side-menu ul.primary li a.active {
  color: white;
  border-bottom: 1px solid white;
}
.mods.side-menu ul.social li a {
  height: 20px;
  padding: 20px;
  padding: 2rem;
  color: white;
  display: inline-block;
}
.mods.side-menu .btn-instruction {
  margin: 0 0 50px;
  display: none;
}
.mods.side-menu .btn-instruction:before, .mods.side-menu .btn-instruction:after {
  content: '.';
  width: 20px;
  height: 1px;
  margin: 20px 0;
  font-size: 0;
  background: #8c8b8b;
  display: block;
}
@media (min-width: 769px) {
  .mods.side-menu {
    padding: 50px;
    padding: 5rem;
  }
  .mods.side-menu ul.social li a {
    padding: 0;
  }
  .mods.side-menu ul.social li a .ico {
    line-height: 24px;
    line-height: 2.4rem;
    font-size: 20px;
    font-size: 2rem;
  }
  .mods.side-menu .btn-instruction {
    display: block;
  }
}
.mods.info-links {
  padding: 10px 15px;
  padding: 1rem 1.5rem;
  color: #666666;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 30px;
  line-height: 3rem;
  text-align: left;
  background: #181616;
}
@media (min-width: 769px) {
  .mods.info-links {
    padding: 0 20px;
    padding: 0 2rem;
    line-height: 40px;
    line-height: 4rem;
    text-align: right;
  }
}
.mods.info-links a {
  color: white;
  text-decoration: none;
  vertical-align: middle;
}
@media (min-width: 769px) {
  .mods.info-links a.btn-top, .mods.info-links a.btn-top span, .mods.info-links a.btn-top i {
    vertical-align: middle;
    display: inline-block;
  }
}
.mods.info-links ul.primary {
  float: none;
}
@media (min-width: 769px) {
  .mods.info-links ul.primary {
    float: left;
  }
}
.mods.info-links ul.social {
  display: none;
}
@media (min-width: 769px) {
  .mods.info-links ul.social {
    display: inline-block;
  }
}
.mods.info-links ul.social li a {
  width: 34px;
  height: 34px;
  color: #181616;
  text-align: center;
  background: white;
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
  border-radius: 17px;
  display: inline-block;
}
.mods.info-links ul li {
  margin: 0 15px;
  margin: 0 1.5rem;
}
@media (min-width: 769px) {
  .mods.info-links ul li {
    margin: 0 10px;
    margin: 0 1rem;
  }
}
.mods.info-links p {
  margin: 0 15px;
  margin: 0 1.5rem;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: middle;
  display: block;
}
@media (min-width: 769px) {
  .mods.info-links p {
    margin: 0 10px;
    margin: 0 1rem;
    display: inline-block;
    float: left;
  }
}
.mods.info-links .btn-top {
  margin: 0 15px;
  margin: 0 1.5rem;
}
@media (min-width: 769px) {
  .mods.info-links .btn-top {
    margin: 0 10px;
    margin: 0 1rem;
  }
}
.mods.breadcrumb li {
  font-weight: 300;
  line-height: 17px;
  line-height: 1.7rem;
  font-size: 13px;
  font-size: 1.3rem;
}
.mods.breadcrumb li a {
  color: #181616;
}

.mods.mosaic {
  min-height: 100%;
  background: #f6f6f6;
  overflow: hidden;
  position: relative;
}
.mods.mosaic h2, .mods.mosaic h3 {
  text-align: center;
  display: block;
}
.mods.mosaic h2 {
  margin: 30px 0 10px;
  margin: 3rem 0 1rem;
  line-height: 25px;
  line-height: 2.5rem;
  font-size: 21px;
  font-size: 2.1rem;
}
@media (min-width: 769px) {
  .mods.mosaic h2 {
    line-height: 22px;
    line-height: 2.2rem;
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media (min-width: 1025px) {
  .mods.mosaic h2 {
    line-height: 40px;
    line-height: 4rem;
    font-size: 36px;
    font-size: 3.6rem;
  }
}
@media (min-width: 1281px) {
  .mods.mosaic h2 {
    line-height: 44px;
    line-height: 4.4rem;
    font-size: 40px;
    font-size: 4rem;
  }
}
.mods.mosaic h3 {
  margin: 10px 0 20px;
  margin: 1rem 0 2rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
}
@media (min-width: 769px) {
  .mods.mosaic h3 {
    line-height: 20px;
    line-height: 2rem;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1025px) {
  .mods.mosaic h3 {
    line-height: 22px;
    line-height: 2.2rem;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 1281px) {
  .mods.mosaic h3 {
    line-height: 25px;
    line-height: 2.5rem;
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.mods.mosaic.mosaic-news .column {
  float: left;
  position: relative;
}
.mods.mosaic.mosaic-news .column a, .mods.mosaic.mosaic-news .column img, .mods.mosaic.mosaic-news .column p {
  display: block;
}
.mods.mosaic.mosaic-news .column p {
  background: white;
}
.mods.mosaic.mosaic-news .column p:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
}
.mods.mosaic.mosaic-news .column p {
  text-align: center;
}
.mods.mosaic.mosaic-news .column p span {
  vertical-align: middle;
  display: inline-block;
}
.mods.mosaic.mosaic-news .column p:before {
  content: '';
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  display: inline-block;
}
.mods.mosaic.mosaic-news .column p .label {
  padding: 10px 20px;
  padding: 1rem 2rem;
  color: white;
  line-height: 16px;
  line-height: 1.6rem;
  font-size: 12px;
  font-size: 1.2rem;
  background: #f21c17;
  display: block;
  position: absolute;
  top: 0;
  left: 12%;
}
.mods.mosaic.mosaic-news .column p span, .mods.mosaic.mosaic-news .column p em {
  width: 76%;
  text-align: left;
  display: inline-block;
}
.mods.mosaic.mosaic-news .column p strong, .mods.mosaic.mosaic-news .column p em {
  position: relative;
}
.mods.mosaic.mosaic-news .column p strong:after {
  content: '';
  width: 40px;
  height: 1px;
  margin: 26px 0 20px;
  background: #666666;
  display: none;
}
.mods.mosaic.mosaic-news .column p em {
  line-height: 17px;
  line-height: 1.7rem;
  font-size: 13px;
  font-size: 1.3rem;
  display: none;
}
@media (min-width: 1025px) {
  .mods.mosaic.mosaic-news .column p em {
    display: block;
  }
  .mods.mosaic.mosaic-news .column p span strong:after {
    display: block;
  }
}
.mods.mosaic.mosaic-news .column a {
  color: #666666;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #f6f6f6;
  overflow: hidden;
}
.mods.mosaic.mosaic-news .column a img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
.mods.mosaic.mosaic-news .column a:hover, .mods.mosaic.mosaic-news .column a:focus {
  color: white;
}
.mods.mosaic.mosaic-news .column a:hover p, .mods.mosaic.mosaic-news .column a:focus p {
  background: #f21c17;
}
.mods.mosaic.mosaic-news .column a:hover p, .mods.mosaic.mosaic-news .column a:hover p:after, .mods.mosaic.mosaic-news .column a:focus p, .mods.mosaic.mosaic-news .column a:focus p:after {
  -moz-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: all 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.mods.mosaic.mosaic-news .column a:hover p strong, .mods.mosaic.mosaic-news .column a:hover p em, .mods.mosaic.mosaic-news .column a:focus p strong, .mods.mosaic.mosaic-news .column a:focus p em {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.mods.mosaic.mosaic-news .column a:hover p strong, .mods.mosaic.mosaic-news .column a:focus p strong {
  -webkit-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -moz-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -ms-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  -o-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
  animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s 1 normal forwards;
}
.mods.mosaic.mosaic-news .column a:hover p strong:after, .mods.mosaic.mosaic-news .column a:focus p strong:after {
  background: white;
}
.mods.mosaic.mosaic-news .column a:hover p em, .mods.mosaic.mosaic-news .column a:focus p em {
  -webkit-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s 1 normal forwards;
  -moz-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s 1 normal forwards;
  -ms-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s 1 normal forwards;
  -o-animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s 1 normal forwards;
  animation: fadeInTitle 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s 1 normal forwards;
}
.mods.mosaic.mosaic-news .column a:hover img, .mods.mosaic.mosaic-news .column a:focus img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -o-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  -webkit-transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  transition: all 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
@media (min-width: 1025px) {
  .mods.mosaic.mosaic-news .column a {
    line-height: 24px;
    line-height: 2.4rem;
    font-size: 20px;
    font-size: 2rem;
  }
}
.mods.mosaic.mosaic-news .column.size12, .mods.mosaic.mosaic-news .column.size21, .mods.mosaic.mosaic-news .column.size22, .mods.mosaic.mosaic-news .column.size31 {
  width: 100%;
}
.mods.mosaic.mosaic-news .column.size12 a img, .mods.mosaic.mosaic-news .column.size12 a p {
  width: 50%;
}
.mods.mosaic.mosaic-news .column.size12 a p {
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.mods.mosaic.mosaic-news .column.size12 a p:after {
  margin: -20px 0 0;
  border-top: 20px solid transparent;
  border-right: 20px solid white;
  border-bottom: 20px solid transparent;
  top: 50%;
  left: -19px;
}
.mods.mosaic.mosaic-news .column.size12 a:hover p:after, .mods.mosaic.mosaic-news .column.size12 a:focus p:after {
  border-right: 20px solid #f21c17;
}
.mods.mosaic.mosaic-news .column.size21 p:after, .mods.mosaic.mosaic-news .column.size22 p:after, .mods.mosaic.mosaic-news .column.size31 p:after {
  margin: -20px 0 0;
  top: 50%;
}
.mods.mosaic.mosaic-news .column.size21 a.align-left img, .mods.mosaic.mosaic-news .column.size22 a.align-left img, .mods.mosaic.mosaic-news .column.size31 a.align-left img {
  float: right;
}
.mods.mosaic.mosaic-news .column.size21 a.align-left p, .mods.mosaic.mosaic-news .column.size22 a.align-left p, .mods.mosaic.mosaic-news .column.size31 a.align-left p {
  left: 0;
}
.mods.mosaic.mosaic-news .column.size21 a.align-left p:after, .mods.mosaic.mosaic-news .column.size22 a.align-left p:after, .mods.mosaic.mosaic-news .column.size31 a.align-left p:after {
  border-top: 20px solid transparent;
  border-left: 20px solid white;
  border-bottom: 20px solid transparent;
  right: -19px;
}
.mods.mosaic.mosaic-news .column.size21 a.align-left:hover p:after, .mods.mosaic.mosaic-news .column.size21 a.align-left:focus p:after, .mods.mosaic.mosaic-news .column.size22 a.align-left:hover p:after, .mods.mosaic.mosaic-news .column.size22 a.align-left:focus p:after, .mods.mosaic.mosaic-news .column.size31 a.align-left:hover p:after, .mods.mosaic.mosaic-news .column.size31 a.align-left:focus p:after {
  border-left: 20px solid #f21c17;
}
.mods.mosaic.mosaic-news .column.size21 a.align-right img, .mods.mosaic.mosaic-news .column.size22 a.align-right img, .mods.mosaic.mosaic-news .column.size31 a.align-right img {
  float: left;
}
.mods.mosaic.mosaic-news .column.size21 a.align-right p, .mods.mosaic.mosaic-news .column.size22 a.align-right p, .mods.mosaic.mosaic-news .column.size31 a.align-right p {
  right: 0;
}
.mods.mosaic.mosaic-news .column.size21 a.align-right p:after, .mods.mosaic.mosaic-news .column.size22 a.align-right p:after, .mods.mosaic.mosaic-news .column.size31 a.align-right p:after {
  border-top: 20px solid transparent;
  border-right: 20px solid white;
  border-bottom: 20px solid transparent;
  left: -19px;
}
.mods.mosaic.mosaic-news .column.size21 a.align-right:hover p:after, .mods.mosaic.mosaic-news .column.size21 a.align-right:focus p:after, .mods.mosaic.mosaic-news .column.size22 a.align-right:hover p:after, .mods.mosaic.mosaic-news .column.size22 a.align-right:focus p:after, .mods.mosaic.mosaic-news .column.size31 a.align-right:hover p:after, .mods.mosaic.mosaic-news .column.size31 a.align-right:focus p:after {
  border-right: 20px solid #f21c17;
}
.mods.mosaic.mosaic-news .column.size21 img, .mods.mosaic.mosaic-news .column.size21 p {
  width: 50%;
}
.mods.mosaic.mosaic-news .column.size21 p {
  height: 100%;
  position: absolute;
  bottom: 0;
}
.mods.mosaic.mosaic-news .column.size22 img {
  width: 100%;
}
.mods.mosaic.mosaic-news .column.size22 p {
  width: 50%;
  height: 50%;
  position: absolute;
  bottom: 0;
}
.mods.mosaic.mosaic-news .column.size22 p:after {
  display: none;
}
.mods.mosaic.mosaic-news .column.size31 img, .mods.mosaic.mosaic-news .column.size31 p {
  width: 50%;
}
.mods.mosaic.mosaic-news .column.size31 p {
  height: 100%;
  position: absolute;
  bottom: 0;
}
@media (min-width: 769px) {
  .mods.mosaic.mosaic-news .column.size12 {
    width: 20%;
  }
  .mods.mosaic.mosaic-news .column.size12.float-top {
    margin: -20% 0 0 0;
  }
  .mods.mosaic.mosaic-news .column.size12 a {
    height: 0;
    padding: 0 0 199.5% 0;
  }
  .mods.mosaic.mosaic-news .column.size12 a img, .mods.mosaic.mosaic-news .column.size12 a p {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
  }
  .mods.mosaic.mosaic-news .column.size12 a img {
    top: 0;
  }
  .mods.mosaic.mosaic-news .column.size12 a p:after {
    margin: 0 0 0 -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid white;
    top: -39px;
    left: 50%;
  }
  .mods.mosaic.mosaic-news .column.size12 a:hover p:after, .mods.mosaic.mosaic-news .column.size12 a:focus p:after {
    border-right: 20px solid transparent;
    border-bottom: 20px solid #f21c17;
  }
  .mods.mosaic.mosaic-news .column.size21 {
    width: 40%;
  }
  .mods.mosaic.mosaic-news .column.size22 {
    width: 40%;
  }
  .mods.mosaic.mosaic-news .column.size31 {
    width: 60%;
  }
  .mods.mosaic.mosaic-news .column.size31 img {
    width: 66.6%;
  }
  .mods.mosaic.mosaic-news .column.size31 p {
    width: 33.3%;
  }
}

.mods.overlay-html, .mods.overlay-youtube, .mods.overlay-pan-zoom {
  width: 100%;
  height: 100%;
}
.mods.overlay-html article, .mods.overlay-youtube article, .mods.overlay-pan-zoom article {
  width: 100%;
  height: 100%;
  position: relative;
}
.mods.overlay-html article header, .mods.overlay-youtube article header, .mods.overlay-pan-zoom article header {
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
}
.mods.overlay-html article header h1, .mods.overlay-youtube article header h1, .mods.overlay-pan-zoom article header h1 {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
}
.mods.overlay-html article header .btn-close, .mods.overlay-youtube article header .btn-close, .mods.overlay-pan-zoom article header .btn-close {
  color: #181616;
  line-height: normal;
  position: absolute;
  top: 10px;
  right: 25px;
}
.mods.overlay-html article header .btn-close i, .mods.overlay-youtube article header .btn-close i, .mods.overlay-pan-zoom article header .btn-close i {
  font-size: 24px;
  font-size: 2.4rem;
  font-size: 20px;
  font-size: 2rem;
}
.mods.overlay-html article header .btn-close:hover i, .mods.overlay-html article header .btn-close:focus i, .mods.overlay-youtube article header .btn-close:hover i, .mods.overlay-youtube article header .btn-close:focus i, .mods.overlay-pan-zoom article header .btn-close:hover i, .mods.overlay-pan-zoom article header .btn-close:focus i {
  color: #666666;
}
@media (min-width: 769px) {
  .mods.overlay-html article header h1, .mods.overlay-youtube article header h1, .mods.overlay-pan-zoom article header h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .mods.overlay-html article header .btn-close i, .mods.overlay-youtube article header .btn-close i, .mods.overlay-pan-zoom article header .btn-close i {
    line-height: 28px;
    line-height: 2.8rem;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 769px) {
  .mods.overlay-html article header, .mods.overlay-youtube article header, .mods.overlay-pan-zoom article header {
    height: 80px;
    line-height: 80px;
  }
  .mods.overlay-html article header .btn-close, .mods.overlay-youtube article header .btn-close, .mods.overlay-pan-zoom article header .btn-close {
    top: 25px;
  }
}
.mods.overlay-html {
  background: url('../img/rgbapng/f6f6f699-5.png?1433341597');
  background: rgba(246, 246, 246, 0.6);
}
.mods.overlay-html article {
  background: #f6f6f6;
}
.mods.overlay-html article header .btn-close {
  color: #181616;
}
.mods.overlay-html article .gallery {
  position: absolute;
  top: 50px;
  left: 0;
  bottom: 0;
  right: 0;
}
.mods.overlay-html article .gallery .swiper-wrapper {
  height: 100%;
  overflow: hidden;
}
.mods.overlay-html article .gallery .swiper-wrapper .swiper-container {
  width: auto !important;
  height: 100% !important;
  font-size: 0;
  white-space: nowrap;
}
.mods.overlay-html article .gallery .swiper-wrapper .swiper-container .swiper-slide {
  width: 100%;
  height: 100%;
  white-space: normal;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.mods.overlay-html article .gallery .swiper-wrapper .swiper-container .swiper-slide img {
  position: absolute;
  left: 0;
  top: 0;
}
.mods.overlay-html article .gallery .swiper-browse {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
}
.mods.overlay-html article .gallery .swiper-browse .btn-browse {
  color: #181616;
  position: absolute;
  top: 0;
}
.mods.overlay-html article .gallery .swiper-browse .btn-browse.swiper-prev {
  left: 4%;
}
.mods.overlay-html article .gallery .swiper-browse .btn-browse.swiper-next {
  right: 4%;
}
.mods.overlay-html article .gallery .swiper-browse .btn-browse i {
  line-height: 32px;
  line-height: 3.2rem;
  font-size: 28px;
  font-size: 2.8rem;
}
@media (min-width: 769px) {
  .mods.overlay-html article .gallery {
    top: 80px;
  }
}
.mods.overlay-youtube {
  background: url('../img/rgbapng/00000099-5.png?1433341597');
  background: rgba(0, 0, 0, 0.6);
}
.mods.overlay-youtube article {
  background: black;
}
.mods.overlay-youtube article header {
  position: relative;
  z-index: 10;
}
.mods.overlay-youtube article header .btn-close {
  color: white;
}
.mods.overlay-youtube article section {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.mods.overlay-youtube article section iframe {
  width: 100%;
  height: 100%;
}
.mods.overlay-pan-zoom article header {
  background: #f6f6f6;
}
.mods.overlay-pan-zoom article section {
  background: white;
  overflow: hidden;
  position: absolute;
  top: 50px;
  left: 0;
  bottom: 0;
  right: 0;
}
@media (min-width: 769px) {
  .mods.overlay-pan-zoom article section {
    top: 80px;
  }
}
.mods.overlay-lightbox {
  background: url('../img/rgbapng/00000099-5.png?1433341597');
  background: rgba(0, 0, 0, 0.6);
}
.mods.overlay-lightbox article {
  width: 100%;
}
.mods.overlay-lightbox article header {
  height: 20px;
  padding: 20px;
  padding: 2rem;
  text-transform: uppercase;
  background: #f6f6f6;
}
.mods.overlay-lightbox article header h2 {
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.mods.overlay-lightbox article header .btn-close {
  color: #181616;
  position: absolute;
  right: 20px;
  top: 20px;
}
.mods.overlay-lightbox article section {
  width: 100%;
  height: auto;
  background: white;
  overflow: auto;
  position: absolute;
  top: 60px;
  left: 0;
  bottom: 0;
  right: 0;
}
.mods.overlay-lightbox article section p {
  margin: 20px;
  margin: 2rem;
  color: #8c8b8b;
  line-height: 16px;
  line-height: 1.6rem;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 769px) {
  .mods.overlay-lightbox article {
    width: 50%;
    height: 30%;
    position: absolute;
    top: 35%;
    left: 25%;
  }
  .mods.overlay-lightbox article header h2 {
    text-align: left;
  }
  .mods.overlay-lightbox article section p {
    line-height: 22px;
    line-height: 2.2rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.mods.overlay-zoom {
  background: url('../img/rgbapng/00000099-5.png?1433341597');
  background: rgba(0, 0, 0, 0.6);
}
.mods.overlay-zoom article header {
  height: 20px;
  padding: 20px;
  padding: 2rem;
  text-transform: uppercase;
  background: #f6f6f6;
}
.mods.overlay-zoom article header h2 {
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.mods.overlay-zoom article header .btn-close {
  color: #181616;
  position: absolute;
  right: 20px;
  top: 20px;
}
.mods.overlay-zoom article section {
  background: white;
  position: absolute;
  top: 60px;
  left: 0;
  bottom: 0;
  right: 0;
}
.mods.overlay-zoom article section img {
  height: 100%;
  margin: 0 auto;
  display: block;
}
@media (min-width: 769px) {
  .mods.overlay-zoom article {
    height: 90%;
    position: absolute;
    left: 50%;
    top: 10%;
  }
  .mods.overlay-zoom article header h2 {
    text-align: left;
  }
  .mods.overlay-zoom article section {
    height: 80%;
    position: relative;
    top: 0;
  }
}

.touch .mods.overlay-youtube article section {
  top: 50px;
}
@media (min-width: 769px) {
  .touch .mods.overlay-youtube article section {
    top: 80px;
  }
}

.mods.press {
  border-top: 1px solid #f6f6f6;
  overflow: hidden;
}
.mods.press .column {
  width: 100%;
  margin: -1px 0 0;
  border: 1px solid #f6f6f6;
  float: left;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 769px) {
  .mods.press .column {
    width: 50%;
  }
}
@media (min-width: 1441px) {
  .mods.press .column {
    width: 33.3%;
  }
}
.mods.press .cover, .mods.press .description {
  white-space: normal;
  line-height: 24px;
  line-height: 2.4rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.mods.press .cover {
  width: 40%;
  position: relative;
}
.mods.press .cover img {
  width: 100%;
  display: block;
}
.mods.press .cover .btn-preview-press {
  padding: 9% 10%;
  color: white;
  text-decoration: none;
  background: red;
  position: absolute;
  right: 0;
  bottom: 0;
}
.mods.press .cover .btn-preview-press {
  text-align: center;
}
.mods.press .cover .btn-preview-press span {
  vertical-align: middle;
  display: inline-block;
}
.mods.press .cover .btn-preview-press:before {
  content: '';
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  display: inline-block;
}
.mods.press .cover .btn-preview-press span {
  width: 90%;
  display: none;
}
@media (min-width: 769px) {
  .mods.press .cover {
    width: 32%;
    margin: 4%;
  }
  .mods.press .cover .btn-preview-press {
    padding: 0;
    line-height: 18px;
    line-height: 1.8rem;
    font-size: 13px;
    font-size: 1.3rem;
    position: absolute;
    top: 38%;
    bottom: 38%;
    right: 16%;
    left: 16%;
  }
  .mods.press .cover .btn-preview-press .ico {
    display: none;
  }
  .mods.press .cover .btn-preview-press span {
    display: inline-block;
  }
}
.mods.press .description {
  width: 52%;
  height: 80%;
  margin: 4%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.mods.press .description h2 {
  color: #181616;
  line-height: 20px;
  line-height: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.mods.press .description h3, .mods.press .description time {
  color: #b2b2b2;
  line-height: 18px;
  line-height: 1.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}
.mods.press .description h3 {
  color: #8c8b8b;
}
.mods.press .description time {
  color: #b2b2b2;
}
.mods.press .description p {
  color: #666666;
  line-height: 17px;
  line-height: 1.7rem;
  font-size: 13px;
  font-size: 1.3rem;
}
.mods.press .description .turncate {
  max-height: 40%;
  margin: 10px 0;
  margin: 1rem 0;
}
.mods.press .description .tag-list {
  margin: 0 0 20px;
  margin: 0 0 2rem;
  color: #b2b2b2;
  line-height: 15px;
  line-height: 1.5rem;
  font-size: 11px;
  font-size: 1.1rem;
  display: none;
}
.mods.press .description .tag-list li {
  margin: 0 8px 0 0;
  margin: 0 0.8rem 0 0;
}
.mods.press .description .btn-download-press, .mods.press .description .btn-store-press {
  color: red;
  line-height: 17px;
  line-height: 1.7rem;
  font-size: 13px;
  font-size: 1.3rem;
  display: none;
}
@media (min-width: 769px) {
  .mods.press .description {
    width: 56%;
    margin: 4% 2%;
  }
  .mods.press .description .tag-list {
    display: block;
  }
  .mods.press .description .btn-download-press, .mods.press .description .btn-store-press {
    display: block;
  }
}
@media (min-width: 1025px) {
  .mods.press .description .tag-list {
    line-height: 16px;
    line-height: 1.6rem;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .mods.press .description h2 {
    line-height: 22px;
    line-height: 2.2rem;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .mods.press .description h3, .mods.press .description time {
    line-height: 19px;
    line-height: 1.9rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .mods.press .description p {
    line-height: 18px;
    line-height: 1.8rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.sprite {
  display: inline-block;
}
.sprite.instruction, .sprite.certificate, .sprite.gallery, .sprite.video {
  background-image: url('../img/sprites/ico-common-s8dfdd4cb56.png');
}
.sprite.instruction {
  width: 17px;
  height: 21px;
  background-position: 0 -68px;
}
.sprite.certificate {
  width: 22px;
  height: 25px;
  background-position: 0 -25px;
}
.sprite.gallery {
  width: 20px;
  height: 18px;
  background-position: 0 -50px;
}
.sprite.video {
  width: 20px;
  height: 20px;
  background-position: 0 -89px;
}
.sprite.ico-category-4ele, .sprite.ico-category-3bav, .sprite.ico-category-2cuc, .sprite.ico-category-5var, .sprite.ico-category-6per, .sprite.ico-category-1tav, .sprite.ico-category-7spe {
  background-image: url('../img/sprites/ico-category/mobile-sf334ed90ec.png');
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  .sprite.ico-category-4ele, .sprite.ico-category-3bav, .sprite.ico-category-2cuc, .sprite.ico-category-5var, .sprite.ico-category-6per, .sprite.ico-category-1tav, .sprite.ico-category-7spe {
    background-image: url('../img/sprites/ico-category/desktop-se261dd7635.png');
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .sprite.ico-category-4ele, .sprite.ico-category-3bav, .sprite.ico-category-2cuc, .sprite.ico-category-5var, .sprite.ico-category-6per, .sprite.ico-category-1tav, .sprite.ico-category-7spe {
    background-image: url('../img/sprites/ico-category/retina-s9178b3db2c.png');
  }
}
.sprite.ico-category-4ele {
  width: 43px;
  height: 54px;
  background-position: 0 -54px;
}
@media (min-width: 769px) {
  .sprite.ico-category-4ele {
    width: 67px;
    height: 84px;
    background-position: 0 -84px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .sprite.ico-category-4ele {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -53px;
  }
}
.sprite.ico-category-3bav {
  width: 43px;
  height: 54px;
  background-position: 0 -162px;
}
@media (min-width: 769px) {
  .sprite.ico-category-3bav {
    width: 67px;
    height: 84px;
    background-position: 0 -252px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .sprite.ico-category-3bav {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -159px;
  }
}
.sprite.ico-category-2cuc {
  width: 43px;
  height: 54px;
  background-position: 0 -270px;
}
@media (min-width: 769px) {
  .sprite.ico-category-2cuc {
    width: 67px;
    height: 84px;
    background-position: 0 -420px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .sprite.ico-category-2cuc {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -265px;
  }
}
.sprite.ico-category-5var {
  width: 43px;
  height: 54px;
  background-position: 0 -378px;
}
@media (min-width: 769px) {
  .sprite.ico-category-5var {
    width: 67px;
    height: 84px;
    background-position: 0 -588px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .sprite.ico-category-5var {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -371px;
  }
}
.sprite.ico-category-6per {
  width: 43px;
  height: 54px;
  background-position: 0 -486px;
}
@media (min-width: 769px) {
  .sprite.ico-category-6per {
    width: 67px;
    height: 84px;
    background-position: 0 -756px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .sprite.ico-category-6per {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -477px;
  }
}
.sprite.ico-category-1tav {
  width: 43px;
  height: 54px;
  background-position: 0 -702px;
}
@media (min-width: 769px) {
  .sprite.ico-category-1tav {
    width: 67px;
    height: 84px;
    background-position: 0 -1092px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .sprite.ico-category-1tav {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -689px;
  }
}
.sprite.ico-category-7spe {
  width: 43px;
  height: 54px;
  background-position: 0 -594px;
}
@media (min-width: 769px) {
  .sprite.ico-category-7spe {
    width: 67px;
    height: 84px;
    background-position: 0 -924px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .sprite.ico-category-7spe {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -583px;
  }
}
.sprite.ico-museum-objects, .sprite.ico-museum-drawings, .sprite.ico-museum-pictures, .sprite.ico-museum-designers {
  background-image: url('../img/sprites/ico-museum/mobile-s0fc43559c8.png');
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
  .sprite.ico-museum-objects, .sprite.ico-museum-drawings, .sprite.ico-museum-pictures, .sprite.ico-museum-designers {
    background-image: url('../img/sprites/ico-museum/desktop-s372db7224d.png');
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .sprite.ico-museum-objects, .sprite.ico-museum-drawings, .sprite.ico-museum-pictures, .sprite.ico-museum-designers {
    background-image: url('../img/sprites/ico-museum/retina-sa5329cf0b1.png');
  }
}
.sprite.ico-museum-objects {
  width: 36px;
  height: 32px;
  background-position: 0 -160px;
}
@media (min-width: 769px) {
  .sprite.ico-museum-objects {
    width: 36px;
    height: 32px;
    background-position: 0 -160px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .sprite.ico-museum-objects {
    width: 36px;
    height: 32px;
    background-size: 36px 256px;
    background-position: 0 -160px;
  }
}
.sprite.ico-museum-drawings {
  width: 36px;
  height: 32px;
  background-position: 0 -96px;
}
@media (min-width: 769px) {
  .sprite.ico-museum-drawings {
    width: 36px;
    height: 32px;
    background-position: 0 -96px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .sprite.ico-museum-drawings {
    width: 36px;
    height: 32px;
    background-size: 36px 256px;
    background-position: 0 -96px;
  }
}
.sprite.ico-museum-pictures {
  width: 36px;
  height: 32px;
  background-position: 0 -224px;
}
@media (min-width: 769px) {
  .sprite.ico-museum-pictures {
    width: 36px;
    height: 32px;
    background-position: 0 -224px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .sprite.ico-museum-pictures {
    width: 36px;
    height: 32px;
    background-size: 36px 256px;
    background-position: 0 -224px;
  }
}
.sprite.ico-museum-designers {
  width: 36px;
  height: 32px;
  background-position: 0 -32px;
}
@media (min-width: 769px) {
  .sprite.ico-museum-designers {
    width: 36px;
    height: 32px;
    background-position: 0 -32px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .sprite.ico-museum-designers {
    width: 36px;
    height: 32px;
    background-size: 36px 256px;
    background-position: 0 -32px;
  }
}

.on .sprite.ico-category-4ele {
  width: 43px;
  height: 54px;
  background-position: 0 0;
}
@media (min-width: 769px) {
  .on .sprite.ico-category-4ele {
    width: 67px;
    height: 84px;
    background-position: 0 0;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .on .sprite.ico-category-4ele {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 0;
  }
}
.on .sprite.ico-category-3bav {
  width: 43px;
  height: 54px;
  background-position: 0 -108px;
}
@media (min-width: 769px) {
  .on .sprite.ico-category-3bav {
    width: 67px;
    height: 84px;
    background-position: 0 -168px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .on .sprite.ico-category-3bav {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -106px;
  }
}
.on .sprite.ico-category-2cuc {
  width: 43px;
  height: 54px;
  background-position: 0 -216px;
}
@media (min-width: 769px) {
  .on .sprite.ico-category-2cuc {
    width: 67px;
    height: 84px;
    background-position: 0 -336px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .on .sprite.ico-category-2cuc {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -212px;
  }
}
.on .sprite.ico-category-5var {
  width: 43px;
  height: 54px;
  background-position: 0 -324px;
}
@media (min-width: 769px) {
  .on .sprite.ico-category-5var {
    width: 67px;
    height: 84px;
    background-position: 0 -504px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .on .sprite.ico-category-5var {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -318px;
  }
}
.on .sprite.ico-category-6per {
  width: 43px;
  height: 54px;
  background-position: 0 -432px;
}
@media (min-width: 769px) {
  .on .sprite.ico-category-6per {
    width: 67px;
    height: 84px;
    background-position: 0 -672px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .on .sprite.ico-category-6per {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -424px;
  }
}
.on .sprite.ico-category-1tav {
  width: 43px;
  height: 54px;
  background-position: 0 -648px;
}
@media (min-width: 769px) {
  .on .sprite.ico-category-1tav {
    width: 67px;
    height: 84px;
    background-position: 0 -1008px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .on .sprite.ico-category-1tav {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -636px;
  }
}
.on .sprite.ico-museum-objects {
  width: 36px;
  height: 32px;
  background-position: 0 -128px;
}
@media (min-width: 769px) {
  .on .sprite.ico-museum-objects {
    width: 36px;
    height: 32px;
    background-position: 0 -128px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .on .sprite.ico-museum-objects {
    width: 36px;
    height: 32px;
    background-size: 36px 256px;
    background-position: 0 -128px;
  }
}
.on .sprite.ico-museum-drawings {
  width: 36px;
  height: 32px;
  background-position: 0 -64px;
}
@media (min-width: 769px) {
  .on .sprite.ico-museum-drawings {
    width: 36px;
    height: 32px;
    background-position: 0 -64px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .on .sprite.ico-museum-drawings {
    width: 36px;
    height: 32px;
    background-size: 36px 256px;
    background-position: 0 -64px;
  }
}
.on .sprite.ico-museum-pictures {
  width: 36px;
  height: 32px;
  background-position: 0 -192px;
}
@media (min-width: 769px) {
  .on .sprite.ico-museum-pictures {
    width: 36px;
    height: 32px;
    background-position: 0 -192px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .on .sprite.ico-museum-pictures {
    width: 36px;
    height: 32px;
    background-size: 36px 256px;
    background-position: 0 -192px;
  }
}
.on .sprite.ico-museum-designers {
  width: 36px;
  height: 32px;
  background-position: 0 0;
}
@media (min-width: 769px) {
  .on .sprite.ico-museum-designers {
    width: 36px;
    height: 32px;
    background-position: 0 0;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .on .sprite.ico-museum-designers {
    width: 36px;
    height: 32px;
    background-size: 36px 256px;
    background-position: 0 0;
  }
}

.no-touch .column > p:hover .sprite.ico-category-4ele, .no-touch a:hover .sprite.ico-category-4ele {
  width: 43px;
  height: 54px;
  background-position: 0 0;
}
@media (min-width: 769px) {
  .no-touch .column > p:hover .sprite.ico-category-4ele, .no-touch a:hover .sprite.ico-category-4ele {
    width: 67px;
    height: 84px;
    background-position: 0 0;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .no-touch .column > p:hover .sprite.ico-category-4ele, .no-touch a:hover .sprite.ico-category-4ele {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 0;
  }
}
.no-touch .column > p:hover .sprite.ico-category-3bav, .no-touch a:hover .sprite.ico-category-3bav {
  width: 43px;
  height: 54px;
  background-position: 0 -108px;
}
@media (min-width: 769px) {
  .no-touch .column > p:hover .sprite.ico-category-3bav, .no-touch a:hover .sprite.ico-category-3bav {
    width: 67px;
    height: 84px;
    background-position: 0 -168px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .no-touch .column > p:hover .sprite.ico-category-3bav, .no-touch a:hover .sprite.ico-category-3bav {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -106px;
  }
}
.no-touch .column > p:hover .sprite.ico-category-2cuc, .no-touch a:hover .sprite.ico-category-2cuc {
  width: 43px;
  height: 54px;
  background-position: 0 -216px;
}
@media (min-width: 769px) {
  .no-touch .column > p:hover .sprite.ico-category-2cuc, .no-touch a:hover .sprite.ico-category-2cuc {
    width: 67px;
    height: 84px;
    background-position: 0 -336px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .no-touch .column > p:hover .sprite.ico-category-2cuc, .no-touch a:hover .sprite.ico-category-2cuc {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -212px;
  }
}
.no-touch .column > p:hover .sprite.ico-category-5var, .no-touch a:hover .sprite.ico-category-5var {
  width: 43px;
  height: 54px;
  background-position: 0 -324px;
}
@media (min-width: 769px) {
  .no-touch .column > p:hover .sprite.ico-category-5var, .no-touch a:hover .sprite.ico-category-5var {
    width: 67px;
    height: 84px;
    background-position: 0 -504px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .no-touch .column > p:hover .sprite.ico-category-5var, .no-touch a:hover .sprite.ico-category-5var {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -318px;
  }
}
.no-touch .column > p:hover .sprite.ico-category-6per, .no-touch a:hover .sprite.ico-category-6per {
  width: 43px;
  height: 54px;
  background-position: 0 -432px;
}
@media (min-width: 769px) {
  .no-touch .column > p:hover .sprite.ico-category-6per, .no-touch a:hover .sprite.ico-category-6per {
    width: 67px;
    height: 84px;
    background-position: 0 -672px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .no-touch .column > p:hover .sprite.ico-category-6per, .no-touch a:hover .sprite.ico-category-6per {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -424px;
  }
}
.no-touch .column > p:hover .sprite.ico-category-1tav, .no-touch a:hover .sprite.ico-category-1tav {
  width: 43px;
  height: 54px;
  background-position: 0 -648px;
}
@media (min-width: 769px) {
  .no-touch .column > p:hover .sprite.ico-category-1tav, .no-touch a:hover .sprite.ico-category-1tav {
    width: 67px;
    height: 84px;
    background-position: 0 -1008px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .no-touch .column > p:hover .sprite.ico-category-1tav, .no-touch a:hover .sprite.ico-category-1tav {
    width: 43px;
    height: 53px;
    background-size: 42.5px 742px;
    background-position: 0 -636px;
  }
}
.no-touch .column > p:hover .sprite.ico-museum-objects, .no-touch a:hover .sprite.ico-museum-objects {
  width: 36px;
  height: 32px;
  background-position: 0 -128px;
}
@media (min-width: 769px) {
  .no-touch .column > p:hover .sprite.ico-museum-objects, .no-touch a:hover .sprite.ico-museum-objects {
    width: 36px;
    height: 32px;
    background-position: 0 -128px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .no-touch .column > p:hover .sprite.ico-museum-objects, .no-touch a:hover .sprite.ico-museum-objects {
    width: 36px;
    height: 32px;
    background-size: 36px 256px;
    background-position: 0 -128px;
  }
}
.no-touch .column > p:hover .sprite.ico-museum-drawings, .no-touch a:hover .sprite.ico-museum-drawings {
  width: 36px;
  height: 32px;
  background-position: 0 -64px;
}
@media (min-width: 769px) {
  .no-touch .column > p:hover .sprite.ico-museum-drawings, .no-touch a:hover .sprite.ico-museum-drawings {
    width: 36px;
    height: 32px;
    background-position: 0 -64px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .no-touch .column > p:hover .sprite.ico-museum-drawings, .no-touch a:hover .sprite.ico-museum-drawings {
    width: 36px;
    height: 32px;
    background-size: 36px 256px;
    background-position: 0 -64px;
  }
}
.no-touch .column > p:hover .sprite.ico-museum-pictures, .no-touch a:hover .sprite.ico-museum-pictures {
  width: 36px;
  height: 32px;
  background-position: 0 -192px;
}
@media (min-width: 769px) {
  .no-touch .column > p:hover .sprite.ico-museum-pictures, .no-touch a:hover .sprite.ico-museum-pictures {
    width: 36px;
    height: 32px;
    background-position: 0 -192px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .no-touch .column > p:hover .sprite.ico-museum-pictures, .no-touch a:hover .sprite.ico-museum-pictures {
    width: 36px;
    height: 32px;
    background-size: 36px 256px;
    background-position: 0 -192px;
  }
}
.no-touch .column > p:hover .sprite.ico-museum-designers, .no-touch a:hover .sprite.ico-museum-designers {
  width: 36px;
  height: 32px;
  background-position: 0 0;
}
@media (min-width: 769px) {
  .no-touch .column > p:hover .sprite.ico-museum-designers, .no-touch a:hover .sprite.ico-museum-designers {
    width: 36px;
    height: 32px;
    background-position: 0 0;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .no-touch .column > p:hover .sprite.ico-museum-designers, .no-touch a:hover .sprite.ico-museum-designers {
    width: 36px;
    height: 32px;
    background-size: 36px 256px;
    background-position: 0 0;
  }
}

.mods.teaser {
  min-height: 100%;
  font-size: 0;
  background: none;
  background-color: #ffffff;
  overflow: hidden;
  position: relative;
}
.mods.teaser.has-borders {
  padding-top: 1px;
  padding-left: 1px;
  background: #f6f6f6;
}
.mods.teaser header {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #f6f6f6;
  border-bottom: 1px solid #f6f6f6;
  padding: 0 30px;
  padding: 0 3rem;
  height: 65px;
  height: 6.5rem;
  line-height: 65px;
  line-height: 6.5rem;
}
.mods.teaser header .results-title,
.mods.teaser header .results-length {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 13px;
  line-height: 1.3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
  vertical-align: middle;
  max-width: 50%;
}
.mods.teaser header .results-title {
  padding-right: 5px;
  padding-right: 0.5rem;
  color: #181616;
  font-weight: 700;
}
@media (min-width: 769px) {
  .mods.teaser header {
    padding: 0 40px;
  }
}
.mods.teaser .teaser-item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.mods.teaser .teaser-item .search-result-item-link {
  text-decoration: none;
}
.mods.teaser .teaser-item .teaser-preview-picture {
  display: inline-block;
  float: left;
  position: absolute;
  margin-right: 40px;
  width: 37.6%;
}
.mods.teaser .teaser-item .teaser-preview-picture .teaser-preview-image {
  display: inline;
  text-align: center;
  max-width: 100%;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.mods.teaser .teaser-item .teaser-preview-picture .btn-preview {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
  text-align: center;
}
.mods.teaser .teaser-item .teaser-preview-picture .btn-preview .only-mobile {
  display: inline;
}
.mods.teaser .teaser-item .teaser-preview-picture .btn-preview .only-mobile:after, .mods.teaser .teaser-item .teaser-preview-picture .btn-preview .only-mobile:before {
  display: inline;
}
.mods.teaser .teaser-item .teaser-preview-picture .btn-preview .only-desktop {
  display: none;
}
.mods.teaser .teaser-item .teaser-preview-picture .btn-preview .only-desktop:after, .mods.teaser .teaser-item .teaser-preview-picture .btn-preview .only-desktop:before {
  display: none;
}
.mods.teaser .teaser-item .tag-list .tag-item,
.mods.teaser .teaser-item .teaser-text {
  color: #8c8b8b;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 13px;
  line-height: 1.3rem;
}
.mods.teaser .teaser-item .tag-list {
  display: none;
  padding: 40px 0 20px;
}
.mods.teaser .teaser-item .tag-list .tag-item {
  display: inline-block;
  width: auto;
  margin-right: 20px;
  color: #8c8b8b;
  text-decoration: none;
}
.mods.teaser .teaser-item .tag-list .tag-item:last-child {
  margin-right: 0;
}
@media (min-width: 769px) {
  .mods.teaser .teaser-item .tag-list {
    display: block;
  }
}
.mods.teaser .teaser-item .teaser-text {
  display: block;
}
.mods.teaser .teaser-item .teaser-text > * {
  display: block;
}
.mods.teaser .teaser-item .teaser-text .separator {
  display: block;
  content: "";
  margin-top: 15px;
  margin-top: 1.5rem;
  border-bottom: 1px solid #8c8b8b;
  width: 30px;
  width: 3rem;
  height: 0;
}
.mods.teaser .teaser-item .teaser-text .clamping-container {
  height: 39px;
  height: 3.9rem;
  overflow: hidden;
}
.mods.teaser .teaser-item .teaser-text .clamping-container.teaser-code-container, .mods.teaser .teaser-item .teaser-text .clamping-container.teaser-name-container, .mods.teaser .teaser-item .teaser-text .clamping-container.teaser-news-title-container, .mods.teaser .teaser-item .teaser-text .clamping-container.teaser-title-container {
  height: 18px;
  height: 1.8rem;
}
.mods.teaser .teaser-item .teaser-text .clamping-container.separator-container {
  height: 16px;
  height: 1.6rem;
}
.mods.teaser .teaser-item .teaser-text .clamping-container.teaser-name-container {
  margin-top: 10px;
  margin-top: 1rem;
}
.mods.teaser .teaser-item .teaser-text .clamping-container.teaser-date-container {
  margin: 16px 0 20px;
  margin: 1.6rem 0 2rem;
  height: 13px;
  height: 1.3rem;
}
.mods.teaser .teaser-item .teaser-text .clamping-container.teaser-designer-container {
  margin-top: 10px;
  margin-top: 1rem;
  height: 13px;
  height: 1.3rem;
}
.mods.teaser .teaser-item .teaser-text .clamping-container.teaser-designer-name-container {
  height: 26px;
  height: 2.6rem;
}
.mods.teaser .teaser-item .teaser-text .clamping-container.teaser-description-container {
  margin-top: 10px;
  margin-top: 1rem;
}
.mods.teaser .teaser-item .teaser-text .clamping-container.teaser-link-container {
  margin-top: 20px;
  margin-top: 2rem;
}
.mods.teaser .teaser-item .teaser-text .teaser-title {
  color: #181616;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  line-height: 1.8rem;
}
.mods.teaser .teaser-item .teaser-text .teaser-code,
.mods.teaser .teaser-item .teaser-text .teaser-designer-fname,
.mods.teaser .teaser-item .teaser-text .teaser-designer-lname {
  font-weight: 700;
}
.mods.teaser .teaser-item .teaser-text .teaser-designer-fname,
.mods.teaser .teaser-item .teaser-text .teaser-designer-lname {
  display: block;
  float: left;
  clear: both;
}
.mods.teaser .teaser-item .teaser-text .teaser-code,
.mods.teaser .teaser-item .teaser-text .teaser-name,
.mods.teaser .teaser-item .teaser-text .teaser-news-title {
  color: #181616;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 18px;
  line-height: 1.8rem;
}
.mods.teaser .teaser-item .teaser-text .teaser-date {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 13px;
  line-height: 1.3rem;
}
.mods.teaser .teaser-item .teaser-text .teaser-author,
.mods.teaser .teaser-item .teaser-text .teaser-designer {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
}
.mods.teaser .teaser-item .teaser-text .teaser-author,
.mods.teaser .teaser-item .teaser-text .teaser-designer-fname,
.mods.teaser .teaser-item .teaser-text .teaser-designer-lname {
  color: #181616;
}
.mods.teaser .teaser-item .teaser-text .teaser-abstract,
.mods.teaser .teaser-item .teaser-text .teaser-description {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 13px;
  line-height: 1.3rem;
}
.mods.teaser .teaser-item .teaser-text .teaser-link-download {
  color: #f21c17;
  text-decoration: none;
}
.mods.teaser .teaser-item .teaser-text .teaser-link-download:hover, .mods.teaser .teaser-item .teaser-text .teaser-link-download:focus, .mods.teaser .teaser-item .teaser-text .teaser-link-download.active {
  text-decoration: underline;
}
.mods.teaser .teaser-item.teaser-search-results {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  float: left;
  padding: 25px 30px;
  width: 100%;
  background-color: #FFFFFF;
}
@media (min-width: 769px) {
  .mods.teaser .teaser-item.teaser-search-results {
    padding: 40px;
    width: 50%;
  }
}
.mods.teaser .teaser-item.teaser-search-results .teaser-preview-picture {
  display: block;
  float: left;
  position: relative;
  margin-right: 40px;
  border: 1px solid #f6f6f6;
  max-width: 240px;
}
@media (min-width: 769px) {
  .mods.teaser .teaser-item.teaser-search-results .teaser-preview-picture {
    max-width: 220px;
  }
}
.mods.teaser .teaser-item.teaser-search-results .teaser-preview-picture .teaser-preview-image {
  display: inline;
  text-align: center;
  max-width: 100%;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.mods.teaser .teaser-item.teaser-search-results a, .mods.teaser .teaser-item.teaser-search-results .teaser-text {
  color: #8c8b8b;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 13px;
  line-height: 1.3rem;
}
.mods.teaser .teaser-item.size-2 {
  float: left;
  padding-right: 40px;
  width: 100%;
  border-bottom: 1px solid #f6f6f6;
  background-color: #FFFFFF;
}
@media (min-width: 769px) {
  .mods.teaser .teaser-item.size-2 {
    padding: 40px;
    width: 50%;
    border-right: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
  }
}
.mods.teaser .teaser-item.size-2 .teaser-preview-picture {
  display: block;
  position: relative;
  max-width: 240px;
}
.mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview {
  padding: 0;
  min-width: 50px;
  min-height: 50px;
  width: 37.5%;
  height: 37.5%;
}
.mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview {
  text-align: center;
}
.mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview .only-mobile {
  vertical-align: middle;
  display: inline-block;
}
.mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview:before {
  content: '';
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  display: inline-block;
}
@media (min-width: 769px) {
  .mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview .only-mobile {
    display: none !important;
  }
  .mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview .only-mobile:after, .mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview .only-mobile:before {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview .only-desktop {
    display: inline;
  }
  .mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview .only-desktop:after, .mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview .only-desktop:before {
    display: inline;
  }
}
.mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview span {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 13px;
  line-height: 1.3rem;
  max-height: 13px;
  max-height: 1.3rem;
}
.mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview i {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  line-height: 1.6rem;
  max-height: 16px;
  max-height: 1.6rem;
}
@media (min-width: 769px) {
  .mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview {
    top: 0;
    left: 0;
    margin: auto;
    padding: 20px;
    padding: 2rem;
    min-width: 100px;
    min-width: 10rem;
    min-height: 13px;
    min-height: 1.3rem;
    width: 100px;
    width: 10rem;
    height: 13px;
    height: 1.3rem;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 13px;
    line-height: 1.3rem;
    max-height: 13px;
    max-height: 1.3rem;
  }
  .mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview {
    text-align: center;
  }
  .mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview .only-desktop {
    vertical-align: middle;
    display: inline-block;
  }
  .mods.teaser .teaser-item.size-2 .teaser-preview-picture .btn-preview:before {
    content: '';
    height: 100%;
    margin-right: -0.25em;
    vertical-align: middle;
    display: inline-block;
  }
}
@media (min-width: 769px) {
  .mods.teaser .teaser-item.size-2 .teaser-preview-picture {
    max-width: 220px;
    min-width: 150px;
    min-width: 15rem;
  }
}
@media (min-width: 769px) {
  .mods.teaser .teaser-item.size-2 .tag-list {
    padding-top: 0;
  }
}

.mods.tooltip:before {
  content: '\A';
  white-space: pre;
}
@media (min-width: 769px) {
  .mods.tooltip {
    position: relative;
  }
  .mods.tooltip:before {
    display: none;
  }
}
.mods.tooltip > div {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 0;
  width: 300px;
  color: white;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  overflow: hidden;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  padding: 0;
  z-index: 11;
}
.csstransitions .mods.tooltip > div {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.csstransforms3d .mods.tooltip > div {
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
@media (min-width: 769px) {
  .mods.tooltip > div {
    left: -150px;
    top: 20px;
    margin: 0;
    padding: 10px 0 0;
  }
}
.mods.tooltip > div .tooltip-header {
  content: '\e767';
  display: block;
  height: 50px;
  width: 100%;
  color: white;
  background: #181616;
  text-align: center;
}
.mods.tooltip > div .tooltip-header {
  text-align: center;
}
.mods.tooltip > div .tooltip-header span {
  vertical-align: middle;
  display: inline-block;
}
.mods.tooltip > div .tooltip-header:before {
  content: '';
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  display: inline-block;
}
.mods.tooltip > div .tooltip-container {
  background: #181616;
}
.mods.tooltip > div .tooltip-container .tooltip-content {
  width: 100%;
  height: 150px;
  background: #181616;
  overflow: auto;
  display: block;
  float: left;
}
.mods.tooltip > div .tooltip-container .tooltip-content ul {
  list-style: none;
}
.mods.tooltip > div .tooltip-container .tooltip-content ul li {
  display: block;
}
.mods.tooltip > div .tooltip-container .tooltip-content ul li a {
  display: block;
  margin: 7px 0;
  border: 0 none;
  padding: 3px 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  color: white;
  text-decoration: none;
}
.mods.tooltip > div .tooltip-container .tooltip-content ul li a:hover, .mods.tooltip > div .tooltip-container .tooltip-content ul li a:focus {
  color: red;
}
.mods.tooltip > div.tooltip-two-containers .tooltip-container .tooltip-content {
  width: 50%;
}
.mods.tooltip > div.opened {
  max-height: 240px;
  border-bottom: 20px solid #181616;
}
.mods.tooltip:hover > div, .mods.tooltip:focus > div {
  max-height: 240px;
  border-bottom: 20px solid #181616;
}

body.isTouch .mods.tooltip:focus > div {
  max-height: 240px;
}
body.isTouch .tooltip-overlay {
  background: none;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
}

.mods.video {
  position: relative;
  overflow: hidden;
}
.mods.video img, .mods.video video, .mods.video iframe, .mods.video object, .mods.video embed {
  max-width: 100%;
  display: block;
}
.mods.video iframe, .mods.video object, .mods.video embed {
  display: none;
}