/*!
 *  Description: PVR - Explore
 *  Author: Pete Waldock
 *  Version: 1
 *  Date: 15/02/2017
 */
@import url("https://fonts.googleapis.com/css?family=Lato:300,400");
@import url("https://fonts.googleapis.com/css?family=Roboto:400");
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap");

:root {
    --primary-color: #8c70b5;
    --secondary-color: #8399c4
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    -webkit-tap-highlight-color: transparent
}

html {
    font-size: 1em
}

blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0
}

body {
    font: 18px "Barlow", helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.45em;
    color: #555;
    position: relative;
    background-color: #fff;
    font-variant-ligatures: none
}

h1, h2, h3, h4, h5, h6 {
    font-size: 34px;
    text-rendering: optimizeLegibility;
    line-height: 1.3;
    margin-bottom: 30px;
    margin-top: 0;
    color: #111;
    font-weight: normal
}

h2 {
    font-size: 28px
}

h3 {
    font-size: 26px;
    margin-bottom: 10px
}

h4 {
    font-size: 20px
}

.grad-text {
    color: #11869a;
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(left, #343e81, #d45757);
    background-image: linear-gradient(to right, #343e81, #d45757);
    -webkit-text-fill-color: transparent
}

em, i {
    font-style: italic;
    line-height: inherit
}

b, strong {
    font-weight: bold;
    line-height: inherit
}

small {
    font-size: 60%;
    line-height: inherit
}

code {
    font-weight: bold;
    background: #ffff99
}

.required {
    color: #db4242
}

img {
    border: none
}

* {
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    color: #000;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer
}

a, button, button:hover {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    cursor: pointer
}

a:hover {
    color: var(--primary-color)
}

a:focus {
    outline: none
}

p a, p a:visited {
    line-height: inherit
}

p {
    font-weight: normal;
    margin-bottom: 20px;
    color: #333;
    font-size: 17px
}

p a {
    color: var(--secondary-color)
}

.lightPanel p {
    color: #333
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

select {
    width: 100%
}

ol, ul {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 17px;
    list-style-position: outside
}

ul li ul {
    margin-left: 20px;
    margin-bottom: 0;
    list-style: outside
}

ol li ol {
    margin: 0 0 50px 20px
}

ol.pvr-ordered-list {
    text-align: left;
    list-style-type: none;
    counter-reset: item
}

ol.pvr-ordered-list li, ul.it-unordered-list li {
    color: #262b38;
    margin-bottom: 14px;
    padding-left: 14px;
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Barlow'
}

ol.pvr-ordered-list li strong, ul.it-unordered-list li strong {
    color: #63727f;
    font-weight: 500
}

ol.pvr-ordered-list, ul.it-unordered-list {
    margin-left: 22px;
    margin-bottom: 22px;
    text-align: left;
    list-style-type: none;
    counter-reset: item;
    text-align: left
}

ol.pvr-ordered-list ol.pvr-ordered-list, ul.it-unordered-list ul.it-unordered-list {
    margin: 14px 0 0 4px
}

ol.pvr-ordered-list>li:before, ul.pvr-unordered-list>li:before {
    content: counter(item) " ";
    counter-increment: item;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    text-align: center;
    line-height: 36px;
    font-family: helvetica;
    font-size: 26px;
    width: 25px;
    height: 15px;
    padding: 5px 0;
    font-size: 16px;
    margin: -1px 12px 0 -35px;
    line-height: 16px;
    font-size: 16px;
    float: left;
    clear: both;
    background: var(--secondary-color);
    color: #fff
}

ul.it-unordered-list li:before {
    content: "\e94f";
    font-family: 'icons' !important;
    font-size: 12px
}

ul.it-unordered-list ul.it-unordered-list li:before {
    content: "\e900"
}

ul.it-unordered-list li.disabled:before {
    content: "\e916"
}

ul.it-unordered-list.simple li:before {
    color: var(--secondary-color);
    background: transparent;
    margin-right: 0;
    margin-left: -30px
}

ul.it-unordered-list.simple li, ul.pvr-ordered-list.simple li {
    padding-left: 10px
}

.display-none {
    display: none !important
}

.display-block {
    display: block !important
}

hr {
    margin-top: 18px;
    margin-bottom: 38px;
    border: 0;
    border-top: 1px solid #ddd;
    float: left;
    clear: both;
    width: 100%
}

button.lp_button, input[type=submit], input[type=submit].lp_button {
    -webkit-appearance: none
}

.page-wrapper {
    padding-top: 80px;
    margin: 0 auto
}

.website .page-wrapper {
    padding-top: 0
}

.content-holder {
    margin: 0 auto;
    min-height: auto;
    max-width: 1280px;
    max-width: 1440px;
    padding: 38px
}

.brand-bar {
    height: 80px;
    background-color: #1b1c1e;
    background: -moz-linear-gradient(top, #27282b 0%, #1b1c1e 100%);
    background: -webkit-linear-gradient(top, #27282b 0%, #1b1c1e 100%);
    background: linear-gradient(to bottom, #27282b 0%, #1b1c1e 100%);
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.68);
    padding: 0;
    margin: 0;
    position: fixed;
    width: 100%;
    z-index: 999;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.light-theme.front-page .brand-bar, .brand-bar.no-shadow {
    box-shadow: none
}

.website .brand-bar {
    position: relative
}

.brand-bar .content-holder {
    padding: 0 48px 0 10px;
    max-width: 100%
}

.website .brand-bar .content-holder {
    padding: 0 15px 0 0;
    max-width: 1440px
}

.brand-bar .logo {
    width: 180px;
    height: 40px;
    margin: 21px 0 0 34px
}

.full-width {
    padding: 0;
    max-width: 100%;
    margin: 0 auto;
    width: 100%
}

.centered-elements {
    position: relative;
    display: table-cell;
    vertical-align: middle
}

@-webkit-keyframes bl-anim {
    0% {
        transform: rotate(0deg) scale(1)
    }

    50% {
        transform: rotate(180deg) scale(1.1)
    }

    100% {
        transform: rotate(360deg) scale(1)
    }
}

@-moz-keyframes bl-anim {
    0% {
        transform: rotate(0deg) scale(1)
    }

    50% {
        transform: rotate(180deg) scale(1.1)
    }

    100% {
        transform: rotate(360deg) scale(1)
    }
}

@-o-keyframes bl-anim {
    0% {
        transform: rotate(0deg) scale(1)
    }

    50% {
        transform: rotate(180deg) scale(1.1)
    }

    100% {
        transform: rotate(360deg) scale(1)
    }
}

@keyframes bl-anim {
    0% {
        transform: rotate(0deg) scale(1)
    }

    50% {
        transform: rotate(180deg) scale(1.1)
    }

    100% {
        transform: rotate(360deg) scale(1)
    }
}

.pvr-btn-load {
    opacity: 1;
    color: transparent !important;
    pointer-events: none
}

.pvr-btn-load:active, .pvr-btn-load:focus, .pvr-btn-load:hover {
    cursor: default;
    color: transparent;
    outline: none !important;
    box-shadow: none
}

.pvr-btn-load:after, .pvr-load-item:after {
    content: '';
    display: inline-block;
    position: absolute;
    background: transparent;
    border: 2px solid #ccc;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -12px;
    width: 24px;
    height: 24px;
    -webkit-animation: bl-anim 0.8s cubic-bezier(0, 0, 1, 1) infinite;
    -moz-animation: bl-anim 0.8s cubic-bezier(0, 0, 1, 1) infinite;
    animation: bl-anim 0.8s cubic-bezier(0, 0, 1, 1) infinite
}

.pvr-load-item:after {
    left: 75%
}

.pvr-load-item * {
    opacity: 0
}

.cta.pvr-btn-load:after {
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.terms {
    position: absolute;
    background-color: #fff;
    min-height: calc(100% - 80px);
    top: 80px;
    width: 100%;
    padding: 38px
}

.parcel-embed {
    width: 100%;
    height: calc(100% - 80px);
    border: none;
    top: 80px;
    position: relative
}

.row {
    width: 100%;
    margin: 0 auto;
    text-align: left
}

.row .row {
    width: auto;
    max-width: none;
    min-width: 0
}

.row.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.column, .columns {
    float: left;
    min-height: 1px;
    padding: 0;
    position: relative
}

.column.centered, .columns.centered {
    float: none;
    margin: 0 auto
}

[class*="column"]+[class*="column"].end {
    float: left
}

.row .one {
    width: 8.3333%
}

.row .two {
    width: 16.6667%
}

.row .three {
    width: 25%
}

.row .four {
    width: 33.3333%
}

.row .five {
    width: 41.6667%
}

.row .six {
    width: 50%
}

.row .seven {
    width: 58.3333%
}

.row .eight {
    width: 66.6667%
}

.row .nine {
    width: 75%
}

.row .ten {
    width: 83.3333%
}

.row .eleven {
    width: 91.6667%
}

.row .twelve {
    width: 100%
}

.row:before, .row:after {
    content: "";
    display: table
}

.row:after {
    clear: both
}

.row .offset-one {
    margin-left: 8.3333%
}

.row .offset-two {
    margin-left: 16.6667%
}

.row .offset-three {
    margin-left: 25%
}

.row .offset-four {
    margin-left: 33.3333%
}

.row .offset-five {
    margin-left: 41.6667%
}

.row .offset-six {
    margin-left: 50%
}

.row .offset-seven {
    margin-left: 58.3333%
}

.row .offset-eight {
    margin-left: 66.6667%
}

.row .offset-nine {
    margin-left: 75%
}

.row .offset-ten {
    margin-left: 83.3333%
}

.row .offset-eleven {
    margin-left: 91.6667%
}

.pad-r-40 {
    padding-right: 40px
}

.row.masonry img {
    width: 100%;
    margin: -3px 0;
    border: 3px solid #1a1b1c
}

fieldset {
    width: 100%;
    border: none
}

legend {
    float: left;
    border: 0;
    padding: 0 28px 0 0;
    font: 22px "Barlow", tahoma, sans-serif;
    font-weight: 400
}

label {
    font-weight: bold;
    text-decoration: none;
    display: inline;
    position: relative;
    font: 18px "Barlow", tahoma, sans-serif;
    font-weight: 400
}

label strong {
    font: 15px "Barlow", tahoma, sans-serif;
    font-weight: 400;
    margin: 4px 0 0 5px
}

input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], textarea, .textarea {
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #ccc;
    display: block;
    font: 18px "Barlow", tahoma, sans-serif;
    margin: 0 0 12px;
    padding: 8px 12px;
    overflow: hidden;
    min-height: 30px;
    resize: none;
    background-color: transparent;
    border-radius: 4px;
    font-weight: 400
}

button {
    overflow: visible;
    outline: none
}

button, button.button, input[type=submit], input[type=submit].button {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: #aaa
}

::-moz-placeholder {
    color: #aaa
}

:-ms-input-placeholder {
    color: #aaa
}

:-moz-placeholder {
    color: #aaa
}

.editable:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, select:focus, textarea:focus {
    outline: none;
    background-image: none
}

.contact-form-iframe {
    height: 400px;
    width: 800px
}

.contact-modal .pvr-modal-content-panel {
    padding: 40px 0px
}

@media (max-width: 910px) {
    .contact-form-iframe {
        height: 590px;
        width: 300px
    }
}

.alert, .warning, .general-error {
    background-color: #D23A3A;
    background-image: linear-gradient(top, #D23A3A 20%, #d25656 100%);
    background-image: -o-linear-gradient(top, #D23A3A 20%, #d25656 100%);
    background-image: -moz-linear-gradient(top, #D23A3A 20%, #d25656 100%);
    background-image: -webkit-linear-gradient(top, #D23A3A 20%, #d25656 100%);
    background-image: -ms-linear-gradient(top, #D23A3A 20%, #d25656 100%);
    color: #000;
    border-radius: 4px;
    font-size: 17px;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 0;
    margin-bottom: -10%;
    font-size: 17px;
    -webkit-transition: all 0.02s cubic-bezier(0.43, 0.72, 0.42, 0.95);
    -moz-transition: all 0.02s cubic-bezier(0.43, 0.72, 0.42, 0.95);
    -ms-transition: all 0.02s cubic-bezier(0.43, 0.72, 0.42, 0.95);
    transition: all 0.02s cubic-bezier(0.43, 0.72, 0.42, 0.95);
    opacity: 0;
    overflow: hidden;
    max-height: 0
}

.alert.show, .warning.show, .general-error.show {
    -webkit-transition: all 0.2s cubic-bezier(0.43, 0.72, 0.42, 0.95);
    -moz-transition: all 0.2s cubic-bezier(0.43, 0.72, 0.42, 0.95);
    -ms-transition: all 0.2s cubic-bezier(0.43, 0.72, 0.42, 0.95);
    transition: all 0.2s cubic-bezier(0.43, 0.72, 0.42, 0.95);
    padding: 8px 8px 0px 8px;
    margin-top: 10px;
    margin-bottom: 0;
    opacity: 1;
    overflow: inherit;
    max-height: 999px
}

.alert p, .warning p, .alert p:first-of-type, .general-error p {
    color: #fff !important;
    padding: 4px 0px 4px 0px !important;
    font-size: 17px !important;
    width: 100%;
    text-align: center;
    border-top: dotted 0px #555;
    margin: 5px 0 15px 0 !important;
    text-shadow: #a03333 0px -1px 0px
}

.warning {
    background-color: #444;
    background-image: linear-gradient(top, #222 20%, #777 100%);
    background-image: -o-linear-gradient(top, #222 20%, #777 100%);
    background-image: -moz-linear-gradient(top, #222 20%, #777 100%);
    background-image: -webkit-linear-gradient(top, #222 20%, #777 100%);
    background-image: -ms-linear-gradient(top, #222 20%, #777 100%);
    border-bottom: 3px solid #000
}

.warning p {
    text-shadow: 0px -1px 0px #000
}

.alert:before, .warning:before {
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 22px solid #D23A3A;
    position: absolute;
    margin-top: -16px;
    left: 48%;
    left: calc(50% - 11px);
    content: ""
}

.general-error.alert:before {
    display: none
}

.alert.error-below {
    margin-bottom: 30px
}

.alert.error-below:before {
    border-bottom: 22px solid rgba(0, 0, 0, 0);
    border-top: 22px solid #d35251;
    bottom: -40px;
    left: 8px
}

.warning:before {
    border-bottom: 22px solid #222
}

.alert-box.success {
    padding: 28px 10px 24px 18px;
    background: #f9e7cc;
    border-radius: 4px;
    z-index: 3;
    display: block;
    position: relative;
    background: -moz-linear-gradient(top, #f9ecb3 0%, #f1db6a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F9ECB3), color-stop(100%, #E8D780));
    background: -webkit-linear-gradient(top, #F9ECB3 0%, #E8D780 100%);
    background: -o-linear-gradient(top, #f9ecb3 0%, #f1db6a 100%);
    background: -ms-linear-gradient(top, #f9ecb3 0%, #f1db6a 100%);
    background: linear-gradient(to bottom, #F9ECB3 0%, #E8D780 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9ecb3', endColorstr='#f1db6a', GradientType=0);
    border-radius: 8px;
    border-bottom: 1px solid #C2A376;
    text-align: center
}

#password_modal .alert-box.success {
    margin-top: -52px;
    margin-bottom: -70px;
    padding: 32px 10px 32px 18px
}

.alert-box.success p {
    font: 22px "bclever_font_regular", tahoma, sans-serif;
    color: #2D2C2A;
    text-shadow: 0px 1px 0px #FBF2D3
}

.alert a, .warning a, .general-error a {
    font-weight: bold;
    color: #fff
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75)
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-duration='50'], body[data-aos-duration='50'] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-duration='100'], body[data-aos-duration='100'] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-duration='150'], body[data-aos-duration='150'] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-duration='200'], body[data-aos-duration='200'] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-duration='250'], body[data-aos-duration='250'] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-duration='300'], body[data-aos-duration='300'] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-duration='350'], body[data-aos-duration='350'] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-duration='400'], body[data-aos-duration='400'] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-duration='450'], body[data-aos-duration='450'] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-duration='500'], body[data-aos-duration='500'] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-duration='550'], body[data-aos-duration='550'] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-duration='600'], body[data-aos-duration='600'] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-duration='650'], body[data-aos-duration='650'] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-duration='700'], body[data-aos-duration='700'] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-duration='750'], body[data-aos-duration='750'] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-duration='800'], body[data-aos-duration='800'] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-duration='850'], body[data-aos-duration='850'] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-duration='900'], body[data-aos-duration='900'] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-duration='950'], body[data-aos-duration='950'] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-duration='1000'], body[data-aos-duration='1000'] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-duration='1050'], body[data-aos-duration='1050'] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-duration='1100'], body[data-aos-duration='1100'] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-duration='1150'], body[data-aos-duration='1150'] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-duration='1200'], body[data-aos-duration='1200'] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-duration='1250'], body[data-aos-duration='1250'] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-duration='1300'], body[data-aos-duration='1300'] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-duration='1350'], body[data-aos-duration='1350'] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-duration='1400'], body[data-aos-duration='1400'] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-duration='1450'], body[data-aos-duration='1450'] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-duration='1500'], body[data-aos-duration='1500'] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-duration='1550'], body[data-aos-duration='1550'] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-duration='1600'], body[data-aos-duration='1600'] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-duration='1650'], body[data-aos-duration='1650'] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-duration='1700'], body[data-aos-duration='1700'] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-duration='1750'], body[data-aos-duration='1750'] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-duration='1800'], body[data-aos-duration='1800'] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-duration='1850'], body[data-aos-duration='1850'] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-duration='1900'], body[data-aos-duration='1900'] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-duration='1950'], body[data-aos-duration='1950'] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-duration='2000'], body[data-aos-duration='2000'] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-duration='2050'], body[data-aos-duration='2050'] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-duration='2100'], body[data-aos-duration='2100'] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-duration='2150'], body[data-aos-duration='2150'] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-duration='2200'], body[data-aos-duration='2200'] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-duration='2250'], body[data-aos-duration='2250'] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-duration='2300'], body[data-aos-duration='2300'] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-duration='2350'], body[data-aos-duration='2350'] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-duration='2400'], body[data-aos-duration='2400'] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-duration='2450'], body[data-aos-duration='2450'] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-duration='2500'], body[data-aos-duration='2500'] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-duration='2550'], body[data-aos-duration='2550'] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-duration='2600'], body[data-aos-duration='2600'] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-duration='2650'], body[data-aos-duration='2650'] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-duration='2700'], body[data-aos-duration='2700'] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-duration='2750'], body[data-aos-duration='2750'] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-duration='2800'], body[data-aos-duration='2800'] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-duration='2850'], body[data-aos-duration='2850'] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-duration='2900'], body[data-aos-duration='2900'] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-duration='2950'], body[data-aos-duration='2950'] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-duration='3000'], body[data-aos-duration='3000'] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay='50'], body[data-aos-delay='50'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='50'].aos-animate, body[data-aos-delay='50'] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-delay='100'], body[data-aos-delay='100'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='100'].aos-animate, body[data-aos-delay='100'] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-delay='150'], body[data-aos-delay='150'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='150'].aos-animate, body[data-aos-delay='150'] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-delay='200'], body[data-aos-delay='200'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='200'].aos-animate, body[data-aos-delay='200'] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-delay='250'], body[data-aos-delay='250'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='250'].aos-animate, body[data-aos-delay='250'] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-delay='300'], body[data-aos-delay='300'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='300'].aos-animate, body[data-aos-delay='300'] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-delay='350'], body[data-aos-delay='350'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='350'].aos-animate, body[data-aos-delay='350'] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-delay='400'], body[data-aos-delay='400'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-delay='450'], body[data-aos-delay='450'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='450'].aos-animate, body[data-aos-delay='450'] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-delay='500'], body[data-aos-delay='500'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='500'].aos-animate, body[data-aos-delay='500'] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-delay='550'], body[data-aos-delay='550'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='550'].aos-animate, body[data-aos-delay='550'] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-delay='600'], body[data-aos-delay='600'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='600'].aos-animate, body[data-aos-delay='600'] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-delay='650'], body[data-aos-delay='650'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='650'].aos-animate, body[data-aos-delay='650'] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-delay='700'], body[data-aos-delay='700'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='700'].aos-animate, body[data-aos-delay='700'] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-delay='750'], body[data-aos-delay='750'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='750'].aos-animate, body[data-aos-delay='750'] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-delay='800'], body[data-aos-delay='800'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='800'].aos-animate, body[data-aos-delay='800'] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-delay='850'], body[data-aos-delay='850'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='850'].aos-animate, body[data-aos-delay='850'] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-delay='900'], body[data-aos-delay='900'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='900'].aos-animate, body[data-aos-delay='900'] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-delay='950'], body[data-aos-delay='950'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='950'].aos-animate, body[data-aos-delay='950'] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-delay='1000'], body[data-aos-delay='1000'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1000'].aos-animate, body[data-aos-delay='1000'] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-delay='1050'], body[data-aos-delay='1050'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1050'].aos-animate, body[data-aos-delay='1050'] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-delay='1100'], body[data-aos-delay='1100'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1100'].aos-animate, body[data-aos-delay='1100'] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-delay='1150'], body[data-aos-delay='1150'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1150'].aos-animate, body[data-aos-delay='1150'] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-delay='1200'], body[data-aos-delay='1200'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1200'].aos-animate, body[data-aos-delay='1200'] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-delay='1250'], body[data-aos-delay='1250'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1250'].aos-animate, body[data-aos-delay='1250'] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-delay='1300'], body[data-aos-delay='1300'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1300'].aos-animate, body[data-aos-delay='1300'] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-delay='1350'], body[data-aos-delay='1350'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1350'].aos-animate, body[data-aos-delay='1350'] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-delay='1400'], body[data-aos-delay='1400'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1400'].aos-animate, body[data-aos-delay='1400'] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-delay='1450'], body[data-aos-delay='1450'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1450'].aos-animate, body[data-aos-delay='1450'] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-delay='1500'], body[data-aos-delay='1500'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1500'].aos-animate, body[data-aos-delay='1500'] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-delay='1550'], body[data-aos-delay='1550'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1550'].aos-animate, body[data-aos-delay='1550'] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-delay='1600'], body[data-aos-delay='1600'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1600'].aos-animate, body[data-aos-delay='1600'] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-delay='1650'], body[data-aos-delay='1650'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1650'].aos-animate, body[data-aos-delay='1650'] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-delay='1700'], body[data-aos-delay='1700'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1700'].aos-animate, body[data-aos-delay='1700'] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-delay='1750'], body[data-aos-delay='1750'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1750'].aos-animate, body[data-aos-delay='1750'] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-delay='1800'], body[data-aos-delay='1800'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1800'].aos-animate, body[data-aos-delay='1800'] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-delay='1850'], body[data-aos-delay='1850'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1850'].aos-animate, body[data-aos-delay='1850'] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-delay='1900'], body[data-aos-delay='1900'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1900'].aos-animate, body[data-aos-delay='1900'] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-delay='1950'], body[data-aos-delay='1950'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1950'].aos-animate, body[data-aos-delay='1950'] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-delay='2000'], body[data-aos-delay='2000'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2000'].aos-animate, body[data-aos-delay='2000'] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-delay='2050'], body[data-aos-delay='2050'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2050'].aos-animate, body[data-aos-delay='2050'] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-delay='2100'], body[data-aos-delay='2100'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2100'].aos-animate, body[data-aos-delay='2100'] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-delay='2150'], body[data-aos-delay='2150'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2150'].aos-animate, body[data-aos-delay='2150'] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-delay='2200'], body[data-aos-delay='2200'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2200'].aos-animate, body[data-aos-delay='2200'] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-delay='2250'], body[data-aos-delay='2250'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2250'].aos-animate, body[data-aos-delay='2250'] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-delay='2300'], body[data-aos-delay='2300'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2300'].aos-animate, body[data-aos-delay='2300'] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-delay='2350'], body[data-aos-delay='2350'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2350'].aos-animate, body[data-aos-delay='2350'] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-delay='2400'], body[data-aos-delay='2400'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2400'].aos-animate, body[data-aos-delay='2400'] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-delay='2450'], body[data-aos-delay='2450'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2450'].aos-animate, body[data-aos-delay='2450'] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-delay='2500'], body[data-aos-delay='2500'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2500'].aos-animate, body[data-aos-delay='2500'] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-delay='2550'], body[data-aos-delay='2550'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2550'].aos-animate, body[data-aos-delay='2550'] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-delay='2600'], body[data-aos-delay='2600'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2600'].aos-animate, body[data-aos-delay='2600'] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-delay='2650'], body[data-aos-delay='2650'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2650'].aos-animate, body[data-aos-delay='2650'] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-delay='2700'], body[data-aos-delay='2700'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2700'].aos-animate, body[data-aos-delay='2700'] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-delay='2750'], body[data-aos-delay='2750'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2750'].aos-animate, body[data-aos-delay='2750'] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-delay='2800'], body[data-aos-delay='2800'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2800'].aos-animate, body[data-aos-delay='2800'] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-delay='2850'], body[data-aos-delay='2850'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2850'].aos-animate, body[data-aos-delay='2850'] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-delay='2900'], body[data-aos-delay='2900'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2900'].aos-animate, body[data-aos-delay='2900'] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-delay='2950'], body[data-aos-delay='2950'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2950'].aos-animate, body[data-aos-delay='2950'] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-delay='3000'], body[data-aos-delay='3000'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='3000'].aos-animate, body[data-aos-delay='3000'] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1
}

[data-aos=fade-up] {
    transform: translateY(100px)
}

[data-aos=fade-down] {
    transform: translateY(-100px)
}

[data-aos=fade-right] {
    transform: translate(-200px)
}

[data-aos=fade-left] {
    transform: translate(100px)
}

[data-aos=fade-up-right] {
    transform: translate(-100px, 100px)
}

[data-aos=fade-up-left] {
    transform: translate(100px, 100px)
}

[data-aos=fade-down-right] {
    transform: translate(-100px, -100px)
}

[data-aos=fade-down-left] {
    transform: translate(100px, -100px)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translate(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(0.6)
}

[data-aos=zoom-in-up] {
    transform: translateY(100px) scale(0.6)
}

[data-aos=zoom-in-down] {
    transform: translateY(-100px) scale(0.6)
}

[data-aos=zoom-in-right] {
    transform: translate(-100px) scale(0.6)
}

[data-aos=zoom-in-left] {
    transform: translate(100px) scale(0.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translateY(100px) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translateY(-100px) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate(-100px) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate(100px) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translate(0)
}

[data-aos=slide-up] {
    transform: translateY(100%)
}

[data-aos=slide-down] {
    transform: translateY(-100%)
}

[data-aos=slide-right] {
    transform: translateX(-100%)
}

[data-aos=slide-left] {
    transform: translateX(100%)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

@font-face {
    font-family: 'icons';
    src: url("../../fonts/icons.ttf") format("truetype"), url("../../fonts/icons.svg") format("svg"), url("../../fonts/icons.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

.icon:before, .locked:before {
    font-family: 'icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

label.icon:before, strong.icon:before {
    margin: 3px 8px 0 6px
}

.icon.icon_add:before {
    content: "\e900"
}

.icon.icon_addcontact:before {
    content: "\e901"
}

.icon.icon_admin:before {
    content: "\e902"
}

.icon.icon_air:before {
    content: "\e903"
}

.icon.icon_arrowleft:before {
    content: "\e904"
}

.icon.icon_arrowright:before {
    content: "\e905"
}

.icon.icon_basket:before {
    content: "\e906"
}

.icon.icon_bill:before {
    content: "\e907"
}

.icon.icon_calender:before {
    content: "\e908"
}

.icon.icon_cardname:before {
    content: "\e909"
}

.icon.icon_cargodetails:before {
    content: "\e90a"
}

.icon.icon_close:before {
    content: "\e90b"
}

.icon.icon_closequote:before {
    content: "\e90c"
}

.icon.icon_code:before {
    content: "\e90d"
}

.icon.icon_consignee:before {
    content: "\e90e"
}

.icon.icon_consignor:before {
    content: "\e90f"
}

.icon.icon_contact:before {
    content: "\e910"
}

.icon.icon_customerdetails:before {
    content: "\e911"
}

.icon.icon_customs:before {
    content: "\e912"
}

.icon.icon_dash:before {
    content: "\e913"
}

.icon.icon_delivery:before {
    content: "\e914"
}

.icon.icon_dimensions:before {
    content: "\e915"
}

.icon.icon_disable:before {
    content: "\e916"
}

.icon.icon_document:before {
    content: "\e917"
}

.icon.icon_download:before {
    content: "\e918"
}

.icon.icon_drag:before {
    content: "\e919"
}

.icon.icon_drop:before {
    content: "\e91a"
}

.icon.icon_duplicate:before {
    content: "\e91b"
}

.icon.icon_edit:before {
    content: "\e91c"
}

.icon.icon_eps:before {
    content: "\e91d"
}

.icon.icon_exit:before {
    content: "\e91e"
}

.icon.icon_export:before {
    content: "\e91f"
}

.icon.icon_fcl:before {
    content: "\e920"
}

.icon.icon_filter:before {
    content: "\e921"
}

.icon.icon_grid:before {
    content: "\e922"
}

.icon.icon_hazardous:before {
    content: "\e923"
}

.icon.icon_height:before {
    content: "\e924"
}

.icon.icon_help:before {
    content: "\e925"
}

.icon.icon_import:before {
    content: "\e926"
}

.icon.icon_info:before {
    content: "\e927"
}

.icon.icon_language:before {
    content: "\e928"
}

.icon.icon_lcl:before {
    content: "\e929"
}

.icon.icon_length:before {
    content: "\e92a"
}

.icon.icon_list:before {
    content: "\e92b"
}

.icon.icon_login:before {
    content: "\e92c"
}

.icon.icon_mail:before {
    content: "\e92d"
}

.icon.icon_marker:before {
    content: "\e92e"
}

.icon.icon_message:before {
    content: "\e92f"
}

.icon.icon_mobile:before {
    content: "\e930"
}

.icon.icon_notify:before {
    content: "\e931"
}

.icon.icon_order:before {
    content: "\e932"
}

.icon.icon_packaging:before {
    content: "\e933"
}

.icon.icon_pallets:before {
    content: "\e934"
}

.icon.icon_paperless:before {
    content: "\e935"
}

.icon.icon_pdf:before {
    content: "\e936"
}

.icon.icon_phone:before {
    content: "\e937"
}

.icon.icon_play:before {
    content: "\e938"
}

.icon.icon_png:before {
    content: "\e939"
}

.icon.icon_port:before {
    content: "\e93a"
}

.icon.icon_print:before {
    content: "\e93b"
}

.icon.icon_quantity:before {
    content: "\e93c"
}

.icon.icon_quotes:before {
    content: "\e93d"
}

.icon.icon_quotesflat:before {
    content: "\e93e"
}

.icon.icon_rail:before {
    content: "\e93f"
}

.icon.icon_reefer:before {
    content: "\e940"
}

.icon.icon_reference:before {
    content: "\e941"
}

.icon.icon_rotateleft:before {
    content: "\e942"
}

.icon.icon_rotateright:before {
    content: "\e943"
}

.icon.icon_save:before {
    content: "\e944"
}

.icon.icon_search:before {
    content: "\e945"
}

.icon.icon_secure:before {
    content: "\e946"
}

.icon.icon_securitycode:before {
    content: "\e947"
}

.icon.icon_select:before {
    content: "\e948"
}

.icon.icon_setinterest:before {
    content: "\e949"
}

.icon.icon_settings:before {
    content: "\e94a"
}

.icon.icon_share:before {
    content: "\e94b"
}

.icon.icon_shipping:before {
    content: "\e94c"
}

.icon.icon_switch:before {
    content: "\e94d"
}

.icon.icon_temperature:before {
    content: "\e94e"
}

.icon.icon_tick:before {
    content: "\e94f"
}

.icon.icon_time:before {
    content: "\e950"
}

.icon.icon_trash:before {
    content: "\e951"
}

.icon.icon_trucking:before {
    content: "\e952"
}

.icon.icon_truckingbasic:before {
    content: "\e953"
}

.icon.icon_trust:before {
    content: "\e954"
}

.icon.icon_validate:before {
    content: "\e955"
}

.icon.icon_value:before {
    content: "\e956"
}

.icon.icon_view:before {
    content: "\e957"
}

.icon.icon_views:before {
    content: "\e958"
}

.icon.icon_volume:before {
    content: "\e959"
}

.icon.icon_width:before {
    content: "\e95a"
}

.icon.icon_window:before {
    content: "\e95b"
}

.button.icon:before {
    margin: -5px 10px 0 0;
    vertical-align: middle;
    display: inline-block
}

.button.icon_arrowright:before {
    float: right;
    margin: 2px -3px 0 10px
}

.button.icon_close:before, .icon_share:before {
    margin-top: -3px
}

i.icon:before {
    font-size: 38px;
    color: #111
}

span.icon:before {
    margin-right: 8px;
    color: #111
}

a.icon:before {
    margin-right: 8px
}

h1.icon:before {
    margin-right: 10px
}

h2.icon:before {
    margin-right: 8px
}

p.icon:before {
    margin-right: 4px
}

legend.icon:before {
    margin-right: 8px
}

li.icon:before {
    color: #ccc;
    display: block;
    float: left;
    font-size: 20px;
    margin: 19px 10px 0 14px
}

li.icon:hover:before {
    color: #fff
}

.button {
    display: inline-block;
    width: auto;
    line-height: 1;
    outline: none;
    position: relative;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    padding: 8px 12px;
    text-transform: auto;
    font: 18px "Barlow", helvetica, sans-serif;
    font-weight: 400;
    height: auto;
    -webkit-transition: none;
    color: #333;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: none
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .button {
        font: 18px helvetica, sans-serif
    }
}

.button.current, .button:hover, button:hover {
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 1px rgba(0, 0, 0, 0.2);
    cursor: pointer
}

.button.cta {
    display: inline-block;
    background-color: #466196;
    background: linear-gradient(220deg, #8c70b5 1%, #466196 100%);
    color: #FFF;
    border: none;
    text-transform: uppercase;
    margin: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.48);
    color: #fff;
    border: none;
    font-weight: bold;
    -webkit-transition: all 0.1s cubic-bezier(0.74, 0.01, 0.34, 1);
    transition: all 0.1s cubic-bezier(0.74, 0.01, 0.34, 1)
}

.pvr-modal-content-panel .button.cta.vanguard, .button.cta.vanguard {
    background: rgba(34, 211, 238, 0.87);
    color: #000;
    font-weight: 600
}

.pvr-modal-content-panel .button.cta.vanguard:hover, .button.cta.vanguard:hover {
    background: rgba(90, 224, 244, 0.87)
}

.button.cta:hover {
    color: #fff;
    background-color: #466196;
    box-shadow: 0 1px #145f67;
    cursor: pointer
}

.button.dark {
    background: #222;
    box-shadow: 0 3px #000;
    color: #ddd;
    border: 1px solid #333;
    border-bottom: none
}

.button.dark:hover {
    color: #ccc;
    background: #111;
    box-shadow: 0 1px #444
}

.button.simple {
    color: #fff;
    background: rgba(0, 0, 0, 0);
    border: none;
    box-shadow: none;
    font-size: 16px
}

.button.simple:hover {
    top: 0;
    color: #F1BF1A
}

.button.centered {
    margin: 60px auto;
    display: block;
    clear: both
}

.button.disabled {
    opacity: 0.38;
    pointer-events: none;
    cursor: not-allowed;
    filter: gray;
    filter: grayscale(0.8);
    -webkit-filter: grayscale(0.8)
}

.button em {
    font-size: 14px;
    opacity: 0.5
}

.btn-close-modal, .btn-close-modal:hover {
    padding: 10px 2px 10px 13px;
    border-radius: 88px;
    position: absolute;
    right: -1px;
    top: 0;
    border: none;
    box-shadow: none
}

.btn-close-modal:hover {
    color: #d45757;
    transform: none
}

@-moz-keyframes modalIn {
    0% {
        margin-left: 100%;
        opacity: 0
    }

    1% {
        margin-left: 0;
        opacity: 0
    }

    100% {
        margin-left: 0;
        opacity: 1
    }
}

@-webkit-keyframes modalIn {
    0% {
        margin-left: 100%;
        opacity: 0
    }

    1% {
        margin-left: 0;
        opacity: 0
    }

    100% {
        margin-left: 0;
        opacity: 1
    }
}

@-o-keyframes modalIn {
    0% {
        margin-left: 100%;
        opacity: 0
    }

    1% {
        margin-left: 0;
        opacity: 0
    }

    100% {
        margin-left: 0;
        opacity: 1
    }
}

@-ms-keyframes modalIn {
    0% {
        margin-left: 100%;
        opacity: 0
    }

    1% {
        margin-left: 0;
        opacity: 0
    }

    100% {
        margin-left: 0;
        opacity: 1
    }
}

@keyframes modalIn {
    0% {
        margin-left: 100%;
        opacity: 0
    }

    1% {
        margin-left: 0;
        opacity: 0
    }

    100% {
        margin-left: 0;
        opacity: 1
    }
}

@-moz-keyframes modalOut {
    0% {
        margin-left: 0;
        opacity: 1
    }

    99% {
        margin-left: 0;
        opacity: 0
    }

    100% {
        margin-left: 100%;
        opacity: 0
    }
}

@-webkit-keyframes modalOut {
    0% {
        margin-left: 0;
        opacity: 1
    }

    99% {
        margin-left: 0;
        opacity: 0
    }

    100% {
        margin-left: 100%;
        opacity: 0
    }
}

@-o-keyframes modalOut {
    0% {
        margin-left: 0;
        opacity: 1
    }

    99% {
        margin-left: 0;
        opacity: 0
    }

    100% {
        margin-left: 100%;
        opacity: 0
    }
}

@-ms-keyframes modalOut {
    0% {
        margin-left: 0;
        opacity: 1
    }

    99% {
        margin-left: 0;
        opacity: 0
    }

    100% {
        margin-left: 100%;
        opacity: 0
    }
}

@keyframes modalOut {
    0% {
        margin-left: 0;
        opacity: 1
    }

    99% {
        margin-left: 0;
        opacity: 0
    }

    100% {
        margin-left: 100%;
        opacity: 0
    }
}

.pvr-modal {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9999999999;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: #000;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    margin-left: 100%
}

.pvr-modal.open {
    opacity: 1;
    pointer-events: auto;
    margin-left: 0;
    -webkit-animation-duration: 400ms;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: modalIn;
    -moz-animation-duration: 400ms;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-name: modalIn;
    animation-duration: 400ms;
    animation-timing-function: ease-in-out;
    animation-name: modalIn;
    animation-fill-mode: forwards
}

.pvr-modal.closed {
    -webkit-animation-duration: 400ms;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: modalOut;
    -moz-animation-duration: 400ms;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-name: modalOut;
    animation-duration: 400ms;
    animation-timing-function: ease-in-out;
    animation-name: modalOut;
    animation-fill-mode: forwards
}

.button.btn-close {
    background: transparent;
    box-shadow: none;
    border: none;
    color: #fff;
    float: right;
    padding-right: 8px;
    position: absolute;
    right: 5px;
    top: 10px
}

.pvr-modal-wrapper {
    text-align: center;
    padding: 0;
    height: 100%;
    margin: 0 auto;
    display: table
}

.pvr-modal-content {
    -webkit-transition: all 488ms cubic-bezier(0.74, 0.01, 0.34, 1);
    transition: all 488ms cubic-bezier(0.74, 0.01, 0.34, 1);
    padding: 28px 0;
    display: table-cell;
    vertical-align: middle
}

.pvr-modal-content-panel {
    padding: 54px;
    opacity: 0;
    border-radius: 6px;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
    -webkit-transition: all 0.8s cubic-bezier(0.74, 0.01, 0.34, 1);
    transition: all 0.8s cubic-bezier(0.74, 0.01, 0.34, 1);
    background-size: 80px;
    background-position: center center
}

.pvr-modal.open .pvr-modal-content-panel {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}

.pvr-modal-content-panel h1 {
    color: #fff
}

.pvr-modal-content-panel p {
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 40px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto
}

.pvr-modal-content-panel .button.cta {
    border-radius: 88px;
    padding: 16px 28px;
    margin-top: 18px
}

.about-modal .pvr-modal-content-panel p {
    max-width: 450px;
    margin-bottom: 20px
}

.pvr-modal.video-modal .pvr-modal-content-panel {
    padding: 0;
    width: 100%;
    min-width: 1280px
}

.pvr-modal.video-modal.open .pvr-modal-content-panel {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    padding: 0
}

.video-holder {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 40px 0 40px;
    box-shadow: 0px 28px 28px -5px rgba(0, 0, 0, 0.98)
}

.video-holder embed, .video-holder iframe, .video-holder object, .video-holder video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pvr-modal.video-modal .pvr-modal-content-panel {
    padding: 0;
    background: #000;
    background-color: rgba(15, 17, 21, 0.95)
}

.pvr-modal.video-modal.open .pvr-modal-content-panel {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
}

.video-modal .link-vr-mode {
    color: #fff;
    float: left;
    padding: 6px;
    position: absolute;
    left: -10px;
    top: -45px
}

.video-modal .link-vr-mode span {
    display: block;
    margin: 2px 0 0 12px;
    float: left;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6)
}

.video-modal .link-vr-mode:hover span {
    color: #fff
}

.icon-vr-mode {
    height: 22px;
    float: left;
    margin: 3px
}

.icon-vr-mode path {
    fill: #fff
}

.video-modal .button.btn-close {
    top: -45px;
    right: -20px
}

.pvr-modal.vanguard h1 {
    font-size: 88px;
    line-height: 74px;
    padding: 0 28px;
    user-select: none
}

.whitelist .pvr-modal-wrapper {
    text-align: left;
    margin-left: 250px
}

.pvr-modal.vanguard.whitelist h1 {
    font-size: 48px;
    line-height: 74px;
    padding: 0;
    user-select: none;
    text-align: left
}

.whitelist .pvr-modal-content-panel p {
    margin: 0;
    max-width: 550px
}

.pvr-modal.vanguard.whitelist h1.ch-logo {
    margin: 0 0 -40px 0;
    top: unset;
    position: relative;
    left: -170px
}

.loading {
    display: none
}

.whitelist label {
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    margin: 28px 0 8px;
    display: block
}

.whitelist input[type="text"], .whitelist input[type="email"] {
    min-width: 400px
}

.whitelist .chk-label {
    display: inline-block;
    margin-left: 12px;
    clear: both;
    margin-top: 18px
}

.whitelist .button.cta.vanguard {
    clear: both;
    display: block;
    border-radius: 6px;
    margin-top: 30px
}

.whitelist p a, .whitelist a {
    color: rgba(34, 211, 238, 0.87)
}

.whitelist .it-load-item {
    position: relative
}

.whitelist .it-load-item:after {
    margin-top: 38px;
    margin-left: -12px;
    top: 0;
    left: 20px;
    width: 54px;
    height: 54px
}

.whitelist h2 {
    color: rgba(34, 211, 238, 0.87);
    max-width: 500px
}

@media (max-width: 968px) {
    .pvr-modal.vanguard.whitelist h1.ch-logo {
        left: -70px;
        margin: 0
    }

    .whitelist .pvr-modal-wrapper {
        margin-left: 38px
    }

    .whitelist input[type="text"], .whitelist input[type="email"] {
        min-width: calc(100% - 38px)
    }
}

.squaredFour {
    width: 25px;
    position: relative;
    margin: 20px auto;
    display: inline-block
}

.squaredFour label {
    width: 25px;
    height: 25px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(34, 211, 238, 0.87);
    border: 2px solid #fff;
    background: linear-gradient(to bottom, #000 0%, #111 40%, #222 100%);
    border-radius: 3px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    margin-top: -2px
}

.squaredFour label:after {
    content: '';
    width: 14px;
    height: 9px;
    position: absolute;
    top: 4px;
    left: 3px;
    border: 4px solid rgba(34, 211, 238, 0.87);
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    transform: rotate(-45deg);
    margin-top: 1px
}

.squaredFour label:hover::after {
    opacity: 0.5
}

.squaredFour input[type=checkbox] {
    visibility: hidden
}

.squaredFour input[type=checkbox]:checked+label:after {
    opacity: 1
}

.pvr-navbar {
    display: inline-block;
    transition: all 500ms cubic-bezier(0.68, 0, 0.265, 1);
    -webkit-transition: all 500ms cubic-bezier(0.68, 0, 0.265, 1);
    float: right;
    width: calc(100% - 290px);
    z-index: 2
}

.pvr-navbar .nav ul {
    width: 100%;
    margin-right: 0
}

.pvr-navbar .nav ul {
    list-style: none;
    margin: 0
}

.pvr-navbar .nav ul li {
    float: right
}

.pvr-navbar .nav ul li a {
    color: rgba(255, 255, 255, 0.6);
    padding: 31px 30px;
    font: 14px "Barlow", helvetica, sans-serif;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    max-height: 80px
}

.pvr-navbar .nav ul li a:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.1)
}

.pvr-navbar .nav ul li.current {
    border-bottom: 2px solid var(--secondary-color);
    margin-top: -2px
}

.pvr-navbar .nav ul li.current a {
    padding-top: 33px;
    padding-bottom: 33px;
    color: #fff
}

.pvr-navbar .nav ul li ul {
    position: absolute;
    width: auto;
    min-width: 132px;
    opacity: 0;
    transition: all 500ms cubic-bezier(0.68, 0, 0.265, 1);
    -webkit-transition: all 500ms cubic-bezier(0.68, 0, 0.265, 1);
    overflow: hidden;
    max-height: 0;
    background-color: #1b1c1e;
    margin-top: 2px;
    -webkit-transform: translate(28px, 0%);
    transform: translate(28px, 0%);
    box-shadow: 2px 4px 18px -2px rgba(0, 0, 0, 0.88);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.pvr-navbar .nav ul li:hover ul {
    float: none;
    opacity: 1;
    max-height: 999px;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
}

.pvr-navbar .nav ul li ul li {
    float: none;
    border-top: 1px solid rgba(255, 255, 255, 0.08)
}

.pvr-navbar .nav ul li ul li a {
    width: 100%;
    padding: 16px 18px
}

.pvr-navbar .nav ul li ul li.current {
    border-bottom: none;
    margin-top: 0
}

.pvr-navbar .nav ul li ul li.current a, .pvr-navbar .nav ul li.current ul li a {
    padding: 16px 18px
}

.poly-count {
    color: rgba(255, 255, 255, 0.28);
    font-size: 12px;
    padding-left: 8px
}

a:hover .poly-count {
    color: rgba(255, 255, 255, 0.68)
}

.pvr-navbar .nav ul li.current ul li.current a {
    background-color: var(--secondary-color)
}

#nav-toggle {
    display: none
}

.light-theme .front-page-products {
    background-color: #fff
}

.light-theme h2.product-list-heading {
    color: rgba(0, 0, 0, 0.88);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08)
}

.light-theme h2.product-list-heading:first-of-type {
    border-top: none
}

.light-theme .product-list li {
    background: -moz-linear-gradient(220deg, #fff 0%, #eee 100%);
    background: -webkit-linear-gradient(220deg, #fff 0%, #eee 100%);
    background: linear-gradient(220deg, #fff 0%, #eee 100%);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12)
}

.light-theme .product-list li h2 {
    color: rgba(0, 0, 0, 0.88)
}

.light-theme .no-results h1, .light-theme a.request-more h1 {
    color: rgba(0, 0, 0, 0.88)
}

.light-theme .no-results p, .light-theme a.request-more p {
    color: rgba(0, 0, 0, 0.58)
}

.front-page-products, .gallery-view, .art-view {
    position: relative;
    background-color: #1a1b1c;
    min-height: calc(100% - 80px);
    top: 80px;
    width: 100%;
    max-width: 1840px;
    margin: 0 auto
}

.chametheon .gallery-view {
    min-height: calc(100% - 50px);
    top: 50px
}

.chametheon .row.masonry img {
    border: 4px solid #1a1b1c;
    border-right: 2px solid #1a1b1c;
    border-left: 2px solid #1a1b1c
}

.gallery-view {
    max-width: 100%;
    padding: 5px 3px
}

.art-view {
    display: flex;
    background-color: transparent
}

h2.product-list-heading {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 38px 38px;
    width: calc(100% - 82px);
    padding: 18px 0;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.88);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    text-align: left
}

h2.product-list-heading:first-of-type {
    border-top: none;
    margin-top: 38px;
    padding-top: 0
}

.poly-band {
    font-size: 15px;
    opacity: 0.6;
    margin-left: 8px
}

ul.product-list {
    width: 100%;
    margin: 38px 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    padding: 0 18px 48px
}

.product-list li {
    text-align: left;
    display: inline-block;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 18px 38px;
    background: #27282b;
    background: -moz-linear-gradient(220deg, #1f2022 0%, #323439 100%);
    background: -webkit-linear-gradient(220deg, #1f2022 0%, #323439 100%);
    background: linear-gradient(220deg, #1f2022 0%, #323439 100%);
    padding: 0;
    z-index: 1;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.38);
    width: calc(20% - 38px);
    position: relative
}

.product-list.bigger li {
    width: calc(25% - 38px)
}

.product-list li:hover {
    box-shadow: 0 18px 8px -10px rgba(0, 0, 0, 0.18)
}

.product-thumb {
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.2s cubic-bezier(0.74, 0.01, 0.34, 1);
    transition: all 0.2s cubic-bezier(0.74, 0.01, 0.34, 1)
}

.product-thumb img {
    width: 100%;
    margin: 0 auto 0 0
}

.product-list li:hover .product-thumb {
    opacity: 0.88
}

.hx1 .product-list li:hover .product-thumb {
    opacity: 1
}

.hx1 .product-list li .product-thumb img {
    transition: all 0.8s cubic-bezier(0.04, 0.72, 0.24, 1.01)
}

.hx1 .product-list li:hover .product-thumb img {
    transform: scale(1.1)
}

.product-list li h2 {
    color: #fff;
    margin: 0;
    padding: 6px 0 6px 18px;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 115px)
}

.product-list li:hover h2 {
    color: #fff
}

.light-theme .product-list li .poly-count, .product-list li .poly-count {
    float: right;
    font-size: 16px;
    margin: 5px 16px 0 0;
    color: rgba(0, 0, 0, 0.48)
}

.product-list li .poly-count, .product-list li:hover .poly-count {
    color: rgba(255, 255, 255, 0.48)
}

button.btn-close-product-info, button.btn-product-info {
    display: none
}

.front-page .shopify-buy-frame--product {
    display: none
}

li.request-more {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    flex-grow: 1
}

a.request-more {
    padding: 0 28px;
    position: relative;
    text-align: center;
    user-select: none;
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.no-results h1, a.request-more h1 {
    color: rgba(255, 255, 255, 0.88);
    margin: 0 auto 14px;
    font-size: 26px
}

li:hover .no-results h1, li:hover a.request-more h1 {
    color: #fff
}

.no-results p, a.request-more p {
    color: rgba(255, 255, 255, 0.58);
    max-width: 280px;
    margin: 0 auto;
    font-size: 15px
}

li:hover a.request-more p, li:hover no-results p {
    color: rgba(255, 255, 255, 0.6)
}

a.request-more p strong {
    color: #466196;
    padding-left: 4px;
    display: block
}

li:hover a.request-more p strong {
    color: rgba(255, 255, 255, 0.8);
    padding-left: 4px
}

.no-results {
    text-align: center;
    padding-top: 88px
}

.no-result h1 {
    text-align: center
}

.no-results p {
    max-width: 510px;
    padding: 0 30px
}

.no-results p a {
    padding-right: 3px
}

.no-results p strong {
    color: #466196
}

.banner {
    float: left;
    margin-bottom: 38px;
    width: 100%
}

.banner-decentraland {
    background: #111111;
    padding: 18px;
    box-shadow: inset 0 0 26px 0 rgba(255, 255, 255, 0.38);
    background: -moz-linear-gradient(45deg, #fff 38%, #febd63 55%, #fe755e 72%, #fe755e 72%, #fe5c5d 87%, #fe395a 100%);
    background: -webkit-linear-gradient(45deg, #fff 38%, #febd63 55%, #fe755e 72%, #fe755e 72%, #fe5c5d 87%, #fe395a 100%);
    background: linear-gradient(45deg, #fff 38%, #febd63 58%, #fe755e 78%, #fe755e 72%, #fe5c5d 88%, #fe395a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fe395a', GradientType=1)
}

.banner-chametheon {
    background: #111111;
    padding: 18px;
    box-shadow: inset 0 0 26px 0 rgba(255, 255, 255, 0.38);
    background: url("../assets/images/eye.jpg") #b7494c;
    background-size: 80% auto;
    background-position: center right;
    background-repeat: no-repeat
}

.ch-logo {
    background-image: url("../assets/images/chametheon-logo.png");
    background-position: center;
    background-size: 70% auto;
    background-repeat: no-repeat;
    height: 90px;
    width: 440px;
    color: transparent;
    top: 20px;
    left: 60px;
    position: absolute
}

.button-tiles iframe, .badge-info {
    border-radius: 28px;
    opacity: 0.85;
    border: 1px solid rgba(255, 255, 255, 0.16)
}

.badge-info {
background-color: #000;
padding: 58px 0;
overflow: hidden;
}
.chametheon .badge-info p a
{
        color: rgba(255, 255, 255, 0.7);
        text-decoration: underline;

}
.chametheon .badge-info p a:hover
{
        color: #fff;
        text-decoration: none;

}

.badge-info img {
max-width: 500px;
margin: -40px 0 0 0;
}
header .header-content .inner .badge-info p,
header .header-content .inner .badge-info h2
 {
width: 100%;
}



.banner-chametheon a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.banner-avatars {
    background: url("../assets/images/avatars.jpg");
    background-size: cover;
    background-position: auto left;
    height: 34vw;
    max-height: 600px;
    width: 100%;
    max-width: 1840px;
    display: block;
    clear: both;
    float: none;
    margin: 0 auto
}

.banner-avatars * {
    display: none
}

.banner-decentraland.with-margin, .banner-chametheon.with-margin {
    box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.38)
}

.banner-chametheon.with-margin {
    position: relative;
    min-height: 130px
}

.banner-decentraland.with-margin, .banner-chametheon.with-margin {
    margin: 38px;
    border-radius: 8px;
    width: auto;
    float: none
}

.banner-decentraland .Icon-decentraland, .banner-chametheon .Icon-chametheon {
    width: 58px;
    height: 58px;
    margin: 38px 16px 0 38px
}

.banner-decentraland h1, .banner-decentraland h2, .banner-decentraland h3, .banner-chametheon h1, .banner-chametheon h2, .banner-chametheon h3 {
    width: auto;
    color: #111
}

.banner-chametheon h1.dcl-title, .banner-chametheon h2.dcl-sub-title {
    color: #fff
}

.banner-decentraland h1.dcl-title, .banner-chametheon h1.dcl-title {
    font-size: 28px;
    margin: 20px 0 -6px;
    width: auto
}

.banner-decentraland h2.dcl-sub-title, .banner-chametheon h2.dcl-sub-title {
    font-weight: 500;
    font-size: 16px;
    margin: -4px 0 18px;
    display: inline-block;
    width: auto;
    opacity: 0.5
}

.banner .button {
    float: right;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.98);
    border: none;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    margin: -20px 28px 0 0
}

.banner .button:hover {
    color: #111;
    background: #fff
}

.banner.banner-decentraland .button:hover {
    color: #fe395a
}

.banner.banner-chametheon .button:hover {
    color: #fe395a
}

.banner h4 {
    margin: 0 0 8px;
    font-size: 24px
}

.banner-info {
    float: right;
    padding: 48px 48px 0 48px;
    margin: 22px 0 28px 0;
    box-shadow: 0 -28px 28px -38px rgba(0, 0, 0, 0.28);
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 8px
}

.banner-info h1, .banner-info h2, .banner-info h3 {
    font-size: 28px;
    color: #111;
    font-weight: 700
}

.banner-info ol.pvr-ordered-list li {
    margin: 28px 0 0
}

.banner-info ol.pvr-ordered-list>li:before {
    background: #fe395a;
    background: linear-gradient(45deg, #febd63 0%, #fe755e 72%, #fe755e 72%, #fe5c5d 87%, #fe395a 100%);
    font-weight: bold;
    margin: 4px 12px 0 -35px;
    box-shadow: -1px -1px 3px 0 rgba(255, 255, 255, 0.28)
}

.banner-info .four {
    padding-right: 50px
}

h3.dcl-ready {
    position: absolute;
    right: 18px;
    top: 68px;
    font-weight: 600;
    font-size: 38px;
    margin: -38px 28px 8px 38px;
    color: #fff;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.98);
    padding: 0 6px 6px 4px;
    border-radius: 9px;
    line-height: 40px
}

.dcl-ready span {
    background: #fff;
    color: #fe395a;
    font-size: 15px;
    padding: 0 8px;
    border-radius: 4px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin: 2px 0 1px 3px;
    font-family: helvetica;
    line-height: 18px
}

.help-page .Icon-decentraland {
    margin: -300px -500px 0 28px;
    float: right;
    height: 1024px;
    width: 1024px
}

.help-page h2 {
    float: left;
    width: 100%;
    margin-top: 38px
}

.help-page p {
    float: left;
    display: block;
    width: 55%;
    max-width: 680px;
    min-width: 380px;
    clear: both
}

ul.item-menu {
    position: absolute;
    margin: 0 0 68px 38px;
    width: calc(100% - 76px);
    bottom: 0;
    z-index: 2
}

ul.item-menu li.item {
    display: block;
    width: 100%;
    margin: 0;
    background: transparent;
    box-shadow: none;
    -webkit-transition: all 0.28s cubic-bezier(0.74, 0.01, 0.34, 1);
    transition: all 0.28s cubic-bezier(0.74, 0.01, 0.34, 1);
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    -webkit-transform: translate3d(0, 0, 0);
    overflow: visible
}

.product-list li ul.item-menu li.item, .product-list li ul.item-menu li.item~li.item, .product-list li ul.item-menu li.item~li.item~li.item {
    transform: translate(-800px, 0, 0);
    -webkit-transform: translate3d(-800px, 0, 0)
}

.product-list li:hover ul.item-menu li.item, .product-list li:hover ul.item-menu li.item~li.item, .product-list li:hover ul.item-menu li.item~li.item~li.item {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    -webkit-transform: translate3d(0, 0, 0)
}

ul.item-menu li.item {
    transition-delay: 0s
}

ul.item-menu li.item~li.item {
    transition-delay: 0.05s
}

ul.item-menu li.item~li.item~li.item {
    transition-delay: 0.1s
}

.product-list li:hover ul.item-menu li.item {
    transition-delay: 0.1s
}

.product-list li:hover ul.item-menu li.item~li.item {
    transition-delay: 0.05s
}

.product-list li:hover ul.item-menu li.item~li.item~li.item {
    transition-delay: 0s
}

ul.item-menu li.item .button {
    margin: 0 0 18px 0;
    width: 100%;
    text-align: left;
    padding: 16px 18px 18px 22px;
    background: rgba(26, 27, 28, 0.78);
    color: #fff;
    border-radius: 6px
}

ul.item-menu li.item .button:hover {
    background: linear-gradient(100deg, #8c70b5 40%, #466196 100%)
}

ul.item-menu li.item .button.icon:before {
    margin: -5px 18px 0 0;
    font-size: 20px;
    -webkit-transition: all 0.18s cubic-bezier(0.74, 0.01, 0.34, 1);
    transition: all 0.18s cubic-bezier(0.74, 0.01, 0.34, 1)
}

ul.item-menu li.item:hover .button.icon:before {
    margin: -5px 20px 0 2px
}

ul.item-menu li.item .button.icon.icon_play:before {
    font-size: 21px
}

#slideshow, .top-image {
    margin: 50px auto;
    position: relative;
    height: 34vw;
    max-height: 600px;
    width: 100%;
    max-width: 1840px;
    display: block;
    clear: both;
    float: none;
    margin: 0 auto;
    overflow: hidden
}

.top-image {
    background-color: #25313f;
    background: url("../assets/images/quads-banner.jpg") #b7494c;
    background-size: 100% auto;
    background-position: center right;
    background-repeat: no-repeat
}

#slideshow>div {
    position: absolute
}

#slideshow>div img {
    width: 100%;
    height: auto
}

.applications h3 {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 68px 0 0 0;
    margin-top: 68px
}

.applications h3 {
    font-size: 40px;
    margin-bottom: 28px
}

.pricing .applications .btn.btn-primary {
    margin: 38px 18px 0
}

.body-text {
    padding: 0 38px;
    color: #fff;
    font-size: 28px;
    line-height: normal
}

.btn-cta.quads {
    display: inline-block;
    margin-left: 38px;
    width: auto;
    background-image: none;
    background-color: #e63930;
    padding: 12px 10px 12px 30px;
    margin-top: 28px
}

.btn-cta.quads.icon:before {
    margin-left: 10px
}

.gallery-track {
    margin-top: 70px
}

.gallery-track {
    position: fixed;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.25rem;
    padding: 0.25rem;
    will-change: transform
}

.card a {
    position: relative;
    display: block;
    z-index: 999
}

.card {
    height: 480px;
    overflow: hidden
}

.card .card-image-wrapper {
    height: 135%;
    will-change: transform
}

.card .card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 800px) {
    .gallery-track {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 550px) {
    .gallery-track {
        grid-template-columns: repeat(1, 1fr)
    }
}

html, body {
    background: #111
}

a-scene {
    transition: 3s opacity ease-in-out, 3s visibility ease-in-out
}

a-scene:not([data-is-loaded="true"]) {
    opacity: 0;
    pointer-events: none;
    transition: none;
    visibility: visible
}

a-scene[data-is-loaded="true"] {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    background: #111
}

@keyframes pvr-loader-anim {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.pvr-loader {
    animation: pvr-loader-anim 1s ease-in 1
}

.pvr-loader .logo {
    width: 580px;
    height: 188px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute
}

.it-load-item:after {
    content: '';
    display: inline-block;
    position: absolute;
    background: transparent;
    border: 2px solid #bdc8e5;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    margin-top: 63px;
    margin-left: -12px;
    width: 24px;
    height: 24px;
    -webkit-animation: bl-anim 0.8s cubic-bezier(0, 0, 1, 1) infinite;
    -moz-animation: bl-anim 0.8s cubic-bezier(0, 0, 1, 1) infinite;
    animation: bl-anim 0.8s cubic-bezier(0, 0, 1, 1) infinite;
    opacity: 0.2
}

.button.cta.it-btn-load, .cta.it-btn-load {
    text-shadow: none
}

.model-iframe {
    position: fixed;
    height: calc(100% - 80px);
    width: calc(100% - 380px);
    margin-top: 80px
}

.product-sidebar {
    position: fixed;
    height: calc(100% - 80px);
    width: 380px;
    margin-top: 80px;
    right: 0;
    background: #1b1c1e;
    padding: 28px;
    background: -moz-linear-gradient(-45deg, #27282b 0%, #1b1c1e 300px);
    background: -webkit-linear-gradient(-45deg, #27282b 0%, #1b1c1e 300px);
    background: linear-gradient(135deg, #27282b 0%, #1b1c1e 300px);
    z-index: 2
}

.product-heading {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0;
    width: 324px;
    position: fixed;
    height: 101px
}

.product-heading h1 {
    color: #fff;
    margin: 0;
    font-size: 30px
}

.product-heading h2 {
    color: rgba(255, 255, 255, 0.6);
    font-size: 26px;
    margin: 0
}

.product-details {
    position: fixed;
    top: 209px;
    width: 324px;
    height: calc(100% - 386px);
    overflow: hidden;
    right: 28px;
    padding-bottom: 38px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.product-details::-webkit-scrollbar {
    display: none
}

.product-details.full-height {
    height: calc(100% - 260px)
}

.dcl-product .product-details {
    height: calc(100% - 436px)
}

.product-description {
    padding: 18px 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.product-description p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1.2em
}

.product-details .row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 8px 0
}

.product-details .row:last-of-type {
    border-bottom: none
}

.product-details .row p {
    margin: 0;
    line-height: 1em
}

.detail-label p, .product-details .row h3 {
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px
}

.detail-info p {
    text-align: right;
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px
}

.product-details .row h3 {
    margin: 16px 0 0 0
}

.product-details .row p.detail-sub {
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
    margin-top: 5px
}

.detail-info p.detail-sub a {
    font-size: 13px
}

.buy-button {
    position: fixed;
    bottom: 0;
    width: 324px;
    height: 178px;
    right: 0;
    padding: 8px 0 28px;
    margin: 0 28px
}

.buy-button p.icon {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.8);
    margin: 0
}

.buy-button p.icon:before {
    margin: -4px 8px 0 0;
    font-size: 18px;
    vertical-align: middle;
    display: inline-block;
    opacity: 0.4
}

.buy-button p.icon.icon_views, .buy-button p.icon.icon_secure {
    margin-top: 18px
}

.buy-button:before {
    background: -moz-linear-gradient(top, rgba(27, 28, 30, 0) 0%, #1b1c1e 100%);
    background: -webkit-linear-gradient(top, rgba(27, 28, 30, 0) 0%, #1b1c1e 100%);
    background: linear-gradient(to bottom, rgba(27, 28, 30, 0) 0%, #1b1c1e 100%);
    content: "";
    width: 324px;
    height: 50px;
    position: absolute;
    display: block;
    top: -49px
}

.buy-button.empty:before {
    top: 77px
}

.buy-button.empty * {
    display: none
}

.dcl-product .buy-button:before {
    top: -99px
}

.pvr .shopify-buy-frame--toggle.is-sticky {
    top: 38px;
    right: 8px
}

.dcl-note {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
    padding: 12px 12px 12px 16px;
    border-radius: 8px;
    background: #111
}

.Icon-decentraland, .Icon-decentraland.mono {
    width: 28px;
    height: 28px;
    left: 0;
    top: 0;
    position: relative;
    background-image: url("../assets/images/decentraland-logo.svg");
    display: block;
    background-size: cover;
    float: left;
    margin: 3px 12px 0 0
}

.Icon-decentraland.mono {
    background-image: url("../assets/images/decentraland-logo-mono.svg");
    background-size: cover
}

.Icon-chametheon {
    width: 28px;
    height: 28px;
    left: 0;
    top: 0;
    position: relative;
    background-image: url("../assets/images/chametheon-logo-device.svg");
    display: block;
    background-size: cover;
    float: left;
    margin: 3px 12px 0 0
}

.button.btn-visit-showhome {
    position: fixed;
    z-index: 999;
    right: 27px;
    bottom: 170px;
    width: 325px;
    color: #fff;
    padding: 10px 12px 12px 18px;
    border-radius: 5px;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.38);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08)
}

.button.btn-visit-showhome:hover {
    background: #fe395a;
    background: linear-gradient(45deg, #febd63 0, #fe755e 18%, #fe755e 52%, #fe5c5d 68%, #fe395a 100%);
    box-shadow: none
}

.button.btn-visit-showhome.icon_arrowright:before {
    margin: 2px 0 0 10px;
    color: #fe395a
}

.button.btn-visit-showhome.icon_arrowright:hover:before {
    color: #febd63
}

.art-positioner {
    position: fixed;
    top: 80px;
    left: 0;
    width: calc(100% - 380px);
    height: calc(100% - 80px)
}

.art-container {
    width: 50vh;
    height: auto;
    margin: 0;
    position: absolute;
    left: calc(50% - 25vh);
    top: calc(50% - 40.5vh)
}

.art-container img {
    box-shadow: 2px 2px 11px #0e0e0e;
    max-width: 100%;
    margin: auto
}

.magnify:hover {
    cursor: none
}

.large {
    width: 28vh;
    height: 28vh;
    position: absolute;
    border-radius: 100%;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.98), 14px 14px 22px 7px rgba(0, 0, 0, 0.68), inset 0 0 40px 2px rgba(0, 0, 0, 0.85);
    background: url("../assets/images/art/Tigris_low-quality-jpeg.jpg") no-repeat;
    display: none;
    transition: transform 0.18s ease-in-out
}

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

.large.open {
    transform: scale(1);
    opacity: 1
}

.large.closed {
    transform: scale(0.01);
    opacity: 0
}

.btn-cta {
    color: #fff;
    font-size: 15px;
    background-color: #78b657;
    padding: 12px 0px;
    letter-spacing: 0.3px;
    display: block;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: background 200ms ease;
    transition: background 200ms ease;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2;
    border: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-align: center;
    background-color: #8c70b5;
    background: linear-gradient(30deg, #8c70b5 1%, #466196 100%);
    font-family: "Barlow", sans-serif;
    font-size: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    width: 100%;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase
}

.btn-cta:hover {
    color: #fff;
    background-color: #466196;
    background: linear-gradient(220deg, #8c70b5 1%, #466196 100%)
}

.btn-cta.icon:before {
    margin: -1px 18px 0 0;
    font-size: 20px;
    -webkit-transition: all 0.18s cubic-bezier(0.74, 0.01, 0.34, 1);
    transition: all 0.18s cubic-bezier(0.74, 0.01, 0.34, 1);
    float: right
}

.detail-info.art-info p {
    text-align: left;
    padding-top: 8px;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px
}

.detail-info.art-info {
    padding: 0px 0 18px
}

.snoop-view {
    background-color: #000
}

.snoop-view section {
    border-bottom: 2px solid #22252b;
    float: left;
    background-color: #000
}

.snoop-image {
    height: 100vh;
    width: 100vw;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.snoop-view h1, .snoop-view h2 {
    color: #fff;
    font-size: 68px;
    position: absolute;
    margin: 150px 0 0 50px;
    text-transform: uppercase;
    font-weight: 600
}

.snoop-view h1 {
    margin: 40px 0 0;
    left: calc(50% - 188px);
    transform: scale(0.8)
}

.snoop-view h2 {
    font-size: 68px;
    line-height: 55px
}

.snoop-view h2 span {
    font-size: 28px;
    display: block;
    line-height: 24px;
    color: #4287c0
}

.snoop-view h2 i {
    font-size: 25px;
    font-style: normal;
    line-height: -30px;
    display: block;
    margin: -15px 0 0 2px;
    font-weight: normal
}

.snoop-view h1 span {
    display: block
}

.h-snoop {
    font-size: 120px;
    line-height: 138px
}

.h-hd {
    font-size: 33px;
    line-height: 0;
    color: #df0909;
    opacity: 0.8
}

.h-metaverse {
    font-size: 68px;
    color: #4287c0;
    line-height: 85px
}

.h-concepts {
    font-size: 76px;
    line-height: 32px
}

.snoop-text {
    position: relative;
    margin: 550px 0 0 105px;
    width: calc(100% - 100px);
    margin: 400px 0 0 55px;
    float: left
}

.snoop-text.text-2 {
    margin: 700px 0 0 55px
}

.snoop-text.text-3 {
    margin: 190px 0 0 55px
}

.snoop-text.text-4 {
    margin: 630px 0 0 55px
}

.snoop-text p {
    opacity: 0.7;
    color: #fff
}

.snoop-view p a {
    color: #4287c0
}

.button.btn-snoop {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    font: 18px "Barlow", helvetica, sans-serif;
    text-transform: uppercase;
    background: #b7494c;
    color: #fff;
    font-weight: bold;
    border: 2px solid rgba(255, 255, 255, 0);
    padding: 10px 24px;
    border-radius: 28px;
    background-color: rgba(0, 0, 0, 0.18);
    border: 3px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    margin: 48px auto 68px 0
}

.button.btn-snoop:hover, .button.btn-snoop:active {
    background-color: rgba(255, 255, 255, 0.08);
    border: 3px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.18);
    box-shadow: none
}

.button.btn-snoop.icon.icon_arrowright:before {
    transform: rotate(90deg)
}

#video-snoop-somnium {
    background-color: black
}

.snoop-vr .video-holder {
    margin: 0 auto;
    width: auto;
    padding-top: 0
}

.video-container {
    float: left;
    text-align: center;
    width: 100%;
    margin: 118px 0 0
}

@media (max-width: 500px) {
    .video-container {
        margin: 38px 0 0
    }

    .button.btn-snoop {
        margin: 28px auto 0
    }

    .snoop-view section, .snoop-image {
        min-height: 1280px
    }

    .snoop-view h2 {
        margin: 50px 0 0 50px;
        font-size: 48px;
        line-height: 38px;
        width: calc(100% - 100px)
    }

    .snoop-view h2 i {
        font-size: 25px;
        margin: -5px 0 0 0
    }

    .snoop-view section.snoop-origin, .snoop-view section.snoop-origin .snoop-image {
        min-height: 1125px
    }

    .snoop-view section.snoop-vr, .snoop-view section.snoop-vr .snoop-image {
        min-height: 800px
    }

    .snoop-view section.snoop-next, .snoop-view section.snoop-next .snoop-image {
        min-height: 1100px
    }
}

@media (min-width: 375px) {
    .snoop-image.snoop-1 {
        background-image: url("../assets/images/snoop/snoop-dark-mobile.jpg");
        background-position: 30% 300px;
        background-size: 140% auto
    }

    .snoop-image.snoop-2 {
        background-image: url("../assets/images/snoop/gc-dark-mobile.jpg");
        background-position: 0% 170px;
        background-size: 140% auto
    }

    .snoop-image.snoop-4 {
        background-image: url("../assets/images/snoop/snoop-dark-with-mask-mobile.jpg");
        background-position: 0% 178px;
        background-size: 140% auto
    }

    .snoop-intro .snoop-text {
        margin-top: 820px
    }
}

@media (min-width: 501px) {
    .snoop-text.text-3 {
        width: calc(100% - 110px);
        margin: 330px 0 0 55px;
        float: left
    }

    .snoop-view h1 {
        transform: scale(1)
    }
}

@media (min-width: 900px) {
    .snoop-image.snoop-1 {
        background-image: url("../assets/images/snoop/snoop-dark.jpg");
        background-position: -258% 120px;
        background-size: 110% auto
    }

    .snoop-image.snoop-2 {
        background-image: url("../assets/images/snoop/gc-dark.jpg");
        background-position: -258% 120px;
        background-size: 110% auto
    }

    .snoop-image.snoop-4 {
        background-image: url("../assets/images/snoop/snoop-dark-with-mask.jpg");
        background-position: -318% 120px;
        background-size: 110% auto
    }

    .snoop-text p {
        font-size: 18px;
        line-height: 22px
    }

    .snoop-text.text-1 {
        width: 540px;
        margin: 490px 0 0 55px
    }

    .snoop-view h1 {
        margin: 150px 0 0 50px;
        left: auto
    }

    .snoop-text.text-2 {
        width: 300px;
        margin: 350px 0 0 55px
    }

    .snoop-text.text-3 {
        width: calc(100% - 120px);
        margin: 290px 0 0 55px;
        float: left
    }

    .snoop-view h2 {
        margin: 150px 0 0 50px;
        left: auto
    }
}

@media (min-width: 1200px) {
    .snoop-image.snoop-1 {
        background-image: url("../assets/images/snoop/snoop-dark.jpg");
        background-position: -258% 120px;
        background-size: 110% auto
    }

    .snoop-image.snoop-2 {
        background-image: url("../assets/images/snoop/gc-dark.jpg");
        background-position: 398% 70px;
        background-size: 90% auto
    }

    .snoop-image.snoop-4 {
        background-image: url("../assets/images/snoop/snoop-dark-with-mask.jpg");
        background-position: 298% 70px;
        background-size: 90% auto
    }

    .snoop-text p {
        font-size: 18px;
        line-height: 22px
    }

    .snoop-text.text-1 {
        width: 460px;
        margin: 550px 0 0 155px
    }

    .snoop-view h1 {
        margin: 200px 0 0 150px
    }

    .snoop-text.text-2 {
        width: 400px;
        margin: 350px 0 0 155px
    }

    .snoop-text.text-3 {
        width: calc(100% - 320px);
        margin: 290px 0 0 155px;
        float: left
    }

    .snoop-view h2 {
        margin: 150px 0 0 150px
    }
}

@media (min-width: 1600px) {
    .snoop-image.snoop-1 {
        background-image: url("../assets/images/snoop/snoop-dark.jpg");
        background-position: -218% 70px;
        background-size: 110% auto
    }

    .snoop-image.snoop-2 {
        background-image: url("../assets/images/snoop/gc-dark.jpg");
        background-position: 368% 70px;
        background-size: 90% auto
    }

    .snoop-image.snoop-4 {
        background-image: url("../assets/images/snoop/snoop-dark-with-mask.jpg");
        background-position: 268% 70px;
        background-size: 90% auto
    }

    .snoop-text p {
        font-size: 22px;
        line-height: 24px
    }

    .snoop-text.text-1 {
        width: 620px;
        margin: 550px 0 0 155px
    }

    .snoop-view h1 {
        margin: 200px 0 0 150px
    }

    .snoop-text.text-2 {
        width: 400px;
        margin: 400px 0 0 205px
    }

    .snoop-text.text-3 {
        width: calc(100% - 400px);
        margin: 340px 0 0 205px;
        float: left
    }

    .snoop-view h2 {
        margin: 200px 0 0 200px
    }
}

@media (min-width: 1900px) {
    .snoop-image.snoop-1 {
        background-image: url("../assets/images/snoop/snoop-dark.jpg");
        background-position: -168% 70px;
        background-size: 110% auto
    }

    .snoop-image.snoop-2 {
        background-image: url("../assets/images/snoop/gc-dark.jpg");
        background-position: 148% 70px;
        background-size: 70% auto
    }

    .snoop-image.snoop-4 {
        background-image: url("../assets/images/snoop/snoop-dark-with-mask.jpg");
        background-position: 118% 70px;
        background-size: 70% auto
    }

    .snoop-text p {
        font-size: 22px;
        line-height: 24px
    }

    .snoop-text.text-1 {
        width: 620px;
        margin: 600px 0 0 205px
    }

    .snoop-text.text-2 {
        width: 580px;
        margin: 400px 0 0 205px
    }

    .snoop-text.text-3 {
        width: calc(100% - 400px);
        margin: 340px 0 0 205px;
        float: left
    }

    .snoop-view h2 {
        margin: 200px 0 0 200px
    }

    .snoop-view h1 {
        margin: 250px 0 0 200px
    }
}

.pvr-search-wrapper {
    position: absolute;
    z-index: 1;
    top: 15px;
    width: 400px;
    height: 50px;
    left: 280px;
    z-index: 1
}

.pvr-search-wrapper .icon.icon_search {
    float: left;
    margin: 0;
    padding: 13px 8px 0 20px
}

.pvr-search-wrapper .icon.icon_search:hover {
    cursor: pointer
}

.pvr-search-wrapper .icon.icon_search:before {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px
}

#search-input {
    font-family: "Barlow";
    font-size: 17px;
    font-weight: 400;
    padding: 12px 12px 12px 4px;
    text-overflow: ellipsis;
    width: calc(100% - 70px);
    height: 100%;
    position: relative;
    top: 2px;
    left: 0;
    float: left;
    color: rgba(255, 255, 255, 0.7);
    outline: none;
    border: none
}

@media (max-width: 1280px) {
    .pvr-modal.video-modal .pvr-modal-content-panel {
        min-width: 768px
    }
}

@media (max-width: 1024px) {
    .pvr-modal.video-modal .pvr-modal-content-panel {
        min-width: 600px
    }
}

.video-modal .link-vr-mode {
    display: none
}

@media (min-width: 2100px) {
    .banner-chametheon.main-page .header-holder {
        margin: 208px 0 0 180px !important;
        transform: scale(1.5) !important
    }
}

@media (min-width: 1900px) {
    .banner-chametheon.main-page .Icon-decentraland {
        margin: 18px 16px 0 28px
    }

    .banner-chametheon.main-page .header-holder {
        position: absolute;
        width: 500px;
        margin: 208px 0 0 100px;
        transform: scale(1.3)
    }

    .banner-info {
        margin: 10px 156px 28px 0;
        max-width: 1080px;
        box-shadow: none;
        border-top: none
    }
}

@media (max-width: 1680px) {
    .product-list li, .product-list.bigger li {
        width: calc(25% - 38px)
    }

    h3.dcl-ready {
        color: #fe395a;
        box-shadow: 0 0 0 2px #fe395a
    }

    h3.dcl-ready span {
        color: #fff;
        background: #fe395a
    }

    .banner .button {
        padding: 12px 16px;
        margin-top: -24px;
        color: #fff;
        background: #fe395a;
        background: linear-gradient(45deg, #febd63 0, #fe755e 18%, #fe755e 52%, #fe5c5d 68%, #fe395a 100%)
    }

    .banner .button:hover {
        box-shadow: 0 0 0 2px #fe395a
    }
}

@media (max-width: 1480px) {
    .product-list li, .product-list.bigger li {
        width: calc(33.333% - 38px)
    }
}

@media (max-width: 945px) {
    .product-list li, .product-list.bigger li {
        width: calc(50% - 38px)
    }
}

@media (max-width: 885px) {
    .banner-chametheon h1.dcl-title {
        font-size: 22px
    }

    .banner-chametheon .Icon-chametheon {
        display: none
    }

    .ch-logo {
        left: calc(50% - 220px);
        background-size: 58% auto
    }

    .banner-chametheon {
        background-size: cover;
        background-position: center left
    }

    h3.dcl-ready {
        top: 56px
    }

    .banner-chametheon .Icon-decentraland {
        margin-top: -15px
    }

    .banner-chametheon.with-margin {
        padding: 12px 0
    }

    .banner .button {
        margin-top: -29px
    }
}

@media (max-width: 770px) {
    .magnify .large {
        display: none !important
    }

    .brand-bar {
        height: 45px
    }

    .brand-bar .logo {
        width: 118px;
        height: 20px;
        margin: 13px 0 0 4px
    }

    .pvr-navbar {
        max-height: 0;
        overflow: hidden;
        width: 100%;
        position: fixed;
        right: 0;
        overflow-y: auto
    }

    .pvr-navbar.open-nav {
        max-height: 99999px;
        max-height: 100vh
    }

    .pvr-navbar .nav ul, .pvr-navbar .nav ul li ul {
        width: 100%;
        width: 100vw;
        height: 100%;
        height: 100vh;
        margin: 0;
        overflow-y: auto;
        padding: 0 48px;
        background-color: rgba(0, 0, 0, 0.88);
        bottom: 0;
        vertical-align: middle;
        display: table-cell;
        -webkit-transform: translate(0, 0%);
        transform: translate(0px, 0%)
    }

    .pvr-navbar .nav ul li ul {
        overflow: hidden;
        height: auto
    }

    .pvr-navbar .nav ul li a.no-link {
        display: none
    }

    .pvr-navbar .nav ul li {
        clear: both;
        border: none;
        border-top: 1px solid #555;
        width: 100%;
        border-bottom: 1px solid #555;
        margin-bottom: -1px;
        float: none;
        border: none
    }

    .pvr-navbar .nav ul li a:hover {
        color: #d45757;
        background: transparent
    }

    .pvr-navbar .nav ul li.current {
        border-bottom: none;
        margin-top: 0
    }

    .pvr-navbar .nav ul li a, .pvr-navbar .nav ul li.current a {
        padding: 12px 18px;
        font-size: 18px;
        width: 100%;
        color: #fff;
        text-align: center;
        margin: 12px 0
    }

    .pvr-navbar .nav ul li.current a {
        opacity: 0.5
    }

    .pvr-navbar .nav ul li ul li a:before, .websit .pvr-navbar .nav li a:before {
        display: none
    }

    #nav-toggle {
        cursor: pointer;
        padding: 10px 35px 16px 0;
        display: block;
        position: fixed;
        right: 2px;
        top: 11px;
        z-index: 99
    }

    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before {
        cursor: pointer;
        border-radius: 1px;
        height: 3px;
        width: 25px;
        background: #fff;
        position: absolute;
        display: block;
        content: ""
    }

    #nav-toggle span:before {
        top: -8px
    }

    #nav-toggle span:after {
        bottom: -8px
    }

    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before {
        transition: all 500ms cubic-bezier(0.68, 0, 0.265, 1);
        -webkit-transition: all 500ms cubic-bezier(0.68, 0, 0.265, 1)
    }

    #nav-toggle.close-icon span {
        background-color: transparent
    }

    #nav-toggle.close-icon span:after, #nav-toggle.close-icon span:before {
        top: 0
    }

    #nav-toggle.close-icon span:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg)
    }

    #nav-toggle.close-icon span:after {
        transform: translateY(-8px) rotate(-45deg);
        -webkit-transform: translateY(-8px) rotate(-45deg);
        top: 8px
    }

    .pvr-navbar .nav ul li ul {
        position: relative;
        max-height: 999px;
        opacity: 1;
        margin: 0;
        background-color: transparent;
        border: none;
        right: auto;
        padding: 0
    }

    .pvr-search-wrapper {
        top: 45px;
        width: 100%;
        padding: 0 0 0 18px;
        left: 0;
        background: rgba(15, 15, 15, 0.88)
    }

    .light-theme .pvr-search-wrapper {
        background: rgba(248, 248, 248, 0.95);
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12)
    }

    .pvr-search-wrapper .icon.icon_search {
        margin-left: -22px
    }

    .light-theme .pvr-search-wrapper .icon.icon_search:before {
        color: rgba(0, 0, 0, 0.8)
    }

    .light-theme #search-input {
        color: rgba(0, 0, 0, 0.8)
    }

    .light-theme .pvr-search-wrapper ::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.5)
    }

    .light-theme .pvr-search-wrapper ::-moz-placeholder {
        color: rgba(0, 0, 0, 0.5)
    }

    .light-theme .pvr-search-wrapper :-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.5)
    }

    .light-theme .pvr-search-wrapper :-moz-placeholder {
        color: rgba(0, 0, 0, 0.5)
    }

    .light-theme .no-results {
        padding-top: 118px
    }

    .pvr-modal-content {
        padding: 0
    }

    .row .eight, .row .eleven, .row .five, .row .four, .row .nine, .row .one, .row .seven, .row .six, .row .ten, .row .three, .row .twelve, .row .two {
        width: 100%
    }

    .pvr-modal-content-panel {
        background-position: center 100px
    }

    .front-page-products {
        min-height: calc(100% - 46px);
        top: 95px
    }

    h2.product-list-heading {
        margin: 8px 0 18px 18px;
        width: calc(100% - 38px);
        float: left
    }

    h2.product-list-heading:first-of-type {
        margin-top: 0
    }

    .banner~h2.product-list-heading {
        margin-top: -8px
    }

    .banner.with-margin~h2.product-list-heading {
        margin-top: -58px
    }

    .banner-avatars {
        margin-bottom: 30px
    }

    ul.product-list {
        padding: 0;
        margin-top: 0
    }

    .product-list li, .product-list.bigger li {
        width: calc(100% - 38px);
        margin: 0 18px 18px
    }

    .product-sidebar {
        width: 100%;
        height: 100%;
        margin: 0;
        top: 45px;
        padding: 28px;
        z-index: 3;
        -webkit-transition: all 0.8s cubic-bezier(0.17, 0.67, 0.16, 0.99);
        transition: all 0.8s cubic-bezier(0.17, 0.67, 0.16, 0.99);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        position: relative;
        background: -webkit-linear-gradient(-45deg, #27282b 0%, #111 300px)
    }

    .art-positioner {
        left: 0;
        top: 45px;
        width: 100%;
        height: auto;
        position: relative;
        margin: 0
    }

    .art-container {
        width: 100%;
        height: auto;
        position: relative;
        left: 0;
        top: 0
    }

    .product-sidebar.closed {
        -webkit-transform: translate(-100%, 0%);
        transform: translate(-100%, 0%)
    }

    .product-heading h1 {
        font-size: 22px
    }

    .product-heading h2 {
        font-size: 22px
    }

    .buy-button, .product-details, .product-heading {
        width: calc(100% - 56px)
    }

    .buy-button {
        bottom: unset;
        position: relative;
        height: auto;
        top: 80px;
        width: 100%;
        margin: 0
    }

    .buy-button:before {
        display: none
    }

    .dcl-product .buy-button:before {
        top: -62px
    }

    .product-details {
        right: unset;
        top: 100px;
        height: auto;
        position: relative;
        width: 100%
    }

    .product-details.full-height {
        height: calc(100% - 100px)
    }

    .buy-button.empty:before {
        display: none
    }

    .dcl-product .product-details {
        height: calc(100% - 335px)
    }

    .product-details .row {
        padding: 8px 0
    }

    .product-details .row .seven {
        width: 58.3333%
    }

    .product-details .row .five {
        width: 41.6667%
    }

    .product-heading {
        height: 71px
    }

    .model-iframe {
        height: calc(100% - 45px);
        width: 100%;
        margin-top: 45px;
        z-index: 1
    }

    button.btn-close-product-info, button.btn-product-info {
        display: block;
        color: #fff;
        font-size: 30px;
        background: transparent;
        border: none
    }

    button.btn-product-info {
        z-index: 2;
        position: fixed;
        bottom: 10px;
        left: 10px;
        padding: 20px
    }

    button.btn-close-product-info {
        z-index: 2;
        position: fixed;
        top: 12px;
        right: 12px;
        padding: 10px;
        font-size: 25px
    }

    .pvr .shopify-buy-frame--toggle.is-sticky {
        bottom: -5px;
        right: 20px;
        top: unset
    }

    h3.dcl-ready {
        display: none
    }

    .banner-chametheon {
        padding: 68px 18px 8px
    }

    .banner-info {
        padding: 28px 28px 0 28px
    }

    .banner-info .four {
        padding-right: 0
    }

    .banner-chametheon.with-margin {
        margin: 40px 0 100px;
        border-radius: 0
    }

    .banner-info h1, .banner-info h2, .banner-info h3 {
        font-size: 22px;
        margin-bottom: 10px
    }

    .banner h4 {
        font-size: 20px;
        font-weight: bold
    }

    .button.btn-visit-showhome {
        display: none
    }

    .gallery-view {
        top: 40px
    }
}

@media (max-width: 770px) and (max-height: 770px) {
    .pvr-modal.video-modal .pvr-modal-content-panel {
        min-width: 100vw
    }

    .video-modal .link-vr-mode {
        left: 5px;
        top: 5px
    }

    .pvr-modal.video-modal .pvr-modal-content-panel {
        padding: 0;
        border-radius: 0;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    .video-modal .button.btn-close {
        top: 5px;
        right: 0
    }
}

@media (max-width: 665px) {
    .banner .button {
        margin: 18px 18px 100px 0
    }
    header .header-content .inner .badge-info p
 {
    line-height: 18px;
}

    .banner-chametheon.with-margin .Icon-decentraland {
        margin: -15px 16px 0 18px
    }
}

@media (max-width: 525px) {
    .banner-chametheon .Icon-decentraland {
        margin: -2px 16px 0 8px
    }

    .banner-chametheon {
        padding: 48px 18px 8px
    }
}

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