@charset "UTF-8";
/* ========================================================================== Paths @mixin ========================================================================= */
/* ========================================================================== Colors @mixin ========================================================================= */
/* ========================================================================== Fonts @mixin ========================================================================= */
/* ========================================================================== Grid @mixin ========================================================================= */
/* ========================================================================== Media queries ========================================================================== */
/* ========================================================================== Easings @mixin ========================================================================= */
/* ========================================================================== Display @mixin ========================================================================= */
/* ========================================================================== Clearfix @mixin ========================================================================= */
/* ========================================================================== Antialiased @mixin ========================================================================= */
/* ========================================================================== Fontfaces @mixin ========================================================================= */
/* ========================================================================== Reset list @mixin ========================================================================= */
/* ========================================================================== Triangles @mixin ========================================================================= */
/* ========================================================================== Pseudo elements @mixin ========================================================================= */
/* ========================================================================== Icon hover effect @mixin ========================================================================= */
/** Create variables for the media queries @param  {string} $breakpoint The breakpoint @param  {string} $type       Type of media query (min or max) @param  {string} $unit       The unit for the media queries (em or px) @return {string}             A media query expression */
/* ========================================================================== Display & position @mixin ========================================================================= */
.u-none { display: none; }

.u-table { display: table; }

.u-cell { display: table-cell; }

.u-inlbl { display: inline-block; }

.u-clear { clear: both; }

.cf:after { content: ""; clear: both; display: block; }

.u-img { display: block; width: 100%; height: auto; }

.u-img:nth-child(n+2) { margin-top: 0.5rem; }

@media (min-width: 48em) { .u-img:nth-child(n+2) { margin-top: 0.75rem; } }

@media (min-width: 80em) { .u-img:nth-child(n+2) { margin-top: 0.75rem; } }

/* ========================================================================== Typography @mixin ========================================================================= */
.u-tac { text-align: center; }

.u-tal { text-align: left; }

.u-tar { text-align: right; }

/* ========================================================================== Flickity plugin @mixin ========================================================================= */
.flickity-enabled { position: relative; }

.flickity-enabled:focus { outline: none; }

.flickity-viewport { overflow: hidden; position: relative; height: 100%; }

.flickity-slider { position: absolute; width: 100%; height: 100%; }

.flickity-enabled.is-draggable { tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }

.flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: white; background: rgba(255, 255, 255, 0.75); cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus { outline: none; box-shadow: 0 0 0 5px #09F; }

.flickity-prev-next-button:active { opacity: 0.6; }

.flickity-prev-next-button.previous { left: 10px; }

.flickity-prev-next-button.next { right: 10px; }

.flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; }

.flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; }

.flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto; }

.flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; }

.flickity-prev-next-button .arrow { fill: #333; }

.flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; }

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; }

.flickity-page-dots .dot.is-selected { opacity: 1; }

/* Override @mixin ========================================================================= */
.flickity-prev-next-button { top: 35%; display: none; width: 2.5em; height: 2.5em; opacity: .75; }

.flickity-prev-next-button:hover { background: none; }

.flickity-prev-next-button:focus { box-shadow: none; }

.flickity-prev-next-button.previous { left: -3em; }

.flickity-prev-next-button.next { right: -3em; }

@media (min-width: 62em) { .flickity-prev-next-button { display: block; background: none; border: 1px solid #fff; border-radius: 4px; }
  .flickity-prev-next-button .arrow { fill: #fff; } }

.flickity-page-dots { bottom: 1.5em; }

.flickity-page-dots .dot { width: .8em; height: .8em; margin: 0 .3em; background: #fff; opacity: .5; -webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

/** CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input, select { vertical-align: baseline; margin: 0; padding: 0; font: inherit; font-size: 100%; border: 0; }

/* HTML5 display-role reset for older browsers */
main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

q, blockquote { quotes: none; }

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

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

input, button, textarea { font-family: inherit; font-size: 1em; }

button, input { font: inherit; }

.mac button, .mac input { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: antialiased; }

button { cursor: pointer; padding: 0; font-size: 1em; background: none; border: 0; }

input { font-size: 1em; background: none; border: 0; }

textarea { resize: none; }

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

a:hover, a:visited { color: inherit; }

/* ========================================================================== Grid @mixin ========================================================================= */
.grid { width: calc(100% - 0.5rem); max-width: 84em; margin-right: auto; margin-left: auto; }

@media (min-width: 48em) { .grid { width: calc(100% - 0.75rem); } }

@media (min-width: 80em) { .grid { width: calc(100% - 0.75rem); } }

.grid--fullw { width: 100%; }

.grid__row { margin-right: -0.25rem; margin-left: -0.25rem; }

.grid__row:after { content: ""; clear: both; display: block; }

@media (min-width: 48em) { .grid__row { margin-right: -0.375rem; margin-left: -0.375rem; } }

@media (min-width: 80em) { .grid__row { margin-right: -0.375rem; margin-left: -0.375rem; } }

.grid, [class*="grid__col-xxs--"], [class*="grid__col-xs--"], [class*="grid__col-s--"], [class*="grid__col-m--"], [class*="grid__col-l--"], [class*="grid__col-xl--"] { min-height: 1px; padding-right: 0.25rem; padding-left: 0.25rem; }

@media (min-width: 48em) { .grid, [class*="grid__col-xxs--"], [class*="grid__col-xs--"], [class*="grid__col-s--"], [class*="grid__col-m--"], [class*="grid__col-l--"], [class*="grid__col-xl--"] { padding-right: 0.375rem; padding-left: 0.375rem; } }

@media (min-width: 80em) { .grid, [class*="grid__col-xxs--"], [class*="grid__col-xs--"], [class*="grid__col-s--"], [class*="grid__col-m--"], [class*="grid__col-l--"], [class*="grid__col-xl--"] { padding-right: 0.375rem; padding-left: 0.375rem; } }

[class*="grid__col-xxs--"], [class*="grid__col-xs--"], [class*="grid__col-s--"], [class*="grid__col-m--"], [class*="grid__col-l--"], [class*="grid__col-xl--"] { float: left; }

/* Smallest  view @mixin ========================================================================= */
[class*="grid__col-xxs--"] { display: block; }

.grid__col-xxs--left { float: left; }

.grid__col-xxs--right { float: right; }

.grid__col-xxs--0 { display: none; }

.grid__col-xxs--1 { width: 8.33333%; }

.grid__col-xxs--2 { width: 16.66667%; }

.grid__col-xxs--3 { width: 25%; }

.grid__col-xxs--4 { width: 33.33333%; }

.grid__col-xxs--5 { width: 41.66667%; }

.grid__col-xxs--6 { width: 50%; }

.grid__col-xxs--7 { width: 58.33333%; }

.grid__col-xxs--8 { width: 66.66667%; }

.grid__col-xxs--9 { width: 75%; }

.grid__col-xxs--10 { width: 83.33333%; }

.grid__col-xxs--11 { width: 91.66667%; }

.grid__col-xxs--12 { width: 100%; }

/* Smaller view @mixin ========================================================================= */
@media (min-width: 30em) { [class*="grid__col-xs--"] { display: block; }
  .grid__col-xs--left { float: left; }
  .grid__col-xs--right { float: right; }
  .grid__col-xs--0 { display: none; }
  .grid__col-xs--1 { width: 8.33333%; }
  .grid__col-xs--2 { width: 16.66667%; }
  .grid__col-xs--3 { width: 25%; }
  .grid__col-xs--4 { width: 33.33333%; }
  .grid__col-xs--5 { width: 41.66667%; }
  .grid__col-xs--6 { width: 50%; }
  .grid__col-xs--7 { width: 58.33333%; }
  .grid__col-xs--8 { width: 66.66667%; }
  .grid__col-xs--9 { width: 75%; }
  .grid__col-xs--10 { width: 83.33333%; }
  .grid__col-xs--11 { width: 91.66667%; }
  .grid__col-xs--12 { width: 100%; } }

/* Small view @mixin ========================================================================= */
@media (min-width: 48em) { [class*="grid__col-s--"] { display: block; }
  .grid__col-s--left { float: left; }
  .grid__col-s--right { float: right; }
  .grid__col-s--0 { display: none; }
  .grid__col-s--1 { width: 8.33333%; }
  .grid__col-s--2 { width: 16.66667%; }
  .grid__col-s--3 { width: 25%; }
  .grid__col-s--4 { width: 33.33333%; }
  .grid__col-s--5 { width: 41.66667%; }
  .grid__col-s--6 { width: 50%; }
  .grid__col-s--7 { width: 58.33333%; }
  .grid__col-s--8 { width: 66.66667%; }
  .grid__col-s--9 { width: 75%; }
  .grid__col-s--10 { width: 83.33333%; }
  .grid__col-s--11 { width: 91.66667%; }
  .grid__col-s--12 { width: 100%; } }

/* Medium view @mixin ========================================================================= */
@media (min-width: 62em) { [class*="grid__col-m--"] { display: block; }
  .grid__col-m--left { float: left; }
  .grid__col-m--right { float: right; }
  .grid__col-m--0 { display: none; }
  .grid__col-m--1 { width: 8.33333%; }
  .grid__col-m--2 { width: 16.66667%; }
  .grid__col-m--3 { width: 25%; }
  .grid__col-m--4 { width: 33.33333%; }
  .grid__col-m--5 { width: 41.66667%; }
  .grid__col-m--6 { width: 50%; }
  .grid__col-m--7 { width: 58.33333%; }
  .grid__col-m--8 { width: 66.66667%; }
  .grid__col-m--9 { width: 75%; }
  .grid__col-m--10 { width: 83.33333%; }
  .grid__col-m--11 { width: 91.66667%; }
  .grid__col-m--12 { width: 100%; } }

/* Large view @mixin ========================================================================= */
@media (min-width: 80em) { [class*="grid__col-l--"] { display: block; }
  .grid__col-l--left { float: left; }
  .grid__col-l--right { float: right; }
  .grid__col-l--0 { display: none; }
  .grid__col-l--1 { width: 8.33333%; }
  .grid__col-l--2 { width: 16.66667%; }
  .grid__col-l--3 { width: 25%; }
  .grid__col-l--4 { width: 33.33333%; }
  .grid__col-l--5 { width: 41.66667%; }
  .grid__col-l--6 { width: 50%; }
  .grid__col-l--7 { width: 58.33333%; }
  .grid__col-l--8 { width: 66.66667%; }
  .grid__col-l--9 { width: 75%; }
  .grid__col-l--10 { width: 83.33333%; }
  .grid__col-l--11 { width: 91.66667%; }
  .grid__col-l--12 { width: 100%; } }

/* Larger view @mixin ========================================================================= */
@media (min-width: 90em) { [class*="grid__col-xl--"] { display: block; }
  .grid__col-xl--left { float: left; }
  .grid__col-xl--right { float: right; }
  .grid__col-xl--0 { display: none; }
  .grid__col-xl--1 { width: 8.33333%; }
  .grid__col-xl--2 { width: 16.66667%; }
  .grid__col-xl--3 { width: 25%; }
  .grid__col-xl--4 { width: 33.33333%; }
  .grid__col-xl--5 { width: 41.66667%; }
  .grid__col-xl--6 { width: 50%; }
  .grid__col-xl--7 { width: 58.33333%; }
  .grid__col-xl--8 { width: 66.66667%; }
  .grid__col-xl--9 { width: 75%; }
  .grid__col-xl--10 { width: 83.33333%; }
  .grid__col-xl--11 { width: 91.66667%; }
  .grid__col-xl--12 { width: 100%; } }

/* ========================================================================== Global settings @mixin ========================================================================= */
*, *:after, *:before { position: relative; box-sizing: inherit; outline: none; }

html { font-size: 16px; box-sizing: border-box; }

@media (min-width: 80em) { html { font-size: 17px; } }

@media (min-width: 90em) { html { font-size: 18px; } }

@media (min-width: 120em) { html { font-size: 19px; } }

body { line-height: 1.45; font-family: "Trade Gothic", Helvetica, Arial, sans-serif; font-size: 1em; color: #3D3D3F; background-color: #F5F5F5; }

.content { margin: 2em 0 4em; }

@media (min-width: 48em) { .content { margin: 4em 0 8em; } }

/* ========================================================================== Selection @mixin ========================================================================= */
::-moz-selection { text-shadow: none; color: #F5F5F5; background: #999999; }

::selection { text-shadow: none; color: #F5F5F5; background: #999999; }

/* ========================================================================== Typography basics @mixin ========================================================================= */
@font-face { font-family: "Trade Gothic"; src: url("/wp-content/themes/mtn-world-2017/dist/fonts/TradeGothic-regular.woff2") format("woff2"), url("/wp-content/themes/mtn-world-2017/dist/fonts/TradeGothic-regular.woff") format("woff"), url("/wp-content/themes/mtn-world-2017/dist/fonts/TradeGothic-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; }

@font-face { font-family: "Trade Gothic"; src: url("/wp-content/themes/mtn-world-2017/dist/fonts/TradeGothic-bold.woff2") format("woff2"), url("/wp-content/themes/mtn-world-2017/dist/fonts/TradeGothic-bold.woff") format("woff"), url("/wp-content/themes/mtn-world-2017/dist/fonts/TradeGothic-bold.ttf") format("truetype"); font-weight: 700; font-style: normal; }

@font-face { font-family: "Trade Gothic Condensed"; src: url("/wp-content/themes/mtn-world-2017/dist/fonts/TradeGothic-cn-18.woff2") format("woff2"), url("/wp-content/themes/mtn-world-2017/dist/fonts/TradeGothic-cn-18.woff") format("woff"), url("/wp-content/themes/mtn-world-2017/dist/fonts/TradeGothic-cn-18.ttf") format("truetype"); font-weight: 400; font-style: normal; }

@font-face { font-family: "Trade Gothic Condensed"; src: url("/wp-content/themes/mtn-world-2017/dist/fonts/TradeGothic-cn-20.woff2") format("woff2"), url("/wp-content/themes/mtn-world-2017/dist/fonts/TradeGothic-cn-20.woff") format("woff"), url("/wp-content/themes/mtn-world-2017/dist/fonts/TradeGothic-cn-20.ttf") format("truetype"); font-weight: 700; font-style: normal; }

p, ul, ol, pre, blockquote { margin-bottom: 1.45em; }

h1, h2, h3, h4 { margin: 1.414em 0 0.5em; line-height: 1.2; font-weight: 700; }

h1 { margin-top: 0; font-size: 3.157em; }

h2 { font-size: 2.369em; }

h3 { font-size: 1.777em; }

h4 { font-size: 1.333em; }

small { font-size: 0.75em; }

sup { vertical-align: super; font-size: 0.75em; }

strong { font-weight: 700; }

a { display: inline-block; color: inherit; cursor: pointer; }

em { font-style: italic; }

hr { border: 0; height: 1px; background-color: #D9DADB; }

pre { white-space: pre-wrap; }

.title { display: block; margin: 0 0 .5em; line-height: 1.05; font-family: "Trade Gothic Condensed", Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; }

.title--1 { font-size: 2em; font-weight: 700; }

@media (min-width: 30em) { .title--1 { font-size: 2.6em; } }

@media (min-width: 48em) { .title--1 { font-size: 3.4em; } }

@media (min-width: 62em) { .title--1 { font-size: 4.2em; } }

.title--2 { font-size: 1.6em; }

@media (min-width: 30em) { .title--2 { font-size: 2em; } }

@media (min-width: 48em) { .title--2 { font-size: 2.8em; } }

@media (min-width: 62em) { .title--2 { font-size: 3.4em; } }

.title--3 { font-size: 1.4em; }

@media (min-width: 30em) { .title--3 { font-size: 1.7em; } }

@media (min-width: 48em) { .title--3 { font-size: 2em; } }

.title--4 { font-size: 1.2em; }

@media (min-width: 30em) { .title--4 { font-size: 1.5em; } }

@media (min-width: 48em) { .title--4 { font-size: 1.7em; } }

.title--5 { font-family: "Trade Gothic", Helvetica, Arial, sans-serif; }

.title--bold { font-weight: 700; }

.cms-content a { font-weight: 700; color: #00B0EF; -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.cms-content a:hover { color: #008abc; }

.cms-content ul { list-style: disc; }

.cms-content ol { list-style: decimal; }

.cms-content h1 a, .cms-content h2 a, .cms-content h3 a, .cms-content h4 a, .cms-content h5 a, .cms-content h6 a { font-size: 1rem; }

.date { display: block; font-size: .8em; font-weight: 400; color: #b3b3b3; }

.blue { font-size: .8em; font-weight: 700; color: #00B0EF; -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.blue:hover { color: #008abc; }

/* ========================================================================== Buttons @mixin ========================================================================= */
.btn { cursor: pointer; }

.btn__nav { position: absolute; top: 0; right: 0; width: 4em; height: 4em; padding: 0; }

.btn__nav .svg_cross, .btn__nav .svg_burger { margin: auto; fill: #fff; }

.has-bg .btn__nav .svg_burger { fill: #3D3D3F; }

@media (min-width: 48em) { .btn__nav { display: none; } }

.btn__inline { display: inline-block; margin: .2em; padding: .3em .6em; font-size: 1.2em; text-transform: uppercase; background-color: #D9DADB; border-radius: 4px; }

.btn__inline.is-active { color: #fff; background-color: #3D3D3F; }

.btn__inline--icon { -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); padding: .5em; }

.btn__inline--icon:hover .icon:nth-child(1) { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__inline--icon:hover .icon:nth-child(1) svg { fill: transparent; }

.btn__inline--icon:hover .icon:nth-child(2) { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__inline--icon:hover .icon:nth-child(2) svg { fill: #fff; }

.btn__inline--icon:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.btn__inline--icon .icon { display: block; }

.btn__inline--icon .icon:nth-child(1) { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__inline--icon .icon:nth-child(2) { position: absolute; bottom: 0.5em; left: 0.5em; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__inline--icon .icon:nth-child(2) svg { -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__inline--icon .icon svg { fill: #3D3D3F; -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__inline--icon.is-active { -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__inline--icon.is-active:hover .icon:nth-child(1) { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__inline--icon.is-active:hover .icon:nth-child(1) svg { fill: transparent; }

.btn__inline--icon.is-active:hover .icon:nth-child(2) { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__inline--icon.is-active:hover .icon:nth-child(2) svg { fill: #D9DADB; }

.btn__inline--icon.is-active:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.btn__inline--icon.is-active .icon { display: block; }

.btn__inline--icon.is-active .icon:nth-child(1) { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__inline--icon.is-active .icon:nth-child(2) { position: absolute; bottom: 0.5em; left: 0.5em; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__inline--icon.is-active .icon:nth-child(2) svg { -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__inline--icon.is-active .icon svg { fill: #FFF; -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__box { display: block; width: 100%; max-width: 26em; margin: 0 auto; text-align: center; text-transform: uppercase; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.47, 0, 0.745, 0.715); transition: -webkit-transform 0.2s cubic-bezier(0.47, 0, 0.745, 0.715); transition: transform 0.2s cubic-bezier(0.47, 0, 0.745, 0.715); transition: transform 0.2s cubic-bezier(0.47, 0, 0.745, 0.715), -webkit-transform 0.2s cubic-bezier(0.47, 0, 0.745, 0.715); }

.btn__box:hover { -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__box:hover .btn__text:before { z-index: -2; opacity: 0; -webkit-transition: opacity .1s .1s; transition: opacity .1s .1s; }

.btn__box:hover .btn__text:after { z-index: -1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__box:active .btn__text { -webkit-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); }

.btn__text { z-index: 0; display: block; padding: 1rem; color: #fff; overflow: hidden; -webkit-transition: -webkit-transform .1s; transition: -webkit-transform .1s; transition: transform .1s; transition: transform .1s, -webkit-transform .1s; }

.btn__text:after, .btn__text:before { content: ""; display: block; width: 100%; height: 100%; background: none; position: absolute; bottom: 0; left: 0; }

.btn__text:before { z-index: -1; background-color: #3D3D3F; opacity: 1; -webkit-transition: opacity 0.2s cubic-bezier(0.47, 0, 0.745, 0.715); transition: opacity 0.2s cubic-bezier(0.47, 0, 0.745, 0.715); }

.btn__text:after { z-index: -2; background-color: #D9DADB; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transition: -webkit-transform 0s .2s; transition: -webkit-transform 0s .2s; transition: transform 0s .2s; transition: transform 0s .2s, -webkit-transform 0s .2s; }

.btn__social { max-width: none; text-transform: none; }

.btn__social .btn__text { font-size: .8em; }

.btn__social .btn__icon { z-index: 1; position: absolute; left: 0; top: 0; width: 2.5em; height: 100%; text-align: center; }

.btn__social svg { display: inline-block; vertical-align: middle; height: 100%; fill: #fff; }

.btn__social--facebook { -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__social--facebook:hover .icon:nth-child(1) { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__social--facebook:hover .icon:nth-child(1) svg { fill: transparent; }

.btn__social--facebook:hover .icon:nth-child(2) { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__social--facebook:hover .icon:nth-child(2) svg { fill: #648cc0; }

.btn__social--facebook:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.btn__social--facebook .icon { display: block; }

.btn__social--facebook .icon:nth-child(1) { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__social--facebook .icon:nth-child(2) { position: absolute; bottom: 0; left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__social--facebook .icon:nth-child(2) svg { -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__social--facebook .icon svg { fill: #fff; -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__social--facebook:active { -webkit-transform: scale(0.97); -ms-transform: scale(0.97); transform: scale(0.97); }

.btn__social--facebook .btn__text:before { background-color: #4672AB; }

.btn__social--facebook .btn__text:after { background-color: #345580; }

.btn__social--twitter { -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__social--twitter:hover .icon:nth-child(1) { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__social--twitter:hover .icon:nth-child(1) svg { fill: transparent; }

.btn__social--twitter:hover .icon:nth-child(2) { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__social--twitter:hover .icon:nth-child(2) svg { fill: #009dd6; }

.btn__social--twitter:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.btn__social--twitter .icon { display: block; }

.btn__social--twitter .icon:nth-child(1) { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__social--twitter .icon:nth-child(2) { position: absolute; bottom: 0; left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__social--twitter .icon:nth-child(2) svg { -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__social--twitter .icon svg { fill: #fff; -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__social--twitter:active { -webkit-transform: scale(0.97); -ms-transform: scale(0.97); transform: scale(0.97); }

.btn__social--twitter .btn__text:before { background-color: #00B0EF; }

.btn__social--twitter .btn__text:after { background-color: #19c2ff; }

.btn__top { -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); margin-top: 2em; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__top:hover .icon:nth-child(1) { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__top:hover .icon:nth-child(1) svg { fill: transparent; }

.btn__top:hover .icon:nth-child(2) { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__top:hover .icon:nth-child(2) svg { fill: #3D3D3F; }

.btn__top:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.btn__top .icon { display: block; }

.btn__top .icon:nth-child(1) { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__top .icon:nth-child(2) { position: absolute; bottom: 0; left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__top .icon:nth-child(2) svg { -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__top .icon svg { fill: #999999; -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__top:before { content: ""; display: block; width: 0; height: 0; background: none; width: 0; height: 0; border-bottom: 0.7em solid #999999; border-left: 0.4em solid transparent; border-right: 0.4em solid transparent; margin: 0 auto .4em; -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.btn__top:hover:before { border-bottom-color: #3D3D3F; -webkit-transform: translate(0, -0.2em); -ms-transform: translate(0, -0.2em); transform: translate(0, -0.2em); }

/* ========================================================================== Icons @mixin ========================================================================= */
svg { display: block; }

.svg_loader { height: 2em; width: 2em; fill: #999999; }

.svg_logo { height: 1.7em; width: 9.99em; }

@media (min-width: 48em) { .svg_logo { height: 2.2em; width: 12.8em; } }

.svg_logo--small { width: 1.7em; height: 1.7em; }

@media (min-width: 48em) { .svg_logo--small { width: 2.2em; height: 2.2em; } }

.svg_app { width: 7em; height: 2.37em; }

.svg_lookup { width: 1.5em; height: 1.5em; }

@media (min-width: 48em) { .svg_lookup { width: 1.8em; height: 1.8em; } }

.svg_cross { width: 1.4em; height: 1.4em; }

.svg_burger { width: 1.3em; height: 1.3em; }

.svg_keepdplanetclean { width: 6em; height: 3.46em; max-width: 100%; }

.svg_icon-inline, .svg_icon-gallery { width: 1.3em; height: 1.02em; }

.svg_facebook { width: .7em; height: 1.4em; }

.svg_twitter { width: 1.3em; height: 1.05em; }

.svg_instagram { width: 1.2em; height: 1.2em; }

.svg_pinterest { width: 1em; height: 1.24em; }

.svg_foursquare { width: 1.2em; height: 1.2em; }

.svg_youtube { width: 1.4em; height: 1.48em; }

.svg_vimeo { width: 1.2em; height: 1.04em; }

.svg_rss { width: .9em; height: 1.6em; }

/* ========================================================================== Social @mixin ========================================================================= */
.social { padding: 1.5em .25em; }

@media (min-width: 48em) { .social { padding: 2em 0; } }

.social--footer { background-color: #EAEAEA; }

.social--nopadding { padding: 0; }

@media (min-width: 48em) { .social--nopadding { padding: 0; } }

.social__list { margin: 0; padding-left: 0; list-style: none; display: table; width: auto; margin-right: auto; margin-left: auto; text-align: center; }

.social__item { display: table-cell; vertical-align: middle; width: 3.5em; }

.social__item:nth-child(n+2):before { content: ""; display: block; width: 1px; height: 1.5em; background: rgba(135, 136, 138, 0.2); position: absolute; top: calc(50% - .75em); left: 0; }

.social__link { -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); display: inline-block; vertical-align: middle; }

.social__link:hover .icon:nth-child(1) { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.social__link:hover .icon:nth-child(1) svg { fill: transparent; }

.social__link:hover .icon:nth-child(2) { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); }

.social__link:hover .icon:nth-child(2) svg { fill: #3D3D3F; }

.social__link:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.social__link .icon { display: block; }

.social__link .icon:nth-child(1) { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.social__link .icon:nth-child(2) { position: absolute; bottom: 0; left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); }

.social__link .icon:nth-child(2) svg { -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.social__link .icon svg { fill: rgba(61, 61, 63, 0.3); -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

/* ========================================================================== Banner @mixin ========================================================================= */
.banner { padding: 6em 0 2em; }

@media (min-width: 30em) { .banner { padding: 8em 0 3em; } }

@media (min-width: 48em) { .banner { padding: 12em 0 5em; } }

.banner--img { height: 80vh; padding: 0; }

.banner--img .banner__content { z-index: 2; position: absolute; top: calc(2em + 50%); left: 50%; width: 100%; color: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.banner--home .banner__sub, .banner--home .banner__title { opacity: 0; -webkit-transform: translate(0, 0.5rem); -ms-transform: translate(0, 0.5rem); transform: translate(0, 0.5rem); -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; }

.banner--home .banner__sub { display: inline-block; font-family: "Trade Gothic", Helvetica, Arial, sans-serif; font-size: .8em; font-weight: 400; text-transform: uppercase; }

.banner--home .banner__sub:before { content: ""; display: block; width: calc(100% + 2em); height: 1px; background: #fff; position: absolute; top: -1.5em; left: -1em; }

.banner--home .banner__wrap { top: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: opacity 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s, top 0s 0.6s, -webkit-transform 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition: opacity 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s, top 0s 0.6s, -webkit-transform 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition: opacity 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s, top 0s 0.6s, transform 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition: opacity 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s, top 0s 0.6s, transform 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, -webkit-transform 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; }

.banner--home .banner__img { top: 0 !important; left: 0 !important; z-index: 1; }

.banner--home .banner__img:before { display: none; }

.banner--home .banner__img:after { z-index: 2; opacity: 1; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; }

.banner--home .banner__img.is-selected { z-index: 2; }

.banner--home .banner__img.is-selected:after { z-index: 0; opacity: 0; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: background 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s, z-index 0s 0.8s, -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s, z-index 0s 0.8s, -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); transition: background 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s, transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), z-index 0s 0.8s; transition: background 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, opacity 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s, transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), z-index 0s 0.8s, -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1); }

.banner--home .banner__img.is-selected .banner__sub, .banner--home .banner__img.is-selected .banner__title { opacity: 1; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }

.banner--home .banner__img.is-selected .banner__title { -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s; transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s; }

.banner--home .banner__img.is-selected .banner__sub { -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s; transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s; }

.banner--home .banner__img.is-selected .banner__wrap { top: 0; opacity: 1; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); -webkit-transition: opacity 0s 0.4s, top 0s 0.4s, -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s; transition: opacity 0s 0.4s, top 0s 0.4s, -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s; transition: opacity 0s 0.4s, top 0s 0.4s, transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s; transition: opacity 0s 0.4s, top 0s 0.4s, transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s; }

.banner__img--clear .banner__wrap { opacity: 1; }

.banner__img--clear .banner__wrap:after { color: #1A171B; opacity: 0.3; }

.banner__img--clear .banner__wrap .banner__bg { -webkit-filter: unset; filter: unset; }

.banner__img--graffiti .banner__wrap:after { background-color: #00B0EF; }

.banner__img--graffiti:after { content: ""; display: block; width: 100%; height: 100%; background: #00B0EF; }

.banner__img--muralism .banner__wrap:after { background-color: #F7CA00; }

.banner__img--muralism:after { content: ""; display: block; width: 100%; height: 100%; background: #F7CA00; }

.banner__img--keep-the-planet-clean .banner__wrap:after { background-color: #9DAC07; }

.banner__img--keep-the-planet-clean:after { content: ""; display: block; width: 100%; height: 100%; background: #9DAC07; }

.banner__img--plastic-arts .banner__wrap:after { background-color: #FD722F; }

.banner__img--plastic-arts:after { content: ""; display: block; width: 100%; height: 100%; background: #FD722F; }

.banner__img--decoration .banner__wrap:after { background-color: #CF7EEE; }

.banner__img--decoration:after { content: ""; display: block; width: 100%; height: 100%; background: #CF7EEE; }

.banner__content { margin: 0 auto; max-width: 24em; padding: 0 1em; text-align: center; z-index: 3; }

.banner__content .date { margin-top: .5em; }

@media (min-width: 62em) { .banner__content { max-width: 28em; } }

.banner__sub { margin: 0; font-size: 1em; font-weight: 700; }

.banner__sub a { color: #00B0EF; }

.banner__slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; }

.banner__slider .flickity-slider { -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; transform: translate(0, 0) !important; }

.banner__img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; overflow: hidden; }

.banner__img:before { content: ""; display: block; width: 100%; height: 100%; background: none; position: absolute; top: 0; left: 0; }

.banner__wrap { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.banner__wrap:after, .banner__wrap:before { content: ""; z-index: 1; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }

.banner__wrap:before { mix-blend-mode: screen; }

.banner__wrap:after { mix-blend-mode: multiply; background-color: #999999; -webkit-filter: contrast(1); filter: contrast(1); }

.banner__bg { z-index: 0; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #fff; background-size: cover; background-position: 50% 50%; background-blend-mode: multiply, luminosity; background-image: url("/wp-content/themes/mtn-world-2017/dist/img/banner-default.jpg"); -webkit-filter: contrast(1.2) grayscale(1); filter: contrast(1.2) grayscale(1); }

/* ========================================================================== Separator @mixin ========================================================================= */
.separator { width: 100%; padding: 1em 0; font-family: "Trade Gothic Condensed", Helvetica, Arial, sans-serif; text-align: center; overflow-x: hidden; }

.separator:before { content: ""; display: block; width: 100vw; height: 1px; background: #D9DADB; position: absolute; top: calc(50% - .5px); left: calc(50% - 50vw); }

.separator .title { margin-bottom: 0; font-weight: 400; }

@media (min-width: 48em) { .separator { padding: 3em 0; } }

.separator__content { z-index: 1; display: inline-block; vertical-align: middle; padding: 0 2em; color: #999999; background-color: #F5F5F5; }

/* ========================================================================== App @mixin ========================================================================= */
.app--footer { font-size: .8em; color: #fff; }

.app--footer .app__availability { margin: 0 0 .3em; }

@media (max-width: 48em) { .app--footer { display: none; } }

.app__availability { display: block; font-size: .9em; margin: .5em 0; color: #999999; }

.app__link { display: inline-block; }

.app__link--google { margin-left: .5em; }

@media (min-width: 48em) { .app__link--google { margin-left: 0; } }

/* ========================================================================== Filters @mixin ========================================================================= */
.filters__nav { margin: 0; padding-left: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-bottom: 1.5em; text-transform: uppercase; border-bottom: 1px solid #D9DADB; }

@media (min-width: 48em) { .filters__nav { margin-bottom: 2.5em; } }

.filters__nav__item { z-index: 0; display: inline-block; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 1.5em 0; text-align: center; border-right: 1px solid #D9DADB; cursor: pointer; }

.filters__nav__item:first-child { border-left: 1px solid #D9DADB; }

.filters__nav__item:before { content: ""; display: block; width: 100%; height: 0.3em; background: #D9DADB; position: absolute; bottom: 0; left: 0; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transition: all 0.15s cubic-bezier(0.47, 0, 0.745, 0.715); transition: all 0.15s cubic-bezier(0.47, 0, 0.745, 0.715); }

.filters__nav__item:after { content: ""; display: block; width: 100%; height: 100%; background: #fff; z-index: -1; position: absolute; top: 0; left: 0; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.filters__nav__item:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.filters__nav__item.is-active:before { background-color: #3D3D3F; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.filters__nav__item.is-active:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.filters__nav__item.is-active .filters__nav__text:after { -webkit-transform: rotate(180deg) translate(0, 0.1em); -ms-transform: rotate(180deg) translate(0, 0.1em); transform: rotate(180deg) translate(0, 0.1em); }

@media (min-width: 30em) { .filters__nav__item { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 1.5em; } }

.filters__nav__text { display: inline-block; padding-right: 1em; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.filters__nav__text:after { content: ""; display: block; width: 0; height: 0; background: none; width: 0; height: 0; border-top: 0.36em solid #3D3D3F; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; position: absolute; top: .5em; right: 0; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.filters__group { text-align: center; padding-bottom: 1.5em; font-family: "Trade Gothic Condensed", Helvetica, Arial, sans-serif; }

.filters__group .separator { margin-bottom: 1.5em; padding: 0; }

@media (min-width: 30em) { .filters__group { padding-bottom: 2.5em; }
  .filters__group .separator { margin-bottom: 2em; } }

/* ========================================================================== Thumbs @mixin ========================================================================= */
.thumb { display: block; width: 100%; overflow: hidden; margin-top: 0.5rem; }

.thumb:hover .thumb__box:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.thumb:hover .thumb__img { -webkit-transform: scale(1.04) translateZ(0); transform: scale(1.04) translateZ(0); -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.thumb:hover .thumb__img:active { -webkit-transform: scale(1.02) translateZ(0); transform: scale(1.02) translateZ(0); -webkit-transition: all .1s linear; transition: all .1s linear; }

@media (min-width: 48em) { .thumb { margin-top: 0.75rem; } }

@media (min-width: 80em) { .thumb { margin-top: 0.75rem; } }

.thumb--event { margin-bottom: 2em; }

.thumb--event .thumb__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; padding: 0; border: 0; background-color: transparent; }

.thumb--event .thumb__box:before { display: none; }

.thumb--event .thumb__box .date { margin-top: 0; }

.thumb--event .thumb__box .blue { display: block; }

.thumb--event .thumb__date { width: 15%; border: 1px solid #D9DADB; }

.thumb--event .thumb__content { margin-left: -1px; width: 85%; padding: 0; overflow: hidden; border: 1px solid #D9DADB; }

.thumb--event .thumb__date_number { font-size: 1.6em; }

.thumb--event .thumb__content-inner { padding: 1.25em 1.5em; background-color: #FFF; }

.thumb--event .thumb__img { border-bottom: 1px solid #D9DADB; }

.thumb--event .thumb__title { margin: .3em 0; }

.thumb--slide .thumb__box { padding-bottom: 0; color: #fff; text-align: center; background: none; border: 0; }

.thumb--slide .thumb__box:before { display: none; }

.thumb--slide .thumb__title { margin-bottom: .2em; }

.thumb--slide .date { color: #D9DADB; }

.thumb--opacity { opacity: 0.5; }

.thumb--opacity:hover { opacity: 0.9; }

.thumb__box { padding: 1.5em; background-color: #fff; border: 1px solid #D9DADB; }

.thumb__box .date { margin-top: 0.5em; }

.thumb__box:before { content: ""; display: block; width: 100%; height: 0.4em; background: #EAEAEA; position: absolute; bottom: 0; left: 0; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transition: all 0.15s cubic-bezier(0.47, 0, 0.745, 0.715); transition: all 0.15s cubic-bezier(0.47, 0, 0.745, 0.715); }

.thumb__img { -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.thumb__img--cover { display: block; width: 100%; height: 0; padding-top: calc(2.5/4 * 100%); overflow: hidden; }

.thumb__img--cover span { position: absolute; background-size: cover; background-position: 50% 0; top: 0; left: 0; width: 100%; height: 100%; }

.thumb__figure { display: block; width: 100%; }

.thumb__content { padding: .75em; }

@media (min-width: 30em) { .thumb__content { padding: 1.25em 1.5em; } }

.thumb__date { z-index: 1; width: 5.5em; padding: 1.25em 0; font-family: "Trade Gothic Condensed", Helvetica, Arial, sans-serif; text-align: center; background-color: #EAEAEA; border-right: 1px solid #D9DADB; }

@media (min-width: 30em) { .thumb__date { width: 8em; } }

.thumb__date_number { display: block; line-height: 1; font-size: 2em; }

@media (min-width: 30em) { .thumb__date_number { font-size: 3em; } }

@media (min-width: 48em) { .thumb__date_number { font-size: 3.5em; } }

.thumb__date_month { display: block; font-size: .8em; color: #999999; text-transform: uppercase; }

/* ========================================================================== Tags @mixin ========================================================================= */
.tags { margin: 0; padding-left: 0; list-style: none; font-size: .8em; font-weight: 700; color: #00B0EF; overflow: hidden; }

.tags li { display: inline-block; }

.tags li:not(:first-child):before { content: "·"; display: block; width: 1em; height: 100%; background: none; position: absolute; top: 0; left: -1em; text-align: center; }

.tags li:not(:last-child) { padding-right: 1em; }

.tags li.is-active a { color: #008abc; }

.tags a { -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.tags a:hover { color: #008abc; }

.tags--inline { display: inline-block; vertical-align: middle; }

.tags--date { width: 10em; height: 2em; font-size: 1.5em; color: #D9DADB; }

.tags--date li { width: 33.33333%; text-align: center; }

.tags--date li:not(:last-child) { padding-right: 0; }

.tags--date li:not(:first-child):before { position: relative; top: auto; left: auto; display: inline-block; }

.tags--date li:after, .tags--date li:before, .tags--date li:not(:first-child):before { content: "·"; display: inline-block; width: 0.5em; height: 100%; background: none; position: absolute; top: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .1s ease-in; transition: -webkit-transform .1s ease-in; transition: transform .1s ease-in; transition: transform .1s ease-in, -webkit-transform .1s ease-in; }

.tags--date li:before, .tags--date li:not(:first-child):before { left: -.25em; }

.tags--date li:after { right: -.25em; }

.tags--date li.is-selected:after, .tags--date li.is-selected:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .2s ease-out .1s; transition: -webkit-transform .2s ease-out .1s; transition: transform .2s ease-out .1s; transition: transform .2s ease-out .1s, -webkit-transform .2s ease-out .1s; }

.tags--date li.is-selected a { color: #3D3D3F; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.tags--date li.is-active a { color: #008abc; }

.tags--date li a { display: inline-block; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

@media (min-width: 48em) { .tags--date { font-size: 2.2em; } }

/* ========================================================================== Comment @mixin ========================================================================= */
.comment .title--2 { margin-bottom: .8em; }

.comment .btn__social--twitter { margin-top: 0.5rem; }

@media (min-width: 30em) { .comment .btn__social--twitter { margin-top: 0; } }

.comment__list { margin-top: 1.5em; margin-bottom: 2em; }

@media (min-width: 30em) { .comment__list { margin-bottom: 4em; } }

@media (min-width: 48em) { .comment__list { margin-bottom: 6em; } }

.comment__item { padding-left: 4em; }

.comment__item:nth-child(n+2) { margin-top: 2em; }

.comment__fig { position: absolute; top: 0; left: 0; display: block; width: 3em; height: 3em; background-color: #D9DADB; border-radius: 50%; }

.comment__item__header .date { display: inline-block; }

.comment__item__header .date:before { content: "•"; display: inline-block; width: 2em; height: 100%; background: none; vertical-align: middle; font-size: .5em; text-align: center; }

.comment__item__content { font-size: .8em; color: #999999; }

.comment__textarea { display: block; width: 100%; height: 6em; margin: 2em 0; padding: .7em; color: #3D3D3F; border: 1px solid #D9DADB; border-radius: 4px; }

/* ========================================================================== Loadmore @mixin ========================================================================= */
.loadmore { margin: 2em 0; text-align: center; }

.loadmore .btn__top { margin-top: 2em; }

@media (min-width: 30em) { .loadmore { margin-bottom: 4em; } }

@media (min-width: 48em) { .loadmore { margin: 4em 0 6em; }
  .loadmore .btn__top { position: absolute; top: 0; right: 1em; margin-top: .25em; } }

.loadmore__btn { z-index: 1; overflow: visible; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s; transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s; transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s, -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s; }

.loadmore__btn.is-loading { -webkit-transform: scale(1, 0.1); -ms-transform: scale(1, 0.1); transform: scale(1, 0.1); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; }

.loadmore__btn.is-hidden { opacity: 0; visibility: hidden; }

.loadmore__loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #EAEAEA; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s; transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s; transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s; transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s, -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s; }

.loadmore__loader:after { content: ""; display: block; width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: opacity .2s .2s, -webkit-transform 0s .4s; transition: opacity .2s .2s, -webkit-transform 0s .4s; transition: opacity .2s .2s, transform 0s .4s; transition: opacity .2s .2s, transform 0s .4s, -webkit-transform 0s .4s; }

.is-loading .loadmore__loader { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.is-loading .loadmore__loader:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0s 0s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; transition: opacity 0s 0s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; transition: opacity 0s 0s, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; transition: opacity 0s 0s, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; }

.loader { z-index: 10; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #F5F5F5; }

.is-loaded .loader { z-index: -1; opacity: 0; -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, z-index 0s 0.3s; transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, z-index 0s 0.3s; }

.loader__icon { position: absolute; top: calc(50% - 1em); left: calc(50% - 1em); -webkit-animation: loader 2s infinite linear; animation: loader 2s infinite linear; }

.is-loaded .loader__icon { top: 50%; opacity: 0; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

@-webkit-keyframes loader { from { -webkit-transform: rotate(0); transform: rotate(0); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes loader { from { -webkit-transform: rotate(0); transform: rotate(0); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.cookies { position: fixed; bottom: 0; left: 2%; z-index: 10; width: 96%; padding: 1.2em; color: #FFF; background-color: #00B0EF; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: none; }

@media (min-width: 30em) { .cookies { left: 5%; width: 90%; } }

.cookies.is-visible { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.cookies__inner { text-align: center; font-size: 16px; }

.cookies__inner span:last-child { margin-left: .3em; }

@media (min-width: 48em) { .cookies__inner span { display: block; }
  .cookies__inner span:last-child { margin-left: 0; } }

.cookies__inner a { text-decoration: underline; }

.cookies__close { font-size: 14px; margin-top: 1em; }

.cookies__close .btn__text { padding: .5rem 2rem; }

/* ========================================================================== Header @mixin ========================================================================= */
.header { z-index: 10; position: fixed; top: 0; left: 0; width: 100%; height: 4em; line-height: 4em; border-bottom: 1px solid #fff; }

.header.has-bg { background-color: #F5F5F5; border-color: #3D3D3F; }

@media (min-width: 48em) { .header { height: 6em; line-height: 6em; } }

@media (min-width: 62em) { .header { padding: 0 1em; } }

@media (min-width: 80em) { .header { padding: 0; } }

@media (max-width: 62em) { .header .grid { padding: 0 1.5em; } }

@media (max-width: 48em) { .header .grid { width: 100%; padding: 0 1em; } }

.header__logo { display: inline-block; vertical-align: middle; }

.header__logo .svg_logo { fill: #fff; }

.has-bg .header__logo .svg_logo { fill: #3D3D3F; }

.btn__nav--open { border-left: 1px solid #fff; }

.has-bg .btn__nav--open { border-color: #3D3D3F; }

.nav { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; padding: 1.1em 1em; line-height: 1.5; color: #fff; background-color: #3D3D3F; display: none; }

.is-open .nav { display: block; }

.has-bg .nav { color: #3D3D3F; }

.has-bg.is-open .nav { color: #fff; }

@media (min-width: 48em) { .nav { position: relative; top: auto; left: auto; float: right; display: block; width: auto; height: auto; padding: 0; line-height: 4em; background: none; color: #fff; } }

.nav__logo { display: none; }

.is-open .nav__logo { display: inline-block; }

.nav__logo .svg_logo--small { fill: #87888A; }

@media (min-width: 48em) { .nav__logo { display: none; } }

.menu { margin: 0; padding-left: 0; list-style: none; margin-top: .75em; text-transform: uppercase; display: none; }

.is-open .menu { display: block; }

@media (min-width: 48em) { .menu { display: inline-block; margin-top: 0; } }

.menu__item { display: block; border-top: 1px solid #87888A; }

@media (min-width: 48em) { .menu__item { display: inline-block; margin: 0 .2em; border-top: 0; } }

@media (min-width: 48em) { .menu__item--search { margin: 0 1.5em 0 .75em; } }

.menu__item--app { padding: 1em 0; text-transform: none; }

@media (min-width: 48em) { .menu__item--app { display: none; } }

.menu__link { display: block; padding: 1em 0; }

@media (min-width: 48em) { .menu__link { padding: 1em .5em; }
  .menu__link:after { content: ""; display: block; width: 100%; height: 0.5em; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transition: all 0.15s cubic-bezier(0.47, 0, 0.745, 0.715); transition: all 0.15s cubic-bezier(0.47, 0, 0.745, 0.715); }
  .menu__link:hover:after, .menu__link.is-active:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  .has-bg .menu__link:after { background-color: #3D3D3F; } }

.lang { position: absolute; top: 1.4em; right: 4.5em; display: none; }

.is-open .lang { display: block; }

@media (min-width: 48em) { .lang { position: relative; top: auto; right: auto; display: inline-block; } }

.lang__item { display: inline-block; color: #999999; -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.lang__item:nth-child(n+2):before { content: "/"; display: inline-block; font-weight: 400; color: #999999; pointer-event: none; }

.lang__item:hover { color: #fff; }

.lang__item.is-active { font-weight: 700; color: #fff; }

.has-bg .lang__item.is-active { color: #3D3D3F; }

.has-bg.is-open .lang__item.is-active { color: #fff; }

@media (min-width: 48em) { .lang__item { color: rgba(255, 255, 255, 0.5); }
  .lang__item:nth-child(n+2):before { color: #D9DADB; }
  .has-bg .lang__item { color: rgba(153, 153, 153, 0.5); }
  .has-bg .lang__item:nth-child(n+2):before { color: rgba(153, 153, 153, 0.5); }
  .has-bg .lang__item:hover { color: #3D3D3F; } }

@media (min-width: 48em) { .search { z-index: 10; position: fixed; z-index: 10; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #1a171b; overflow: hidden; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s; transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s; transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s; transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s, -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s; }
  .search.is-visible { background-color: rgba(26, 23, 27, 0.9); -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; -webkit-transition: background 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s, -webkit-transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: background 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s, -webkit-transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: background 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s, transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: background 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.3s, transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); } }

@media (min-width: 48em) { .search__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; text-align: center; opacity: 0; -webkit-transition: opacity 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; transition: opacity 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; }
  .is-visible .search__container { opacity: 1; -webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s; transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s; } }

@media (min-width: 48em) { .search__form { width: 100%; padding: 0 2em; } }

.search__input { display: block; width: 100%; padding: 1.2em 0; line-height: 1; color: #fff; }

.search__input::-moz-selection { background: #00B0EF; }

.search__input::selection { background: #00B0EF; }

@media (min-width: 48em) { .search__input { padding: 0; font-family: "Trade Gothic Condensed", Helvetica, Arial, sans-serif; font-size: 6em; text-align: center; text-transform: uppercase; }
  .search__input::-moz-selection { background: #999999; }
  .search__input::selection { background: #999999; } }

.search__instruction { display: none; }

@media (min-width: 48em) { .search__instruction { display: block; margin-bottom: 1em; font-size: 1.2em; font-weight: 700; color: #fff; text-transform: none; } }

.search__open { -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); position: absolute; top: 0; right: 1em; height: 100%; }

.search__open:hover .icon:nth-child(1) { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.search__open:hover .icon:nth-child(1) svg { fill: transparent; }

.search__open:hover .icon:nth-child(2) { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); }

.search__open:hover .icon:nth-child(2) svg { fill: #fff; }

.search__open:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.search__open .icon { display: block; }

.search__open .icon:nth-child(1) { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.search__open .icon:nth-child(2) { position: absolute; bottom: calc(50% - .75em); left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); }

.search__open .icon:nth-child(2) svg { -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.search__open .icon svg { fill: #999999; -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

@media (min-width: 48em) { .search__open { -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); position: relative; top: .3em; right: auto; }
  .search__open:hover .icon:nth-child(1) { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .search__open:hover .icon:nth-child(1) svg { fill: transparent; }
  .search__open:hover .icon:nth-child(2) { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .search__open:hover .icon:nth-child(2) svg { fill: #D9DADB; }
  .search__open:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
  .search__open .icon { display: block; }
  .search__open .icon:nth-child(1) { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .search__open .icon:nth-child(2) { position: absolute; bottom: 0; left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .search__open .icon:nth-child(2) svg { -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .search__open .icon svg { fill: #fff; -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .search__open .svg_lookup { fill: #fff; }
  .has-bg .search__open { -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .has-bg .search__open:hover .icon:nth-child(1) { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .has-bg .search__open:hover .icon:nth-child(1) svg { fill: transparent; }
  .has-bg .search__open:hover .icon:nth-child(2) { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .has-bg .search__open:hover .icon:nth-child(2) svg { fill: #87888A; }
  .has-bg .search__open:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
  .has-bg .search__open .icon { display: block; }
  .has-bg .search__open .icon:nth-child(1) { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .has-bg .search__open .icon:nth-child(2) { position: absolute; bottom: 0; left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .has-bg .search__open .icon:nth-child(2) svg { -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .has-bg .search__open .icon svg { fill: #3D3D3F; -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .search__open:before { content: ""; display: block; width: 100%; height: 0.5em; background: #3D3D3F; position: absolute; bottom: 0; left: 0; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transition: all 0.15s cubic-bezier(0.47, 0, 0.745, 0.715); transition: all 0.15s cubic-bezier(0.47, 0, 0.745, 0.715); position: fixed; bottom: 0; left: 0; }
  .search__open:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  .search__open:active { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } }

.search__close { -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); display: none; }

.search__close:hover .icon:nth-child(1) { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.search__close:hover .icon:nth-child(1) svg { fill: transparent; }

.search__close:hover .icon:nth-child(2) { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.25s cubic-bezier(0.39, 0.575, 0.565, 1); }

.search__close:hover .icon:nth-child(2) svg { fill: #999999; }

.search__close:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.search__close .icon { display: block; }

.search__close .icon:nth-child(1) { -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.search__close .icon:nth-child(2) { position: absolute; bottom: 0; left: calc(50% - .7em); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.15s cubic-bezier(0.39, 0.575, 0.565, 1); }

.search__close .icon:nth-child(2) svg { -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.search__close .icon svg { fill: #fff; -webkit-transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: fill 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.search__close .icon { height: 100%; line-height: 3em; }

.search__close .svg_cross { display: inline-block; vertical-align: middle; }

@media (min-width: 48em) { .search__close { position: absolute; top: 1.5em; right: 1.5em; display: block; height: 3em; width: 3em; -webkit-transform: rotate(-25deg) scale(0); -ms-transform: rotate(-25deg) scale(0); transform: rotate(-25deg) scale(0); }
  .is-visible .search__close { -webkit-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s; transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s; } }

/* ========================================================================== Footer @mixin ========================================================================= */
.footer { padding: 1.5em .5em; color: #87888A; background-color: #3D3D3F; }

.footer .tags { font-size: 1em; font-weight: 700; }

@media (min-width: 48em) { .footer { padding: 2.5em 0; } }

.footer__logo { margin-bottom: 1em; }

.footer__logo svg { fill: #87888A; }

.footer__text { font-size: .8em; font-weight: 700; }

.footer__text p { margin: .3em 0; }

.footer__text .link:not(:last-child) { margin-right: .5em; }

@media (min-width: 48em) { .footer__text { text-align: center; } }

.keepdplanetclean svg { fill: #87888A; }

@media (min-width: 48em) { .keepdplanetclean { margin-top: 1em; } }

.copyright { display: block; margin-top: 1em; }

@media (min-width: 48em) { .copyright { position: absolute; top: 3em; left: 0; margin-top: 0; } }

/* ========================================================================== Section @mixin ========================================================================= */
.section { padding: 3em 0; }

@media (min-width: 48em) { .section { padding: 4em 0; } }

@media (min-width: 80em) { .section { padding: 6em 0; } }

@media (min-width: 120em) { .section { padding: 8em 0; } }

.section--white { background-color: #FFF; }

/* ========================================================================== Article @mixin ========================================================================= */
.article .banner--img { height: auto; }

.article .banner--img .banner__content { position: relative; left: auto; top: auto; max-width: none; -webkit-transform: none; -ms-transform: none; transform: none; }

.article__iframe-wrapper { height: 0; width: 100%; padding-bottom: calc((9/16) * 100%); position: relative; }

.article__iframe-wrapper iframe { position: absolute; top: 0; left: 0; max-width: 100% !important; width: 100% !important; height: 100% !important; }

.article__text { padding-top: 2em; }

.article__text .cms-content > *:first-child { margin-top: 0; }

.article__text .cms-content > *:last-child { margin-bottom: 0; }

.article__text p { margin: 2em 0; padding: 0 0.5rem; }

.article__text img, .article__text iframe, .article__text .vvqbox, .article__text .link-img { display: block; width: auto; max-width: 100%; height: auto; margin: 0.5rem auto; }

.article__text blockquote { padding: 0.5em 10px; margin-left: 1em; font-style: italic; }

.article__text blockquote:before { content: "“ "; }

.article__text blockquote:after { content: " ”"; }

@media (min-width: 30em) { .article__text { padding-top: 4em; }
  .article__text p { padding: 0; } }

@media (min-width: 48em) { .article__text p { margin: 4em 0; }
  .article__text img, .article__text iframe, .article__text .vvqbox, .article__text .link-img { max-width: 80%; margin-top: 0.75rem; }
  .article__text .link-img img { max-width: 100%; }
  .article__text .social { margin: 1.5em 0; } }

@media (min-width: 80em) { .article__text img, .article__text iframe, .article__text .vvqbox, .article__text .link-img { margin-top: 0.75rem; } }

.slider { margin-top: 1em; }

@media (min-width: 30em) { .slider { margin-top: 1.5em; } }

/* ========================================================================== Homepage @mixin ========================================================================= */
.home .flickity-viewport { height: 100% !important; }

.home .filters [data-isotope-group] { height: 0; overflow: hidden; padding-bottom: 0; }

.home .filters[data-group="date"] [data-isotope-group="date"], .home .filters[data-group="tags"] [data-isotope-group="tags"], .home .filters[data-group="category"] [data-isotope-group="category"] { height: auto; padding-bottom: 1.5em; }

@media (min-width: 48em) { .home .filters[data-group="date"] [data-isotope-group="date"], .home .filters[data-group="tags"] [data-isotope-group="tags"], .home .filters[data-group="category"] [data-isotope-group="category"] { padding-bottom: 2.5em; } }

/* ========================================================================== Mtn Wall @mixin ========================================================================= */
.mtn-wall .listing .js-isotope-item { width: 100%; }

@media (min-width: 48em) { .mtn-wall .listing .js-isotope-item { width: 75%; margin-left: 12.55555%; } }

@media (min-width: 90em) { .mtn-wall .listing .js-isotope-item { width: 50%; margin-left: 25%; } }

/* ========================================================================== Mtn events @mixin ========================================================================= */
.mtn-events-list .main { margin-bottom: 2em; }

@media (min-width: 30em) { .mtn-events-list .main { margin-bottom: 4em; } }

@media (min-width: 48em) { .mtn-events-list .main { margin-bottom: 6em; } }

/* ========================================================================== Mtn events @mixin ========================================================================= */
.mtn-event-single .loadmore { padding-bottom: 3em; }

.mtn-event-single .btn:hover .tribe-events-cal-links { height: auto; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0.2s -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1); transition: 0.2s -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1); transition: 0.2s transform cubic-bezier(0.39, 0.575, 0.565, 1); transition: 0.2s transform cubic-bezier(0.39, 0.575, 0.565, 1), 0.2s -webkit-transform cubic-bezier(0.39, 0.575, 0.565, 1); }

.mtn-event-single .btn:hover .tribe-events-button { opacity: 1; }

.mtn-event-single .tribe-events-cal-links { position: absolute; left: 0; top: 100%; width: 100%; height: 0; color: #999999; background-color: #FFF; overflow: hidden; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); }

@media (min-width: 30em) { .mtn-event-single .tribe-events-cal-links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }

.mtn-event-single .tribe-events-button { display: block; padding: 1em 0; opacity: 0; -webkit-transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); transition: color 0.2s cubic-bezier(0.39, 0.575, 0.565, 1); }

.mtn-event-single .tribe-events-button:nth-child(n+2):before { content: ""; display: block; width: 100%; height: 1px; background: #D9DADB; position: absolute; top: 0; left: 0; }

.mtn-event-single .tribe-events-button:hover { color: #3D3D3F; }

@media (min-width: 30em) { .mtn-event-single .tribe-events-button { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; }
  .mtn-event-single .tribe-events-button:nth-child(n+2):before { top: 20%; width: 1px; height: 60%; } }

/* ========================================================================== CMS Page @mixin ========================================================================= */
@media (min-width: 48em) { .cms-page .main { padding: 2em 0; } }

.error-404 .main img { display: block; width: auto; max-width: 50vw; height: auto; max-height: 50vh; margin-right: auto; margin-left: auto; padding-bottom: 2em; }

.error-404 .footer, .error-404 .social { display: none; }

/*# sourceMappingURL=styles.css.map */