*, ::before, ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  font-size: 62.5%;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

html, body {
  max-width: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

p, table, blockquote, address, pre, iframe, form, figure, dl {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

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

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img, embed, object, iframe {
  vertical-align: bottom;
  width: 100%;
}

button, input, optgroup, select, textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

[type=checkbox] {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
     -moz-appearance: radio;
          appearance: radio;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, [type=button], [type=reset], [type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

button[disabled], [type=button][disabled], [type=reset][disabled], [type=submit][disabled] {
  cursor: default;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

select::-ms-expand {
  display: none;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable] {
  outline: none;
}

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

caption {
  text-align: left;
}

td, th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

@font-face {
  font-family: Inter-Light;
  src: url("../font/static/Inter-Light.ttf");
}
@font-face {
  font-family: Inter-Regular;
  src: url("../font/static/Inter-Regular.ttf");
}
@font-face {
  font-family: Inter-Medium;
  src: url("../font/static/Inter-Medium.ttf");
}
@font-face {
  font-family: Inter-SemiBold;
  src: url("../font/static/Inter-SemiBold.ttf");
}
@font-face {
  font-family: Inter-Bold;
  src: url("../font/static/Inter-Bold.ttf");
}
body {
  font-family: "Inter-Regular", sans-serif;
}

h1, h2, h3, h4, h5 {
  font-family: "Inter-Bold", sans-serif;
  margin: 0 0 1rem 0;
}

h1 {
  font-size: 2.8rem;
}

h2 {
  font-size: 2.4rem;
  margin-bottom: 3rem;
}

h3 {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 2rem;
  margin-bottom: 3rem;
}

h4 {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
}

h5 {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.4rem;
}

h6 {
  font-size: 1.2rem;
}

p {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.4rem;
  line-height: 2.2rem;
  margin: 0 0 2rem 0;
}
p.lead {
  font-family: "Inter-Light", sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 0 0 1.5rem 0;
}

b, strong {
  font-family: "Inter-SemiBold", sans-serif;
}

hr {
  border-top: none;
  border-bottom: 1px solid #DBDBDB;
  margin: 4rem 0;
}

ul, ol {
  font-size: 1.4rem;
  line-height: 1.9rem;
  margin-bottom: 3rem;
  list-style-position: inside;
}
ul li, ol li {
  margin-bottom: 0.5rem;
  text-indent: -1.5rem;
  padding-left: 1.5rem;
}
ul ul, ul ol, ol ul, ol ol {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

ul {
  list-style-type: circle;
}

ol {
  list-style-type: decimal;
}
ol ol {
  list-style-type: lower-alpha;
}

b, strong {
  font-weight: 500;
}

code {
  font-size: 1.4rem;
  background: rgba(0, 0, 0, 0.05);
  display: block;
  padding: 2rem;
  border-radius: 4px;
  margin: 2rem 0 3rem 0;
  overflow-x: scroll;
  -moz-tab-size: 3;
    -o-tab-size: 3;
       tab-size: 3;
}

a {
  color: var(--main-color);
}

a.link {
  position: relative;
  z-index: 0;
  display: inline-block;
  padding: 0 1px;
  overflow: hidden;
  vertical-align: bottom;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
a.link::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -1px;
  left: 0;
  -webkit-transform: translateY(calc(100% - 1px));
          transform: translateY(calc(100% - 1px));
  width: 100%;
  height: 100%;
  background: var(--main-color);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
a.link:hover {
  color: #fff;
}
a.link:hover::before {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.badge {
  background-color: var(--main-color);
  color: white;
  border-radius: 3px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-weight: 400;
}
.badge.small {
  font-size: 1.5rem;
  font-weight: 400;
}

.icon.add-to-list {
  background: url(../img/icon/add-to-list.svg) no-repeat 50% 50%/contain;
}

.icon.add-to-list.white {
  background: url(../img/icon/add-to-list.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.add-user {
  background: url(../img/icon/add-user.svg) no-repeat 50% 50%/contain;
}

.icon.add-user.white {
  background: url(../img/icon/add-user.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.address {
  background: url(../img/icon/address.svg) no-repeat 50% 50%/contain;
}

.icon.address.white {
  background: url(../img/icon/address.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.adjust {
  background: url(../img/icon/adjust.svg) no-repeat 50% 50%/contain;
}

.icon.adjust.white {
  background: url(../img/icon/adjust.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.air {
  background: url(../img/icon/air.svg) no-repeat 50% 50%/contain;
}

.icon.air.white {
  background: url(../img/icon/air.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.aircraft-landing {
  background: url(../img/icon/aircraft-landing.svg) no-repeat 50% 50%/contain;
}

.icon.aircraft-landing.white {
  background: url(../img/icon/aircraft-landing.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.aircraft-take-off {
  background: url(../img/icon/aircraft-take-off.svg) no-repeat 50% 50%/contain;
}

.icon.aircraft-take-off.white {
  background: url(../img/icon/aircraft-take-off.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.aircraft {
  background: url(../img/icon/aircraft.svg) no-repeat 50% 50%/contain;
}

.icon.aircraft.white {
  background: url(../img/icon/aircraft.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.align-bottom {
  background: url(../img/icon/align-bottom.svg) no-repeat 50% 50%/contain;
}

.icon.align-bottom.white {
  background: url(../img/icon/align-bottom.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.align-horizontal-middle {
  background: url(../img/icon/align-horizontal-middle.svg) no-repeat 50% 50%/contain;
}

.icon.align-horizontal-middle.white {
  background: url(../img/icon/align-horizontal-middle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.align-left {
  background: url(../img/icon/align-left.svg) no-repeat 50% 50%/contain;
}

.icon.align-left.white {
  background: url(../img/icon/align-left.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.align-right {
  background: url(../img/icon/align-right.svg) no-repeat 50% 50%/contain;
}

.icon.align-right.white {
  background: url(../img/icon/align-right.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.align-top {
  background: url(../img/icon/align-top.svg) no-repeat 50% 50%/contain;
}

.icon.align-top.white {
  background: url(../img/icon/align-top.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.align-vertical-middle {
  background: url(../img/icon/align-vertical-middle.svg) no-repeat 50% 50%/contain;
}

.icon.align-vertical-middle.white {
  background: url(../img/icon/align-vertical-middle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.app-store {
  background: url(../img/icon/app-store.svg) no-repeat 50% 50%/contain;
}

.icon.app-store.white {
  background: url(../img/icon/app-store.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.archive {
  background: url(../img/icon/archive.svg) no-repeat 50% 50%/contain;
}

.icon.archive.white {
  background: url(../img/icon/archive.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.area-graph {
  background: url(../img/icon/area-graph.svg) no-repeat 50% 50%/contain;
}

.icon.area-graph.white {
  background: url(../img/icon/area-graph.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-bold-down {
  background: url(../img/icon/arrow-bold-down.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-bold-down.white {
  background: url(../img/icon/arrow-bold-down.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-bold-left {
  background: url(../img/icon/arrow-bold-left.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-bold-left.white {
  background: url(../img/icon/arrow-bold-left.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-bold-right {
  background: url(../img/icon/arrow-bold-right.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-bold-right.white {
  background: url(../img/icon/arrow-bold-right.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-bold-up {
  background: url(../img/icon/arrow-bold-up.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-bold-up.white {
  background: url(../img/icon/arrow-bold-up.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-down {
  background: url(../img/icon/arrow-down.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-down.white {
  background: url(../img/icon/arrow-down.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-left {
  background: url(../img/icon/arrow-left.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-left.white {
  background: url(../img/icon/arrow-left.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-long-down {
  background: url(../img/icon/arrow-long-down.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-long-down.white {
  background: url(../img/icon/arrow-long-down.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-long-left {
  background: url(../img/icon/arrow-long-left.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-long-left.white {
  background: url(../img/icon/arrow-long-left.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-long-right {
  background: url(../img/icon/arrow-long-right.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-long-right.white {
  background: url(../img/icon/arrow-long-right.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-long-up {
  background: url(../img/icon/arrow-long-up.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-long-up.white {
  background: url(../img/icon/arrow-long-up.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-right {
  background: url(../img/icon/arrow-right.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-right.white {
  background: url(../img/icon/arrow-right.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-up {
  background: url(../img/icon/arrow-up.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-up.white {
  background: url(../img/icon/arrow-up.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-with-circle-down {
  background: url(../img/icon/arrow-with-circle-down.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-with-circle-down.white {
  background: url(../img/icon/arrow-with-circle-down.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-with-circle-left {
  background: url(../img/icon/arrow-with-circle-left.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-with-circle-left.white {
  background: url(../img/icon/arrow-with-circle-left.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-with-circle-right {
  background: url(../img/icon/arrow-with-circle-right.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-with-circle-right.white {
  background: url(../img/icon/arrow-with-circle-right.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.arrow-with-circle-up {
  background: url(../img/icon/arrow-with-circle-up.svg) no-repeat 50% 50%/contain;
}

.icon.arrow-with-circle-up.white {
  background: url(../img/icon/arrow-with-circle-up.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.attachment {
  background: url(../img/icon/attachment.svg) no-repeat 50% 50%/contain;
}

.icon.attachment.white {
  background: url(../img/icon/attachment.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.awareness-ribbon {
  background: url(../img/icon/awareness-ribbon.svg) no-repeat 50% 50%/contain;
}

.icon.awareness-ribbon.white {
  background: url(../img/icon/awareness-ribbon.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.back-in-time {
  background: url(../img/icon/back-in-time.svg) no-repeat 50% 50%/contain;
}

.icon.back-in-time.white {
  background: url(../img/icon/back-in-time.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.back {
  background: url(../img/icon/back.svg) no-repeat 50% 50%/contain;
}

.icon.back.white {
  background: url(../img/icon/back.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.baidu {
  background: url(../img/icon/baidu.svg) no-repeat 50% 50%/contain;
}

.icon.baidu.white {
  background: url(../img/icon/baidu.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.bar-graph {
  background: url(../img/icon/bar-graph.svg) no-repeat 50% 50%/contain;
}

.icon.bar-graph.white {
  background: url(../img/icon/bar-graph.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.basecamp {
  background: url(../img/icon/basecamp.svg) no-repeat 50% 50%/contain;
}

.icon.basecamp.white {
  background: url(../img/icon/basecamp.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.battery {
  background: url(../img/icon/battery.svg) no-repeat 50% 50%/contain;
}

.icon.battery.white {
  background: url(../img/icon/battery.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.beamed-note {
  background: url(../img/icon/beamed-note.svg) no-repeat 50% 50%/contain;
}

.icon.beamed-note.white {
  background: url(../img/icon/beamed-note.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.behance {
  background: url(../img/icon/behance.svg) no-repeat 50% 50%/contain;
}

.icon.behance.white {
  background: url(../img/icon/behance.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.bell {
  background: url(../img/icon/bell.svg) no-repeat 50% 50%/contain;
}

.icon.bell.white {
  background: url(../img/icon/bell.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.blackboard {
  background: url(../img/icon/blackboard.svg) no-repeat 50% 50%/contain;
}

.icon.blackboard.white {
  background: url(../img/icon/blackboard.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.block {
  background: url(../img/icon/block.svg) no-repeat 50% 50%/contain;
}

.icon.block.white {
  background: url(../img/icon/block.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.book {
  background: url(../img/icon/book.svg) no-repeat 50% 50%/contain;
}

.icon.book.white {
  background: url(../img/icon/book.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.bookmark {
  background: url(../img/icon/bookmark.svg) no-repeat 50% 50%/contain;
}

.icon.bookmark.white {
  background: url(../img/icon/bookmark.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.bookmarks {
  background: url(../img/icon/bookmarks.svg) no-repeat 50% 50%/contain;
}

.icon.bookmarks.white {
  background: url(../img/icon/bookmarks.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.bowl {
  background: url(../img/icon/bowl.svg) no-repeat 50% 50%/contain;
}

.icon.bowl.white {
  background: url(../img/icon/bowl.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.box {
  background: url(../img/icon/box.svg) no-repeat 50% 50%/contain;
}

.icon.box.white {
  background: url(../img/icon/box.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.briefcase {
  background: url(../img/icon/briefcase.svg) no-repeat 50% 50%/contain;
}

.icon.briefcase.white {
  background: url(../img/icon/briefcase.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.browser {
  background: url(../img/icon/browser.svg) no-repeat 50% 50%/contain;
}

.icon.browser.white {
  background: url(../img/icon/browser.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.brush {
  background: url(../img/icon/brush.svg) no-repeat 50% 50%/contain;
}

.icon.brush.white {
  background: url(../img/icon/brush.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.bucket {
  background: url(../img/icon/bucket.svg) no-repeat 50% 50%/contain;
}

.icon.bucket.white {
  background: url(../img/icon/bucket.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.bug {
  background: url(../img/icon/bug.svg) no-repeat 50% 50%/contain;
}

.icon.bug.white {
  background: url(../img/icon/bug.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.cake {
  background: url(../img/icon/cake.svg) no-repeat 50% 50%/contain;
}

.icon.cake.white {
  background: url(../img/icon/cake.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.calculator {
  background: url(../img/icon/calculator.svg) no-repeat 50% 50%/contain;
}

.icon.calculator.white {
  background: url(../img/icon/calculator.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.calendar {
  background: url(../img/icon/calendar.svg) no-repeat 50% 50%/contain;
}

.icon.calendar.white {
  background: url(../img/icon/calendar.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.camera {
  background: url(../img/icon/camera.svg) no-repeat 50% 50%/contain;
}

.icon.camera.white {
  background: url(../img/icon/camera.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.ccw {
  background: url(../img/icon/ccw.svg) no-repeat 50% 50%/contain;
}

.icon.ccw.white {
  background: url(../img/icon/ccw.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chat {
  background: url(../img/icon/chat.svg) no-repeat 50% 50%/contain;
}

.icon.chat.white {
  background: url(../img/icon/chat.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.check {
  background: url(../img/icon/check.svg) no-repeat 50% 50%/contain;
}

.icon.check.white {
  background: url(../img/icon/check.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-down {
  background: url(../img/icon/chevron-down.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-down.white {
  background: url(../img/icon/chevron-down.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-left {
  background: url(../img/icon/chevron-left.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-left.white {
  background: url(../img/icon/chevron-left.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-right {
  background: url(../img/icon/chevron-right.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-right.white {
  background: url(../img/icon/chevron-right.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-small-down {
  background: url(../img/icon/chevron-small-down.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-small-down.white {
  background: url(../img/icon/chevron-small-down.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-small-left {
  background: url(../img/icon/chevron-small-left.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-small-left.white {
  background: url(../img/icon/chevron-small-left.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-small-right {
  background: url(../img/icon/chevron-small-right.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-small-right.white {
  background: url(../img/icon/chevron-small-right.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-small-up {
  background: url(../img/icon/chevron-small-up.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-small-up.white {
  background: url(../img/icon/chevron-small-up.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-thin-down {
  background: url(../img/icon/chevron-thin-down.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-thin-down.white {
  background: url(../img/icon/chevron-thin-down.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-thin-left {
  background: url(../img/icon/chevron-thin-left.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-thin-left.white {
  background: url(../img/icon/chevron-thin-left.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-thin-right {
  background: url(../img/icon/chevron-thin-right.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-thin-right.white {
  background: url(../img/icon/chevron-thin-right.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-thin-up {
  background: url(../img/icon/chevron-thin-up.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-thin-up.white {
  background: url(../img/icon/chevron-thin-up.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-up {
  background: url(../img/icon/chevron-up.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-up.white {
  background: url(../img/icon/chevron-up.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-with-circle-down {
  background: url(../img/icon/chevron-with-circle-down.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-with-circle-down.white {
  background: url(../img/icon/chevron-with-circle-down.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-with-circle-left {
  background: url(../img/icon/chevron-with-circle-left.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-with-circle-left.white {
  background: url(../img/icon/chevron-with-circle-left.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-with-circle-right {
  background: url(../img/icon/chevron-with-circle-right.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-with-circle-right.white {
  background: url(../img/icon/chevron-with-circle-right.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.chevron-with-circle-up {
  background: url(../img/icon/chevron-with-circle-up.svg) no-repeat 50% 50%/contain;
}

.icon.chevron-with-circle-up.white {
  background: url(../img/icon/chevron-with-circle-up.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.circle-with-cross {
  background: url(../img/icon/circle-with-cross.svg) no-repeat 50% 50%/contain;
}

.icon.circle-with-cross.white {
  background: url(../img/icon/circle-with-cross.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.circle-with-minus {
  background: url(../img/icon/circle-with-minus.svg) no-repeat 50% 50%/contain;
}

.icon.circle-with-minus.white {
  background: url(../img/icon/circle-with-minus.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.circle-with-plus {
  background: url(../img/icon/circle-with-plus.svg) no-repeat 50% 50%/contain;
}

.icon.circle-with-plus.white {
  background: url(../img/icon/circle-with-plus.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.circle {
  background: url(../img/icon/circle.svg) no-repeat 50% 50%/contain;
}

.icon.circle.white {
  background: url(../img/icon/circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.circular-graph {
  background: url(../img/icon/circular-graph.svg) no-repeat 50% 50%/contain;
}

.icon.circular-graph.white {
  background: url(../img/icon/circular-graph.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.clapperboard {
  background: url(../img/icon/clapperboard.svg) no-repeat 50% 50%/contain;
}

.icon.clapperboard.white {
  background: url(../img/icon/clapperboard.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.classic-computer {
  background: url(../img/icon/classic-computer.svg) no-repeat 50% 50%/contain;
}

.icon.classic-computer.white {
  background: url(../img/icon/classic-computer.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.clipboard {
  background: url(../img/icon/clipboard.svg) no-repeat 50% 50%/contain;
}

.icon.clipboard.white {
  background: url(../img/icon/clipboard.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.clock {
  background: url(../img/icon/clock.svg) no-repeat 50% 50%/contain;
}

.icon.clock.white {
  background: url(../img/icon/clock.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.cloud {
  background: url(../img/icon/cloud.svg) no-repeat 50% 50%/contain;
}

.icon.cloud.white {
  background: url(../img/icon/cloud.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.code {
  background: url(../img/icon/code.svg) no-repeat 50% 50%/contain;
}

.icon.code.white {
  background: url(../img/icon/code.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.cog {
  background: url(../img/icon/cog.svg) no-repeat 50% 50%/contain;
}

.icon.cog.white {
  background: url(../img/icon/cog.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.colours {
  background: url(../img/icon/colours.svg) no-repeat 50% 50%/contain;
}

.icon.colours.white {
  background: url(../img/icon/colours.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.compass {
  background: url(../img/icon/compass.svg) no-repeat 50% 50%/contain;
}

.icon.compass.white {
  background: url(../img/icon/compass.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.controller-fast-backward {
  background: url(../img/icon/controller-fast-backward.svg) no-repeat 50% 50%/contain;
}

.icon.controller-fast-backward.white {
  background: url(../img/icon/controller-fast-backward.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.controller-fast-forward {
  background: url(../img/icon/controller-fast-forward.svg) no-repeat 50% 50%/contain;
}

.icon.controller-fast-forward.white {
  background: url(../img/icon/controller-fast-forward.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.controller-jump-to-start {
  background: url(../img/icon/controller-jump-to-start.svg) no-repeat 50% 50%/contain;
}

.icon.controller-jump-to-start.white {
  background: url(../img/icon/controller-jump-to-start.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.controller-next {
  background: url(../img/icon/controller-next.svg) no-repeat 50% 50%/contain;
}

.icon.controller-next.white {
  background: url(../img/icon/controller-next.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.controller-paus {
  background: url(../img/icon/controller-paus.svg) no-repeat 50% 50%/contain;
}

.icon.controller-paus.white {
  background: url(../img/icon/controller-paus.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.controller-play {
  background: url(../img/icon/controller-play.svg) no-repeat 50% 50%/contain;
}

.icon.controller-play.white {
  background: url(../img/icon/controller-play.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.controller-record {
  background: url(../img/icon/controller-record.svg) no-repeat 50% 50%/contain;
}

.icon.controller-record.white {
  background: url(../img/icon/controller-record.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.controller-stop {
  background: url(../img/icon/controller-stop.svg) no-repeat 50% 50%/contain;
}

.icon.controller-stop.white {
  background: url(../img/icon/controller-stop.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.controller-volume {
  background: url(../img/icon/controller-volume.svg) no-repeat 50% 50%/contain;
}

.icon.controller-volume.white {
  background: url(../img/icon/controller-volume.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.copy {
  background: url(../img/icon/copy.svg) no-repeat 50% 50%/contain;
}

.icon.copy.white {
  background: url(../img/icon/copy.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.creative-cloud {
  background: url(../img/icon/creative-cloud.svg) no-repeat 50% 50%/contain;
}

.icon.creative-cloud.white {
  background: url(../img/icon/creative-cloud.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.creative-commons-attribution {
  background: url(../img/icon/creative-commons-attribution.svg) no-repeat 50% 50%/contain;
}

.icon.creative-commons-attribution.white {
  background: url(../img/icon/creative-commons-attribution.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.creative-commons-noderivs {
  background: url(../img/icon/creative-commons-noderivs.svg) no-repeat 50% 50%/contain;
}

.icon.creative-commons-noderivs.white {
  background: url(../img/icon/creative-commons-noderivs.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.creative-commons-noncommercial-eu {
  background: url(../img/icon/creative-commons-noncommercial-eu.svg) no-repeat 50% 50%/contain;
}

.icon.creative-commons-noncommercial-eu.white {
  background: url(../img/icon/creative-commons-noncommercial-eu.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.creative-commons-noncommercial-us {
  background: url(../img/icon/creative-commons-noncommercial-us.svg) no-repeat 50% 50%/contain;
}

.icon.creative-commons-noncommercial-us.white {
  background: url(../img/icon/creative-commons-noncommercial-us.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.creative-commons-public-domain {
  background: url(../img/icon/creative-commons-public-domain.svg) no-repeat 50% 50%/contain;
}

.icon.creative-commons-public-domain.white {
  background: url(../img/icon/creative-commons-public-domain.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.creative-commons-remix {
  background: url(../img/icon/creative-commons-remix.svg) no-repeat 50% 50%/contain;
}

.icon.creative-commons-remix.white {
  background: url(../img/icon/creative-commons-remix.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.creative-commons-share {
  background: url(../img/icon/creative-commons-share.svg) no-repeat 50% 50%/contain;
}

.icon.creative-commons-share.white {
  background: url(../img/icon/creative-commons-share.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.creative-commons-sharealike {
  background: url(../img/icon/creative-commons-sharealike.svg) no-repeat 50% 50%/contain;
}

.icon.creative-commons-sharealike.white {
  background: url(../img/icon/creative-commons-sharealike.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.creative-commons {
  background: url(../img/icon/creative-commons.svg) no-repeat 50% 50%/contain;
}

.icon.creative-commons.white {
  background: url(../img/icon/creative-commons.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.credit-card {
  background: url(../img/icon/credit-card.svg) no-repeat 50% 50%/contain;
}

.icon.credit-card.white {
  background: url(../img/icon/credit-card.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.credit {
  background: url(../img/icon/credit.svg) no-repeat 50% 50%/contain;
}

.icon.credit.white {
  background: url(../img/icon/credit.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.crop {
  background: url(../img/icon/crop.svg) no-repeat 50% 50%/contain;
}

.icon.crop.white {
  background: url(../img/icon/crop.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.cross {
  background: url(../img/icon/cross.svg) no-repeat 50% 50%/contain;
}

.icon.cross.white {
  background: url(../img/icon/cross.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.cup {
  background: url(../img/icon/cup.svg) no-repeat 50% 50%/contain;
}

.icon.cup.white {
  background: url(../img/icon/cup.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.cw {
  background: url(../img/icon/cw.svg) no-repeat 50% 50%/contain;
}

.icon.cw.white {
  background: url(../img/icon/cw.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.cycle {
  background: url(../img/icon/cycle.svg) no-repeat 50% 50%/contain;
}

.icon.cycle.white {
  background: url(../img/icon/cycle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.database {
  background: url(../img/icon/database.svg) no-repeat 50% 50%/contain;
}

.icon.database.white {
  background: url(../img/icon/database.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.dial-pad {
  background: url(../img/icon/dial-pad.svg) no-repeat 50% 50%/contain;
}

.icon.dial-pad.white {
  background: url(../img/icon/dial-pad.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.direction {
  background: url(../img/icon/direction.svg) no-repeat 50% 50%/contain;
}

.icon.direction.white {
  background: url(../img/icon/direction.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.document-landscape {
  background: url(../img/icon/document-landscape.svg) no-repeat 50% 50%/contain;
}

.icon.document-landscape.white {
  background: url(../img/icon/document-landscape.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.document {
  background: url(../img/icon/document.svg) no-repeat 50% 50%/contain;
}

.icon.document.white {
  background: url(../img/icon/document.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.documents {
  background: url(../img/icon/documents.svg) no-repeat 50% 50%/contain;
}

.icon.documents.white {
  background: url(../img/icon/documents.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.dot-single {
  background: url(../img/icon/dot-single.svg) no-repeat 50% 50%/contain;
}

.icon.dot-single.white {
  background: url(../img/icon/dot-single.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.dots-three-horizontal {
  background: url(../img/icon/dots-three-horizontal.svg) no-repeat 50% 50%/contain;
}

.icon.dots-three-horizontal.white {
  background: url(../img/icon/dots-three-horizontal.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.dots-three-vertical {
  background: url(../img/icon/dots-three-vertical.svg) no-repeat 50% 50%/contain;
}

.icon.dots-three-vertical.white {
  background: url(../img/icon/dots-three-vertical.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.dots-two-horizontal {
  background: url(../img/icon/dots-two-horizontal.svg) no-repeat 50% 50%/contain;
}

.icon.dots-two-horizontal.white {
  background: url(../img/icon/dots-two-horizontal.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.dots-two-vertical {
  background: url(../img/icon/dots-two-vertical.svg) no-repeat 50% 50%/contain;
}

.icon.dots-two-vertical.white {
  background: url(../img/icon/dots-two-vertical.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.download {
  background: url(../img/icon/download.svg) no-repeat 50% 50%/contain;
}

.icon.download.white {
  background: url(../img/icon/download.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.dribbble-with-circle {
  background: url(../img/icon/dribbble-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.dribbble-with-circle.white {
  background: url(../img/icon/dribbble-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.dribbble {
  background: url(../img/icon/dribbble.svg) no-repeat 50% 50%/contain;
}

.icon.dribbble.white {
  background: url(../img/icon/dribbble.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.drink {
  background: url(../img/icon/drink.svg) no-repeat 50% 50%/contain;
}

.icon.drink.white {
  background: url(../img/icon/drink.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.drive {
  background: url(../img/icon/drive.svg) no-repeat 50% 50%/contain;
}

.icon.drive.white {
  background: url(../img/icon/drive.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.drop {
  background: url(../img/icon/drop.svg) no-repeat 50% 50%/contain;
}

.icon.drop.white {
  background: url(../img/icon/drop.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.dropbox {
  background: url(../img/icon/dropbox.svg) no-repeat 50% 50%/contain;
}

.icon.dropbox.white {
  background: url(../img/icon/dropbox.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.edit {
  background: url(../img/icon/edit.svg) no-repeat 50% 50%/contain;
}

.icon.edit.white {
  background: url(../img/icon/edit.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.email {
  background: url(../img/icon/email.svg) no-repeat 50% 50%/contain;
}

.icon.email.white {
  background: url(../img/icon/email.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.emoji-flirt {
  background: url(../img/icon/emoji-flirt.svg) no-repeat 50% 50%/contain;
}

.icon.emoji-flirt.white {
  background: url(../img/icon/emoji-flirt.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.emoji-happy {
  background: url(../img/icon/emoji-happy.svg) no-repeat 50% 50%/contain;
}

.icon.emoji-happy.white {
  background: url(../img/icon/emoji-happy.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.emoji-neutral {
  background: url(../img/icon/emoji-neutral.svg) no-repeat 50% 50%/contain;
}

.icon.emoji-neutral.white {
  background: url(../img/icon/emoji-neutral.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.emoji-sad {
  background: url(../img/icon/emoji-sad.svg) no-repeat 50% 50%/contain;
}

.icon.emoji-sad.white {
  background: url(../img/icon/emoji-sad.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.erase {
  background: url(../img/icon/erase.svg) no-repeat 50% 50%/contain;
}

.icon.erase.white {
  background: url(../img/icon/erase.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.eraser {
  background: url(../img/icon/eraser.svg) no-repeat 50% 50%/contain;
}

.icon.eraser.white {
  background: url(../img/icon/eraser.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.evernote {
  background: url(../img/icon/evernote.svg) no-repeat 50% 50%/contain;
}

.icon.evernote.white {
  background: url(../img/icon/evernote.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.export {
  background: url(../img/icon/export.svg) no-repeat 50% 50%/contain;
}

.icon.export.white {
  background: url(../img/icon/export.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.eye-with-line {
  background: url(../img/icon/eye-with-line.svg) no-repeat 50% 50%/contain;
}

.icon.eye-with-line.white {
  background: url(../img/icon/eye-with-line.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.eye {
  background: url(../img/icon/eye.svg) no-repeat 50% 50%/contain;
}

.icon.eye.white {
  background: url(../img/icon/eye.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.facebook-with-circle {
  background: url(../img/icon/facebook-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.facebook-with-circle.white {
  background: url(../img/icon/facebook-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.facebook {
  background: url(../img/icon/facebook.svg) no-repeat 50% 50%/contain;
}

.icon.facebook.white {
  background: url(../img/icon/facebook.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.feather {
  background: url(../img/icon/feather.svg) no-repeat 50% 50%/contain;
}

.icon.feather.white {
  background: url(../img/icon/feather.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.fingerprint {
  background: url(../img/icon/fingerprint.svg) no-repeat 50% 50%/contain;
}

.icon.fingerprint.white {
  background: url(../img/icon/fingerprint.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.flag {
  background: url(../img/icon/flag.svg) no-repeat 50% 50%/contain;
}

.icon.flag.white {
  background: url(../img/icon/flag.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.flash {
  background: url(../img/icon/flash.svg) no-repeat 50% 50%/contain;
}

.icon.flash.white {
  background: url(../img/icon/flash.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.flashlight {
  background: url(../img/icon/flashlight.svg) no-repeat 50% 50%/contain;
}

.icon.flashlight.white {
  background: url(../img/icon/flashlight.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.flat-brush {
  background: url(../img/icon/flat-brush.svg) no-repeat 50% 50%/contain;
}

.icon.flat-brush.white {
  background: url(../img/icon/flat-brush.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.flattr {
  background: url(../img/icon/flattr.svg) no-repeat 50% 50%/contain;
}

.icon.flattr.white {
  background: url(../img/icon/flattr.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.flickr-with-circle {
  background: url(../img/icon/flickr-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.flickr-with-circle.white {
  background: url(../img/icon/flickr-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.flickr {
  background: url(../img/icon/flickr.svg) no-repeat 50% 50%/contain;
}

.icon.flickr.white {
  background: url(../img/icon/flickr.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.flow-branch {
  background: url(../img/icon/flow-branch.svg) no-repeat 50% 50%/contain;
}

.icon.flow-branch.white {
  background: url(../img/icon/flow-branch.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.flow-cascade {
  background: url(../img/icon/flow-cascade.svg) no-repeat 50% 50%/contain;
}

.icon.flow-cascade.white {
  background: url(../img/icon/flow-cascade.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.flow-line {
  background: url(../img/icon/flow-line.svg) no-repeat 50% 50%/contain;
}

.icon.flow-line.white {
  background: url(../img/icon/flow-line.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.flow-parallel {
  background: url(../img/icon/flow-parallel.svg) no-repeat 50% 50%/contain;
}

.icon.flow-parallel.white {
  background: url(../img/icon/flow-parallel.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.flow-tree {
  background: url(../img/icon/flow-tree.svg) no-repeat 50% 50%/contain;
}

.icon.flow-tree.white {
  background: url(../img/icon/flow-tree.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.flower {
  background: url(../img/icon/flower.svg) no-repeat 50% 50%/contain;
}

.icon.flower.white {
  background: url(../img/icon/flower.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.folder-images {
  background: url(../img/icon/folder-images.svg) no-repeat 50% 50%/contain;
}

.icon.folder-images.white {
  background: url(../img/icon/folder-images.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.folder-music {
  background: url(../img/icon/folder-music.svg) no-repeat 50% 50%/contain;
}

.icon.folder-music.white {
  background: url(../img/icon/folder-music.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.folder-video {
  background: url(../img/icon/folder-video.svg) no-repeat 50% 50%/contain;
}

.icon.folder-video.white {
  background: url(../img/icon/folder-video.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.folder {
  background: url(../img/icon/folder.svg) no-repeat 50% 50%/contain;
}

.icon.folder.white {
  background: url(../img/icon/folder.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.forward {
  background: url(../img/icon/forward.svg) no-repeat 50% 50%/contain;
}

.icon.forward.white {
  background: url(../img/icon/forward.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.foursquare {
  background: url(../img/icon/foursquare.svg) no-repeat 50% 50%/contain;
}

.icon.foursquare.white {
  background: url(../img/icon/foursquare.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.funnel {
  background: url(../img/icon/funnel.svg) no-repeat 50% 50%/contain;
}

.icon.funnel.white {
  background: url(../img/icon/funnel.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.game-controller {
  background: url(../img/icon/game-controller.svg) no-repeat 50% 50%/contain;
}

.icon.game-controller.white {
  background: url(../img/icon/game-controller.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.gauge {
  background: url(../img/icon/gauge.svg) no-repeat 50% 50%/contain;
}

.icon.gauge.white {
  background: url(../img/icon/gauge.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.github-with-circle {
  background: url(../img/icon/github-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.github-with-circle.white {
  background: url(../img/icon/github-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.github {
  background: url(../img/icon/github.svg) no-repeat 50% 50%/contain;
}

.icon.github.white {
  background: url(../img/icon/github.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.globe {
  background: url(../img/icon/globe.svg) no-repeat 50% 50%/contain;
}

.icon.globe.white {
  background: url(../img/icon/globe.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.google-with-circle {
  background: url(../img/icon/google-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.google-with-circle.white {
  background: url(../img/icon/google-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.googlegoogle-drive {
  background: url(../img/icon/googlegoogle-drive.svg) no-repeat 50% 50%/contain;
}

.icon.googlegoogle-drive.white {
  background: url(../img/icon/googlegoogle-drive.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.google-hangouts {
  background: url(../img/icon/google-hangouts.svg) no-repeat 50% 50%/contain;
}

.icon.google-hangouts.white {
  background: url(../img/icon/google-hangouts.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.google-play {
  background: url(../img/icon/google-play.svg) no-repeat 50% 50%/contain;
}

.icon.google-play.white {
  background: url(../img/icon/google-play.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.graduation-cap {
  background: url(../img/icon/graduation-cap.svg) no-repeat 50% 50%/contain;
}

.icon.graduation-cap.white {
  background: url(../img/icon/graduation-cap.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.grid {
  background: url(../img/icon/grid.svg) no-repeat 50% 50%/contain;
}

.icon.grid.white {
  background: url(../img/icon/grid.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.grooveshark {
  background: url(../img/icon/grooveshark.svg) no-repeat 50% 50%/contain;
}

.icon.grooveshark.white {
  background: url(../img/icon/grooveshark.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.hair-cross {
  background: url(../img/icon/hair-cross.svg) no-repeat 50% 50%/contain;
}

.icon.hair-cross.white {
  background: url(../img/icon/hair-cross.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.hand {
  background: url(../img/icon/hand.svg) no-repeat 50% 50%/contain;
}

.icon.hand.white {
  background: url(../img/icon/hand.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.heart-outlined {
  background: url(../img/icon/heart-outlined.svg) no-repeat 50% 50%/contain;
}

.icon.heart-outlined.white {
  background: url(../img/icon/heart-outlined.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.heart {
  background: url(../img/icon/heart.svg) no-repeat 50% 50%/contain;
}

.icon.heart.white {
  background: url(../img/icon/heart.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.help-with-circle {
  background: url(../img/icon/help-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.help-with-circle.white {
  background: url(../img/icon/help-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.help {
  background: url(../img/icon/help.svg) no-repeat 50% 50%/contain;
}

.icon.help.white {
  background: url(../img/icon/help.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.home {
  background: url(../img/icon/home.svg) no-repeat 50% 50%/contain;
}

.icon.home.white {
  background: url(../img/icon/home.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.hour-glass {
  background: url(../img/icon/hour-glass.svg) no-repeat 50% 50%/contain;
}

.icon.hour-glass.white {
  background: url(../img/icon/hour-glass.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.houzz {
  background: url(../img/icon/houzz.svg) no-repeat 50% 50%/contain;
}

.icon.houzz.white {
  background: url(../img/icon/houzz.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.icloud {
  background: url(../img/icon/icloud.svg) no-repeat 50% 50%/contain;
}

.icon.icloud.white {
  background: url(../img/icon/icloud.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.image-inverted {
  background: url(../img/icon/image-inverted.svg) no-repeat 50% 50%/contain;
}

.icon.image-inverted.white {
  background: url(../img/icon/image-inverted.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.image {
  background: url(../img/icon/image.svg) no-repeat 50% 50%/contain;
}

.icon.image.white {
  background: url(../img/icon/image.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.images {
  background: url(../img/icon/images.svg) no-repeat 50% 50%/contain;
}

.icon.images.white {
  background: url(../img/icon/images.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.inbox {
  background: url(../img/icon/inbox.svg) no-repeat 50% 50%/contain;
}

.icon.inbox.white {
  background: url(../img/icon/inbox.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.infinity {
  background: url(../img/icon/infinity.svg) no-repeat 50% 50%/contain;
}

.icon.infinity.white {
  background: url(../img/icon/infinity.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.info-with-circle {
  background: url(../img/icon/info-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.info-with-circle.white {
  background: url(../img/icon/info-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.info {
  background: url(../img/icon/info.svg) no-repeat 50% 50%/contain;
}

.icon.info.white {
  background: url(../img/icon/info.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.instagram-with-circle {
  background: url(../img/icon/instagram-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.instagram-with-circle.white {
  background: url(../img/icon/instagram-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.instagram {
  background: url(../img/icon/instagram.svg) no-repeat 50% 50%/contain;
}

.icon.instagram.white {
  background: url(../img/icon/instagram.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.install {
  background: url(../img/icon/install.svg) no-repeat 50% 50%/contain;
}

.icon.install.white {
  background: url(../img/icon/install.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.key {
  background: url(../img/icon/key.svg) no-repeat 50% 50%/contain;
}

.icon.key.white {
  background: url(../img/icon/key.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.keyboard {
  background: url(../img/icon/keyboard.svg) no-repeat 50% 50%/contain;
}

.icon.keyboard.white {
  background: url(../img/icon/keyboard.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.lab-flask {
  background: url(../img/icon/lab-flask.svg) no-repeat 50% 50%/contain;
}

.icon.lab-flask.white {
  background: url(../img/icon/lab-flask.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.landline {
  background: url(../img/icon/landline.svg) no-repeat 50% 50%/contain;
}

.icon.landline.white {
  background: url(../img/icon/landline.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.language {
  background: url(../img/icon/language.svg) no-repeat 50% 50%/contain;
}

.icon.language.white {
  background: url(../img/icon/language.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.laptop {
  background: url(../img/icon/laptop.svg) no-repeat 50% 50%/contain;
}

.icon.laptop.white {
  background: url(../img/icon/laptop.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.lastfm-with-circle {
  background: url(../img/icon/lastfm-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.lastfm-with-circle.white {
  background: url(../img/icon/lastfm-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.lastfm {
  background: url(../img/icon/lastfm.svg) no-repeat 50% 50%/contain;
}

.icon.lastfm.white {
  background: url(../img/icon/lastfm.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.layers {
  background: url(../img/icon/layers.svg) no-repeat 50% 50%/contain;
}

.icon.layers.white {
  background: url(../img/icon/layers.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.leaf {
  background: url(../img/icon/leaf.svg) no-repeat 50% 50%/contain;
}

.icon.leaf.white {
  background: url(../img/icon/leaf.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.level-down {
  background: url(../img/icon/level-down.svg) no-repeat 50% 50%/contain;
}

.icon.level-down.white {
  background: url(../img/icon/level-down.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.level-up {
  background: url(../img/icon/level-up.svg) no-repeat 50% 50%/contain;
}

.icon.level-up.white {
  background: url(../img/icon/level-up.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.lifebuoy {
  background: url(../img/icon/lifebuoy.svg) no-repeat 50% 50%/contain;
}

.icon.lifebuoy.white {
  background: url(../img/icon/lifebuoy.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.light-bulb {
  background: url(../img/icon/light-bulb.svg) no-repeat 50% 50%/contain;
}

.icon.light-bulb.white {
  background: url(../img/icon/light-bulb.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.light-down {
  background: url(../img/icon/light-down.svg) no-repeat 50% 50%/contain;
}

.icon.light-down.white {
  background: url(../img/icon/light-down.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.light-up {
  background: url(../img/icon/light-up.svg) no-repeat 50% 50%/contain;
}

.icon.light-up.white {
  background: url(../img/icon/light-up.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.line-graph {
  background: url(../img/icon/line-graph.svg) no-repeat 50% 50%/contain;
}

.icon.line-graph.white {
  background: url(../img/icon/line-graph.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.link {
  background: url(../img/icon/link.svg) no-repeat 50% 50%/contain;
}

.icon.link.white {
  background: url(../img/icon/link.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.linkedin-with-circle {
  background: url(../img/icon/linkedin-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.linkedin-with-circle.white {
  background: url(../img/icon/linkedin-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.linkedin {
  background: url(../img/icon/linkedin.svg) no-repeat 50% 50%/contain;
}

.icon.linkedin.white {
  background: url(../img/icon/linkedin.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.list {
  background: url(../img/icon/list.svg) no-repeat 50% 50%/contain;
}

.icon.list.white {
  background: url(../img/icon/list.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.location-pin {
  background: url(../img/icon/location-pin.svg) no-repeat 50% 50%/contain;
}

.icon.location-pin.white {
  background: url(../img/icon/location-pin.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.location {
  background: url(../img/icon/location.svg) no-repeat 50% 50%/contain;
}

.icon.location.white {
  background: url(../img/icon/location.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.lock-open {
  background: url(../img/icon/lock-open.svg) no-repeat 50% 50%/contain;
}

.icon.lock-open.white {
  background: url(../img/icon/lock-open.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.lock {
  background: url(../img/icon/lock.svg) no-repeat 50% 50%/contain;
}

.icon.lock.white {
  background: url(../img/icon/lock.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.log-out {
  background: url(../img/icon/log-out.svg) no-repeat 50% 50%/contain;
}

.icon.log-out.white {
  background: url(../img/icon/log-out.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.login {
  background: url(../img/icon/login.svg) no-repeat 50% 50%/contain;
}

.icon.login.white {
  background: url(../img/icon/login.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.loop {
  background: url(../img/icon/loop.svg) no-repeat 50% 50%/contain;
}

.icon.loop.white {
  background: url(../img/icon/loop.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.magnet {
  background: url(../img/icon/magnet.svg) no-repeat 50% 50%/contain;
}

.icon.magnet.white {
  background: url(../img/icon/magnet.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.magnifying-glass {
  background: url(../img/icon/magnifying-glass.svg) no-repeat 50% 50%/contain;
}

.icon.magnifying-glass.white {
  background: url(../img/icon/magnifying-glass.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.mail-with-circle {
  background: url(../img/icon/mail-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.mail-with-circle.white {
  background: url(../img/icon/mail-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.mail {
  background: url(../img/icon/mail.svg) no-repeat 50% 50%/contain;
}

.icon.mail.white {
  background: url(../img/icon/mail.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.man {
  background: url(../img/icon/man.svg) no-repeat 50% 50%/contain;
}

.icon.man.white {
  background: url(../img/icon/man.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.map {
  background: url(../img/icon/map.svg) no-repeat 50% 50%/contain;
}

.icon.map.white {
  background: url(../img/icon/map.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.mask {
  background: url(../img/icon/mask.svg) no-repeat 50% 50%/contain;
}

.icon.mask.white {
  background: url(../img/icon/mask.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.medal {
  background: url(../img/icon/medal.svg) no-repeat 50% 50%/contain;
}

.icon.medal.white {
  background: url(../img/icon/medal.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.medium-with-circle {
  background: url(../img/icon/medium-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.medium-with-circle.white {
  background: url(../img/icon/medium-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.medium {
  background: url(../img/icon/medium.svg) no-repeat 50% 50%/contain;
}

.icon.medium.white {
  background: url(../img/icon/medium.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.megaphone {
  background: url(../img/icon/megaphone.svg) no-repeat 50% 50%/contain;
}

.icon.megaphone.white {
  background: url(../img/icon/megaphone.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.menu {
  background: url(../img/icon/menu.svg) no-repeat 50% 50%/contain;
}

.icon.menu.white {
  background: url(../img/icon/menu.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.merge {
  background: url(../img/icon/merge.svg) no-repeat 50% 50%/contain;
}

.icon.merge.white {
  background: url(../img/icon/merge.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.message {
  background: url(../img/icon/message.svg) no-repeat 50% 50%/contain;
}

.icon.message.white {
  background: url(../img/icon/message.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.mic {
  background: url(../img/icon/mic.svg) no-repeat 50% 50%/contain;
}

.icon.mic.white {
  background: url(../img/icon/mic.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.minus {
  background: url(../img/icon/minus.svg) no-repeat 50% 50%/contain;
}

.icon.minus.white {
  background: url(../img/icon/minus.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.mixi {
  background: url(../img/icon/mixi.svg) no-repeat 50% 50%/contain;
}

.icon.mixi.white {
  background: url(../img/icon/mixi.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.mobile {
  background: url(../img/icon/mobile.svg) no-repeat 50% 50%/contain;
}

.icon.mobile.white {
  background: url(../img/icon/mobile.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.modern-mic {
  background: url(../img/icon/modern-mic.svg) no-repeat 50% 50%/contain;
}

.icon.modern-mic.white {
  background: url(../img/icon/modern-mic.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.moon {
  background: url(../img/icon/moon.svg) no-repeat 50% 50%/contain;
}

.icon.moon.white {
  background: url(../img/icon/moon.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.mouse-pointer {
  background: url(../img/icon/mouse-pointer.svg) no-repeat 50% 50%/contain;
}

.icon.mouse-pointer.white {
  background: url(../img/icon/mouse-pointer.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.mouse {
  background: url(../img/icon/mouse.svg) no-repeat 50% 50%/contain;
}

.icon.mouse.white {
  background: url(../img/icon/mouse.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.music {
  background: url(../img/icon/music.svg) no-repeat 50% 50%/contain;
}

.icon.music.white {
  background: url(../img/icon/music.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.network {
  background: url(../img/icon/network.svg) no-repeat 50% 50%/contain;
}

.icon.network.white {
  background: url(../img/icon/network.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.new-message {
  background: url(../img/icon/new-message.svg) no-repeat 50% 50%/contain;
}

.icon.new-message.white {
  background: url(../img/icon/new-message.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.new {
  background: url(../img/icon/new.svg) no-repeat 50% 50%/contain;
}

.icon.new.white {
  background: url(../img/icon/new.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.news {
  background: url(../img/icon/news.svg) no-repeat 50% 50%/contain;
}

.icon.news.white {
  background: url(../img/icon/news.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.newsletter {
  background: url(../img/icon/newsletter.svg) no-repeat 50% 50%/contain;
}

.icon.newsletter.white {
  background: url(../img/icon/newsletter.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.note {
  background: url(../img/icon/note.svg) no-repeat 50% 50%/contain;
}

.icon.note.white {
  background: url(../img/icon/note.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.notification {
  background: url(../img/icon/notification.svg) no-repeat 50% 50%/contain;
}

.icon.notification.white {
  background: url(../img/icon/notification.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.notifications-off {
  background: url(../img/icon/notifications-off.svg) no-repeat 50% 50%/contain;
}

.icon.notifications-off.white {
  background: url(../img/icon/notifications-off.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.old-mobile {
  background: url(../img/icon/old-mobile.svg) no-repeat 50% 50%/contain;
}

.icon.old-mobile.white {
  background: url(../img/icon/old-mobile.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.old-phone {
  background: url(../img/icon/old-phone.svg) no-repeat 50% 50%/contain;
}

.icon.old-phone.white {
  background: url(../img/icon/old-phone.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.onedrive {
  background: url(../img/icon/onedrive.svg) no-repeat 50% 50%/contain;
}

.icon.onedrive.white {
  background: url(../img/icon/onedrive.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.open-book {
  background: url(../img/icon/open-book.svg) no-repeat 50% 50%/contain;
}

.icon.open-book.white {
  background: url(../img/icon/open-book.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.palette {
  background: url(../img/icon/palette.svg) no-repeat 50% 50%/contain;
}

.icon.palette.white {
  background: url(../img/icon/palette.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.paper-plane {
  background: url(../img/icon/paper-plane.svg) no-repeat 50% 50%/contain;
}

.icon.paper-plane.white {
  background: url(../img/icon/paper-plane.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.paypal {
  background: url(../img/icon/paypal.svg) no-repeat 50% 50%/contain;
}

.icon.paypal.white {
  background: url(../img/icon/paypal.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.pencil {
  background: url(../img/icon/pencil.svg) no-repeat 50% 50%/contain;
}

.icon.pencil.white {
  background: url(../img/icon/pencil.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.phone {
  background: url(../img/icon/phone.svg) no-repeat 50% 50%/contain;
}

.icon.phone.white {
  background: url(../img/icon/phone.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.picasa {
  background: url(../img/icon/picasa.svg) no-repeat 50% 50%/contain;
}

.icon.picasa.white {
  background: url(../img/icon/picasa.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.pie-chart {
  background: url(../img/icon/pie-chart.svg) no-repeat 50% 50%/contain;
}

.icon.pie-chart.white {
  background: url(../img/icon/pie-chart.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.pin {
  background: url(../img/icon/pin.svg) no-repeat 50% 50%/contain;
}

.icon.pin.white {
  background: url(../img/icon/pin.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.pinterest-with-circle {
  background: url(../img/icon/pinterest-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.pinterest-with-circle.white {
  background: url(../img/icon/pinterest-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.pinterest {
  background: url(../img/icon/pinterest.svg) no-repeat 50% 50%/contain;
}

.icon.pinterest.white {
  background: url(../img/icon/pinterest.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.plus {
  background: url(../img/icon/plus.svg) no-repeat 50% 50%/contain;
}

.icon.plus.white {
  background: url(../img/icon/plus.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.popup {
  background: url(../img/icon/popup.svg) no-repeat 50% 50%/contain;
}

.icon.popup.white {
  background: url(../img/icon/popup.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.power-plug {
  background: url(../img/icon/power-plug.svg) no-repeat 50% 50%/contain;
}

.icon.power-plug.white {
  background: url(../img/icon/power-plug.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.price-ribbon {
  background: url(../img/icon/price-ribbon.svg) no-repeat 50% 50%/contain;
}

.icon.price-ribbon.white {
  background: url(../img/icon/price-ribbon.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.price-tag {
  background: url(../img/icon/price-tag.svg) no-repeat 50% 50%/contain;
}

.icon.price-tag.white {
  background: url(../img/icon/price-tag.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.print {
  background: url(../img/icon/print.svg) no-repeat 50% 50%/contain;
}

.icon.print.white {
  background: url(../img/icon/print.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.progress-empty {
  background: url(../img/icon/progress-empty.svg) no-repeat 50% 50%/contain;
}

.icon.progress-empty.white {
  background: url(../img/icon/progress-empty.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.progress-full {
  background: url(../img/icon/progress-full.svg) no-repeat 50% 50%/contain;
}

.icon.progress-full.white {
  background: url(../img/icon/progress-full.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.progress-one {
  background: url(../img/icon/progress-one.svg) no-repeat 50% 50%/contain;
}

.icon.progress-one.white {
  background: url(../img/icon/progress-one.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.progress-two {
  background: url(../img/icon/progress-two.svg) no-repeat 50% 50%/contain;
}

.icon.progress-two.white {
  background: url(../img/icon/progress-two.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.publish {
  background: url(../img/icon/publish.svg) no-repeat 50% 50%/contain;
}

.icon.publish.white {
  background: url(../img/icon/publish.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.qq-with-circle {
  background: url(../img/icon/qq-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.qq-with-circle.white {
  background: url(../img/icon/qq-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.qq {
  background: url(../img/icon/qq.svg) no-repeat 50% 50%/contain;
}

.icon.qq.white {
  background: url(../img/icon/qq.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.quote {
  background: url(../img/icon/quote.svg) no-repeat 50% 50%/contain;
}

.icon.quote.white {
  background: url(../img/icon/quote.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.radio {
  background: url(../img/icon/radio.svg) no-repeat 50% 50%/contain;
}

.icon.radio.white {
  background: url(../img/icon/radio.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.raft-with-circle {
  background: url(../img/icon/raft-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.raft-with-circle.white {
  background: url(../img/icon/raft-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.raft {
  background: url(../img/icon/raft.svg) no-repeat 50% 50%/contain;
}

.icon.raft.white {
  background: url(../img/icon/raft.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.rainbow {
  background: url(../img/icon/rainbow.svg) no-repeat 50% 50%/contain;
}

.icon.rainbow.white {
  background: url(../img/icon/rainbow.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.rdio-with-circle {
  background: url(../img/icon/rdio-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.rdio-with-circle.white {
  background: url(../img/icon/rdio-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.rdio {
  background: url(../img/icon/rdio.svg) no-repeat 50% 50%/contain;
}

.icon.rdio.white {
  background: url(../img/icon/rdio.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.remove-user {
  background: url(../img/icon/remove-user.svg) no-repeat 50% 50%/contain;
}

.icon.remove-user.white {
  background: url(../img/icon/remove-user.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.renren {
  background: url(../img/icon/renren.svg) no-repeat 50% 50%/contain;
}

.icon.renren.white {
  background: url(../img/icon/renren.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.reply-all {
  background: url(../img/icon/reply-all.svg) no-repeat 50% 50%/contain;
}

.icon.reply-all.white {
  background: url(../img/icon/reply-all.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.reply {
  background: url(../img/icon/reply.svg) no-repeat 50% 50%/contain;
}

.icon.reply.white {
  background: url(../img/icon/reply.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.resize-100 {
  background: url(../img/icon/resize-100.svg) no-repeat 50% 50%/contain;
}

.icon.resize-100.white {
  background: url(../img/icon/resize-100.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.resize-full-screen {
  background: url(../img/icon/resize-full-screen.svg) no-repeat 50% 50%/contain;
}

.icon.resize-full-screen.white {
  background: url(../img/icon/resize-full-screen.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.retweet {
  background: url(../img/icon/retweet.svg) no-repeat 50% 50%/contain;
}

.icon.retweet.white {
  background: url(../img/icon/retweet.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.rocket {
  background: url(../img/icon/rocket.svg) no-repeat 50% 50%/contain;
}

.icon.rocket.white {
  background: url(../img/icon/rocket.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.round-brush {
  background: url(../img/icon/round-brush.svg) no-repeat 50% 50%/contain;
}

.icon.round-brush.white {
  background: url(../img/icon/round-brush.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.rss {
  background: url(../img/icon/rss.svg) no-repeat 50% 50%/contain;
}

.icon.rss.white {
  background: url(../img/icon/rss.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.ruler {
  background: url(../img/icon/ruler.svg) no-repeat 50% 50%/contain;
}

.icon.ruler.white {
  background: url(../img/icon/ruler.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.save {
  background: url(../img/icon/save.svg) no-repeat 50% 50%/contain;
}

.icon.save.white {
  background: url(../img/icon/save.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.scissors {
  background: url(../img/icon/scissors.svg) no-repeat 50% 50%/contain;
}

.icon.scissors.white {
  background: url(../img/icon/scissors.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.scribd {
  background: url(../img/icon/scribd.svg) no-repeat 50% 50%/contain;
}

.icon.scribd.white {
  background: url(../img/icon/scribd.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.select-arrows {
  background: url(../img/icon/select-arrows.svg) no-repeat 50% 50%/contain;
}

.icon.select-arrows.white {
  background: url(../img/icon/select-arrows.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.share-alternative {
  background: url(../img/icon/share-alternative.svg) no-repeat 50% 50%/contain;
}

.icon.share-alternative.white {
  background: url(../img/icon/share-alternative.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.share {
  background: url(../img/icon/share.svg) no-repeat 50% 50%/contain;
}

.icon.share.white {
  background: url(../img/icon/share.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.shareable {
  background: url(../img/icon/shareable.svg) no-repeat 50% 50%/contain;
}

.icon.shareable.white {
  background: url(../img/icon/shareable.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.shield {
  background: url(../img/icon/shield.svg) no-repeat 50% 50%/contain;
}

.icon.shield.white {
  background: url(../img/icon/shield.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.shop {
  background: url(../img/icon/shop.svg) no-repeat 50% 50%/contain;
}

.icon.shop.white {
  background: url(../img/icon/shop.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.shopping-bag {
  background: url(../img/icon/shopping-bag.svg) no-repeat 50% 50%/contain;
}

.icon.shopping-bag.white {
  background: url(../img/icon/shopping-bag.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.shopping-basket {
  background: url(../img/icon/shopping-basket.svg) no-repeat 50% 50%/contain;
}

.icon.shopping-basket.white {
  background: url(../img/icon/shopping-basket.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.shopping-cart {
  background: url(../img/icon/shopping-cart.svg) no-repeat 50% 50%/contain;
}

.icon.shopping-cart.white {
  background: url(../img/icon/shopping-cart.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.shuffle {
  background: url(../img/icon/shuffle.svg) no-repeat 50% 50%/contain;
}

.icon.shuffle.white {
  background: url(../img/icon/shuffle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.signal {
  background: url(../img/icon/signal.svg) no-repeat 50% 50%/contain;
}

.icon.signal.white {
  background: url(../img/icon/signal.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.sina-weibo {
  background: url(../img/icon/sina-weibo.svg) no-repeat 50% 50%/contain;
}

.icon.sina-weibo.white {
  background: url(../img/icon/sina-weibo.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.skype-with-circle {
  background: url(../img/icon/skype-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.skype-with-circle.white {
  background: url(../img/icon/skype-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.skype {
  background: url(../img/icon/skype.svg) no-repeat 50% 50%/contain;
}

.icon.skype.white {
  background: url(../img/icon/skype.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.slideshare {
  background: url(../img/icon/slideshare.svg) no-repeat 50% 50%/contain;
}

.icon.slideshare.white {
  background: url(../img/icon/slideshare.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.smashing {
  background: url(../img/icon/smashing.svg) no-repeat 50% 50%/contain;
}

.icon.smashing.white {
  background: url(../img/icon/smashing.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.sound-mix {
  background: url(../img/icon/sound-mix.svg) no-repeat 50% 50%/contain;
}

.icon.sound-mix.white {
  background: url(../img/icon/sound-mix.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.sound-mute {
  background: url(../img/icon/sound-mute.svg) no-repeat 50% 50%/contain;
}

.icon.sound-mute.white {
  background: url(../img/icon/sound-mute.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.sound {
  background: url(../img/icon/sound.svg) no-repeat 50% 50%/contain;
}

.icon.sound.white {
  background: url(../img/icon/sound.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.soundcloud {
  background: url(../img/icon/soundcloud.svg) no-repeat 50% 50%/contain;
}

.icon.soundcloud.white {
  background: url(../img/icon/soundcloud.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.sports-club {
  background: url(../img/icon/sports-club.svg) no-repeat 50% 50%/contain;
}

.icon.sports-club.white {
  background: url(../img/icon/sports-club.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.spotify-with-circle {
  background: url(../img/icon/spotify-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.spotify-with-circle.white {
  background: url(../img/icon/spotify-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.spotify {
  background: url(../img/icon/spotify.svg) no-repeat 50% 50%/contain;
}

.icon.spotify.white {
  background: url(../img/icon/spotify.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.spreadsheet {
  background: url(../img/icon/spreadsheet.svg) no-repeat 50% 50%/contain;
}

.icon.spreadsheet.white {
  background: url(../img/icon/spreadsheet.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.squared-cross {
  background: url(../img/icon/squared-cross.svg) no-repeat 50% 50%/contain;
}

.icon.squared-cross.white {
  background: url(../img/icon/squared-cross.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.squared-minus {
  background: url(../img/icon/squared-minus.svg) no-repeat 50% 50%/contain;
}

.icon.squared-minus.white {
  background: url(../img/icon/squared-minus.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.squared-plus {
  background: url(../img/icon/squared-plus.svg) no-repeat 50% 50%/contain;
}

.icon.squared-plus.white {
  background: url(../img/icon/squared-plus.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.star-outlined {
  background: url(../img/icon/star-outlined.svg) no-repeat 50% 50%/contain;
}

.icon.star-outlined.white {
  background: url(../img/icon/star-outlined.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.star {
  background: url(../img/icon/star.svg) no-repeat 50% 50%/contain;
}

.icon.star.white {
  background: url(../img/icon/star.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.stopwatch {
  background: url(../img/icon/stopwatch.svg) no-repeat 50% 50%/contain;
}

.icon.stopwatch.white {
  background: url(../img/icon/stopwatch.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.stumbleupon-with-circle {
  background: url(../img/icon/stumbleupon-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.stumbleupon-with-circle.white {
  background: url(../img/icon/stumbleupon-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.stumbleupon {
  background: url(../img/icon/stumbleupon.svg) no-repeat 50% 50%/contain;
}

.icon.stumbleupon.white {
  background: url(../img/icon/stumbleupon.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.suitcase {
  background: url(../img/icon/suitcase.svg) no-repeat 50% 50%/contain;
}

.icon.suitcase.white {
  background: url(../img/icon/suitcase.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.swap {
  background: url(../img/icon/swap.svg) no-repeat 50% 50%/contain;
}

.icon.swap.white {
  background: url(../img/icon/swap.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.swarm {
  background: url(../img/icon/swarm.svg) no-repeat 50% 50%/contain;
}

.icon.swarm.white {
  background: url(../img/icon/swarm.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.sweden {
  background: url(../img/icon/sweden.svg) no-repeat 50% 50%/contain;
}

.icon.sweden.white {
  background: url(../img/icon/sweden.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.switch {
  background: url(../img/icon/switch.svg) no-repeat 50% 50%/contain;
}

.icon.switch.white {
  background: url(../img/icon/switch.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.tablet-mobile-combo {
  background: url(../img/icon/tablet-mobile-combo.svg) no-repeat 50% 50%/contain;
}

.icon.tablet-mobile-combo.white {
  background: url(../img/icon/tablet-mobile-combo.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.tablet {
  background: url(../img/icon/tablet.svg) no-repeat 50% 50%/contain;
}

.icon.tablet.white {
  background: url(../img/icon/tablet.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.tag {
  background: url(../img/icon/tag.svg) no-repeat 50% 50%/contain;
}

.icon.tag.white {
  background: url(../img/icon/tag.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.text-document-inverted {
  background: url(../img/icon/text-document-inverted.svg) no-repeat 50% 50%/contain;
}

.icon.text-document-inverted.white {
  background: url(../img/icon/text-document-inverted.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.text-document {
  background: url(../img/icon/text-document.svg) no-repeat 50% 50%/contain;
}

.icon.text-document.white {
  background: url(../img/icon/text-document.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.text {
  background: url(../img/icon/text.svg) no-repeat 50% 50%/contain;
}

.icon.text.white {
  background: url(../img/icon/text.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.thermometer {
  background: url(../img/icon/thermometer.svg) no-repeat 50% 50%/contain;
}

.icon.thermometer.white {
  background: url(../img/icon/thermometer.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.thumbs-down {
  background: url(../img/icon/thumbs-down.svg) no-repeat 50% 50%/contain;
}

.icon.thumbs-down.white {
  background: url(../img/icon/thumbs-down.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.thumbs-up {
  background: url(../img/icon/thumbs-up.svg) no-repeat 50% 50%/contain;
}

.icon.thumbs-up.white {
  background: url(../img/icon/thumbs-up.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.thunder-cloud {
  background: url(../img/icon/thunder-cloud.svg) no-repeat 50% 50%/contain;
}

.icon.thunder-cloud.white {
  background: url(../img/icon/thunder-cloud.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.ticket {
  background: url(../img/icon/ticket.svg) no-repeat 50% 50%/contain;
}

.icon.ticket.white {
  background: url(../img/icon/ticket.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.time-slot {
  background: url(../img/icon/time-slot.svg) no-repeat 50% 50%/contain;
}

.icon.time-slot.white {
  background: url(../img/icon/time-slot.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.tools {
  background: url(../img/icon/tools.svg) no-repeat 50% 50%/contain;
}

.icon.tools.white {
  background: url(../img/icon/tools.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.traffic-cone {
  background: url(../img/icon/traffic-cone.svg) no-repeat 50% 50%/contain;
}

.icon.traffic-cone.white {
  background: url(../img/icon/traffic-cone.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.trash {
  background: url(../img/icon/trash.svg) no-repeat 50% 50%/contain;
}

.icon.trash.white {
  background: url(../img/icon/trash.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.tree {
  background: url(../img/icon/tree.svg) no-repeat 50% 50%/contain;
}

.icon.tree.white {
  background: url(../img/icon/tree.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.triangle-down {
  background: url(../img/icon/triangle-down.svg) no-repeat 50% 50%/contain;
}

.icon.triangle-down.white {
  background: url(../img/icon/triangle-down.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.triangle-left {
  background: url(../img/icon/triangle-left.svg) no-repeat 50% 50%/contain;
}

.icon.triangle-left.white {
  background: url(../img/icon/triangle-left.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.triangle-right {
  background: url(../img/icon/triangle-right.svg) no-repeat 50% 50%/contain;
}

.icon.triangle-right.white {
  background: url(../img/icon/triangle-right.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.triangle-up {
  background: url(../img/icon/triangle-up.svg) no-repeat 50% 50%/contain;
}

.icon.triangle-up.white {
  background: url(../img/icon/triangle-up.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.tripadvisor {
  background: url(../img/icon/tripadvisor.svg) no-repeat 50% 50%/contain;
}

.icon.tripadvisor.white {
  background: url(../img/icon/tripadvisor.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.trophy {
  background: url(../img/icon/trophy.svg) no-repeat 50% 50%/contain;
}

.icon.trophy.white {
  background: url(../img/icon/trophy.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.tumblr-with-circle {
  background: url(../img/icon/tumblr-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.tumblr-with-circle.white {
  background: url(../img/icon/tumblr-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.tumblr {
  background: url(../img/icon/tumblr.svg) no-repeat 50% 50%/contain;
}

.icon.tumblr.white {
  background: url(../img/icon/tumblr.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.tv {
  background: url(../img/icon/tv.svg) no-repeat 50% 50%/contain;
}

.icon.tv.white {
  background: url(../img/icon/tv.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.twitter-with-circle {
  background: url(../img/icon/twitter-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.twitter-with-circle.white {
  background: url(../img/icon/twitter-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.twitter {
  background: url(../img/icon/twitter.svg) no-repeat 50% 50%/contain;
}

.icon.twitter.white {
  background: url(../img/icon/twitter.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.typing {
  background: url(../img/icon/typing.svg) no-repeat 50% 50%/contain;
}

.icon.typing.white {
  background: url(../img/icon/typing.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.uninstall {
  background: url(../img/icon/uninstall.svg) no-repeat 50% 50%/contain;
}

.icon.uninstall.white {
  background: url(../img/icon/uninstall.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.unread {
  background: url(../img/icon/unread.svg) no-repeat 50% 50%/contain;
}

.icon.unread.white {
  background: url(../img/icon/unread.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.untag {
  background: url(../img/icon/untag.svg) no-repeat 50% 50%/contain;
}

.icon.untag.white {
  background: url(../img/icon/untag.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.upload-to-cloud {
  background: url(../img/icon/upload-to-cloud.svg) no-repeat 50% 50%/contain;
}

.icon.upload-to-cloud.white {
  background: url(../img/icon/upload-to-cloud.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.upload {
  background: url(../img/icon/upload.svg) no-repeat 50% 50%/contain;
}

.icon.upload.white {
  background: url(../img/icon/upload.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.user {
  background: url(../img/icon/user.svg) no-repeat 50% 50%/contain;
}

.icon.user.white {
  background: url(../img/icon/user.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.users {
  background: url(../img/icon/users.svg) no-repeat 50% 50%/contain;
}

.icon.users.white {
  background: url(../img/icon/users.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.v-card {
  background: url(../img/icon/v-card.svg) no-repeat 50% 50%/contain;
}

.icon.v-card.white {
  background: url(../img/icon/v-card.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.video-camera {
  background: url(../img/icon/video-camera.svg) no-repeat 50% 50%/contain;
}

.icon.video-camera.white {
  background: url(../img/icon/video-camera.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.video {
  background: url(../img/icon/video.svg) no-repeat 50% 50%/contain;
}

.icon.video.white {
  background: url(../img/icon/video.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.vimeo-with-circle {
  background: url(../img/icon/vimeo-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.vimeo-with-circle.white {
  background: url(../img/icon/vimeo-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.vimeo {
  background: url(../img/icon/vimeo.svg) no-repeat 50% 50%/contain;
}

.icon.vimeo.white {
  background: url(../img/icon/vimeo.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.vine-with-circle {
  background: url(../img/icon/vine-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.vine-with-circle.white {
  background: url(../img/icon/vine-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.vine {
  background: url(../img/icon/vine.svg) no-repeat 50% 50%/contain;
}

.icon.vine.white {
  background: url(../img/icon/vine.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.vinyl {
  background: url(../img/icon/vinyl.svg) no-repeat 50% 50%/contain;
}

.icon.vinyl.white {
  background: url(../img/icon/vinyl.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.vk-alternitive {
  background: url(../img/icon/vk-alternitive.svg) no-repeat 50% 50%/contain;
}

.icon.vk-alternitive.white {
  background: url(../img/icon/vk-alternitive.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.vk-with-circle {
  background: url(../img/icon/vk-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.vk-with-circle.white {
  background: url(../img/icon/vk-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.vk {
  background: url(../img/icon/vk.svg) no-repeat 50% 50%/contain;
}

.icon.vk.white {
  background: url(../img/icon/vk.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.voicemail {
  background: url(../img/icon/voicemail.svg) no-repeat 50% 50%/contain;
}

.icon.voicemail.white {
  background: url(../img/icon/voicemail.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.wallet {
  background: url(../img/icon/wallet.svg) no-repeat 50% 50%/contain;
}

.icon.wallet.white {
  background: url(../img/icon/wallet.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.warning {
  background: url(../img/icon/warning.svg) no-repeat 50% 50%/contain;
}

.icon.warning.white {
  background: url(../img/icon/warning.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.water {
  background: url(../img/icon/water.svg) no-repeat 50% 50%/contain;
}

.icon.water.white {
  background: url(../img/icon/water.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.windows-store {
  background: url(../img/icon/windows-store.svg) no-repeat 50% 50%/contain;
}

.icon.windows-store.white {
  background: url(../img/icon/windows-store.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.xing-with-circle {
  background: url(../img/icon/xing-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.xing-with-circle.white {
  background: url(../img/icon/xing-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.xing {
  background: url(../img/icon/xing.svg) no-repeat 50% 50%/contain;
}

.icon.xing.white {
  background: url(../img/icon/xing.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.yelp {
  background: url(../img/icon/yelp.svg) no-repeat 50% 50%/contain;
}

.icon.yelp.white {
  background: url(../img/icon/yelp.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.youko-with-circle {
  background: url(../img/icon/youko-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.youko-with-circle.white {
  background: url(../img/icon/youko-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.youko {
  background: url(../img/icon/youko.svg) no-repeat 50% 50%/contain;
}

.icon.youko.white {
  background: url(../img/icon/youko.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.youtube-with-circle {
  background: url(../img/icon/youtube-with-circle.svg) no-repeat 50% 50%/contain;
}

.icon.youtube-with-circle.white {
  background: url(../img/icon/youtube-with-circle.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

.icon.youtube {
  background: url(../img/icon/youtube.svg) no-repeat 50% 50%/contain;
}

.icon.youtube.white {
  background: url(../img/icon/youtube.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
}

html {
  scroll-behavior: smooth;
}

body .wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}
body .wrapper .wrapper-inner {
  max-width: 100%;
  margin-right: 1.5rem;
  margin-left: 1.5rem;
  overflow: hidden;
}
body.boxed .wrapper-inner {
  max-width: 170rem;
}
body.no-scroll {
  overflow-y: scroll !important;
}
body .content .row {
  width: 100%;
  max-width: 170rem;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 0;
}
body .content .row.full-width {
  max-width: 100%;
}
body .content .row.full-height {
  height: 100vh;
}
body .content .row.full-height .column {
  height: 100vh;
}
body .content .row .row {
  width: auto;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}
body .content .row:before, body .content .row:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  overflow: hidden;
}
body .content .row:after {
  clear: both;
}
body .content .row .column, body .content .row [class*=content-grid] .grid-item {
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  float: left;
}
body .content .row .column.relative, body .content .row [class*=content-grid] .grid-item.relative {
  position: relative;
}
body .content .row .column .vertical-center, body .content .row [class*=content-grid] .grid-item .vertical-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: calc(100% - 3rem);
}
body .content .row .column > *:first-child {
  margin-top: 0;
}
body .content .row.collapse > .column {
  padding-left: 0;
  padding-right: 0;
}
body .content .row.flex {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body .content .row.flex > .v-align-middle, body .content .row.flex > .column, body .content .row.flex.boxes > .v-align-middle, body .content .row.flex > .v-align-middle > .box {
  height: auto;
  display: inline-block;
}
body .content .row.flex > .column > div {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body .content .row.flex .row.flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
body .content .row.flex:before, body .content .row.flex:after {
  content: "";
  display: none;
}
body .content .row.small {
  padding: 3rem 0;
}
body .content .row.medium {
  padding: 5rem 0;
}
body .content .row.large {
  padding: 7rem 0;
}
body .content .row.xlarge {
  padding: 9rem 0;
}
body .content .ie-browser .row {
  max-width: 1700px;
}
@media only screen and (min-width: 960px) {
  body .content .row.flex .v-align-middle > *:not(.box), body .content .row.flex.boxes .v-align-middle > div > *:not(.box) {
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
  }
  body .content .ie-browser:not(.webkit) .flex > .column {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.column.width-1 {
  width: 8.3333333333% !important;
}

.column.box.width-1 {
  width: calc(8.3333333333% - 3rem) !important;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.column.width-2 {
  width: 16.6666666667% !important;
}

.column.box.width-2 {
  width: calc(16.6666666667% - 3rem) !important;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.column.width-3 {
  width: 25% !important;
}

.column.box.width-3 {
  width: calc(25% - 3rem) !important;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.column.width-4 {
  width: 33.3333333333% !important;
}

.column.box.width-4 {
  width: calc(33.3333333333% - 3rem) !important;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.column.width-5 {
  width: 41.6666666667% !important;
}

.column.box.width-5 {
  width: calc(41.6666666667% - 3rem) !important;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.column.width-6 {
  width: 50% !important;
}

.column.box.width-6 {
  width: calc(50% - 3rem) !important;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.column.width-7 {
  width: 58.3333333333% !important;
}

.column.box.width-7 {
  width: calc(58.3333333333% - 3rem) !important;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.column.width-8 {
  width: 66.6666666667% !important;
}

.column.box.width-8 {
  width: calc(66.6666666667% - 3rem) !important;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.column.width-9 {
  width: 75% !important;
}

.column.box.width-9 {
  width: calc(75% - 3rem) !important;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.column.width-10 {
  width: 83.3333333333% !important;
}

.column.box.width-10 {
  width: calc(83.3333333333% - 3rem) !important;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.column.width-11 {
  width: 91.6666666667% !important;
}

.column.box.width-11 {
  width: calc(91.6666666667% - 3rem) !important;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.column.width-12 {
  width: 100% !important;
}

.column.box.width-12 {
  width: calc(100% - 3rem) !important;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.column[class*=push-], .column[class*=pull-] {
  position: relative;
}

.push-1 {
  left: 8.3333333333% !important;
}

.pull-1 {
  right: 8.3333333333% !important;
}

.offset-1 {
  margin-left: 8.3333333333% !important;
}

.push-2 {
  left: 16.6666666667% !important;
}

.pull-2 {
  right: 16.6666666667% !important;
}

.offset-2 {
  margin-left: 16.6666666667% !important;
}

.push-3 {
  left: 25% !important;
}

.pull-3 {
  right: 25% !important;
}

.offset-3 {
  margin-left: 25% !important;
}

.push-4 {
  left: 33.3333333333% !important;
}

.pull-4 {
  right: 33.3333333333% !important;
}

.offset-4 {
  margin-left: 33.3333333333% !important;
}

.push-5 {
  left: 41.6666666667% !important;
}

.pull-5 {
  right: 41.6666666667% !important;
}

.offset-5 {
  margin-left: 41.6666666667% !important;
}

.push-6 {
  left: 50% !important;
}

.pull-6 {
  right: 50% !important;
}

.offset-6 {
  margin-left: 50% !important;
}

.push-7 {
  left: 58.3333333333% !important;
}

.pull-7 {
  right: 58.3333333333% !important;
}

.offset-7 {
  margin-left: 58.3333333333% !important;
}

.push-8 {
  left: 66.6666666667% !important;
}

.pull-8 {
  right: 66.6666666667% !important;
}

.offset-8 {
  margin-left: 66.6666666667% !important;
}

.push-9 {
  left: 75% !important;
}

.pull-9 {
  right: 75% !important;
}

.offset-9 {
  margin-left: 75% !important;
}

.push-10 {
  left: 83.3333333333% !important;
}

.pull-10 {
  right: 83.3333333333% !important;
}

.offset-10 {
  margin-left: 83.3333333333% !important;
}

.push-11 {
  left: 91.6666666667% !important;
}

.pull-11 {
  right: 91.6666666667% !important;
}

.offset-11 {
  margin-left: 91.6666666667% !important;
}

@media only screen and (max-width: 768px) {
  .column.width-1 {
    width: 100% !important;
    margin: 1rem 0;
  }
  .column.box.width-1 {
    width: calc(100% - 5rem) !important;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .column.width-2 {
    width: 100% !important;
    margin: 1rem 0;
  }
  .column.box.width-2 {
    width: calc(100% - 5rem) !important;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .column.width-3 {
    width: 100% !important;
    margin: 1rem 0;
  }
  .column.box.width-3 {
    width: calc(100% - 5rem) !important;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .column.width-4 {
    width: 100% !important;
    margin: 1rem 0;
  }
  .column.box.width-4 {
    width: calc(100% - 5rem) !important;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .column.width-5 {
    width: 100% !important;
    margin: 1rem 0;
  }
  .column.box.width-5 {
    width: calc(100% - 5rem) !important;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .column.width-6 {
    width: 100% !important;
    margin: 1rem 0;
  }
  .column.box.width-6 {
    width: calc(100% - 5rem) !important;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .column.width-7 {
    width: 100% !important;
    margin: 1rem 0;
  }
  .column.box.width-7 {
    width: calc(100% - 5rem) !important;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .column.width-8 {
    width: 100% !important;
    margin: 1rem 0;
  }
  .column.box.width-8 {
    width: calc(100% - 5rem) !important;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .column.width-9 {
    width: 100% !important;
    margin: 1rem 0;
  }
  .column.box.width-9 {
    width: calc(100% - 5rem) !important;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .column.width-10 {
    width: 100% !important;
    margin: 1rem 0;
  }
  .column.box.width-10 {
    width: calc(100% - 5rem) !important;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .column.width-11 {
    width: 100% !important;
    margin: 1rem 0;
  }
  .column.box.width-11 {
    width: calc(100% - 5rem) !important;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .column.width-12 {
    width: 100% !important;
    margin: 1rem 0;
  }
  .column.box.width-12 {
    width: calc(100% - 5rem) !important;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .column[class*=push-], .column[class*=pull-] {
    position: static !important;
    left: 0;
    right: 0;
  }
}
.column.box, .column .box {
  border-radius: 0.3rem;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
          box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 3rem !important;
  margin-bottom: 3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: white;
  border: 1px solid #000;
}
@media only screen and (max-width: 960px) {
  .column.box, .column .box {
    padding: 2.5rem !important;
  }
}
.column.box .btn, .column .box .btn {
  text-align: center;
}

.alpha {
  padding-left: 0;
}

.omega {
  padding-right: 0;
}

.clear {
  width: 0;
  height: 0;
  display: block;
  clear: both;
  overflow: hidden;
}

.clearfix:before, .clearfix:after, .row:before, .row:after {
  height: 0;
  content: ".";
  display: block;
  overflow: hidden;
}

.clearfix:after, .row:after {
  clear: both;
}

.white {
  color: #fff;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.v-align-bottom {
  vertical-align: bottom !important;
}

.v-align-top {
  vertical-align: top !important;
}

.v-align-top .background-on-mobile {
  margin-top: -2rem;
}

.v-align-bottom .background-on-mobile {
  margin-bottom: -2rem;
}

.hide, .inactive {
  display: none !important;
  visibility: hidden !important;
}

.show {
  display: block !important;
  visibility: visible !important;
}

.mobile .hide-on-mobile, .mobile .hide-on-mobile * {
  display: none !important;
  visibility: visible !important;
}

@media only screen and (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
    visibility: visible !important;
  }
}

.inline, [class*=border-].inline, [class*=bkg-].inline {
  width: auto !important;
  display: inline-block !important;
}

.no-margins {
  margin: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.overflow-visible {
  overflow: visible !important;
}

.no-scroll {
  overflow: hidden !important;
}

.clear-height {
  height: auto !important;
}

ul.button-nav {
  list-style-type: none;
  margin-bottom: 0rem;
}
ul.button-nav li {
  float: left;
  margin: 0 0.1rem 0 0;
  text-indent: 0;
  padding: 0;
}
ul.button-nav li .btn {
  border-radius: 0;
}
ul.button-nav li:first-child .btn {
  border-radius: 0.3rem 0 0 0.3rem;
}
ul.button-nav li:last-child .btn {
  border-radius: 0 0.3rem 0.3rem 0;
}

.btn, .btn-outlined {
  border-radius: 0.3rem;
  background-color: var(--main-color);
  color: #fff;
  padding: 1.2rem 1.6rem 1.2rem 1.2rem;
  margin-top: 1rem;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  font-size: 1.4rem;
  line-height: 120%;
  display: inline-block;
  cursor: pointer;
}
.btn .icon, .btn-outlined .icon {
  display: block;
  float: left;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
  opacity: 0.6;
}
.btn.small, .btn-outlined.small {
  font-size: 1.1rem;
  padding: 0.8rem 1.3rem 0.8rem 1.2rem;
}
.btn.small .icon, .btn-outlined.small .icon {
  width: 1.2rem;
  height: 1.2rem;
}
.btn.large, .btn-outlined.large {
  font-size: 1.8rem;
  padding: 1.4rem 1.6rem 1.4rem 1.5rem;
  line-height: 120%;
}
.btn.large .icon, .btn-outlined.large .icon {
  width: 2rem;
  height: 2rem;
}
.btn.gray, .btn-outlined.gray {
  background-color: #eee;
  width: 100%;
  color: #000;
  text-align: center;
}
.btn.gray:hover, .btn-outlined.gray:hover {
  background-color: #ddd;
}
.btn.black, .btn-outlined.black {
  background-color: #000;
  width: 100%;
  color: #fff;
  text-align: center;
}
.btn.black:hover, .btn-outlined.black:hover {
  background-color: var(--main-color);
}
.btn:hover, .btn-outlined:hover {
  background-color: #000;
}
.btn:disabled, .btn-outlined:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.btn-outlined {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
  width: 100%;
  text-align: center;
}
.btn-outlined:hover {
  color: #fff;
}
.btn-outlined:active, .btn-outlined:focus {
  border: 1px solid #000;
}

aside {
  z-index: 1000;
  position: fixed;
  overflow-y: scroll;
  right: -34rem;
  background: #fff;
  width: 32rem;
  height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2.5rem 2.5rem 15rem 2.5rem;
  -webkit-transition: right 0.4s ease;
  transition: right 0.4s ease;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) -12px 0px 12px;
          box-shadow: rgba(0, 0, 0, 0.2) -12px 0px 12px;
}
aside.open {
  right: 0;
}
aside .header-wrapper {
  position: fixed;
  z-index: 2;
}
aside .header {
  position: fixed;
  top: 0;
  height: 9rem;
  width: 100%;
  padding-top: 2.4rem;
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), color-stop(85%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 85%, rgba(255, 255, 255, 0) 100%);
}
aside .header .icon {
  margin-right: 2.5rem;
  position: relative;
}
aside .header .icon img {
  width: 2.8rem;
  height: 2.8rem;
}
aside .header .icon .badge {
  left: -1rem;
  position: absolute;
  text-align: center;
  padding: 3px;
  font-size: 1rem;
  width: 18px;
  height: 18px;
  border-radius: 1.2rem;
}
aside .header .mobile-menu-close {
  position: absolute;
  top: 2rem;
  left: 23.5rem;
  width: 4rem;
  height: 4rem;
  background: url(../img/icons/close.svg) no-repeat 50% 50%/30px;
}
aside .logo {
  width: 11rem;
}
aside .badge {
  float: right;
  font-size: 1.1rem;
}
aside .breadcrumbs {
  margin-bottom: 0.5rem;
}
aside .breadcrumbs a {
  font-size: 1.1rem;
  color: #000;
  font-weight: 500;
  margin-right: 0.75rem;
}
aside small {
  font-size: 1.1rem;
  padding-bottom: 10rem;
}
aside nav.side-navigation {
  margin-top: 8rem;
  margin-bottom: 5rem;
}
aside nav.side-navigation ul li {
  font-size: 1.6rem;
  line-height: 120%;
  letter-spacing: -0.05rem;
  margin: 2.5rem 0;
  list-style-type: none;
  text-indent: 0;
  padding-left: 0;
}
aside nav.side-navigation ul li a {
  color: #333;
  display: block;
  cursor: pointer;
}
aside nav.side-navigation ul li.contains-sub-menu .sub-menu-title {
  position: relative;
}
aside nav.side-navigation ul li.contains-sub-menu .sub-menu-title:after {
  content: "";
  position: absolute;
  background: url(../img/icon/chevron-down.svg) 50% 50%/contain;
  right: 0;
  top: 0;
  width: 20px;
  height: 18px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
aside nav.side-navigation ul li.contains-sub-menu .sub-menu-title.active {
  color: var(--main-color);
  font-weight: 700;
}
aside nav.side-navigation ul li.contains-sub-menu ul.sub-menu {
  margin: 0;
  max-height: 0px;
  -webkit-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  overflow: hidden;
}
aside nav.side-navigation ul li.contains-sub-menu ul.sub-menu li {
  font-size: 1.4rem !important;
  margin: 1.5rem 0;
  padding-left: 1.5rem;
}
aside nav.side-navigation ul li.contains-sub-menu ul.sub-menu li a.active {
  font-weight: 700;
}
aside nav.side-navigation ul li.contains-sub-menu.active > ul.sub-menu {
  max-height: 1200px;
  -webkit-transition: max-height 0.4s ease-in;
  transition: max-height 0.4s ease-in;
}
aside nav.side-navigation ul li.contains-sub-menu.active > .sub-menu-title:after {
  opacity: 0.3;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
aside nav.side-navigation ul li.contains-sub-menu .sub-menu li:last-child {
  margin-bottom: 0 !important;
}

.blocker {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  -webkit-animation-name: blocker-out;
          animation-name: blocker-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
.blocker.active {
  -webkit-animation-name: blocker-in;
          animation-name: blocker-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
@-webkit-keyframes blocker-in {
  0% {
    background: rgba(0, 0, 0, 0);
    z-index: -1;
  }
  100% {
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
  }
}
@keyframes blocker-in {
  0% {
    background: rgba(0, 0, 0, 0);
    z-index: -1;
  }
  100% {
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
  }
}
@-webkit-keyframes blocker-out {
  0% {
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
  }
  100% {
    background: rgba(0, 0, 0, 0);
    z-index: -1;
  }
}
@keyframes blocker-out {
  0% {
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
  }
  100% {
    background: rgba(0, 0, 0, 0);
    z-index: -1;
  }
}

.breadcrumbs {
  color: #fff;
  font-size: 12px;
}

nav.main {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 0.3rem;
  font-weight: 500;
  -webkit-box-shadow: 0 0 10px rgb(0, 0, 0);
          box-shadow: 0 0 10px rgb(0, 0, 0);
}
nav.main .logo {
  position: absolute;
  top: 1.6rem;
  left: 1.5rem;
  width: 100px;
  height: 20px;
  z-index: 10;
  -webkit-transition: none;
  transition: none;
}
nav.main .mobile-menu-open {
  display: none;
  position: absolute;
  top: 1.1rem;
  right: 1.6rem;
  width: 3.4rem;
  height: 3.4rem;
  z-index: 10;
  background: url(../img/icon/menu.svg) no-repeat 50% 50%;
}
nav.main > ul.flex {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  min-height: 5.5rem;
}
nav.main > ul > li > a {
  padding: 0.8rem 1.5rem !important;
  color: #000;
}
nav.main a {
  display: block;
  text-decoration: none;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
nav.main a:hover {
  opacity: 0.6;
}
nav.main ul li {
  list-style: none;
  text-indent: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 0;
  padding: 1rem 0.5rem !important;
}
nav.main ul li:hover ul.megamenu {
  top: calc(100% - 1rem);
  opacity: 1;
}
nav.main ul li.last a {
  background: var(--main-color);
  color: #fff;
  margin-right: 0.5rem;
  border-radius: 0.3rem;
}
nav.main ul li.last a:hover {
  opacity: 1;
  background: var(--main-color-hover);
}
nav.main ul > li.submenu > a:after {
  position: relative;
  float: right;
  content: "";
  background: url(../img/icon/chevron-down.svg) 50% 50%/contain;
  width: 18px;
  height: 18px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
nav.main ul > li:hover > a:after {
  opacity: 0.3;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
nav.main ul.megamenu {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  top: -9999px;
  left: 0;
  padding: 40px 40px 0 40px;
  background: #fff;
  text-align: left;
  border-radius: 0 0 0.3rem 0.3rem;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
nav.main ul.megamenu ul {
  width: 33%;
  margin-bottom: 40px;
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}
nav.main ul.megamenu h4 {
  margin-bottom: 15px;
  font-size: 1.5rem;
  text-transform: uppercase;
}
nav.main ul.megamenu li {
  display: block;
}
nav.main ul.megamenu li a {
  margin-top: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #000;
}
nav.main ul.megamenu li a:hover {
  color: #4096ee;
  background: #fff !important;
}
@media only screen and (max-width: 820px) {
  nav.main ul.flex {
    height: auto;
    width: 100%;
  }
  nav.main ul.flex li {
    display: none !important;
  }
  nav.main .mobile-menu-open {
    display: block;
  }
}

.magnify {
  position: relative;
  margin-bottom: 2.5rem;
}
.magnify img {
  width: 100%;
  border-radius: 3px;
}
.magnify .magnify-img {
  background: url("") no-repeat #fff;
  width: 500px;
  height: 500px;
  -webkit-box-shadow: 0 0 45px -2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 45px -2px rgba(0, 0, 0, 0.3);
  pointer-events: none;
  position: absolute;
  border: 4px solid #efefef;
  z-index: 99;
  border-radius: 100%;
  display: block;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.magnify.circle .magnify-img {
  border-radius: 100%;
}
.magnify.square .magnify-img {
  border-radius: 16px;
}
.magnify:hover .magnify-img, .magnify:active .magnify-img {
  opacity: 1;
}

.magnify-wrapper img {
  border-radius: 3px;
}
.magnify-wrapper .magnify {
  margin-bottom: 0.5rem;
}
.magnify-wrapper .magnify-thumbs {
  margin-bottom: 2.5rem;
}
.magnify-wrapper .magnify-thumbs img {
  width: 50px;
  margin-right: 0.3rem;
}
.magnify-wrapper .magnify-thumbs a.active img {
  -webkit-box-shadow: 0 0 10px 0 var(--main-color);
          box-shadow: 0 0 10px 0 var(--main-color);
  border: 2px solid var(--main-color);
}

@media only screen and (max-width: 960px) {
  .magnify .magnify-img {
    display: none;
  }
}
.parallax {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}

@-webkit-keyframes notification-in {
  0% {
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes notification-in {
  0% {
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes notification-out {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  60% {
    max-height: 200px;
    padding: 1.2rem 2rem;
    margin-bottom: 1rem;
  }
  100% {
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
    max-height: 0px;
    padding: 0;
    margin-bottom: 0;
  }
}
@keyframes notification-out {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  60% {
    max-height: 200px;
    padding: 1.2rem 2rem;
    margin-bottom: 1rem;
  }
  100% {
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
    max-height: 0px;
    padding: 0;
    margin-bottom: 0;
  }
}
@-webkit-keyframes notification-in-out {
  0% {
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
  }
  20% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  80% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  90% {
    max-height: 200px;
    padding: 1.2rem 2rem;
    margin-bottom: 1rem;
  }
  100% {
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
    max-height: 0px;
    padding: 0;
    margin-bottom: 0;
  }
}
@keyframes notification-in-out {
  0% {
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
  }
  20% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  80% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  90% {
    max-height: 200px;
    padding: 1.2rem 2rem;
    margin-bottom: 1rem;
  }
  100% {
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
    max-height: 0px;
    padding: 0;
    margin-bottom: 0;
  }
}
.notifications-wrapper {
  position: fixed;
  bottom: 2.5rem;
  right: 2.5rem;
  z-index: 1000;
  display: block !important;
  width: calc(400px - 2 * 2.5rem);
}
@media only screen and (max-width: 600px) {
  .notifications-wrapper {
    width: calc(100% - 2 * 2.5rem);
  }
}

.notification-content {
  position: relative;
  max-height: 200px;
  background-color: var(--main-color);
  border-radius: 0.3rem;
  color: #fff;
  padding: 1.2rem 2rem;
  margin-bottom: 1rem;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 24px;
          box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 24px;
  -webkit-transform: translateX(600px);
          transform: translateX(600px);
  -webkit-animation-name: notification-out;
          animation-name: notification-out;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.notification-content.warning {
  background-color: var(--warning-color);
}
.notification-content.active {
  -webkit-animation-name: notification-in-out;
          animation-name: notification-in-out;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.notification-content h4 {
  font-size: 1.4rem;
  margin-bottom: 0;
}
.notification-content p {
  font-size: 1.2rem;
  line-height: 150%;
  margin-bottom: 0;
}
.notification-content p a {
  border-bottom: 1px solid #fff;
  color: #fff;
}
.notification-content .close {
  position: absolute;
  cursor: pointer;
  top: 1.2rem;
  right: 1.4rem;
  width: 2rem;
  height: 2rem;
  background: url(../img/icon/cross.svg) no-repeat 50% 50%/contain;
  -webkit-filter: invert(1);
          filter: invert(1);
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  display: none;
}
.notification-content .close:hover {
  opacity: 0.6;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.notification-content.dismissable.active {
  -webkit-animation-name: notification-in;
          animation-name: notification-in;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.notification-content.dismissable .close {
  display: block;
}

.message-wrapper {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1;
  backdrop-filter: blur(2px);
  -webkit-animation-name: message-wrapper-out;
          animation-name: message-wrapper-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
.message-wrapper .column {
  position: relative;
}
.message-wrapper .width-3 {
  width: 33.33333%;
  float: left;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.message-wrapper .width-6 {
  width: 50% !important;
  float: left !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.message-wrapper .width-9 {
  width: 66.66666%;
  float: left;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.message-wrapper .width-12 {
  width: 100% !important;
}
.message-wrapper .btn {
  width: 100%;
}
.message-wrapper .full-height {
  padding: 0 !important;
}
.message-wrapper.active {
  -webkit-animation-name: message-wrapper-in;
          animation-name: message-wrapper-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
@-webkit-keyframes message-wrapper-in {
  0% {
    background: rgba(255, 255, 255, 0);
    z-index: -1;
  }
  100% {
    background: rgba(255, 255, 255, 0.8);
    z-index: 999;
  }
}
@keyframes message-wrapper-in {
  0% {
    background: rgba(255, 255, 255, 0);
    z-index: -1;
  }
  100% {
    background: rgba(255, 255, 255, 0.8);
    z-index: 999;
  }
}
@-webkit-keyframes message-wrapper-out {
  0% {
    background: rgba(255, 255, 255, 0.8);
    z-index: 999;
  }
  100% {
    background: rgba(255, 255, 255, 0);
    z-index: -1;
  }
}
@keyframes message-wrapper-out {
  0% {
    background: rgba(255, 255, 255, 0.8);
    z-index: 999;
  }
  100% {
    background: rgba(255, 255, 255, 0);
    z-index: -1;
  }
}
.message-wrapper .message-container {
  -webkit-animation-name: message-container-out;
          animation-name: message-container-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
.message-wrapper .message-container.active {
  -webkit-animation-name: message-container-in;
          animation-name: message-container-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
}
@-webkit-keyframes message-container-in {
  0% {
    opacity: 0;
    margin-top: 5rem;
  }
  100% {
    margin-top: 0rem;
    opacity: 1;
  }
}
@keyframes message-container-in {
  0% {
    opacity: 0;
    margin-top: 5rem;
  }
  100% {
    margin-top: 0rem;
    opacity: 1;
  }
}
@-webkit-keyframes message-container-out {
  0% {
    margin-top: 0rem;
    opacity: 1;
  }
  100% {
    margin-top: -1rem;
    opacity: 0;
  }
}
@keyframes message-container-out {
  0% {
    margin-top: 0rem;
    opacity: 1;
  }
  100% {
    margin-top: -1rem;
    opacity: 0;
  }
}
.message-wrapper .message-container .filter-select {
  margin-top: 1rem;
  position: relative;
}
.message-wrapper .message-container .filter-select select {
  padding: 1.1rem 3rem 1.1rem 1.1rem;
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 3px;
  font-size: 1.4rem;
  position: relative;
  width: 100%;
  line-height: 120%;
}
.message-wrapper .message-container .filter-select:after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  display: block;
  position: absolute;
  right: 3rem !important;
  top: 2rem !important;
  inset: 50% 1.5rem auto auto;
  translate: 0 -75% 0;
  rotate: 0 0 1 45deg;
  border-right: 0.1rem solid #000;
  border-bottom: 0.1rem solid #000;
  pointer-events: none;
}

.zoom-img,
.zoom-bg {
  z-index: 90000;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.zoom-img {
  position: absolute;
  display: block;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.zoom-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #121212;
  opacity: 0;
  will-change: opacity;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.zoom-bg.zoom-bg--reveal {
  opacity: 0.95;
}

.zoom-original--hidden {
  visibility: hidden;
}

input {
  border: 1px solid #000;
  border-radius: 3px;
  width: 100%;
  font-size: 1.4rem;
  padding: 1rem !important;
}
input:focus {
  background-color: #fff !important;
  border: 1px solid #000 !important;
}

input[type=text], input[type=date] {
  min-height: 39px;
}

input::-webkit-date-and-time-value {
  text-align: left;
}

input[type=radio] {
  width: auto;
  margin-top: -0.5rem;
}

input[type=checkbox] {
  width: auto;
  margin-top: -0.5rem;
}

label {
  font-size: 1.4rem;
  line-height: 250%;
  font-family: "Inter-Bold", sans-serif;
}

.radio-button {
  background-color: #F9F9F9;
  border-radius: 4px;
  padding: 1.5rem 1.5rem 1.6rem 1.5rem;
  margin-bottom: 1rem;
}
.radio-button label {
  line-height: 140%;
  margin-left: 0.8rem;
}
.radio-button small {
  font-family: "Inter-Regular", sans-serif;
  display: block;
  font-size: 1.4rem;
  margin-left: 2.5rem;
}

.main-bar {
  position: relative;
}
.main-bar .wrapper-logo {
  margin-left: 1.5rem;
  margin-right: 3rem;
  margin-top: -1rem;
  width: calc(16.6666666667% - 3rem) !important;
}
@media only screen and (max-width: 810px) {
  .main-bar .wrapper-logo {
    width: 100px !important;
  }
}
.main-bar .wrapper-logo .logo-img {
  cursor: pointer;
  background-image: url(../img/logo.png);
  background-repeat: no-repeat;
  background-position: 0% 60%;
  background-size: contain;
  width: 100%;
  height: 100%;
}
.main-bar .wrapper-search {
  width: calc(66.6666666667% - 4rem);
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
}
@media only screen and (max-width: 1500px) {
  .main-bar .wrapper-search {
    width: 60%;
  }
}
@media only screen and (max-width: 1240px) {
  .main-bar .wrapper-search {
    width: 53%;
  }
}
@media only screen and (max-width: 960px) {
  .main-bar .wrapper-search {
    width: calc(100% - 40rem);
  }
}
@media only screen and (max-width: 810px) {
  .main-bar .wrapper-search {
    width: calc(100% - 25rem);
  }
}
.main-bar .wrapper-search.search-dropdown .filter {
  float: left;
  position: relative;
}
.main-bar .wrapper-search.search-dropdown .filter .filter-select {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 19rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 0.1rem;
  pointer-events: auto;
  z-index: 100;
}
@media only screen and (max-width: 600px) {
  .main-bar .wrapper-search.search-dropdown .filter .filter-select {
    width: 130px;
  }
}
.main-bar .wrapper-search.search-dropdown .filter .filter-select:before {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  width: 4rem;
  height: calc(100% - 2px);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(40%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40%, rgb(255, 255, 255) 100%);
  pointer-events: none;
  z-index: 1;
}
.main-bar .wrapper-search.search-dropdown .filter .filter-select:after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  display: block;
  position: absolute;
  inset: 50% 1.5rem auto auto;
  translate: 0 -75% 0;
  rotate: 0 0 1 45deg;
  border-right: 0.125rem solid #000;
  border-bottom: 0.125rem solid #000;
  pointer-events: none;
  z-index: 2;
}
.main-bar .wrapper-search.search-dropdown .filter .filter-select select {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  color: #000;
  outline: none;
  line-height: 30px;
  padding: 0rem 2rem 0.2rem 2rem;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  width: 100%;
  font-family: "Inter-Light", sans-serif;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #DBDBDB;
  border-radius: 26px 0 0 26px;
  cursor: pointer;
  height: 39px;
}
@media only screen and (max-width: 600px) {
  .main-bar .wrapper-search.search-dropdown .filter {
    position: absolute;
    top: 8rem;
    left: 1.5rem;
  }
}
.main-bar .wrapper-search.search-dropdown input {
  border-radius: 0 26px 26px 0;
  height: 30px;
  width: calc(100% - 200px);
}
@media only screen and (max-width: 600px) {
  .main-bar .wrapper-search.search-dropdown input {
    position: absolute;
    top: 8rem;
    left: calc(1.5rem + 131px);
    width: calc(100% - (3rem + 131px));
  }
}
.main-bar .wrapper-main-bar-buttons {
  position: absolute;
  right: 1.5rem;
}
@media only screen and (max-width: 810px) {
  .main-bar .wrapper-main-bar-buttons .main-bar-button {
    display: none !important;
  }
}
@media only screen and (max-width: 600px) {
  .main-bar .wrapper-main-bar-buttons .main-bar-button {
    display: block;
  }
}
.main-bar .search {
  position: relative;
}
.main-bar .search input {
  padding: 0.1rem 2rem 0.2rem 4.5rem !important;
}
@media only screen and (max-width: 600px) {
  .main-bar .search input {
    position: absolute;
    top: 0 !important;
    left: 13rem !important;
    width: calc(100% - 131px) !important;
  }
}
@media only screen and (max-width: 600px) {
  .main-bar .search {
    position: absolute;
    top: 8rem;
    left: 1.6rem;
    width: calc(100% - 3rem);
  }
}
.main-bar .search .search-reset {
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 2px;
  z-index: 100;
  top: calc(50% - 0.9rem);
  left: 20.5rem;
  -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.075);
          box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.075);
  pointer-events: auto;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .main-bar .search .search-reset {
    top: calc(50% + 1rem);
    left: 14rem;
  }
}
.main-bar input {
  border: 1px solid #DBDBDB;
  border-radius: 26px;
  height: 30px;
  line-height: 30px;
  padding: 0.1rem 2rem 0.2rem 2rem;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background: url(../img/icons/search.svg) no-repeat calc(100% - 10px) 50%/20px;
  -webkit-transition: border 0.2s, -webkit-box-shadow 0.2s;
  transition: border 0.2s, -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s, border 0.2s;
  transition: box-shadow 0.2s, border 0.2s, -webkit-box-shadow 0.2s;
}
.main-bar input:focus {
  -webkit-box-shadow: 0px 2px 12px 12px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 12px 12px rgba(0, 0, 0, 0.05);
  border: 1px solid #AAA;
  background-color: #fff;
}
.main-bar input::-webkit-input-placeholder {
  color: #AAA;
}
.main-bar input::-moz-placeholder {
  color: #AAA;
}
.main-bar input:-ms-input-placeholder {
  color: #AAA;
}
.main-bar input::-ms-input-placeholder {
  color: #AAA;
}
.main-bar input::placeholder {
  color: #AAA;
}
.main-bar .mobile-menu-open {
  display: none;
  position: relative;
  float: right;
  right: 0;
  width: 3.4rem !important;
  height: 3rem;
  margin-left: 4rem;
  cursor: pointer;
  background: url(../img/icons/menu.svg) no-repeat 50% 50%/30px;
}
@media only screen and (max-width: 960px) {
  .main-bar .mobile-menu-open {
    display: block;
  }
}
.main-bar .main-bar-button {
  display: block;
  font-size: 16px;
  line-height: 22px;
  float: right;
  margin-top: 0.5rem !important;
  margin-left: 2rem;
  min-width: 0;
  font-family: "Inter-SemiBold", sans-serif;
  cursor: pointer;
  width: auto !important;
}
@media only screen and (max-width: 960px) {
  .main-bar .main-bar-button .txt {
    display: none;
  }
}
.main-bar .main-bar-button:last-child {
  margin-left: 0;
}
.main-bar .main-bar-button .icon-light {
  float: left;
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 0.5rem;
  position: relative;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.main-bar .main-bar-button .icon-light.shopping-basket {
  background: url(../img/icons/shopping-basket.svg) no-repeat 50% 50%/contain;
}
.main-bar .main-bar-button .icon-light.account {
  background: url(../img/icons/account.svg) no-repeat 50% 50%/contain;
}
.main-bar .main-bar-button:hover .txt {
  border-bottom: 2px solid #000;
}
.main-bar .main-bar-button .txt {
  border-bottom: 2px solid transparent;
  -webkit-transition: border-bottom 0.2s;
  transition: border-bottom 0.2s;
}
.main-bar .main-bar-button .badge {
  background-color: var(--main-color);
  color: white;
  border-radius: 12px;
  width: 18px;
  height: 18px;
  display: block;
  font-weight: 400;
  padding: 2px;
  position: absolute;
  left: -9px;
  top: -3px;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
}
.main-bar .main-bar-button .badge.small {
  font-size: 1rem;
  line-height: 1.3rem;
  font-weight: 500;
}

.content nav .collection {
  background: url(../img/icons/navigate-next.svg) no-repeat 100% 0%/19px;
  border-bottom: 1px solid #DBDBDB;
}
.content nav .collection a {
  display: block;
  color: #000;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.content nav .collection a:hover {
  color: var(--main-color);
}
.content nav .category {
  margin-top: 2rem;
  position: relative;
}
.content nav .category .menu-item > ul {
  display: none;
}
.content nav .category .menu-item.active > ul {
  display: block !important;
}
.content nav .category .menu-item.active > .menu-item-toggle:after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.content nav .category .menu-item.active > .menu-item-toggle:hover:after {
  -webkit-transform: scale(1.5) rotate(-90deg);
          transform: scale(1.5) rotate(-90deg);
}
.content nav .category .menu-item:not(:has(> ul)) .menu-item-toggle:after {
  display: none;
}
.content nav .category .menu-item.lv-1, .content nav .category .menu-item.lv-2, .content nav .category .menu-item.lv-3, .content nav .category .menu-item.lv-4 {
  padding-left: 0.6rem;
}
.content nav .category .menu-item.lv-1 h5, .content nav .category .menu-item.lv-2 h5, .content nav .category .menu-item.lv-3 h5, .content nav .category .menu-item.lv-4 h5 {
  font-size: 12px;
}
.content nav .category .menu-item-toggle:after {
  position: absolute;
  content: "";
  right: 0;
  width: 20px;
  height: 20px;
  background: url(../img/icons/navigate-next.svg) no-repeat 100% 0%/19px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  cursor: pointer;
}
.content nav .category .menu-item-toggle:hover:after {
  -webkit-transform: scale(1.5) rotate(90deg);
          transform: scale(1.5) rotate(90deg);
}
.content nav .category h5 {
  margin-bottom: 1.5rem;
}
.content nav .category h5.active {
  color: var(--main-color);
}
.content nav .category h5:hover {
  cursor: pointer;
  color: var(--main-color);
}
.content nav .category ul {
  list-style-type: none;
  display: none;
}
.content nav .category ul li {
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 0;
  display: block;
  padding: 1rem 0;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-indent: 0;
}
.content nav .category ul li a {
  color: #000;
}
.content nav .category ul li a:hover {
  color: var(--main-color);
}
.content nav .category ul li.active a {
  font-weight: 700;
}
.content nav .links h5 {
  opacity: 0.4;
}
.content nav .links ul {
  list-style-type: none;
  line-height: 180%;
}
.content nav .links ul a {
  -webkit-transition: color 0.2s, border-bottom 0.2s;
  transition: color 0.2s, border-bottom 0.2s;
  border-bottom: 2px solid transparent;
  padding-bottom: 0.2rem;
}
.content nav .links ul a:hover {
  color: #000;
  border-bottom: 2px solid #000;
}
.content nav h5 {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 960px) {
  .content nav {
    display: none;
  }
}

#hero-slider {
  width: 100%;
  margin-bottom: 5rem;
}
@media only screen and (max-width: 600px) {
  #hero-slider {
    margin-top: 2rem;
  }
}
#hero-slider.rsDefault .rsArrow {
  height: 100%;
}
#hero-slider.rsDefault.rsHor .rsArrowLeft {
  left: 0px;
}
#hero-slider.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
  background: #fff;
  background-image: url("rs-default.png");
  background-position: -64px -32px;
}
#hero-slider.rsDefault.rsHor .rsArrowRight {
  right: 0px;
}
#hero-slider.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
  background: #fff;
  background-image: url("rs-default.png");
  background-position: -64px -64px;
}
#hero-slider .rsContent {
  position: relative;
  cursor: pointer;
}
#hero-slider .rsContent.background-color-1 {
  background-color: var(--main-color);
}
#hero-slider .rsContent.background-color-2 {
  background-color: var(--main-color-2);
}
#hero-slider h1 {
  margin-bottom: clamp(0rem, 2vw, 2rem);
  font-size: clamp(1.2rem, 3vw, 2.8rem);
}
#hero-slider p {
  margin-bottom: 0rem;
  font-size: clamp(1rem, 2vw, 1.4rem);
  line-height: clamp(1.4rem, 3vw, 2.2rem);
}
#hero-slider .price-tag {
  font-family: "Inter-Bold", sans-serif;
  display: inline-block !important;
  padding-left: clamp(1rem, 2vw, 2rem);
  padding-right: clamp(1rem, 2vw, 2rem);
  padding-top: clamp(0.2rem, 1vw, 0.8rem);
  padding-bottom: clamp(0.2rem, 1vw, 0.8rem);
  margin-top: 2rem;
  text-align: right;
  color: #000;
  background-color: #fff;
  border-radius: 3px;
}
#hero-slider .price-tag .currency {
  font-size: clamp(1rem, 2vw, 1.6rem);
}
#hero-slider .price-tag .price {
  font-size: clamp(1.4rem, 2vw, 2.2rem);
}
#hero-slider .price-tag .unit {
  font-size: clamp(0.8rem, 2vw, 1.2rem);
}
#hero-slider .rsABlock {
  position: relative;
  display: block;
  left: auto;
  top: auto;
}
#hero-slider .rsABlock.image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
#hero-slider .rsABlock.image img {
  height: calc(100% - 100px);
  width: auto;
  margin-top: 50px;
  margin-left: 50px;
}
#hero-slider .right-block {
  position: relative;
  left: 42%;
  width: 50%;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
}
#hero-slider .blockHeadline {
  font-size: 42px;
  line-height: 50px;
}
#hero-slider .blockSubHeadline {
  font-size: 32px;
  line-height: 40px;
}

@media only screen and (max-width: 1500px) {
  .center-container.column.width-8 {
    width: 83.3333333333% !important;
  }
}
@media only screen and (max-width: 960px) {
  .center-container.column.width-8 {
    width: 100% !important;
  }
}

.center-container .list-header .breadcrumbs {
  font-size: 1.4rem;
  font-family: "Inter-Bold", sans-serif;
  margin-bottom: 2rem;
}
.center-container .list-header .breadcrumbs a {
  color: var(--main-color);
  margin-right: 3rem;
  border-bottom: 2px solid transparent;
  -webkit-transition: border-bottom 0.2s;
  transition: border-bottom 0.2s;
}
.center-container .list-header .breadcrumbs a:hover {
  border-bottom: 2px solid var(--main-color);
}
.center-container .list-header .breadcrumbs a:last-child {
  color: #5B5B5B;
}
.center-container .list-header .breadcrumbs a:last-child:hover {
  border-bottom: 2px solid transparent;
}
.center-container .list-header .breadcrumbs a:last-child:after {
  display: none;
}
.center-container .list-header .breadcrumbs a:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 20px;
  background: url(../img/icons/navigate-next.svg) no-repeat 50% -1px/18px;
}
.center-container .list-header h2 {
  margin-bottom: 1rem;
}
.center-container .list-header .filter {
  width: 100%;
}
.center-container .list-header .filter .filter-select {
  position: relative;
  display: inline-block;
  padding: 0.5rem 0;
  cursor: pointer;
  width: calc(33% - 0.5rem);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 0.5rem;
}
@media only screen and (max-width: 630px) {
  .center-container .list-header .filter .filter-select {
    width: calc(33% - 0.75rem);
    margin-right: 0.5rem;
  }
}
.center-container .list-header .filter .filter-select:after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  display: block;
  position: absolute;
  inset: 50% 1.5rem auto auto;
  translate: 0 -75% 0;
  rotate: 0 0 1 45deg;
  border-right: 0.125rem solid #000;
  border-bottom: 0.125rem solid #000;
  pointer-events: none;
}
.center-container .list-header .filter .filter-select select {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  color: #000;
  height: 3.3rem;
  outline: none;
  padding: 0 1.5rem;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  width: 100%;
  font-family: "Inter-Light", sans-serif;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #707070;
  border-radius: 4rem;
  cursor: pointer;
}
.center-container .list-header .sort {
  position: relative;
  margin: 2rem 0 0 0;
  width: 100%;
  font-size: 1.4rem;
  padding-bottom: 1.5rem;
}
.center-container .list-header .sort:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #DBDBDB;
}
.center-container .list-header .sort .sort-by {
  margin-top: 0.15rem;
  float: left;
}
.center-container .list-header .sort .sort-select {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.center-container .list-header .sort .sort-select:after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  display: block;
  position: absolute;
  inset: 50% 1.5rem auto auto;
  translate: 0 -75% 0;
  rotate: 0 0 1 45deg;
  border-right: 0.125rem solid #000;
  border-bottom: 0.125rem solid #000;
  pointer-events: none;
  top: 1rem;
  right: -1.5rem;
}
.center-container .list-header .sort .sort-select select {
  font-family: "Inter-SemiBold", sans-serif;
  margin-left: 0.5rem;
  border-radius: 2px;
  border: none;
}
.center-container .list-header .sort .sort-select span {
  line-height: 200%;
  display: inline-block;
  margin-top: 2rem;
}
.center-container .list-header .sort .list-view-style {
  margin-top: 0.2rem;
  right: 0;
  top: 0;
  position: absolute;
}
.center-container .list-header .sort .list-view-style .icon {
  float: left;
  width: 2rem;
  height: 2rem;
  padding: 1rem 1.5rem;
  cursor: pointer;
}
.center-container .list-header .sort .list-view-style .icon.list-100 {
  background: url(../img/icons/list-100.svg) no-repeat 50% 50%/16px;
}
.center-container .list-header .sort .list-view-style .icon.list-50 {
  background: url(../img/icons/list-50.svg) no-repeat 50% 50%/17px;
}
.center-container .list-header .sort .list-view-style .icon.list-25 {
  background: url(../img/icons/list-25.svg) no-repeat 50% 50%/16px;
}
.center-container .list-header .sort .list-view-style .icon:hover {
  -webkit-filter: var(--icon-color-hover);
          filter: var(--icon-color-hover);
}
.center-container .list-header .sort .list-view-style .icon.active {
  opacity: 0.3;
}
.center-container .list-header .sort .list-view-style .icon.active:hover {
  -webkit-filter: none;
          filter: none;
}

.favorite-btn {
  position: absolute;
  top: 0rem;
  right: 1.5rem;
  width: 3.2rem;
  height: 3.2rem;
  background: url(../img/icons/favorite-fill.svg) no-repeat 50% 50%/contain;
  cursor: pointer;
  z-index: 1;
  opacity: 0.2;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
}
.favorite-btn:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  opacity: 1;
}
.favorite-btn.active {
  -webkit-filter: var(--icon-color-hover);
          filter: var(--icon-color-hover);
  opacity: 1;
}

.item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  margin-bottom: 2rem !important;
}
.item-wrapper .item {
  position: relative;
  padding-bottom: 10rem;
  margin-bottom: 4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.item-wrapper .item:hover .img-wrapper img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media only screen and (max-width: 768px) {
  .item-wrapper .item {
    width: 50% !important;
  }
}
.item-wrapper .item:after {
  position: absolute;
  bottom: 0;
  content: "";
  left: 1.5rem;
  width: calc(100% - 3rem);
  height: 1px;
  background-color: #DBDBDB;
}
.item-wrapper .item .clickable {
  position: absolute;
  width: calc(100% - 3rem);
  height: 100%;
  top: 0;
}
.item-wrapper .item .img-wrapper {
  margin-bottom: 1.5rem;
  position: relative;
  pointer-events: none;
}
.item-wrapper .item .img-wrapper img {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.item-wrapper .item .img-wrapper .new {
  position: absolute;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.4rem;
  background-color: var(--main-color);
  color: #fff;
  padding: 0.5rem 0.75rem;
  z-index: 100;
}
.item-wrapper .item h4 {
  margin-bottom: 0.5rem;
}
.item-wrapper .item .btn-supplier {
  background: #eee;
  padding: 0.5rem;
  border-radius: 3px;
  -webkit-transition: 0.2s background;
  transition: 0.2s background;
  line-height: 100%;
  pointer-events: auto;
  display: inline-block;
  margin: 1rem 0;
}
.item-wrapper .item .btn-supplier:hover {
  background: var(--main-color);
  color: #fff;
}
.item-wrapper .item .article-no {
  font-family: "Inter-Bold", sans-serif;
  color: #999;
  margin-bottom: 1rem;
}
.item-wrapper .item p {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.item-wrapper .item .description {
  position: relative;
  pointer-events: none;
}
.item-wrapper .item .delivery-time {
  font-family: "Inter-Bold", sans-serif;
  line-height: 160%;
  bottom: 6rem;
  position: absolute;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  .item-wrapper .item .delivery-time {
    position: relative;
    margin-bottom: 0.5rem;
    bottom: auto;
  }
}
.item-wrapper .item .unit {
  pointer-events: none;
  font-family: "Inter-Bold", sans-serif;
  line-height: 150%;
  color: #999;
}
.item-wrapper .item .price-wrapper {
  pointer-events: none;
  position: absolute;
  bottom: 6rem;
  right: 1.5rem;
}
.item-wrapper .item .price {
  font-family: "Inter-Bold", sans-serif;
  color: var(--main-color);
  font-size: 1.6rem;
  line-height: 1.6rem;
}
.item-wrapper .item .row-cart {
  display: block;
  right: 0;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  max-width: calc(100% - 3rem);
}
.item-wrapper .item .filter-select {
  position: relative;
  float: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.2rem;
  margin-right: 0.5rem;
  display: inline-block;
  max-width: calc(100% - 8.9rem);
}
.item-wrapper .item .filter-select select {
  padding: 0.5rem 3rem 0.5rem 1rem;
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 3px;
  width: 100%;
}
.item-wrapper .item .filter-select:after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  display: block;
  position: absolute;
  right: 1.2rem !important;
  top: 1.3rem !important;
  inset: 50% 1.5rem auto auto;
  translate: 0 -75% 0;
  rotate: 0 0 1 45deg;
  border-right: 0.1rem solid #000;
  border-bottom: 0.1rem solid #000;
  pointer-events: none;
}
.item-wrapper .item .amount-select {
  position: relative;
  display: inline-block;
  float: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.2rem;
  margin-right: 0.5rem;
}
.item-wrapper .item .amount-select:after {
  display: none;
}
.item-wrapper .item .amount-select input[type=number], .item-wrapper .item .amount-select input {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.2rem;
  min-height: 2.6rem;
  float: left;
  width: 5rem;
  margin-right: 2px;
  padding: 0 0.3rem 0 0.6rem !important;
}
.item-wrapper .item .unit-ammount {
  float: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.2rem;
  margin-top: 0.15rem;
  margin-left: 1rem;
}
.item-wrapper .item .btn {
  position: relative;
  padding: 1rem 1.4rem 1rem 1rem;
  height: 2.6rem;
  width: 2.6rem;
  margin-top: 0;
  text-align: center;
  display: inline-block;
}
.item-wrapper .item .btn .icon-light {
  float: left;
  width: 2.6rem;
  height: 2.4rem;
  margin-right: 0.5rem;
  position: relative;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-filter: invert(1);
          filter: invert(1);
  position: absolute;
  top: 0;
  left: 0;
}
.item-wrapper .item .btn .icon-light.shopping-basket {
  background: url(../img/icons/shopping-basket.svg) no-repeat 50% 50%/20px;
}
.item-wrapper.list-style-100 .item.width-3 {
  width: 100% !important;
  padding: 2rem 1.5rem !important;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-100 .item.width-3 {
    padding: 1rem 1.5rem !important;
    padding-bottom: 5rem !important;
  }
}
.item-wrapper.list-style-100 .img-wrapper {
  width: 18rem;
  height: 100%;
  float: left;
  margin: 0 2rem 0 0 !important;
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-100 .img-wrapper {
    width: 12rem;
  }
}
.item-wrapper.list-style-100 .description {
  width: 90%;
}
@media only screen and (max-width: 768px) {
  .item-wrapper.list-style-100 .description {
    width: auto;
  }
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-100 .description h4 {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-100 .description .article-no {
    padding-bottom: 4rem;
  }
}
.item-wrapper.list-style-100 .description p {
  padding-bottom: 2rem;
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-100 .description p {
    display: none;
  }
}
.item-wrapper.list-style-100 .delivery-time {
  position: absolute;
  left: 21.5rem;
}
@media only screen and (max-width: 768px) {
  .item-wrapper.list-style-100 .delivery-time {
    display: none;
  }
}
.item-wrapper.list-style-100 .price-wrapper {
  bottom: 6rem;
  position: absolute;
}
.item-wrapper.list-style-100 .favorite-btn {
  top: 1rem;
}
.item-wrapper.list-style-50 .item.width-3 {
  width: 50% !important;
  padding: 2rem 1.5rem !important;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 1200px) {
  .item-wrapper.list-style-50 .item.width-3 {
    padding-bottom: 5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .item-wrapper.list-style-50 .item.width-3 {
    padding: 1rem 1.5rem !important;
    padding-bottom: 5rem !important;
  }
}
.item-wrapper.list-style-50 .img-wrapper {
  width: 14rem;
  height: 100%;
  float: left;
  margin: 0 2rem 0 0 !important;
}
@media only screen and (max-width: 768px) {
  .item-wrapper.list-style-50 .img-wrapper {
    width: 100%;
    height: auto;
    margin: 0 0 2rem 0 !important;
  }
}
.item-wrapper.list-style-50 .description {
  width: 100%;
}
.item-wrapper.list-style-50 .description h4 {
  width: 90%;
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-50 .description h4 {
    font-size: 1.2rem;
  }
}
.item-wrapper.list-style-50 .description .article-no {
  padding-bottom: 4rem;
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-50 .description .article-no {
    padding-bottom: 4rem;
  }
}
.item-wrapper.list-style-50 .description p {
  display: none;
}
.item-wrapper.list-style-50 .delivery-time {
  display: none;
}
.item-wrapper.list-style-50 .price-wrapper {
  bottom: 6rem;
  position: absolute;
}
.item-wrapper.list-style-50 .favorite-btn {
  top: 1rem;
}
.item-wrapper.list-style-25 .item.width-3 {
  padding: 2rem 1.5rem !important;
  margin-bottom: 0 !important;
  padding-bottom: 5rem !important;
}
@media only screen and (max-width: 768px) {
  .item-wrapper.list-style-25 .item.width-3 {
    padding: 1rem 1.5rem !important;
    padding-bottom: 5rem !important;
  }
}
.item-wrapper.list-style-25 .description {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-25 .description h4 {
    font-size: 1.2rem;
  }
}
.item-wrapper.list-style-25 .description .article-no {
  padding-bottom: 4rem;
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-25 .description .article-no {
    padding-bottom: 4rem;
  }
}
.item-wrapper.list-style-25 .description p {
  display: none;
}
.item-wrapper.list-style-25 .delivery-time {
  display: none;
}
.item-wrapper.list-style-25 .price-wrapper {
  bottom: 6rem;
  position: absolute;
}
.item-wrapper.list-style-25 .favorite-btn {
  top: 2rem;
}
.item-wrapper.list-style-cart {
  margin-bottom: 0rem !important;
}
@media only screen and (max-width: 768px) {
  .item-wrapper.list-style-cart .item {
    width: 100% !important;
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .item-wrapper.list-style-cart .column.width-12 {
    margin: 0 0 1rem 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-cart .column.width-12 {
    margin: 1rem 0 !important;
  }
}
.item-wrapper.list-style-cart .item.width-12 {
  padding: 2rem 1.5rem !important;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-cart .item.width-12 {
    padding: 1rem 1.5rem 6rem 1.5rem !important;
  }
}
.item-wrapper.list-style-cart .img-wrapper {
  width: 11rem;
  height: 100%;
  float: left;
  margin: 0 2rem 0 0 !important;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-cart .img-wrapper {
    width: 8rem;
  }
}
.item-wrapper.list-style-cart .icon.delete {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 2rem;
  right: 1.5rem;
  background: url(../img/icons/delete.svg) no-repeat 50% 50%/contain;
  cursor: pointer;
}
.item-wrapper.list-style-cart .icon.delete:hover {
  -webkit-filter: var(--icon-color-hover);
          filter: var(--icon-color-hover);
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-cart .icon.delete {
    top: 1.2rem;
  }
}
.item-wrapper.list-style-cart .description {
  width: 90%;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-cart .description h4 {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-cart .description .article-no {
    padding-bottom: 4rem;
  }
}
.item-wrapper.list-style-cart .description p {
  padding-bottom: 2rem;
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-cart .description p {
    display: none;
  }
}
.item-wrapper.list-style-cart .filter-select {
  position: absolute;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.4rem;
  bottom: 2rem;
  right: 10rem;
}
.item-wrapper.list-style-cart .filter-select select {
  padding: 0rem 3rem 0rem 1.2rem;
  cursor: pointer;
  border: none;
}
.item-wrapper.list-style-cart .filter-select:after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  display: block;
  position: absolute;
  right: 1.2rem !important;
  top: 1rem !important;
  inset: 50% 1.5rem auto auto;
  translate: 0 -75% 0;
  rotate: 0 0 1 45deg;
  border-right: 0.1rem solid #000;
  border-bottom: 0.1rem solid #000;
  pointer-events: none;
}
.item-wrapper.list-style-cart .amount {
  position: absolute;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.4rem;
  bottom: 2rem;
  right: 10rem;
}
.item-wrapper.list-style-cart .article-no {
  margin-bottom: 0.5rem !important;
}
@media only screen and (max-width: 600px) {
  .item-wrapper.list-style-cart .article-no {
    padding-bottom: 0 !important;
  }
}
.item-wrapper.list-style-cart .delivery-time {
  position: relative;
  bottom: auto;
}
@media only screen and (max-width: 768px) {
  .item-wrapper.list-style-cart .delivery-time {
    margin-bottom: 0rem;
  }
}
.item-wrapper.list-style-cart .price-wrapper {
  bottom: 2rem;
  position: absolute;
}
.item-wrapper.list-style-cart .price-wrapper .unit {
  line-height: 240% !important;
}
.item-wrapper.list-style-cart .price-wrapper .price {
  color: #000;
  font-size: 1.4rem;
}

.pagination {
  display: inline-block;
  font-size: 1.3rem;
  line-height: 100%;
  float: right;
  margin-top: 2rem !important;
}
.pagination .page {
  display: block;
  border: 1px solid #707070;
  border-radius: 12rem;
  padding: 0.9rem 0;
  font-family: "Inter-Bold", sans-serif;
  color: var(--main-color);
  width: 3.5rem;
  height: 3.5rem;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin: 0 0.2rem;
  cursor: pointer;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}
.pagination .page:hover {
  opacity: 0.6;
}
.pagination .page.active {
  font-family: "Inter-Regular", sans-serif;
  color: #000;
  opacity: 0.4;
  pointer-events: none;
}
.pagination .dots {
  text-align: center;
  display: block;
  float: left;
  line-height: 190%;
  margin: 0;
  width: 3.5rem;
  height: 3.5rem;
}
.pagination .dots:before {
  content: "...";
}

.detail {
  line-height: 1.6rem;
}
@media only screen and (max-width: 768px) {
  .detail .width-6 {
    width: 50% !important;
  }
}
.detail .px {
  width: 1px;
  height: 1px;
  background: transparent;
}
.detail #image-slider {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  position: relative;
}
.detail #image-slider img {
  height: auto;
  margin: auto;
}
.detail #image-slider .rsMainSlideImage {
  width: 100% !important;
  height: auto !important;
}
.detail #image-slider.rsFullscreen .rsSlide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail #image-slider.rsFullscreen .rsSlide .rsMainSlideImage {
  max-height: 80% !important;
  width: auto !important;
  -webkit-box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
@media only screen and (max-width: 768px) {
  .detail #image-slider .rsFullscreenBtn {
    display: none;
  }
}
.detail .royalSlider > .rsImg {
  visibility: hidden;
}
.detail .rsWebkit3d .rsSlide {
  -webkit-transform: none;
}
.detail .rsWebkit3d img {
  -webkit-transform: translateZ(0);
}
.detail .rsDefault .rsThumb.rsNavSelected {
  background: #fff;
}
.detail h2 {
  margin-bottom: 1rem;
  line-height: 2.8rem;
}
.detail .btn-supplier {
  background: #eee;
  padding: 0.5rem;
  border-radius: 3px;
  -webkit-transition: 0.2s background;
  transition: 0.2s background;
  line-height: 100%;
  pointer-events: auto;
  display: inline-block;
  margin: 1rem 0;
  color: #000;
}
.detail .btn-supplier:hover {
  background: var(--main-color);
  color: #fff;
}
.detail .article-no {
  font-family: "Inter-Bold", sans-serif;
  color: #999;
  margin-bottom: 1rem;
}
.detail p {
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.detail .detail-download {
  color: #000;
  padding-bottom: 0.2rem;
  padding-left: 2rem;
  border-bottom: 2px solid transparent;
  position: relative;
  font-size: 1.2rem;
}
.detail .detail-download:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url(../img/icons/download-pdf.svg) no-repeat 50% 50%/20px;
}
.detail .detail-download:hover {
  text-decoration: underline;
}
.detail .graduate p {
  font-size: 1.2rem;
  line-height: 2rem;
}
.detail .price {
  display: block;
  font-family: "Inter-Bold", sans-serif;
  color: var(--main-color);
  font-size: 1.8rem;
}
.detail .price-per-unit {
  position: relative;
  float: left;
  display: inline;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.4rem;
  margin-left: 1rem;
  line-height: 280%;
}
.detail .unit {
  display: block;
  font-family: "Inter-Bold", sans-serif;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: #999;
}
.detail .price-info {
  display: block;
  margin-bottom: 0.5rem;
}
.detail .delivery-time {
  display: block;
  font-family: "Inter-Bold", sans-serif;
  margin-top: 1rem;
}
.detail .filter-select {
  position: relative;
  float: left;
  display: inline;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.4rem;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
.detail .filter-select select {
  padding: 1.1rem 3rem 1.3rem 1.2rem;
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 3px;
}
.detail .filter-select:after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  display: block;
  position: absolute;
  right: 1.2rem !important;
  top: 2rem !important;
  inset: 50% 1.5rem auto auto;
  translate: 0 -75% 0;
  rotate: 0 0 1 45deg;
  border-right: 0.1rem solid #000;
  border-bottom: 0.1rem solid #000;
  pointer-events: none;
}
.detail .amount-select {
  position: relative;
  float: left;
  display: inline;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.4rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.detail .amount-select:after {
  display: none;
}
.detail .amount-select input[type=number], .detail .amount-select input {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.4rem;
  min-height: 42px;
  float: left;
  width: 70px;
  margin-right: 2px;
}
.detail .unit-ammount {
  float: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.2rem;
  margin-top: 0.15rem;
  margin-left: 1rem;
}
.detail .btn {
  position: relative;
  padding-left: 4rem;
}
.detail .btn .icon-light {
  float: left;
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 0.5rem;
  position: relative;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-filter: invert(1);
          filter: invert(1);
  position: absolute;
  top: 0.8rem;
  left: 1rem;
}
.detail .btn .icon-light.shopping-basket {
  background: url(../img/icons/shopping-basket.svg) no-repeat 50% 50%/20px;
}
.detail .item .unit {
  display: inline;
}

.cart table {
  position: relative;
  width: 100%;
  float: right;
  font-size: 1.2rem;
  line-height: 2.8rem;
  margin-top: 2rem;
  margin-bottom: 6rem;
}
.cart table td:nth-child(even) {
  width: 9.5rem;
}
.cart table tr:last-child {
  font-size: 1.4rem;
  font-family: "Inter-Bold", sans-serif;
}
.cart table:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -2rem;
  background: #DBDBDB;
}
.cart .btn-supplier {
  background: #eee;
  padding: 0.5rem;
  border-radius: 3px;
  -webkit-transition: 0.2s background;
  transition: 0.2s background;
  line-height: 100%;
  pointer-events: auto;
  display: inline-block;
  margin: 1rem 0;
  color: #000;
}
.cart .btn-supplier:hover {
  background: var(--main-color);
  color: #fff;
}
.cart .address {
  position: relative;
}
.cart .address .address-title {
  position: relative;
  display: inline;
  line-height: 250%;
}
.cart .address .address-edit {
  background: url(../img/icons/edit.svg) no-repeat 50% 50%/contain;
  position: absolute;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  top: 0;
  right: -3rem;
}
.cart .address .address-edit:hover {
  -webkit-filter: var(--icon-color-hover);
          filter: var(--icon-color-hover);
}
.cart .address label {
  padding-left: 1rem;
}
.cart .address .box {
  padding: 1rem 2rem !important;
  margin-bottom: 1rem !important;
}
@media only screen and (max-width: 768px) {
  .cart .address .width-12 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
}
.cart .shipping {
  padding-bottom: 2rem;
}
.cart .shipping .shipping-select .width-6 {
  margin: 0;
}
.cart .payment .paypal-button {
  width: 100%;
  height: 50px;
  background: #FFC439 url(../img/paypal-logo.svg) no-repeat 50% 55%/80px;
  border-radius: 4px;
  cursor: pointer;
}
.cart .agb {
  margin-top: 4rem;
  margin-bottom: 3rem;
}
.cart .agb label {
  font-family: "Inter-Regular", sans-serif;
  padding: 0.5rem 0;
}
.cart .agb input[type=checkbox] {
  width: auto;
  margin-top: -0.5rem;
  margin-right: 1rem;
}
.cart .pos {
  font-family: "Inter-Bold", sans-serif;
  margin-bottom: 5rem !important;
}
.cart .pos .btn {
  width: 100%;
  text-align: center;
}
.cart.history h2 {
  font-size: 2.2rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 800px) {
  .cart.history h2 {
    margin-bottom: 0rem;
  }
}
.cart.history .width-12 {
  position: relative;
}
.cart.history .filter-select::after {
  display: none;
}
.cart.history .btn-history {
  position: absolute;
  top: -1rem;
  right: 1.5rem;
}
@media only screen and (max-width: 800px) {
  .cart.history .btn-history {
    position: relative;
    top: auto;
    right: auto;
  }
}
.cart.history table::after {
  background: #000;
}

.sub h3 {
  margin-top: 5rem;
}

.aside-right p {
  font-size: 1.2rem;
}
@media only screen and (max-width: 1500px) {
  .aside-right {
    display: none;
  }
}
.aside-right .inline-cart {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.2rem;
  margin-bottom: 6rem;
}
.aside-right .inline-cart .btn-supplier {
  background: #eee;
  padding: 0.5rem;
  border-radius: 3px;
  -webkit-transition: 0.2s background;
  transition: 0.2s background;
  line-height: 100%;
  pointer-events: auto;
  display: inline-block;
  margin: 1rem 0;
  color: #000;
}
.aside-right .inline-cart .btn-supplier:hover {
  background: var(--main-color);
  color: #fff;
}
.aside-right .inline-cart .item {
  position: relative;
  min-height: 8rem;
  padding: 1rem 0;
}
.aside-right .inline-cart .item .img-wrapper {
  width: 4rem;
  height: auto;
  float: left;
  margin: 0 1rem 2rem 0 !important;
}
.aside-right .inline-cart .item h4 {
  font-size: 1.2rem;
  padding-bottom: 1.5rem;
  font-family: "Inter-Regular", sans-serif;
  line-height: 130%;
}
.aside-right .inline-cart .item .filter-select {
  display: inline;
  position: absolute;
  left: 5rem;
  bottom: 1rem;
}
.aside-right .inline-cart .item .filter-select select {
  padding-right: 1.5rem;
  border: none;
}
.aside-right .inline-cart .item .filter-select:after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  display: block;
  position: absolute;
  right: 0 !important;
  inset: 50% 1.5rem auto auto;
  translate: 0 -75% 0;
  rotate: 0 0 1 45deg;
  border-right: 0.125rem solid #000;
  border-bottom: 0.125rem solid #000;
  pointer-events: none;
}
.aside-right .inline-cart .item .amount {
  display: inline;
  position: absolute;
  left: 5rem;
  bottom: 1rem;
}
.aside-right .inline-cart .item:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #DBDBDB;
}
.aside-right .inline-cart .item .icon.delete {
  width: 2rem;
  height: 2rem;
  position: absolute;
  bottom: 0.75rem;
  left: 0;
  background: url(../img/icons/delete.svg) no-repeat 50% 50%/contain;
  cursor: pointer;
}
.aside-right .inline-cart .item .icon.delete:hover {
  -webkit-filter: var(--icon-color-hover);
          filter: var(--icon-color-hover);
}
.aside-right .inline-cart .item .price {
  position: absolute;
  right: 0;
  bottom: 1rem;
}
.aside-right .inline-cart .total table {
  width: 100%;
}
.aside-right .inline-cart .total p {
  margin-bottom: 0;
  line-height: 130%;
}
.aside-right .inline-cart .total b {
  font-family: "Inter-Bold", sans-serif;
}
.aside-right .inline-cart .total tr {
  border-bottom: 1px solid #DBDBDB;
}
.aside-right .inline-cart .total tr:last-child {
  border-bottom: none;
}
.aside-right .inline-cart .total tr td {
  padding: 1.5rem 0;
}

.login {
  background: var(--main-color);
  min-height: 100vh;
}
.login .column {
  position: relative;
}
.login .box {
  margin-top: 10vh;
}
.login .logo {
  width: 15rem;
  height: 4rem;
  margin-bottom: 3rem;
  cursor: pointer;
  background-image: url(../img/logo.png);
  background-repeat: no-repeat;
  background-position: 0% 60%;
  background-size: contain;
}
.login .login-close {
  position: absolute;
  cursor: pointer;
  right: 3rem;
  top: 0;
  font-size: 1.4rem;
  font-family: "Inter-Bold", sans-serif;
}
.login .login-close:after {
  content: "";
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  top: 0;
  right: -2rem;
  background: url(../img/icons/navigate-next.svg) no-repeat 100% 50%/1.9rem;
}
.login .border-right {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .login .column.box.width-10 {
    width: calc(100% - 3rem) !important;
  }
}
.login .width-6 {
  width: 50%;
  float: left;
  padding: 0 1.5rem;
}
.login .btn {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.login p {
  margin: 2rem 0 1rem 0;
}
.login .footer {
  color: #fff !important;
}
.login .footer a {
  color: #fff !important;
}
.login .footer a:hover {
  border-bottom: 1px solid #fff !important;
}

.footer p {
  font-size: 1.2rem;
}
.footer a {
  color: #000;
}
.footer a:hover {
  border-bottom: 1px solid #000;
}