@import url(https://use.typekit.net/nhf1vbf.css);
@charset "UTF-8";

.glide {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.glide * {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.glide__slides,
.glide__track {
    overflow: hidden
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -ms-touch-action: pan-Y;
    touch-action: pan-Y;
    padding: 0;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slide,
.glide__slides--dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide__slide {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows,
.glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide--rtl {
    direction: rtl
}

.glide__arrow {
    position: absolute;
    display: block;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 12px;
    background-color: transparent;
    border: 2px solid hsla(0, 0%, 100%, .5);
    border-radius: 4px;
    -webkit-box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
    box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
    text-shadow: 0 .25em .5em rgba(0, 0, 0, .1);
    opacity: 1;
    cursor: pointer;
    -webkit-transition: opacity .15s ease, border .3s ease-in-out;
    -o-transition: opacity .15s ease, border .3s ease-in-out;
    transition: opacity .15s ease, border .3s ease-in-out;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1
}

.glide__arrow:focus {
    outline: none
}

.glide__arrow:hover {
    border-color: #fff
}

.glide__arrow--left {
    left: 2em
}

.glide__arrow--right {
    right: 2em
}

.glide__arrow--disabled {
    opacity: .33
}

.glide__bullets {
    position: absolute;
    z-index: 2;
    bottom: 2em;
    left: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.glide__bullet {
    background-color: hsla(0, 0%, 100%, .5);
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: 0;
    -webkit-box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
    box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
    margin: 0 .25em
}

.glide__bullet:focus {
    outline: none
}

.glide__bullet:focus,
.glide__bullet:hover {
    border: 2px solid #fff;
    background-color: hsla(0, 0%, 100%, .5)
}

.glide__bullet--active {
    background-color: #fff
}

.glide--swipeable {
    cursor: grab;
    cursor: -webkit-grab
}

.glide--dragging {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

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

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

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

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

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

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

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

.mr--0 {
    margin-right: 0 !important
}

.ml--0 {
    margin-left: 0 !important
}

.mb--0 {
    margin-bottom: 0 !important
}

.mt--0 {
    margin-top: 0 !important
}

.mr--5 {
    margin-right: 5px !important
}

.ml--5 {
    margin-left: 5px !important
}

.mb--5 {
    margin-bottom: 5px !important
}

.mt--5 {
    margin-top: 5px !important
}

.mr--10 {
    margin-right: 10px !important
}

.ml--10 {
    margin-left: 10px !important
}

.mb--10 {
    margin-bottom: 10px !important
}

.mt--10 {
    margin-top: 10px !important
}

.mr--15 {
    margin-right: 15px !important
}

.ml--15 {
    margin-left: 15px !important
}

.mb--15 {
    margin-bottom: 15px !important
}

.mt--15 {
    margin-top: 15px !important
}

.mr--20 {
    margin-right: 20px !important
}

.ml--20 {
    margin-left: 20px !important
}

.mb--20 {
    margin-bottom: 20px !important
}

.mt--20 {
    margin-top: 20px !important
}

.mr--25 {
    margin-right: 25px !important
}

.ml--25 {
    margin-left: 25px !important
}

.mb--25 {
    margin-bottom: 25px !important
}

.mt--25 {
    margin-top: 25px !important
}

.mr--30 {
    margin-right: 30px !important
}

.ml--30 {
    margin-left: 30px !important
}

.mb--30 {
    margin-bottom: 30px !important
}

.mt--30 {
    margin-top: 30px !important
}

.mr--35 {
    margin-right: 35px !important
}

.ml--35 {
    margin-left: 35px !important
}

.mb--35 {
    margin-bottom: 35px !important
}

.mt--35 {
    margin-top: 35px !important
}

.mr--40 {
    margin-right: 40px !important
}

.ml--40 {
    margin-left: 40px !important
}

.mb--40 {
    margin-bottom: 40px !important
}

.mt--40 {
    margin-top: 40px !important
}

.mr--45 {
    margin-right: 45px !important
}

.ml--45 {
    margin-left: 45px !important
}

.mb--45 {
    margin-bottom: 45px !important
}

.mt--45 {
    margin-top: 45px !important
}

.mr--50 {
    margin-right: 50px !important
}

.ml--50 {
    margin-left: 50px !important
}

.mb--50 {
    margin-bottom: 50px !important
}

.mt--50 {
    margin-top: 50px !important
}

.mr--55 {
    margin-right: 55px !important
}

.ml--55 {
    margin-left: 55px !important
}

.mb--55 {
    margin-bottom: 55px !important
}

.mt--55 {
    margin-top: 55px !important
}

.mr--60 {
    margin-right: 60px !important
}

.ml--60 {
    margin-left: 60px !important
}

.mb--60 {
    margin-bottom: 60px !important
}

.mt--60 {
    margin-top: 60px !important
}

.mr--65 {
    margin-right: 65px !important
}

.ml--65 {
    margin-left: 65px !important
}

.mb--65 {
    margin-bottom: 65px !important
}

.mt--65 {
    margin-top: 65px !important
}

.mr--70 {
    margin-right: 70px !important
}

.ml--70 {
    margin-left: 70px !important
}

.mb--70 {
    margin-bottom: 70px !important
}

.mt--70 {
    margin-top: 70px !important
}

.mr--75 {
    margin-right: 75px !important
}

.ml--75 {
    margin-left: 75px !important
}

.mb--75 {
    margin-bottom: 75px !important
}

.mt--75 {
    margin-top: 75px !important
}

.mr--80 {
    margin-right: 80px !important
}

.ml--80 {
    margin-left: 80px !important
}

.mb--80 {
    margin-bottom: 80px !important
}

.mt--80 {
    margin-top: 80px !important
}

.mr--85 {
    margin-right: 85px !important
}

.ml--85 {
    margin-left: 85px !important
}

.mb--85 {
    margin-bottom: 85px !important
}

.mt--85 {
    margin-top: 85px !important
}

.mr--90 {
    margin-right: 90px !important
}

.ml--90 {
    margin-left: 90px !important
}

.mb--90 {
    margin-bottom: 90px !important
}

.mt--90 {
    margin-top: 90px !important
}

.mr--95 {
    margin-right: 95px !important
}

.ml--95 {
    margin-left: 95px !important
}

.mb--95 {
    margin-bottom: 95px !important
}

.mt--95 {
    margin-top: 95px !important
}

.mr--100 {
    margin-right: 100px !important
}

.ml--100 {
    margin-left: 100px !important
}

.mb--100 {
    margin-bottom: 100px !important
}

.mt--100 {
    margin-top: 100px !important
}

.m-0 {
    margin: 0
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none
}

body {
    position: relative;
    background: #000;
    font-family: purista-web;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    font-weight: 100;
    letter-spacing: 0
}

h1 {
    font-family: pirulen;
    font-size: 35px;
    line-height: 38px;
    font-weight: 800
}

h1.subtitle {
    font-family: purista-web;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    letter-spacing: .02em
}

h2 {
    margin: 0;
    font-weight: 600;
    letter-spacing: .02em
}

h2,
h2.subtitle {
    font-size: 20px;
    line-height: 24px
}

h2.subtitle {
    font-weight: 500;
    font-style: italic
}

h3 {
    font-family: basic-sans;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .163em
}

h3,
h4 {
    margin: 0;
    font-weight: 300
}

h4 {
    font-family: pirulen;
    font-size: 18px;
    line-height: 24px
}

p {
    margin: 0;
    font-weight: 400
}

p.spec {
    font-size: 11px;
    line-height: 14px;
    font-weight: 300
}

p.spec2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

p.blue {
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    color: #5cd2ff
}

p.grey {
    color: #7d7d7d
}

p.grey2 {
    color: grey
}

.page__title {
    font-weight: 400
}

.orange {
    color: #ff8015
}

.bold {
    font-weight: 600
}

.italic {
    font-style: italic
}

.underline {
    text-decoration: underline
}

@media (min-width:768px) {
    h1 {
        font-size: 46px;
        line-height: 50px;
        font-weight: 800
    }

    h1.subtitle {
        font-size: 26px;
        line-height: 30px;
        font-weight: 500;
        letter-spacing: .04em
    }
}

nav {
    width: 100%
}

nav#top-nav {
    position: fixed;
    top: 0;
    background: #000;
    z-index: 100
}

nav#top-nav .desktop-menu {
    display: none
}

@media (min-width:768px) {
    nav#top-nav .mobile-hamburger {
        display: none
    }

    nav#top-nav .desktop-menu,
    nav#top-nav .top-nav--right {
        display: inherit;
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
        letter-spacing: .2em;
        font-family: basic-sans
    }

    nav#top-nav .desktop-menu span,
    nav#top-nav .top-nav--right span {
        cursor: pointer
    }

    nav#top-nav .desktop-menu span:last-child,
    nav#top-nav .top-nav--right span:last-child {
        margin-left: 50px
    }

    nav#top-nav .top-nav--right {
        padding-right: 10%
    }

    nav#top-nav .top-nav--right img {
        max-height: 21px
    }

    nav#top-nav .top-nav--right a {
        margin-left: 50px;
        margin-top: -8px
    }

    nav#top-nav .top-nav--left {
        padding-left: 10%
    }
}

nav .black-background,
nav .black-background-sub {
    background: #000
}

nav .top-nav__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

nav .nav__menu,
nav .top-nav__wrapper #top-nav__close {
    display: none
}

nav.open {
    position: fixed;
    top: 0;
    height: 100vh;
    background-color: #000;
    z-index: 20
}

nav.open #top-nav__opener {
    display: none
}

nav.open #top-nav__close,
nav.open .nav__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

nav.open .nav__menu {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 37px;
    overflow: auto
}

nav.open .nav__menu .nav__item {
    width: 100%;
    text-align: center;
    padding: 19px 25px;
    border-bottom: 1px solid grey;
    position: relative
}

nav.open .nav__menu .nav__item:last-child {
    border-bottom: none
}

nav.open .nav__menu .nav__item a {
    font-family: basic-sans;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: .13em;
    color: grey;
    text-decoration: none
}

nav.open .nav__menu .nav__item .clicked a {
    color: #ff8015
}

nav.open .nav__menu .nav__item .nav-item-wrapper {
    position: relative;
    width: 100%;
    text-align: center
}

nav.open .nav__menu .nav__item .icon-plus {
    position: absolute;
    right: 0
}

nav.open .nav__menu .nav__item:first-of-type a {
    color: grey
}

nav.open .nav__menu .nav__item .level-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

nav.open .nav__menu .nav__item .level-2--products a:last-of-type {
    position: relative;
    padding-top: 15px;
    padding-bottom: 2px;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 5px
}

nav.open .nav__menu .nav__item .level-2--products a:last-of-type:after {
    content: "";
    width: auto;
    position: absolute;
    border-bottom: 1px solid #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: 95px;
    bottom: 0
}

nav.open .nav__menu .nav__item .level-2.hidden {
    display: none
}

nav.open .nav__menu .nav__item .level-2 a {
    font-family: purista-web;
    font-size: 16px;
    letter-spacing: 0;
    margin-top: 15px;
    color: #fff;
    font-weight: 500;
    text-decoration: none
}

.top-nav {
    background-color: transparent;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    z-index: 10
}

.top-nav a {
    display: none;
    color: #f2f2f2;
    text-align: center;
    text-decoration: none;
    font-size: 24px;
    text-transform: uppercase
}

.top-nav a:hover {
    color: #000
}

.top-nav a:hover svg {
    fill: #000
}

.top-nav a.active {
    background-color: #4caf50;
    color: #fff
}

.top-nav a.top-nav__opener {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.top-nav a.top-nav__opener img {
    -ms-flex-item-align: center;
    align-self: center
}

.top-nav--center,
.top-nav--left,
.top-nav--right {
    padding: 17px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:768px) {

    .top-nav--center,
    .top-nav--left,
    .top-nav--right {
        padding: 50px 16px
    }
}

.top-nav--center a,
.top-nav--left a,
.top-nav--right a {
    min-width: 20px
}

.top-nav--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.top-nav--left img {
    max-height: 10px
}

.top-nav--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.top-nav--right img {
    max-height: 15px
}

.top-nav--center a {
    display: block
}

.top-nav--center a:hover {
    background-color: transparent
}

.top-nav__logo img {
    max-height: 20px
}

@media (min-width:768px) {
    .top-nav__logo img {
        max-height: 32px
    }
}

@media (min-width:768px) {
    .home #top-nav {
        background: transparent
    }
}

.search__wrapper {
    padding: 36px 0 9px;
    width: 100%
}

.search__wrapper input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #000;
    border-radius: 15px
}

.search__wrapper input::-webkit-input-placeholder {
    font-style: italic;
    font-weight: 600
}

.search__wrapper input::-moz-placeholder {
    font-style: italic;
    font-weight: 600
}

.search__wrapper input:-ms-input-placeholder {
    font-style: italic;
    font-weight: 600
}

.search__wrapper input::-ms-input-placeholder {
    font-style: italic;
    font-weight: 600
}

.search__wrapper input::placeholder {
    font-style: italic;
    font-weight: 600
}

.desktop-sub-menu {
    background: #000;
    padding: 0 10%;
    display: none
}

.desktop-sub-menu__border-wrapper {
    padding: 50px 0;
    border-top: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.desktop-sub-menu__border-wrapper a {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    letter-spacing: .02em;
    font-family: basic-sans;
    color: #fff;
    text-decoration: none;
    margin-right: 20px;
    padding: 10px 0;
    white-space: nowrap;
    display: inline-block
}

.desktop-sub-menu__border-wrapper a:focus,
.desktop-sub-menu__border-wrapper a:hover {
    text-decoration: underline
}

.desktop-sub-menu__border-wrapper .search__wrapper {
    width: 300px;
    padding: 0
}

.desktop-sub-menu__border-wrapper .icons {
    margin: 0
}

.desktop-sub-menu__border-wrapper .icons .icon--text {
    margin-right: 30px
}

.desktop-sub-menu-open {
    display: none
}

@media (min-width:768px) {
    .desktop-sub-menu-open {
        display: block
    }
}

.banner-image {
    min-height: 100vh;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (-ms-high-contrast:none) {
    .banner-image {
        height: 100vh
    }
}

.banner-image--home {
    background: url(../img/home_bkg.png) no-repeat 50%;
    background-size: cover
}

.banner-image--home .container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.banner-image h1,
.banner-image h2 {
    text-align: center
}

.home .section__title:after {
    width: 40px;
    margin-top: 5px;
    -webkit-box-shadow: #fff 0 0 2px 1px;
    box-shadow: 0 0 2px 1px #fff;
    height: 0
}

.home .banner-image--home h1,
.home .banner-image--home h2 {
    padding-top: 18px;
    margin-bottom: 5px
}

.home .banner-image--home h2 {
    font-style: normal
}

@media (min-width:768px) {
    .home .banner-image--home h2 {
        font-size: 26px;
        line-height: 30px;
        font-weight: 500;
        letter-spacing: .04em
    }
}

.home .banner-image--home p {
    margin-top: 10px
}

@media (min-width:768px) {
    .home .banner-image--home p {
        font-size: 26px;
        line-height: 30px;
        font-weight: 500;
        letter-spacing: .04em;
        margin-top: 120px
    }
}

.home .section-peripherals,
.home .section-proposition {
    margin: 65px 0 0
}

.home .section-peripherals .product .container .btn,
.home .section-proposition .product .container .btn {
    min-width: 90px
}

.home .section-peripherals .product .container .product__features .feature,
.home .section-proposition .product .container .product__features .feature {
    padding: 11px 0 8px
}

.home .section-peripherals .product .container .product__features .feature:after,
.home .section-proposition .product .container .product__features .feature:after {
    width: 100%;
    padding-top: 0;
    margin: 17px auto 0
}

@media (min-width:768px) {

    .home .section-peripherals .product .container .product__features .feature:after,
    .home .section-proposition .product .container .product__features .feature:after {
        width: 50%
    }
}

.home .section-peripherals .product .container .product__features .feature p,
.home .section-proposition .product .container .product__features .feature p {
    padding: 0 15px
}

.home .section-peripherals .product .container .product__features .feature:first-child:after,
.home .section-proposition .product .container .product__features .feature:first-child:after {
    padding-bottom: 8px
}

.home .section-proposition__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home .section-proposition__buttons .btn {
    margin: 30px 10px 0
}

.home .section-peripherals {
    margin-top: 0
}

.home .section-peripherals .product img {
    max-height: 230px
}

.home .section-peripherals .section__title {
    padding-bottom: 60px
}

.home .section-peripherals__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 38px
}

.home .section-peripherals__buttons .btn:first-of-type {
    margin-left: 0;
    margin-right: 5px
}

.home .section-peripherals__buttons .btn:last-child {
    margin-right: 0;
    margin-left: 10px
}

.home .product__image--bkg {
    padding-bottom: 19%;
    height: 285px
}

.home .slider-peripherals {
    position: relative
}

.home .slider-peripherals .glide__arrows {
    left: 0;
    right: 0;
    top: 13%;
    width: 97%;
    margin: auto;
    position: absolute
}

.home .section--violet .container h2 {
    margin-bottom: 5px
}

.home .section--violet .btn {
    margin-top: 20px;
    min-width: 110px
}

.home .section--promise .section__title {
    padding-bottom: 61px
}

.home .section--promise .container {
    padding-top: 10px
}

.home .section--promise .container h2 {
    margin-bottom: 0
}

.home .section--promise .container p {
    padding: 5px 0
}

.home .section--newsletter--bottom {
    margin-top: 0
}

.home .slider-customer-review .section__title {
    padding-bottom: 30px
}

.home .slider-customer-review .customer-review {
    position: relative
}

.home .slider-customer-review .customer-review img {
    max-width: 27%
}

.home .slider-customer-review .customer-review .stars {
    padding: 30px 0
}

.home .slider-customer-review .glide__arrows {
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    max-width: 75%;
    margin: 0 auto
}

@media (min-width:768px) {
    .home .slider-customer-review .glide__arrows {
        top: 25%
    }
}

.btn {
    max-width: 140px;
    margin: auto
}

.live-chat {
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    border: 0;
    background: #ad3557;
    padding: 0 10px;
    z-index: 10
}

.live-chat p {
    font-size: 14px;
    line-height: 30px;
    font-style: italic;
    font-weight: 500;
    margin: 0;
    color: #fff
}

@media (min-width:768px) {

    .products-list-page .to-top,
    html .careers-page .process-list .container,
    html .careers-page .process-posting .container,
    html .cart-page .cart-customization .container,
    html .cart-page .cart-item .container,
    html .checkout-items .container,
    html .container,
    html .gamers-page .gamers__list .gamer__item .container,
    html .gamers-page .gamers__list .gamer__item:after,
    html .gamers-page .gamers__list .gamer__item:first-child:before,
    html .section--eSports .section__bk-image,
    html .section--faq .container,
    html .section--gallery .container {
        margin: 0 auto;
        width: 750px
    }
}

@media (min-width:992px) {

    .products-list-page .to-top,
    html .careers-page .process-list .container,
    html .careers-page .process-posting .container,
    html .cart-page .cart-customization .container,
    html .cart-page .cart-item .container,
    html .checkout-items .container,
    html .container,
    html .gamers-page .gamers__list .gamer__item .container,
    html .gamers-page .gamers__list .gamer__item:after,
    html .gamers-page .gamers__list .gamer__item:first-child:before,
    html .section--eSports .section__bk-image,
    html .section--faq .container,
    html .section--gallery .container {
        width: 970px
    }
}

@media (min-width:1200px) {

    .products-list-page .to-top,
    html .careers-page .process-list .container,
    html .careers-page .process-posting .container,
    html .cart-page .cart-customization .container,
    html .cart-page .cart-item .container,
    html .checkout-items .container,
    html .container,
    html .gamers-page .gamers__list .gamer__item .container,
    html .gamers-page .gamers__list .gamer__item:after,
    html .gamers-page .gamers__list .gamer__item:first-child:before,
    html .section--eSports .section__bk-image,
    html .section--faq .container,
    html .section--gallery .container {
        width: 1170px
    }
}

@media (min-width:992px) {

    html .article-page .desktop-blog-list,
    html .section--events,
    html .section-peripherals .slider-peripherals {
        width: 970px
    }
}

@media (min-width:1200px) {

    html .article-page .desktop-blog-list,
    html .section--events,
    html .section-peripherals .slider-peripherals {
        width: 1170px
    }
}

.container {
    margin: 0 30px
}

section {
    margin: 70px 0;
    text-align: center
}

section img {
    max-width: 100%;
    min-width: 10px
}

.section__title {
    font-size: 12px;
    color: #ff8015;
    padding-bottom: 30px;
    text-transform: uppercase
}

.section__title:after {
    content: "";
    display: block;
    width: 40px;
    -webkit-box-shadow: #fff 0 0 2px 2px;
    box-shadow: 0 0 2px 2px #fff;
    margin: 10px auto
}

.section__title--orange:after {
    -webkit-box-shadow: #ff8015 0 0 4px 2px;
    box-shadow: 0 0 4px 2px #ff8015
}

.section-basic {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.section-basic h2 {
    margin-bottom: 20px
}

.section-basic h2.subtitle {
    margin-bottom: 30px
}

.section-title__text {
    padding: 60px 0
}

.section-title__image {
    margin: 30px 0
}

.section-heading {
    margin-bottom: 20px
}

.section-description {
    margin: 30px 0
}

.section--violet {
    background-image: url(../img/bg_violet.jpg);
    margin: 0
}

@media (min-width:768px) {
    .section--violet {
        background-size: contain;
        background-repeat: repeat
    }
}

.section--violet .btn {
    margin-top: 30px
}

.section--violet-shadow {
    margin: 0;
    padding: 70px 0;
    background: #250d4f;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(37, 13, 79, .161485)), color-stop(80%, #4a308b));
    background: -o-linear-gradient(bottom, rgba(37, 13, 79, .161485) 0, #4a308b 80%);
    background: linear-gradient(0deg, rgba(37, 13, 79, .161485), #4a308b 80%)
}

@media (min-width:768px) {
    .section--violet-shadow {
        padding: 80px 0
    }
}

.section--promise {
    margin: 0;
    padding: 70px 0;
    background-position: 50%;
    background-size: cover;
    background-image: url(../img/promise_bkg.png)
}

.section--promise>div {
    padding: 30px 0
}

@media (min-width:768px) {
    .section--promise>div {
        padding: 50px 0 30px
    }
}

.section--promise>div h2 {
    margin-bottom: 10px
}

.section--promise--background-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(#020202), to(transparent)), url(../img/promise_bkg.png) 50%;
    background: -o-linear-gradient(#020202, transparent), url(../img/promise_bkg.png) 50%;
    background: linear-gradient(#020202, transparent), url(../img/promise_bkg.png) 50%
}

@media (min-width:768px) {
    .section--promise {
        padding: 80px 0;
        background-size: contain;
        background-repeat-x: initial
    }
}

.section--promise .section__title {
    padding: 0
}

.section--in-media {
    padding: 50px 0;
    margin: 0;
    background: #fff
}

.section--in-media .video__list .video__item {
    margin: 0 0 17px;
    padding-right: 17px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width:768px) {
    .section--in-media .video__list .video__item {
        padding: 0 30px
    }
}

.section--in-media .video__list .video__item .video__placeholder {
    padding-left: 10px;
    max-width: 43%;
    min-height: 50px
}

@media (min-width:768px) {
    .section--in-media .video__list .video__item .video__placeholder {
        max-width: 100%;
        padding-left: 0
    }
}

.section--in-media .video__list .video__item .video__text {
    width: 100%
}

.section--in-media .video__list .video__item .video__text .video__author,
.section--in-media .video__list .video__item .video__text .video__title {
    margin-top: 5px
}

.section--promo .btn {
    margin-top: 30px
}

.section--newsletter .subtitle {
    color: #ff8015
}

.section--newsletter--bottom {
    background: url(../img/newsletter_bkg.png) repeat-x center 0;
    background-size: cover;
    margin-top: 0
}

.section--newsletter--bottom .newsletter__layer {
    background-color: rgba(0, 0, 0, .5)
}

.section--newsletter--bottom .input--checkbox {
    margin-top: 30px
}

.section--life-quality {
    margin: 0
}

.section--life-quality .life-quality__layer {
    padding: 70px 0 90px
}

.section--life-quality .life-quality__layer .section-description {
    margin: 22px 0 26px
}

.section__image-wrapper--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.section__image-wrapper--inline img {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 50%
}

.section--community .section__title {
    padding-bottom: 25px
}

.section--community h2 {
    margin: 0 50px
}

.section--community .section__bk-image {
    min-height: 300px;
    background: url(../img/power_bkg.jpg) no-repeat 50%;
    background-size: cover
}

.section--community .section__image-wrapper--inline {
    margin-bottom: 25px
}

.section--community .section-description {
    margin: 0 0 25px
}

.section--community .product__bricks {
    margin: 30px 0
}

.section--eSports {
    margin: 70px 0 0
}

.section--eSports .section__title {
    padding-bottom: 45px;
    text-transform: none
}

.section--eSports .section__bk-image {
    min-height: 300px;
    background: url(../img/esports_bkg.png) no-repeat 90%;
    background-size: cover
}

.section--eSports .container>div:first-child {
    margin: 60px 0 50px
}

.section--eSports .container>div:first-child>p {
    margin-top: 22px
}

.section--eSports .slider-esports .glide__track {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .section--eSports .slider-esports .glide__track {
        margin-bottom: 30px
    }
}

.section--gallery {
    margin: 66px 0
}

.section--gallery .container {
    margin: 0 50px
}

.section--gallery .container h2 {
    margin-bottom: 10px
}

.section--gallery .container p {
    margin-bottom: 80px
}

.section--gallery .parts {
    margin: 30px 0
}

@media (min-width:768px) {
    .section--gallery .parts {
        margin: 80px 0
    }
}

.section--gallery .glide__dots {
    margin: 15px 0 5px
}

.section--gallery h3.orange {
    margin-bottom: 5px;
    font-family: purista-web;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0
}

.section--design-aestetics {
    margin-bottom: 30px
}

.section--design-aestetics .section-heading {
    margin-bottom: 13px !important
}

.section--design-aestetics p {
    font-size: 13px;
    line-height: 18px
}

.section--aestetic {
    margin: 60px 0 0
}

.section--aestetic .section__title {
    padding-bottom: 23px
}

.section--aestetic .section-heading {
    margin-bottom: 12px
}

.section--aestetic .slider-aesthetic {
    margin-top: 20px
}

.section--aestetic .slider-aesthetic .glide__dots {
    margin-top: 10px
}

.section--shipping {
    margin: 65px 0 0
}

.section--shipping .section__title {
    padding-bottom: 22px
}

.section--shipping .icons {
    margin-top: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section--shipping .icons .icon.icon--text .icon__img img {
    width: 75%
}

.section--shipping .icons .icon.icon--text p.spec.grey2 {
    margin-top: 3px;
    font-size: 10px
}

.section--shipping .icons .icon {
    margin: 0 10px
}

@media (min-width:768px) {
    .section--shipping .icons .icon {
        margin: 0 20px
    }
}

.section--shipping .icons .icon__img {
    height: 100px;
    width: 100%;
    max-width: 85px
}

.section--shipping.with-bg {
    background: url(../img/newsletter_bkg.png) 50% no-repeat;
    background-size: cover;
    margin: 0
}

.section--shipping.with-bg .layer {
    width: 100%;
    padding: 65px 0 85px;
    background-color: rgba(61, 33, 153, .9)
}

.section--shipping.with-bg .layer .section__title {
    padding-bottom: 52px
}

.section--shipping.with-bg .layer .section-heading {
    margin-bottom: 9px
}

.section--shipping.with-bg .layer .icons {
    margin-top: 30px
}

.section--shipping.with-bg .layer .icons .icon__img {
    max-width: 100px;
    max-height: 100px
}

.section--shipping.with-bg .layer .icons .icon__img+p {
    margin-top: 7px;
    font-weight: 600
}

.section--proposition .product:not(:first-child) {
    margin-top: 55px
}

.section--proposition .section__title {
    padding-bottom: 35px
}

.section--proposition .product__features {
    margin-top: 35px
}

.section--proposition .product__features .sentence {
    margin-bottom: 37px
}

.section--proposition .button__row {
    margin-top: 36px
}

.section--proposition .product.other.with-bg {
    margin-top: 0
}

.section--proposition .product.other.with-bg .image__wrapper {
    padding: 17.5% 11%;
    background: url(../img/product_bkg.png) no-repeat;
    background-position: 0 -50%
}

.section--proposition .product.other.with-bg .image__wrapper img {
    max-height: 230px
}

.section--proposition .product.other.with-bg .product__features {
    margin-top: 24px
}

.section--proposition .product.other.with-bg .product__features .feature p {
    line-height: 16px;
    padding: 0
}

.section--community,
.section--culture,
.section--pc-products,
.section--philosophy,
.section--process {
    margin-bottom: 50px
}

.section--community .icon,
.section--culture .icon,
.section--pc-products .icon,
.section--philosophy .icon,
.section--process .icon {
    margin-bottom: 23px
}

.section--community .icon .icon__img,
.section--culture .icon .icon__img,
.section--pc-products .icon .icon__img,
.section--philosophy .icon .icon__img,
.section--process .icon .icon__img {
    max-width: 87px
}

.section--community .section-heading,
.section--culture .section-heading,
.section--pc-products .section-heading,
.section--philosophy .section-heading,
.section--process .section-heading {
    margin-bottom: 32px
}

.section--community .btn,
.section--culture .btn,
.section--pc-products .btn,
.section--philosophy .btn,
.section--process .btn {
    padding: 5px 30px
}

.section--culture .section-heading {
    padding: 0 60px
}

.section--text-right {
    padding: 67px 0;
    margin: 10px 0;
    text-align: right;
    background: url(../img/section_right_bkg.png) no-repeat;
    background-size: cover;
    background-position: 0 -50px
}

.section--text-right .container {
    margin: 0 25px
}

.section--text-right .container>div {
    max-width: 50%;
    text-align: left;
    margin: auto 0 auto auto
}

.section--text-right .container>div h2 {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 20px
}

.section--text-right .container>div p {
    font-size: 12px;
    line-height: 18px
}

@media (min-width:768px) {
    .section--text-right {
        padding: 150px 0;
        background-position: 50%;
        margin: 50px 0 57px
    }

    .section--text-right .container {
        margin: 0 auto;
        width: 750px
    }

    .section--text-right .container>div {
        max-width: 33%
    }

    .section--text-right .container>div p {
        font-size: 16px;
        line-height: 21px
    }
}

@media (min-width:992px) {
    .section--text-right .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .section--text-right .container {
        width: 1170px
    }
}

.section--text-left {
    padding: 65px 0;
    margin: 54px 0 0;
    text-align: right;
    background: url(../img/section_left_bkg.png) no-repeat 50%;
    background-size: cover;
    background-position: 0 -50px
}

.section--text-left .container {
    margin: 0 25px
}

.section--text-left .container>div {
    max-width: 50%;
    text-align: left;
    margin: auto auto auto 0
}

.section--text-left .container>div h2 {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 20px
}

.section--text-left .container>div p {
    font-size: 12px;
    line-height: 18px
}

@media (min-width:768px) {
    .section--text-left {
        padding: 150px 0;
        background-position: 50%;
        margin: 50px 0 57px
    }

    .section--text-left .container {
        margin: 0 auto;
        width: 750px
    }

    .section--text-left .container>div {
        max-width: 33%
    }

    .section--text-left .container>div p {
        font-size: 16px;
        line-height: 21px
    }
}

@media (min-width:992px) {
    .section--text-left .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .section--text-left .container {
        width: 1170px
    }
}

.section--image-center {
    margin: 0
}

.section--image-center .section-heading {
    margin-bottom: 26px;
    padding: 0 40px
}

.section--image-center .section__image {
    padding: 0 14vw
}

.section--image-center .section__image img {
    height: 68vw;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .section--image-center .section__image img {
        max-height: 500px
    }
}

.section--image-center .section__image p {
    line-height: 19px
}

.section--configuration-shipping {
    margin: 45px 0 0;
    background: url(../img/newsletter_bkg.png) repeat-x center 0;
    background-size: cover
}

@media (min-width:768px) {
    .section--configuration-shipping {
        margin: 80px 0 0
    }
}

.section--configuration-shipping .layer {
    padding: 69px 20px;
    background-color: rgba(61, 33, 153, .7)
}

.section--configuration-shipping .section__title {
    padding-bottom: 25px
}

.section--configuration-shipping .icons {
    padding: 0;
    margin-top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section--configuration-shipping .icons .icon {
    margin: 0 10px
}

@media (min-width:768px) {
    .section--configuration-shipping .icons .icon {
        margin: 0 20px
    }
}

.section--configuration-shipping .icons .icon__img {
    height: 100px;
    width: 100%;
    max-width: 85px
}

.section--configuration-shipping .icons .icon.icon--text p {
    font-size: 15px;
    font-weight: 600;
    margin-top: 12px
}

.section--configuration-shipping .icons .btn {
    width: 100%;
    padding: 5px;
    letter-spacing: 0;
    margin: 10px 5px 0
}

.section--support {
    margin-top: 0
}

.section--lifetime-quality {
    margin-top: 66px;
    margin-bottom: 77px
}

.section--lifetime-quality .section__title {
    padding-bottom: 23px
}

.section--lifetime-quality .section-heading {
    padding: 0 30px;
    margin-bottom: 8px
}

.section--lifetime-quality p {
    margin-bottom: 28px
}

.section--lifetime-quality .btn {
    padding: 5px 30px
}

.section--process p {
    margin: 0 auto 5px
}

.section--faq {
    margin-top: 60px
}

.section--faq .container {
    margin: 0 20px
}

.section--faq .section__title {
    padding-bottom: 22px;
    text-transform: none
}

.section--faq .section-heading {
    padding: 0 20px;
    margin-bottom: 26px
}

.section--more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin-bottom: 30px
}

.section--more .icon {
    padding-right: 30px
}

.section--more .icon img {
    max-width: 100px
}

.section--more .container {
    margin: 0;
    width: auto;
    text-align: left
}

.section--more .container h2 {
    margin: 0
}

.section--more .container p {
    margin: 10px 0 20px
}

.section--all-info-icon {
    margin-top: 0
}

@media (min-width:768px) {
    .section--all-info-icon .info-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 auto;
        width: 750px
    }

    .section--all-info-icon .info-list-item .section--more {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .section--all-info-icon .info-list-item .section--more .icon {
        padding: 0;
        margin-bottom: 20px
    }

    .section--all-info-icon .info-list-item .section--more .container {
        text-align: center
    }
}

@media (min-width:992px) {
    .section--all-info-icon .info-list-item {
        width: 970px
    }
}

@media (min-width:1200px) {
    .section--all-info-icon .info-list-item {
        width: 1170px
    }
}

@media (min-width:768px) {
    section {
        margin: 80px 0
    }

    .section--newsletter--bottom {
        background-size: contain
    }

    .section--blog {
        margin-bottom: 40px
    }
}

.section--events .section__title {
    padding-bottom: 24px
}

.section--events .event {
    display: inline-block
}

.section--events .event:not(:last-child) {
    margin-right: 0;
    margin-bottom: 40px
}

.section--events .event .event__image {
    margin-bottom: 25px;
    padding: 33.5% 0;
    background: url(../img/player_newsletter.png) no-repeat;
    background-size: cover
}

.section--events .event .event__description {
    padding: 0 20px
}

.section--events .event .event__description h2 {
    margin-bottom: 5px
}

.section--events .event .event__description h3 {
    font-family: purista-web;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    margin-bottom: 20px
}

.section--events .event .event__description .btn {
    margin-top: 27px
}

@media (min-width:768px) {
    .section--events .event {
        width: calc(50% - 60px)
    }

    .section--events .event:not(:last-child) {
        margin-right: 40px;
        margin-bottom: 0
    }

    .section--events .event .container {
        width: auto
    }
}

@media (min-width:768px) {
    .section--events {
        margin: 80px auto;
        width: 750px
    }
}

.post-page {
    margin-top: 90px
}

@media (min-width:768px) {
    .post-page {
        margin-top: 170px
    }
}

.btn {
    background: #4d2ac2;
    color: #5cd2ff;
    border: 0;
    letter-spacing: .02em;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-decoration: none;
    padding: 5px 10px;
    font-family: purista-web;
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    display: inline-block
}

@media (hover:hover) {
    .btn:hover {
        cursor: pointer;
        background: #000;
        outline: 1px solid #4d2ac2
    }
}

.btn:active {
    background: #4d2ac2;
    outline: none
}

.btn--black {
    background: #000
}

.btn--black:hover {
    outline: 1px solid #5cd2ff;
    background: #4d2ac2
}

.btn--input {
    background: #4d2ac2;
    color: #5cd2ff;
    border: none;
    padding: 10px 20px;
    font-size: 30px
}

.btn--input:hover {
    cursor: pointer
}

.btn--input img {
    min-width: 13px;
    margin: 0
}

.btn--block {
    display: block;
    margin: 10px
}

.btn--small {
    padding: 0 5px
}

.btn--more {
    padding: 5px 13px;
    font-size: 13px
}

.link--blue {
    display: inline-block;
    color: #5cd2ff;
    font-size: 11px
}

.section-proposition img {
    max-width: 100%
}

.section-proposition .subtitle {
    color: #ff8015
}

.section-proposition .btn {
    margin: auto 10px
}

.section-proposition .button__row {
    margin: 30px 0
}

.section-proposition .product__features {
    margin: 30px auto 0
}

.section-proposition .section-proposition__row.container {
    margin: 0;
    width: auto
}

@media (min-width:768px) {
    .section-proposition .section-proposition__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .section-proposition .section-proposition__row.container {
        margin: 0 auto;
        width: 750px
    }

    .section-proposition .section-proposition__row .section-title__text.container {
        margin: 0;
        width: auto
    }

    .section-proposition .section-proposition__row .product {
        margin: 0 30px 30px
    }
}

@media (min-width:992px) {
    .section-proposition .section-proposition__row.container {
        margin: 0 auto;
        width: 970px
    }
}

@media (min-width:1200px) {
    .section-proposition .section-proposition__row.container {
        margin: 0 auto;
        width: 1170px
    }
}

.section-peripherals {
    margin-bottom: 0
}

.section-peripherals .slider-peripherals {
    margin: 0 auto
}

@media (min-width:768px) {
    .section-peripherals .slider-peripherals {
        width: 750px;
        margin: auto
    }

    .section-peripherals .slider-peripherals .container {
        margin: 0;
        width: auto
    }

    .section-peripherals .slider-peripherals .glide__arrows .glide__arrow--left {
        left: -50px
    }

    .section-peripherals .slider-peripherals .glide__arrows .glide__arrow--right {
        right: -50px
    }
}

.section-peripherals .product img {
    max-height: 200px
}

.glide__arrow {
    border: 0;
    color: #5cd2ff;
    font-size: 40px;
    top: 50%
}

.glide__arrow--right {
    right: 0
}

@media (min-width:768px) {
    .glide__arrow--right {
        right: 50px
    }
}

.glide__arrow--left {
    left: 0
}

@media (min-width:768px) {
    .glide__arrow--left {
        left: 50px
    }
}

.glide__slides {
    margin: 0
}

.glide__dots button {
    background: transparent;
    border: 2px solid #5cd2ff;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    padding: 0;
    cursor: pointer
}

@media (min-width:768px) {
    .glide__dots button {
        width: 12px;
        height: 12px;
        margin: auto 3px
    }
}

.glide__dots button.glide__bullet--active {
    background: #5cd2ff
}

.slider--tabs .subheader {
    font-size: 11px;
    font-style: italic;
    color: #5cd2ff;
    font-weight: 500
}

.slider--tabs .slider__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slider--tabs .slider__navigation button {
    color: #fff;
    cursor: pointer;
    border: 1px solid #3d3d3d;
    background: transparent;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 33%;
    max-width: 110px;
    padding: 10px 0;
    text-align: center;
    font-size: 13px
}

.slider--tabs .slider__navigation button.glide__bullet--active {
    background: #5cd2ff;
    color: #000
}

.slider--tabs .slider__content button {
    background-color: transparent;
    position: relative
}

.slider--tabs .slider__content button>span {
    display: inline-block;
    color: #fff;
    width: 100%;
    font-weight: 700
}

.slider--tabs .slider__content button:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -o-linear-gradient(315deg, #5cd2ff 50%, #000 50%);
    background: linear-gradient(135deg, #5cd2ff 50%, #000 0);
    z-index: -1
}

.slider--tabs .slider__content button:after,
.slider--tabs .slider__content button>span {
    background-size: 300%;
    background-position: 100%;
    -webkit-transition: 1s, font-size .2s;
    -o-transition: 1s, font-size .2s;
    transition: 1s, font-size .2s
}

.slider--tabs .slider__content button:hover:after,
.slider--tabs .slider__content button:hover>span {
    background-position: 0;
    color: #fff
}

.slider--tabs .slider__content .button--active,
.slider--tabs .slider__content .glide__bullet--active,
.slider--tabs .slider__content button:focus:after,
.slider--tabs .slider__content button:focus>span {
    background-position: 0;
    color: #000;
    background-color: #5cd2ff;
    -webkit-text-fill-color: initial
}

.slider--tabs .slider__content .button--active span,
.slider--tabs .slider__content .glide__bullet--active span {
    -webkit-text-fill-color: initial;
    color: #000
}

.slider--tabs .slider__content li {
    max-width: 100%
}

.slider--tabs .slider__content li img {
    max-width: 100%;
    max-height: 215px
}

.slider-esports .slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width:768px) {
    .slider-esports .slide {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.slider-esports .slide__image {
    width: 40%
}

.slider-esports .slide__text {
    width: 60%;
    text-align: left;
    margin-left: 30px
}

.slider-esports .slide__text p {
    margin: 0;
    font-size: 13px;
    line-height: 18px
}

@media (min-width:768px) {
    .slider-esports .slide__text p {
        font-size: 16px;
        line-height: 21px
    }
}

.slider-esports .slide__text p.bold {
    margin-bottom: 10px;
    font-size: 16px
}

@media (min-width:768px) {
    .slider-esports .slide__text p.bold {
        font-size: 18px;
        line-height: 23px
    }
}

@media (min-width:768px) {
    .slider-gallery {
        margin-bottom: 50px
    }
}

.slider-gallery .glide__arrow {
    top: 50%
}

.glide__slide {
    height: auto
}

.glide__slide img,
.pc-anatomy-img {
    max-height: 500px
}

.customer-review img {
    display: inline-block;
    max-width: 30%;
    max-height: 100%
}

@media (min-width:768px) {
    .customer-review .customer-review__images img {
        margin: 0 15px
    }
}

.customer-review .spec {
    font-size: 16px
}

.review__comments .review__comment {
    display: inline-block;
    margin: 30px 10px 0
}

.review__comments .review__comment p {
    margin: 0
}

.stars {
    padding: 30px 0
}

.stars p {
    display: inline-block;
    color: #ff8015
}

.slider-customer-review .glide__arrows {
    width: 100%
}

.slider-customer-review .glide__arrows .glide__arrow {
    top: 60px
}

.video__list {
    margin: auto
}

.video__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 10px 0
}

.video__placeholder {
    max-width: 40%
}

.video__placeholder img {
    max-width: 100%
}

.video__text {
    color: #000;
    text-align: left;
    margin-left: 15px
}

.video__text p {
    margin: 0
}

.video__title {
    margin: 0;
    font-weight: 600;
    font-size: 20px
}

.video__author {
    font-style: italic;
    color: #ff8015;
    margin: 0
}

@media (min-width:768px) {
    .video__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .video__item,
    .video__list {
        -webkit-box-direction: normal
    }

    .video__item {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 30px
    }

    .video__placeholder {
        max-width: 100%
    }

    .video__text {
        margin: 20px 0 0
    }
}

.input--text.input__wrapper {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.input--text input {
    min-width: 50px
}

.input--checkbox {
    position: relative;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.input--checkbox p {
    font-size: 13px
}

.input--checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 1px;
    width: 1px
}

.input--checkbox input:checked~.input__check {
    background-color: #5cd2ff
}

.input--checkbox input:checked~.input__check:after {
    opacity: 1
}

.input--checkbox input:hover input~.input__check {
    background-color: #ccc
}

.input--checkbox .input__check {
    height: 20px;
    width: 20px;
    display: inline-block;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 1px solid #5cd2ff
}

.input--checkbox .input__check:after {
    content: "✓";
    color: #fff;
    opacity: 0
}

.input--checkbox p {
    display: inline
}

.input--switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.input--switch p:first-child {
    margin: 10px 20px
}

.input--switch p:last-child {
    margin: 10px
}

.input--switch__left {
    color: #ff8015;
    font-size: 11px
}

.input--switch__right {
    color: #4d2ac2;
    font-weight: 600
}

.input--switch .switch {
    position: relative;
    display: inline-block;
    width: 78px;
    height: 32px
}

.input--switch .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.input--switch .switch input:checked+.slider {
    background-color: #4d2ac2
}

.input--switch .switch input:focus+.slider {
    -webkit-box-shadow: 0 0 1px #2196f3;
    box-shadow: 0 0 1px #2196f3
}

.input--switch .switch input:checked+.slider:before {
    left: calc(100% - 28px)
}

.input--switch .switch .slider {
    position: relative;
    display: inline-block;
    height: 100%;
    cursor: pointer;
    width: 100%;
    background-color: transparent;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 34px;
    border: 2px solid #4d2ac2
}

.input--switch .switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 2px;
    bottom: 2px;
    background-color: #5cd2ff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

.section--newsletter--bottom .newsletter__layer {
    padding: 70px 0
}

.section--newsletter--bottom .newsletter__layer .input--text.input__wrapper {
    margin-top: 30px
}

.section--newsletter--bottom .newsletter__layer input[type=email] {
    width: 80%;
    max-width: 300px
}

.section--newsletter--bottom .newsletter__layer .btn--input {
    padding: 10px 19px
}

.section--newsletter--bottom .container {
    padding: 0 13px
}

.section--newsletter--bottom .container .input__wrapper.input--checkbox label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section--newsletter--bottom .container .input__wrapper.input--checkbox label p {
    font-weight: 300;
    margin-left: 10px
}

footer .footer__row {
    padding: 0 7px
}

footer .footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 30px
}

footer .footer__links a {
    -webkit-box-flex: 0;
    -ms-flex: 0 50%;
    flex: 0 50%
}

footer .footer__col {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #fff
}

footer .footer__col .section__title {
    padding-bottom: 20px
}

footer .footer__col .section__title:after {
    width: 40px;
    margin-top: 5px;
    -webkit-box-shadow: #fff 0 0 2px 1px;
    box-shadow: 0 0 2px 1px #fff;
    height: 0
}

footer .footer__col--without-border {
    border-bottom: 0;
    padding-bottom: 25px
}

footer .footer__col--newsletter {
    padding-bottom: 30px
}

footer .footer__col--shop {
    margin-bottom: 25px
}

footer .footer__col--shop .section__title {
    padding-bottom: 23px
}

footer .footer__col--about {
    padding-bottom: 26px
}

footer .footer__col--about .section__title {
    padding-bottom: 15px
}

footer .footer__logo {
    margin-top: 75px
}

footer a {
    color: #fff;
    text-decoration: none
}

footer section {
    margin-bottom: 60px
}

.icons {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding: 0 10px
}

.icons--4 {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.icons--3 {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.icon__img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 75px;
    margin: auto
}

.icon--text,
.icon__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.icon--text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.icon--text p {
    margin-top: 20px;
    font-weight: 500;
    font-size: 13px
}

@media (min-width:768px) {
    .icon--text p {
        font-size: 16px
    }
}

@media (min-width:768px) {
    footer .footer__row-scal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 30px
    }

    footer .footer__row-scal .footer__col {
        margin-bottom: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    footer .footer__row-scal .footer__links a {
        -webkit-box-flex: 0;
        -ms-flex: 0 100%;
        flex: 0 100%
    }

    footer .footer__row-scal .footer__links a:nth-child(2n) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    footer .footer__row-scal .footer__links a:nth-child(odd) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    footer .footer__row-scal .footer__links a:nth-child(2) {
        margin-top: 20px
    }

    footer .row-icon-desktop {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    footer .row-icon-desktop .icon {
        margin: 0 15px
    }

    footer .footer__links-desktop {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 450px;
        margin: auto
    }

    footer .footer__links-desktop a {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin-top: 10px;
        padding: 0 15px;
        border-right: 1px solid #fff
    }

    footer .footer__links-desktop a:last-child {
        border: none
    }
}

.parallax {
    position: fixed;
    z-index: -9999;
    top: 0;
    width: 100%
}

.parallax__imgs {
    position: relative;
    width: 100vw;
    height: 100vh
}

.parallax__mouse {
    position: absolute;
    top: 70%;
    right: 0;
    max-width: 100px
}

.parallax__keyboard {
    position: absolute;
    top: 20%;
    left: 0;
    max-width: 100px
}

.product__navigation {
    width: 100%;
    z-index: 10;
    position: relative
}

.product__navigation.active .product__buy {
    background-color: #6344bf
}

.product__navigation .product__buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 22px 20px 19px;
    background-color: #4d2ac2
}

@media (min-width:768px) {
    .product__navigation .product__buy {
        padding: 22px 10% 19px
    }
}

.product__navigation .product__buy button {
    font-size: 12px;
    font-family: basic-sans;
    letter-spacing: 2px;
    border: none;
    background-color: transparent;
    color: #fff
}

.product__navigation .product__buy button.buy--opener {
    text-decoration: underline
}

.product__navigation .product__buy button.buy--opener:after {
    content: "";
    display: inline-block;
    width: 20px;
    margin-left: 5px;
    height: 9px;
    background: url(../img/chevrod_down_white.png) no-repeat
}

.product__navigation .product {
    display: none;
    max-width: 89%;
    position: absolute;
    right: 0;
    z-index: 2;
    background-color: #5a3db2
}

.product__navigation .product.open {
    display: block
}

.product__navigation .product .search__wrapper {
    position: relative;
    display: block;
    padding: 34px 0 39px
}

.product__navigation .product .search__wrapper .triangle {
    width: 0;
    height: 0;
    border-color: #6344bf transparent transparent;
    border-style: solid;
    border-width: 12px 12px 0;
    position: absolute;
    top: 0;
    right: 55px
}

.product__navigation .product .search__wrapper .close {
    padding: 0;
    position: absolute;
    top: 13px;
    left: 20px;
    background: transparent;
    border: none
}

.product__navigation .product .search__wrapper .close img {
    max-width: 12px
}

.product__navigation .product .search__wrapper .input__wrapper {
    width: 66%;
    margin: 0 auto
}

.product__navigation .product .search__wrapper .input__wrapper input {
    margin-left: 5px;
    width: 100%;
    padding: 8px 11px;
    border: 1px solid transparent;
    border-radius: 10px
}

.product__navigation .product .search__wrapper .input__wrapper input::-webkit-input-placeholder {
    font-size: 15px;
    font-style: italic;
    font-family: purista-web;
    font-weight: 600
}

.product__navigation .product .search__wrapper .input__wrapper input::-moz-placeholder {
    font-size: 15px;
    font-style: italic;
    font-family: purista-web;
    font-weight: 600
}

.product__navigation .product .search__wrapper .input__wrapper input:-ms-input-placeholder {
    font-size: 15px;
    font-style: italic;
    font-family: purista-web;
    font-weight: 600
}

.product__navigation .product .search__wrapper .input__wrapper input::-ms-input-placeholder {
    font-size: 15px;
    font-style: italic;
    font-family: purista-web;
    font-weight: 600
}

.product__navigation .product .search__wrapper .input__wrapper input::placeholder {
    font-size: 15px;
    font-style: italic;
    font-family: purista-web;
    font-weight: 600
}

.product__navigation .product ul {
    margin: 0;
    padding: 0
}

.product__navigation .product ul>li {
    padding: 15px 0 9px;
    list-style-type: none;
    font-size: 13px;
    line-height: 25px;
    font-family: basic-sans;
    letter-spacing: .14em;
    font-weight: 400;
    border-top: 1px solid #5cd2ff;
    text-align: center
}

.product__navigation .product ul>li:last-child {
    padding-bottom: 17px
}

.product__navigation .buy {
    position: absolute;
    z-index: 2;
    right: 0;
    width: 80.5%;
    background-color: #5a3db2;
    display: none
}

.product__navigation .buy.open {
    display: block
}

.product__navigation .buy .compare {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    margin-bottom: 21px
}

.product__navigation .buy .compare .triangle {
    width: 0;
    height: 0;
    border-color: #6344bf transparent transparent;
    border-style: solid;
    border-width: 12px 12px 0;
    position: absolute;
    top: 0;
    right: 17px
}

.product__navigation .buy .compare .close {
    padding: 0;
    background: transparent;
    border: none;
    position: absolute;
    left: 16
}

.product__navigation .buy .compare .close img {
    max-width: 12px
}

.product__navigation .buy .compare p {
    font-size: 11px;
    line-height: 16px;
    font-family: basic-sans;
    border-bottom: 1px solid #fff;
    font-weight: 400;
    letter-spacing: .1em;
    margin-left: 40%
}

.product__navigation .buy .list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.product__navigation .buy .list__item:nth-child(n+3) {
    margin-top: 25px
}

.product__navigation .buy .list__item:last-child {
    margin-bottom: 50px
}

.product__navigation .buy .list__item .left p {
    text-align: right;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .1em
}

.product__navigation .buy .list__item .left p.price {
    margin-top: 5px;
    letter-spacing: .05em
}

.product__navigation .buy .list__item .right {
    position: relative;
    padding: 0 20px 0 49px;
    margin-top: 4px;
    width: 100px
}

.product__navigation .buy .list__item .right img {
    position: absolute;
    bottom: 2px;
    left: 23px
}

.product__navigation .buy .list__item .right button {
    position: absolute;
    bottom: 0;
    background: transparent;
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 1px;
    letter-spacing: .03em;
    font-weight: 400
}

@media (min-width:768px) {
    .product__navigation .buy {
        width: 100%
    }

    .product__navigation .buy .compare {
        width: 750px;
        margin: auto
    }

    .product__navigation .buy .compare .close {
        left: 126px
    }

    .product__navigation .buy .compare p {
        margin-left: 27px
    }

    .product__navigation .buy .list__item {
        width: 750px;
        margin: auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .product__navigation .buy .list__item .left p {
        display: inline-block
    }
}

@media (min-width:992px) {

    .product__navigation .buy .compare,
    .product__navigation .buy .list__item {
        width: 970px
    }
}

@media (min-width:1200px) {

    .product__navigation .buy .compare,
    .product__navigation .buy .list__item {
        width: 1170px
    }
}

.product__navigation-fixed-header {
    position: fixed
}

.sticky-wrapper {
    position: relative
}

.product {
    width: 100%
}

.product .product-image__wrapper {
    position: relative;
    background: url(../img/background-product.png);
    background-position: 50%;
    height: 500px
}

.product .product-image__wrapper .product-image {
    max-height: 300px;
    margin-top: 100px
}

.product .product-image__wrapper .icon.like,
.product .product-image__wrapper .icon.like-full {
    cursor: pointer;
    position: absolute;
    bottom: 6px;
    left: 17px;
    display: none
}

.product .product-image__wrapper .icon.show {
    display: block
}

.product__price {
    margin: 15px 0;
    font-size: 16px;
    font-style: italic;
    font-family: purista-web;
    letter-spacing: 0;
    color: #ff8015;
    font-weight: 400
}

.product__image--bkg {
    background: url(../img/product_bkg.png) no-repeat center 0
}

.product__features {
    margin-top: 30px
}

.product__features .feature:after {
    content: " ";
    display: block;
    border-bottom: 1px solid #5cd2ff;
    width: 100%;
    margin: 19px auto
}

.product__features .feature:last-child:after {
    margin-bottom: 0
}

.product__review {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .product__review {
        margin-bottom: 30px
    }
}

.product__review p {
    margin: 0
}

.product__review a {
    color: #fff;
    text-decoration: none
}

.product-header {
    margin: 0 0 30px
}

.product-header .stars {
    padding: 24px 0 8px
}

@media (min-width:768px) {
    .product-header .stars {
        padding: 30px 0 8px
    }
}

.product-header .product__review {
    font-family: basic-sans;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 2px
}

.product-header .product__price {
    margin: 8px 0 10px
}

@media (min-width:768px) {
    .product-header .product__price {
        margin: 20px 0 10px
    }
}

.product-header .product__features p:after {
    width: 90%;
    max-width: 100%
}

.product-header .product__features .sentence p {
    margin-bottom: 30px
}

.product-header .btn {
    margin-top: 10px
}

.product-header-2 {
    margin-bottom: 80px
}

.product-configuration {
    margin-top: 37px;
    margin-bottom: 0
}

.product-configuration .section__title {
    padding-bottom: 30px
}

.product-configuration h2 {
    font-weight: 400;
    margin-bottom: 18px
}

@media (min-width:768px) {
    .product-configuration h2 {
        margin-bottom: 50px
    }
}

.product-configuration .configuration__comparision {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-configuration .configuration__item .details__row {
    margin: 0
}

.product-configuration .configuration__item .details__row div {
    padding: 7px 10px
}

.product-configuration .configuration__item .details__row--header .blue,
.product-configuration .configuration__item .details__row--header .orange {
    margin-top: 20px
}

.product-configuration .configuration__item .details__row--header .blue {
    font-size: 16px
}

.product-configuration .configuration__item .spec1 {
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 5px;
    padding: 0 15px
}

.product-configuration .configuration__item .spec1.orange {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px
}

@media (min-width:768px) {

    .product-configuration .configuration__item .spec1,
    .product-configuration .configuration__item .spec1.orange {
        font-size: 14px
    }
}

.product-configuration .configuration__item .grey {
    color: #7d7d7d
}

.product-configuration .configuration__item p {
    margin: 0
}

.product-configuration .configuration__item .blue {
    font-size: 13px;
    font-style: italic;
    font-weight: 600;
    color: #5cd2ff;
    margin-top: 10px
}

@media (min-width:768px) {
    .product-configuration .configuration__item .blue {
        font-size: 16px
    }
}

.product-configuration .configuration__item .m-t-0 {
    margin-top: 0
}

.product-configuration .configuration__item-price .spec1 {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: inherit
}

.product-configuration .configuration__item-price .blue {
    font-size: 18px
}

.product-configuration .configuration__item .change-config {
    display: none
}

.product-configuration .configuration__item .buy-config {
    display: block
}

.product-configuration .configuration__item .shadow {
    opacity: .3
}

.product-configuration .configuration__item .shadow .change-config {
    display: block
}

.product-configuration .configuration__item .shadow .buy-config {
    display: none
}

.product-configuration .configuration__item .shadow .btn {
    background: #000;
    outline: 1px solid #4d2ac2
}

.product-configuration .configuration__item .btn {
    font-size: 13px;
    width: 100%;
    padding: 5px 30px;
    margin-top: 20px
}

@media (min-width:768px) {
    .product-configuration .configuration__item .btn {
        font-size: 16px
    }
}

.product-process .section__title {
    padding-bottom: 26px
}

.product-process h2 {
    margin-bottom: 25px
}

.product-process .container {
    margin: 0 50px
}

.product-power {
    margin: 60px 0 0
}

@media (min-width:768px) {
    .product-power {
        margin: 80px 0 0
    }
}

.product-power .section-heading {
    margin-bottom: 30px
}

.product-power .section__bk-image {
    width: 100%;
    padding: 52% 0;
    background-size: cover;
    background-position: 100%
}

@media (min-width:768px) {
    .product-power .section__bk-image {
        padding: 0;
        height: 500px
    }
}

.product-power .section__title {
    padding-bottom: 40px
}

.product-vr {
    margin: 66px 0
}

.product-vr .section__title {
    padding-bottom: 25px
}

.product-vr .section-heading {
    margin-bottom: 13px
}

.product-module {
    margin: 66px 0
}

.product-module .section__title {
    padding-bottom: 22px
}

.product-module .section-heading {
    margin-bottom: 12px
}

.product-load {
    margin: 66px 0 0
}

.product-load .section__title {
    padding-bottom: 23px
}

.product-load .section-heading {
    margin-bottom: 12px
}

.product-load .product__bricks {
    margin: 15px 0
}

.product-load .product__bricks .product__brick {
    padding: 0
}

.product-load .product__bricks .product__brick p:first-of-type {
    text-transform: uppercase
}

.product-load .product__bricks .product__brick p:last-child {
    padding: 0 30px;
    line-height: 15px
}

.product-storage {
    margin: 60px 0
}

.product-storage .section__title {
    padding-bottom: 23px
}

.product-storage .section-heading {
    margin-bottom: 12px
}

.product-storage .product__bricks {
    margin: 15px 0
}

.product-storage .product__bricks .product__brick {
    padding: 0
}

.product-storage .product__bricks .product__brick p:first-of-type {
    text-transform: uppercase
}

.product-storage .product__bricks .product__brick p:last-child {
    padding: 0 30px;
    line-height: 15px
}

.product-specs {
    margin: 70px 0 40px
}

@media (min-width:768px) {
    .product-specs {
        margin: 80px 0
    }
}

.product-specs .section__title {
    padding-bottom: 25px
}

.product-specs .details {
    margin-bottom: 25px
}

.product-specs .details .details__row {
    margin: 0
}

.product-specs .details .details__row--header {
    margin-top: 30px
}

.product-specs .details .details__row--header .spec2 {
    margin-top: 10px
}

.product-specs .details .details__row--header .spec.orange {
    padding-top: 0 !important;
    margin-top: 13px;
    font-size: 12px;
    line-height: 15px;
    font-style: italic
}

.product-specs .details .details__row:not(.details__row--header)>div {
    padding: 5px 10px
}

.product-specs .details .details__row:not(.details__row--header)>div p {
    font-size: 11px;
    margin-top: 3px
}

.product-specs .details .details__row:not(.details__row--header)>div .font-14 {
    font-size: 14px
}

@media (min-width:768px) {
    .product-specs .details .details__row:not(.details__row--header)>div .font-14 {
        font-size: 18px
    }
}

.product-specs .details .details__row--bordered .spec:not(.blue) {
    padding: 5px 10px 0;
    margin-bottom: 11px;
    font-size: 11px;
    font-weight: 500
}

.product-specs .details .details__row--bordered .spec.blue {
    margin-top: 0;
    font-size: 14px !important
}

@media (min-width:768px) {
    .product-specs .details .details__row--bordered .spec.blue {
        font-size: 18px !important
    }
}

.product-specs .btn {
    font-size: 12px;
    padding: 8px 25px
}

.product-performance .section__title {
    padding-bottom: 21px
}

.product-performance .slider--tabs {
    margin-top: 21px
}

.product-performance .slider--tabs .slider__content {
    margin-top: 20px
}

.product-performance .slider--tabs .slider__content .slider__navigation {
    margin: 0
}

.product-performance .slider-product-performance-details {
    margin-top: 30px
}

.product-performance .slider-product-performance-details img {
    max-width: 100%;
    max-height: 250px
}

.product-performance .slider-product-performance-details .details__row p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.product-settings .input--switch {
    margin: 30px 0 15px
}

.product__bricks {
    margin: 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product__brick {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    padding: 0 30px
}

@media (-ms-high-contrast:none) {
    .product__brick {
        padding: 0
    }
}

@media (min-width:768px) {
    .product__brick {
        -webkit-box-flex: 25%;
        -ms-flex: 25%;
        flex: 25%;
        padding: 0 10px
    }
}

@media (min-width:768px) and (-ms-high-contrast:none) {
    .product__brick {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.product__brick p {
    margin: 5px auto
}

.product__brick p:first-child {
    font-size: 10px;
    text-transform: uppercase
}

.product__brick p:last-child {
    font-size: 13px
}

.product__brick .blue {
    font-size: 21px
}

.product.other:last-of-type .section-title__text {
    padding-bottom: 0
}

.product-ultra__settings {
    margin-bottom: 0
}

.product-ultra__settings h2 {
    margin-bottom: 5px
}

.product-ultra__settings .input--switch {
    margin: 43px 0 15px
}

.product-ultra__settings .settings__configuration {
    height: 115px
}

.products-list {
    margin: 60px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0
}

.products-list--products .product {
    padding-bottom: 15px
}

.products-list--products .product .subtitle {
    min-height: auto
}

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

.parts .part__image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.parts .part__text {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    text-align: left;
    padding-left: 10px
}

.parts .part__text p {
    margin: 0;
    font-size: 13px;
    line-height: 18px
}

.parts .part__text p.bold {
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 20px
}

.parts .part__text p.italic {
    font-weight: 400;
    margin-bottom: 20px
}

.parts .part__text h2 {
    margin-top: 0
}

.parts .part .mock-timeline {
    width: 100%
}

.parts .part .mock-timeline img {
    margin: auto
}

.parts .part .mock-timeline .desktop-img {
    display: none
}

.parts .part .mock-timeline .mobile-img {
    display: block
}

@media (min-width:768px) {
    .parts .part .mock-timeline .desktop-img {
        display: block;
        margin-top: 30px
    }

    .parts .part .mock-timeline .mobile-img {
        display: none
    }
}

.details__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0 25px
}

.details__row p {
    font-size: 13px;
    margin: 7px 0 10px
}

@media (min-width:768px) {
    .details__row p {
        font-size: 16px
    }
}

.details__row div {
    padding: 10px
}

.details__row .details__subtitle {
    color: #5cd2ff;
    font-style: italic;
    font-size: 11px;
    margin-bottom: 0
}

@media (min-width:768px) {
    .details__row .details__subtitle {
        font-weight: 600
    }
}

.details__row--header p {
    color: #ff8015;
    font-size: 10px;
    margin: 30px 0 10px
}

@media (min-width:768px) {
    .details__row--header p {
        font-size: 16px
    }
}

.details__row--header .spec2 {
    color: #fff;
    font-size: 14px
}

.details__row--bordered {
    border-bottom: 1px solid #3d3d3d
}

.product-page {
    margin-top: 54px
}

@media (min-width:768px) {
    .product-page {
        margin-top: 132px
    }
}

.product-page .section--shipping.with-bg {
    margin: 25px 0 0
}

@media (min-width:768px) {
    .product-page .section--shipping.with-bg {
        margin: 60px 0 0
    }
}

.product-page .section--newsletter--bottom {
    margin-top: 0
}

.product-page .section--proposition .product:last-child .button__row {
    margin-top: 44px
}

.product-page-2 .section--newsletter--bottom {
    margin-top: 0
}

.products-list-filters {
    padding: 60px 18px 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal
}

@media (min-width:768px) {
    .products-list-filters {
        padding: 132px 18px 6px
    }
}

.products-list-filters__menu {
    padding: 0 0 0 3px;
    border-top: 1px solid #3d3d3d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    position: relative
}

@media (min-width:768px) {
    .products-list-filters__menu {
        border-top: none;
        margin-left: calc(10% - 18px);
        margin-right: calc(10% - 18px)
    }
}

.products-list-filters__menu h3.orange {
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    letter-spacing: .07em;
    z-index: 11;
    cursor: pointer
}

.products-list-filters__overlay {
    position: absolute;
    background: rgba(0, 0, 0, .7);
    z-index: 1;
    right: 0;
    left: 0;
    top: -150vh;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    height: 100vh
}

.products-list-filters__close,
.products-list-filters__opener {
    cursor: pointer;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: 0;
    z-index: 11;
    padding: 1px 0
}

.products-list-filters__close p,
.products-list-filters__opener p {
    border-bottom: 1px solid #fff;
    display: inline-block;
    margin: 14px 10px 14px 0;
    padding: 0;
    letter-spacing: .02em;
    font-size: 10px;
    line-height: 14px
}

.products-list-filters__close:after,
.products-list-filters__opener:after {
    margin-bottom: 4px;
    width: 20px;
    height: 20px;
    background: url(../img/chevron_down.png) 50% no-repeat;
    display: inline-block;
    content: ""
}

.products-list-filters .filter-product-all {
    cursor: pointer;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: 0;
    z-index: 11;
    padding: 1px 0;
    display: none
}

.products-list-filters .filter-product-all p {
    border-bottom: 1px solid #fff;
    display: inline-block;
    margin: 14px 10px 14px 0;
    padding: 0;
    letter-spacing: .02em;
    font-size: 10px;
    line-height: 14px
}

.products-list-filters .filtr-button-wrapper {
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.products-list-filters__close p {
    font-size: 10px
}

.products-list-filters__close:after {
    background: url(../img/chevron_blue_top.png) 50% no-repeat
}

.products-list-filters .filters {
    display: none
}

.products-list-filters--open .products-list-filters__overlay {
    top: 0
}

.products-list-filters--open .products-list-filters__opener:after {
    background: url(../img/close_blue.png) 50% no-repeat
}

.products-list-filters--open .filters {
    margin-top: 10px;
    display: block;
    z-index: 10;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0
}

@media (min-width:768px) {
    .products-list-filters--open .filters {
        top: 170px
    }
}

.products-list-filters--open .filters a,
.products-list-filters--open .filters p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .09em
}

.products-list-filters--open .filters__header {
    margin: 0 17px;
    border-bottom: 1px solid #3d3d3d;
    padding-bottom: 13px
}

.products-list-filters--open .filters__list {
    margin: 0 17px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #3d3d3d;
    background-color: #000;
    padding: 5px 0
}

@media (min-width:768px) {
    .products-list-filters--open .filters__list {
        border-top: 1px solid #3d3d3d
    }
}

.products-list-filters--open .filters__list a {
    width: 32.5%;
    color: #fff;
    text-decoration: none;
    padding: 14px 10px
}

@media (min-width:768px) {
    .products-list-filters--open .filters__list a {
        width: 14%;
        margin: 5px 0
    }
}

.products-list-filters--open .filters__list a:nth-child(3n+3) {
    border: 1px solid #3d3d3d;
    border-top: 0;
    border-bottom: 0
}

.products-list-filters--open .filters__list a:nth-child(-n+4) {
    border-bottom: 1px solid #3d3d3d
}

@media (min-width:768px) {
    .products-list-filters--open .filters__list a:nth-child(-n+4) {
        border-bottom: none
    }
}

.products-list-filters--open .filters__list a:first-child {
    width: 100%;
    border-bottom: 1px solid #3d3d3d;
    margin: 5px 0
}

@media (min-width:768px) {
    .products-list-filters--open .filters__list a:first-child {
        width: 14%;
        border-right: 1px solid #3d3d3d;
        border-bottom: none
    }
}

.products-list-filters--open .filters__list a:nth-child(3n+2) {
    width: 35%
}

@media (min-width:768px) {
    .products-list-filters--open .filters__list a:nth-child(3n+2) {
        width: 14%
    }
}

@media (min-width:768px) {
    .products-list-filters--open .filters__list a:nth-child(4) {
        border-right: 1px solid #3d3d3d
    }
}

.products-list-filters--open .filters__list a.active,
.products-list-filters--open .filters__list a:hover {
    background: #5cd2ff;
    color: #000
}

.products-list-page .products-list-header {
    margin: 0;
    padding-bottom: 0
}

.products-list-page .products-list-header .product__image {
    position: relative;
    margin-bottom: 0
}

.products-list-page .products-list-header .product__image img {
    max-height: 500px
}

.products-list-page .products-list-header .product__text--floating {
    position: absolute;
    bottom: 12.5%;
    right: 0;
    width: 40%;
    text-align: left
}

.products-list-page .products-list-header .product__text--floating h2 {
    font-size: 17px;
    line-height: 19px;
    width: 110px
}

@media (min-width:768px) {
    .products-list-page .products-list-header .product__text--floating h2 {
        width: auto
    }
}

.products-list-page .products-list-header .product__text--floating .product__price {
    margin: 25px 0 0;
    font-weight: 600
}

.products-list-page .products-list--filters {
    margin: 16px 0 0
}

.products-list-page .products-list .filter-product {
    cursor: pointer
}

.products-list-page .products-list .product {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    border-bottom: 1px solid #3d3d3d;
    max-width: 50%;
    margin-top: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width:768px) {
    .products-list-page .products-list .product {
        -webkit-box-flex: 33%;
        -ms-flex: 33%;
        flex: 33%;
        max-width: 33%
    }
}

.products-list-page .products-list .product h2 {
    font-size: 16px;
    line-height: 18px;
    padding: 0 30px
}

@media (min-width:768px) {
    .products-list-page .products-list .product h2 {
        font-size: 20px;
        line-height: 22px
    }
}

.products-list-page .products-list .product:nth-child(n+3) h2 {
    margin-bottom: 10px
}

.products-list-page .products-list .product.disabled {
    display: none
}

.products-list-page .products-list .product__image {
    height: 133px;
    padding: 10px;
    margin: 0 10px
}

.products-list-page .products-list .product__image--bkg {
    background-position: center 14%
}

.products-list-page .products-list .product__image img {
    max-width: 100%;
    max-height: 100%
}

.products-list-page .products-list .product__text .subtitle {
    margin: 11px 0 9px;
    font-size: 16px;
    line-height: 21px
}

.products-list-page .products-list .product .button__row {
    margin-top: 10px
}

.products-list-page .products-list .product .button__row .btn {
    display: inline-block;
    font-size: 12px
}

.products-list-page .products-list--products {
    margin: 0
}

.products-list-page .products-list--products .product {
    padding-bottom: 13px
}

.products-list-page .products-list--products .product:nth-child(n+3) h2 {
    margin-bottom: 0
}

.products-list-page .products-list--products .product .subtitle.orange {
    font-size: 12px;
    margin-top: 4px
}

.products-list-page .products-list--products .product .product__image {
    height: 90px;
    padding: 10px 0
}

.products-list-page .products-list--products .product .product__text p {
    margin-top: 3px;
    font-size: 11px;
    line-height: 15px;
    padding: 0 10px
}

.products-list-page .products-list--products .product .product__text .button__row .btn {
    font-size: 12px;
    padding: 0 3px
}

.products-list-page .to-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 20px
}

@media (min-width:768px) {
    .products-list-page .to-top {
        margin: 0 auto 60px
    }
}

.products-list-page .to-top button {
    margin-bottom: 10px;
    cursor: pointer;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: 0;
    z-index: 9;
    padding: 1px 0;
    display: inline-block;
    letter-spacing: .02em;
    font-size: 10px;
    line-height: 12px
}

.products-list-page .to-top button p {
    display: inline-block;
    border-bottom: 1px solid #fff
}

.products-list-page .to-top button img {
    margin-left: 10px
}

.product-list-section {
    margin-bottom: 40px
}

.products-list-filters-fixed-header {
    z-index: 10;
    background-color: #000;
    position: fixed
}

.list__icon-text {
    padding-left: 0;
    list-style: none
}

.list__icon-text li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list__icon-text .list__icon {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 20%;
    color: #4d2ac2;
    font-size: 25px
}

.list__icon-text .list__text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 80%;
    text-align: left;
    padding-left: 30px
}

.cart-top-bar {
    background-color: #4d2ac2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 20px
}

@media (min-width:768px) {
    .cart-top-bar {
        padding: 17px 10%
    }
}

.cart-top-bar form {
    width: 100%;
    margin: 0
}

.cart-top-bar p {
    font-size: 12px;
    letter-spacing: .12em;
    display: inline-block;
    margin-top: 5px
}

.cart-top-bar .btn {
    background-color: #000;
    font-size: 12px;
    padding: 0 11px;
    float: right
}

@media (min-width:768px) {
    .cart-top-bar .btn {
        font-size: 15px;
        padding: 5px 10px
    }
}

.cart-page {
    padding-top: 54px
}

.cart-page .button-icon {
    padding: 0;
    width: 22px;
    height: 22px;
    font-size: 16px
}

@media (min-width:768px) {
    .cart-page {
        padding-top: 132px
    }
}

.cart-page .cart-item {
    margin: 0
}

.cart-page .cart-item .container {
    margin: 0 20px
}

.cart-page .cart-item h4 {
    margin: 35px 0 32px
}

.cart-page .cart-item-head .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cart-page .cart-item-head__text {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left;
    padding-left: 15px
}

@media (-ms-high-contrast:none) {
    .cart-page .cart-item-head__text {
        -ms-flex-preferred-size: 54%;
        flex-basis: 54%;
        padding-left: 1%
    }
}

.cart-page .cart-item-head__text h2 {
    font-size: 16px;
    line-height: 21px;
    margin: 0
}

@media (min-width:768px) {
    .cart-page .cart-item-head__text h2 {
        font-size: 18px;
        line-height: 23px
    }
}

.cart-page .cart-item-head__text a {
    margin: 20px 0 10px
}

.cart-page .cart-item-head__text a.link--blue {
    font-size: 13px;
    font-weight: 600
}

.cart-page .cart-item-head__image {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cart-page .cart-item-head__image img {
    max-height: 500px
}

.cart-page .cart-item-details {
    margin-top: 42px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cart-page .cart-item-details li {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left;
    margin-bottom: 3px
}

.cart-page .cart-item-details li p {
    font-size: 12px;
    line-height: 16px
}

.cart-page .cart-item-details li p.spec {
    font-weight: 500
}

.cart-page .cart-item .desktop-item-details {
    display: none
}

@media (min-width:768px) {
    .cart-page .cart-item .mobile-item-details {
        display: none
    }

    .cart-page .cart-item .desktop-item-details {
        display: block
    }

    .cart-page .cart-item .cart-item-details {
        margin-top: 10px
    }

    .cart-page .cart-item .cart-item-details li {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .cart-page .cart-item .cart-item-details li p {
        display: inline-block;
        font-size: 16px;
        line-height: 21px
    }
}

.cart-page .cart-item-includes {
    text-align: left;
    padding-right: 30px
}

.cart-page .cart-item-includes p {
    margin: 0
}

.cart-page .cart-customization {
    margin: 65px 0 0
}

.cart-page .cart-customization .container {
    margin: 0 20px
}

.cart-page .cart-customization .section__title {
    padding-bottom: 22px
}

@media (min-width:768px) {
    .cart-page .cart-customization__group {
        margin-bottom: 50px
    }
}

.cart-page .cart-customization__group>p {
    letter-spacing: .02em;
    line-height: 25px;
    font-size: 20px
}

.cart-page .cart-customization__group>.blue {
    font-size: 16px;
    line-height: 21px
}

.cart-page .cart-customization__group>.blue .btn {
    padding: 3px;
    font-size: 13px;
    line-height: 7px
}

.cart-page .cart-customization__list {
    text-align: left
}

.cart-page .cart-customization__list.hidden {
    display: none
}

.cart-page .cart-customization__list.visible {
    display: block;
    margin-bottom: 24px
}

.cart-page .cart-customization__list .btn--small {
    margin-left: 5px
}

.cart-page .cart-customization__list label {
    display: block;
    margin: 15px auto 22px
}

.cart-page .cart-customization__list label:last-child {
    margin-bottom: 29px
}

.cart-page .cart-customization__list p {
    margin: 0
}

.cart-page .cart-customization__list input {
    opacity: 0;
    height: 0
}

.cart-page .cart-customization__list input:checked~.cart-customization__item {
    outline: 2px solid #5cd2ff
}

.cart-page .cart-customization__item {
    border: 1px solid #5cd2ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px
}

.cart-page .cart-customization__item p {
    font-size: 12px;
    line-height: 17px;
    max-width: 70%;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    text-align: left;
    margin: 0
}

@media (min-width:768px) {
    .cart-page .cart-customization__item p {
        font-size: 18px;
        line-height: 23px
    }
}

.cart-page .cart-customization__item p.orange {
    text-align: right;
    max-width: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
}

.cart-page .cart-customization--premium {
    margin-top: 60px
}

@media (min-width:768px) {
    .cart-page .cart-customization--premium {
        width: 100%
    }
}

.cart-page .cart-customization--premium .container {
    margin: auto;
    width: auto
}

.cart-page .section--configuration-shipping {
    margin: 70px 0 0
}

.cart-page .section--configuration-shipping .icon--text p {
    margin-bottom: 16px
}

.cart-page .flex-desktop-customization .desktop-right-customization {
    display: none
}

@media (min-width:768px) {
    .cart-page .flex-desktop-customization {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .cart-page .flex-desktop-customization .desktop-right-customization {
        display: block;
        width: 30%;
        background: #4d2ac2;
        padding: 27px 20px 25px
    }

    .cart-page .flex-desktop-customization .desktop-right-customization .cart-item-details {
        margin-top: 10px
    }

    .cart-page .flex-desktop-customization .desktop-right-customization .cart-item-details li {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 20px
    }

    .cart-page .flex-desktop-customization .desktop-right-customization .cart-item-details li .cart-text {
        font-size: 16px;
        line-height: 21px;
        font-weight: 600
    }

    .cart-page .flex-desktop-customization .desktop-right-customization .btn {
        background-color: #000;
        font-size: 12px;
        padding: 5px 15px;
        margin-top: 20px
    }

    .cart-page .flex-desktop-customization .desktop-right-customization .cart-total {
        font-size: 14px;
        line-height: 19px
    }

    .cart-page .flex-desktop-customization .desktop-left-customization {
        width: calc(70% - 20px);
        margin-right: 20px
    }

    .cart-page .flex-desktop-customization.visible {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.cart-top-bar-fixed-header {
    position: fixed;
    z-index: 9;
    width: 100%
}

.checkout-page {
    padding-top: 54px
}

@media (min-width:768px) {
    .checkout-page {
        padding-top: 132px
    }
}

.checkout-page .section--proposition {
    margin-top: 57px
}

.checkout-page .section--newsletter--bottom {
    margin-top: 0
}

.checkout-items {
    margin: 34px 0 0
}

.checkout-items .container {
    margin: 0 20px
}

.checkout-items p {
    font-size: 12px
}

.checkout-items__list {
    margin: 32px 0 0;
    padding: 0;
    list-style: none
}

.checkout-items__summary {
    background: #4d2ac2;
    padding: 27px 20px 25px
}

.checkout-items__summary div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.checkout-items__summary div p {
    margin: 0;
    text-align: left;
    -ms-flex-preferred-size: 47%;
    flex-basis: 47%;
    max-width: 50%;
    font-size: 13px;
    line-height: 20px;
    font-family: basic-sans;
    letter-spacing: 2px
}

.checkout-items__summary div.summary {
    margin: 20px 0 15px
}

.checkout-items__summary div.summary p {
    font-size: 17px
}

.checkout-items__summary div .btn {
    display: block;
    text-align: center
}

@media (min-width:768px) {
    .checkout-items .checkout-items__list-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .checkout-items .checkout-items__list-wrapper .checkout-items__list {
        width: calc(70% - 20px);
        margin-right: 20px
    }

    .checkout-items .checkout-items__list-wrapper .checkout-items__list .checkout-item__text h3 {
        font-size: 21px;
        line-height: 26px
    }

    .checkout-items .checkout-items__list-wrapper .checkout-items__list .checkout-item__text p {
        font-size: 16px;
        line-height: 21px
    }

    .checkout-items .checkout-items__summary {
        width: 30%
    }

    .checkout-items .checkout-items__summary .button-wrapper p {
        -ms-flex-preferred-size: initial;
        flex-basis: auto;
        max-width: none
    }

    .checkout-items .title {
        font-size: 21px;
        line-height: 26px;
        text-transform: uppercase
    }
}

.checkout-items .link__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px
}

.checkout-items .link__wrapper a {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em
}

@media (min-width:768px) {
    .checkout-items .link__wrapper a {
        font-size: 14px
    }
}

.checkout-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
    border-bottom: 1px solid #3d3d3d;
    padding-bottom: 23px;
    margin-bottom: 30px
}

.checkout-item:last-child {
    margin-bottom: 15px
}

.checkout-item__image {
    -ms-flex-preferred-size: 27%;
    flex-basis: 27%
}

.checkout-item .link--blue {
    margin-top: 5px;
    font-weight: 600;
    letter-spacing: .01em;
    text-decoration: underline
}

.checkout-item .toggle__btn,
.checkout-item .toggle__btn-desk {
    background: transparent;
    border: none;
    cursor: pointer
}

.checkout-item .toggle__btn-desk .icon-button,
.checkout-item .toggle__btn .icon-button {
    padding: 2px 5px;
    font-size: 11px;
    display: initial
}

.checkout-item .mobile-view-details {
    padding: 6px 0
}

.checkout-item .mobile-view-details .icon-button {
    margin-left: 3px
}

.checkout-item__details {
    margin: 10px 0 0;
    border-top: 1px solid #5cd2ff;
    border-bottom: 1px solid #5cd2ff;
    width: 100%;
    padding: 10px 0
}

.checkout-item__details .cart-item-details {
    list-style: none;
    padding: 5px
}

.checkout-item__details .cart-item-details p {
    display: inline-block;
    font-size: 16px;
    line-height: 21px;
    padding: 2px
}

@media (min-width:768px) {
    .checkout-item__details {
        width: 73%;
        margin-left: 27%
    }
}

.checkout-item .hidden {
    display: none
}

.checkout-item .visible {
    display: block;
    margin-bottom: 24px
}

.checkout-item .desktop-view-details {
    display: none;
    position: absolute;
    bottom: 0
}

.checkout-item__text {
    margin-top: -1px;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    padding: 0 3% 0 2%;
    position: relative
}

.checkout-item__text h3 {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0;
    font-weight: 700;
    font-family: purista-web;
    margin: 0 0 5px
}

.checkout-item__text p {
    font-family: basic-sans;
    font-size: 12px;
    line-height: 15px;
    margin: 0
}

.checkout-item__text p.orange {
    margin-top: 11px;
    font-size: 14px
}

@media (min-width:768px) {
    .checkout-item__text {
        padding-bottom: 25px
    }
}

@media (min-width:768px) {
    .checkout-item .desktop-view-details {
        display: block
    }

    .checkout-item .mobile-view-details {
        display: none
    }
}

.checkout-item__actions {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    text-align: right
}

.checkout-item__actions a {
    color: #7d7d7d;
    font-size: 10px;
    letter-spacing: 2px
}

.checkout-item__actions select {
    background: transparent;
    border: none;
    width: auto;
    font-family: purista-web;
    font-size: 12px;
    line-height: 15px;
    padding-left: 25px;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

@media (min-width:768px) {
    .checkout-item__actions select {
        font-size: 16px;
        line-height: 21px;
        font-weight: 600
    }
}

.checkout-item__actions option {
    color: #000
}

.checkout-item__actions .select-wrapper {
    position: relative;
    margin-top: 50px
}

.checkout-item__actions .select-wrapper:before {
    position: absolute;
    top: 3px;
    pointer-events: none;
    background-image: url(../img/chevrod_down_white.png);
    background-size: cover;
    display: inline-block;
    width: 12px;
    height: 6px;
    content: "";
    right: 50px
}

.checkout-item__actions select::-ms-expand {
    display: none
}

.modal {
    display: none;
    position: fixed;
    z-index: 101;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000
}

.modal .container {
    padding: 50px;
    overflow: auto;
    height: 100%
}

.modal .container h2 {
    font-size: 12px;
    color: #ff8015;
    padding-bottom: 30px;
    text-transform: uppercase;
    font-family: basic-sans;
    line-height: 16px;
    font-weight: 300;
    letter-spacing: .163em
}

.modal .container h2:after {
    content: "";
    display: block;
    width: 40px;
    -webkit-box-shadow: #fff 0 0 2px 2px;
    box-shadow: 0 0 2px 2px #fff;
    margin: 10px auto
}

.modal .container h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: .02em;
    font-family: purista-web
}

.modal .container h4 {
    font-weight: 600;
    font-size: 13px
}

@media (min-width:768px) {
    .modal .container h4 {
        font-size: 16px
    }
}

.modal .close {
    color: #aaa;
    float: left;
    font-size: 28px;
    font-weight: 700
}

.modal .close:focus,
.modal .close:hover {
    color: #ff8015;
    text-decoration: none;
    cursor: pointer
}

.sentences__item {
    margin-bottom: 20px
}

.article-page .page__title {
    margin: 95px 0 40px;
    font-family: pirulen
}

@media (min-width:768px) {
    .article-page .page__title {
        margin-top: 170px
    }
}

.article-page .post-back {
    font-family: purista-web;
    font-size: 15px;
    line-height: 19px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    margin-left: 50px
}

.article-page .post-back img {
    margin-right: 20px
}

@media (min-width:768px) {
    .article-page .post-back {
        display: none
    }
}

.article-page .article:not(:last-child) {
    margin-bottom: 60px
}

.article-page .article img {
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover
}

.article-page .article .orange {
    font-style: italic;
    margin-bottom: 25px
}

.article-page .article h2 {
    margin: 30px 0 12px
}

.article-page .article a {
    margin-top: 30px;
    display: inline-block
}

.article-page .article .container img {
    margin: 40px 0
}

.article-page .article .post-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.article-page .article .post-arrow img {
    margin: 0;
    width: auto;
    height: auto
}

.article-page .article .post-arrow-left,
.article-page .article .post-arrow-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: purista-web;
    font-size: 12px;
    line-height: 19px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
    margin: 10px 50px;
    text-decoration: none
}

.article-page .article .post-arrow-left img {
    margin-right: 20px
}

.article-page .article .post-arrow-right img {
    margin-left: 20px
}

.article-page .article .post-date {
    font-size: 16px;
    margin-bottom: 0;
    text-transform: none
}

.article-page .article .post-date:after {
    margin: 30px auto
}

@media (min-width:768px) {
    .article-page .desktop-blog-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        width: 750px
    }

    .article-page .desktop-blog-list .article {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 20px
    }

    .article-page .desktop-blog-list .article .container {
        margin: auto;
        width: auto
    }
}

@media (min-width:768px) {
    .section-event-blog {
        border-bottom: 1px solid #5cd2ff;
        padding-bottom: 60px;
        margin-bottom: 20px
    }
}

.community-page {
    padding-top: 89px
}

@media (min-width:768px) {
    .community-page {
        padding-top: 170px
    }
}

.community-page .community__header {
    margin: 0
}

.community-page .community__header h4 {
    margin: 0 0 30px
}

.community-page .community__header .section__title {
    padding-bottom: 25px
}

.community-page .community__header .section-heading {
    margin-bottom: 7px;
    padding: 0 20px
}

.community-page .community__header p:not(:last-child) {
    margin-bottom: 60px
}

.community-page .community__team {
    margin-top: 26px
}

.community-page .community__team .team img {
    margin-bottom: 27px
}

.community-page .community__team .team .section-heading {
    margin-bottom: 15px
}

.community-page .community__team .team h3 {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
    font-family: purista-web;
    font-weight: 400
}

.community-page .community__team .team h3:last-of-type,
.community-page .community__team .team p {
    margin-bottom: 20px
}

.community-page .community__team .team .btn {
    padding: 5px 15px
}

.community-page .community__team .team:not(:last-child) {
    margin-bottom: 60px
}

.community-page .community__team .team .orange {
    margin: 0;
    font-style: italic
}

.community-page .sponsorship {
    background: url(../img/Rectangle\ 149.png) 50%;
    background-size: cover
}

.community-page .sponsorship .sponsorship__layer {
    padding: 65px 50px 94px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #3d2199), to(rgba(61, 33, 153, .5)));
    background: -o-linear-gradient(#3d2199 25%, rgba(61, 33, 153, .5));
    background: linear-gradient(#3d2199 25%, rgba(61, 33, 153, .5))
}

.community-page .sponsorship .sponsorship__layer .section__title {
    padding-bottom: 60px
}

.community-page .sponsorship .sponsorship__layer .section-heading {
    margin-bottom: 5px;
    line-height: 25px
}

.community-page .sponsorship .sponsorship__layer .btn {
    margin-top: 25px;
    padding: 4px 30px;
    background-color: #000
}

.gamers-page {
    padding-top: 90px
}

@media (min-width:768px) {
    .gamers-page {
        padding-top: 170px
    }
}

.gamers-page .gamers__header {
    margin-top: 0
}

.gamers-page .gamers__header .gamers {
    margin-top: 32px;
    width: 100%;
    position: relative;
    background: url(../img/newsletter_bkg.png) no-repeat center 0;
    background-size: cover
}

.gamers-page .gamers__header .gamers .icon {
    margin-bottom: 32px
}

.gamers-page .gamers__header .gamers .icon .icon__img {
    max-width: 88px
}

.gamers-page .gamers__header .gamers .section-heading {
    margin-bottom: 10px
}

.gamers-page .gamers__header .gamers p {
    padding: 0 20px
}

.gamers-page .gamers__header .gamers .gamers__layer {
    padding: 70px 30px 65px;
    background-color: rgba(61, 33, 153, .85)
}

.gamers-page .gamers__list .gamer__item {
    position: relative
}

.gamers-page .gamers__list .gamer__item:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    left: 50%;
    bottom: 0;
    background-color: #5cd2ff;
    width: calc(100% - 60px)
}

.gamers-page .gamers__list .gamer__item:first-child:before {
    content: "";
    display: block;
    margin: 0 auto;
    height: 1px;
    background-color: #5cd2ff;
    width: calc(100% - 60px)
}

.gamers-page .gamers__list .gamer__item:first-child .gamer__header {
    padding-top: 17px
}

.gamers-page .gamers__list .gamer__item .gamer__header {
    margin: 0;
    padding: 24px 15px 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:768px) {
    .gamers-page .gamers__list .gamer__item .gamer__header {
        padding-left: 0
    }
}

.gamers-page .gamers__list .gamer__item .gamer__header:last-child {
    border-bottom: 1px solid #5cd2ff
}

.gamers-page .gamers__list .gamer__item .gamer__header .gamer {
    width: 100%
}

.gamers-page .gamers__list .gamer__item .gamer__header .gamer h2 {
    margin-bottom: 3px
}

.gamers-page .gamers__list .gamer__item .gamer__header .gamer span {
    font-family: purista-web;
    font-size: 16px;
    font-style: italic;
    font-weight: 400
}

@media (min-width:768px) {
    .gamers-page .gamers__list .gamer__item .gamer__header .btn {
        -ms-flex-item-align: center;
        align-self: center;
        line-height: 15px;
        width: 15px;
        height: 15px;
        margin-top: 0;
        padding: 0
    }
}

.gamers-page .gamers__list .gamer__item .gamer__header .mini-img {
    width: 60px;
    height: 60px;
    display: none
}

@media (min-width:768px) {
    .gamers-page .gamers__list .gamer__item .gamer__header .mini-img {
        display: block;
        background-position: 50%;
        background-size: cover
    }
}

.gamers-page .gamers__list .gamer__item .container {
    margin: 0 30px
}

.gamers-page .gamers__list .gamer__item .gamer__details img {
    margin-top: 5px
}

.gamers-page .gamers__list .gamer__item .gamer__details.hidden {
    display: none
}

.gamers-page .gamers__list .gamer__item .gamer__details.visible {
    display: block;
    margin-bottom: 24px
}

.gamers-page .gamers__list .gamer__item .gamer__details .description {
    padding: 58px 40px 38px
}

.gamers-page .gamers__list .gamer__item .gamer__details .description p:not(:first-child) {
    margin-top: 21px
}

@media (min-width:768px) {
    .gamers-page .gamers__list .gamer__item .gamer__details.visible {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        width: 750px;
        margin: auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 15px
    }

    .gamers-page .gamers__list .gamer__item .gamer__details img {
        margin-right: 48px;
        margin-top: -80px;
        max-height: 500px
    }

    .gamers-page .gamers__list .gamer__item .gamer__details .description {
        width: 40%;
        padding: 0;
        text-align: left;
        margin: 0
    }
}

@media (min-width:992px) {
    .gamers-page .gamers__list .gamer__item .gamer__details.visible {
        width: 970px
    }
}

@media (min-width:1200px) {
    .gamers-page .gamers__list .gamer__item .gamer__details.visible {
        width: 1170px
    }
}

@media (min-width:768px) {
    .gamers-page .gamers__list .gamer__item .gamer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-right: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .gamers-page .gamers__list .gamer__item .gamer .gamer_text {
        text-align: left
    }

    .gamers-page .gamers__list .gamer__item .gamer .gamer_text h2 {
        color: #5cd2ff
    }
}

.process-page {
    padding-top: 90px
}

@media (min-width:768px) {
    .process-page {
        padding-top: 170px
    }
}

.process-page .section--process {
    margin-top: 0
}

.process-page .section--process h4 {
    margin: 0 0 32px
}

.process-page .section--process .section-heading {
    margin-bottom: 11px
}

.process-page .section--process .icon .icon__img {
    max-width: 73px
}

.process-page .section--process p {
    line-height: 18px
}

.process-page .process-list {
    margin: 30px 0 0
}

.process-page .process-list .section-heading {
    margin-bottom: 24px
}

.process-page .process-list .icon {
    margin-bottom: 20px
}

.process-page .process-list .list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 33px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.process-page .process-list .list__item .list-icon {
    margin-right: 20px;
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 30px
}

.process-page .process-list .list__item p {
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    width: 100%
}

.process-page .process-list .section--image-center .section-heading {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 24px
}

.process-page .process-list .desing-aesthetics-list {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .process-page .process-list {
        margin: 67px 0 0
    }

    .process-page .process-list .icon,
    .process-page .process-list .section-heading {
        margin-bottom: 30px
    }

    .process-page .process-list .our-procces-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .process-page .process-list .our-procces-list .list__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 10px
    }

    .process-page .process-list .our-procces-list .list__item .list-icon {
        margin: 0 0 30px
    }

    .process-page .process-list .our-procces-list .list__item p {
        text-align: center;
        font-size: 16px;
        line-height: 21px
    }

    .process-page .process-list p {
        font-size: 16px;
        line-height: 21px
    }

    .process-page .process-list .desing-aesthetics-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 750px;
        margin: auto
    }

    .process-page .process-list .desing-aesthetics-list .section--image-center {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .process-page .process-list .desing-aesthetics-list .section--image-center .section__image {
        padding: 0
    }

    .process-page .process-list .desing-aesthetics-list .section--image-center .section__image img {
        max-height: 170px
    }
}

@media (min-width:992px) {
    .process-page .process-list .desing-aesthetics-list {
        width: 970px
    }

    .process-page .process-list .desing-aesthetics-list .section--image-center .section__image img {
        max-height: 200px
    }
}

@media (min-width:1200px) {
    .process-page .process-list .desing-aesthetics-list {
        width: 1170px
    }

    .process-page .process-list .desing-aesthetics-list .section--image-center .section__image img {
        max-height: 250px
    }
}

.process-page .section--pc-products {
    margin-top: 42px
}

.process-page .section--pc-products .section-heading {
    padding: 0 40px
}

.support-page {
    padding-top: 89px
}

@media (min-width:768px) {
    .support-page {
        padding-top: 170px
    }
}

.support-page .section--support h4 {
    margin: 0 0 60px
}

.support-page .section--support .icons {
    margin-top: 26px;
    padding-bottom: 24px;
    margin-bottom: 28px
}

.support-page .section--support .icons:first-of-type {
    border-bottom: 1px solid #fff
}

.support-page .section--support .icons .icon--text p {
    margin-top: 10px;
    font-size: 16px
}

.support-page .section--support .icons.media {
    margin-top: 22px;
    margin-bottom: 0;
    padding-bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none
}

.support-page .section--support .icons.media .icon {
    margin: 0 15px
}

@media (min-width:768px) {
    .support-page .section--support .flex-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .support-page .section--support .flex-wrapper__item {
        padding: 0 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .support-page .section--support .flex-wrapper__item:first-of-type {
        border-right: 1px solid #5cd2ff
    }

    .support-page .section--support .flex-wrapper .icons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .support-page .section--support .flex-wrapper .icons:first-of-type {
        border-bottom: none
    }

    .support-page .section--support .flex-wrapper .icons .icon {
        margin: 0 15px
    }
}

.support-page .section--lifetime-quality {
    margin-bottom: 0
}

.support-page .section--newsletter--bottom {
    margin-top: 84px
}

.question__list {
    text-align: left
}

.question__list .question {
    padding: 18px 15px 15px;
    border-bottom: 1px solid #5cd2ff
}

.question__list .question:first-child {
    border-top: 1px solid #5cd2ff
}

.question__list .question .question__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.question__list .question .question__header>p {
    color: #5cd2ff;
    width: 100%
}

.question__list .question .question__header .button__wrapper {
    margin: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.question__list .question .question__header .button__wrapper .btn {
    text-align: center
}

@media (min-width:768px) {
    .question__list .question .question__header .button__wrapper .btn {
        width: 15px;
        height: 15px;
        padding: 0;
        line-height: 15px
    }
}

.question__list .question .expandable__element {
    padding-left: 30px
}

.question__list .question .expandable__element.hidden {
    display: none
}

.question__list .question .expandable__element p {
    margin-top: 13px
}

.question__list .question .expandable__element .btn {
    margin: 26px 0 4px
}

.minus {
    display: none
}

.clicked .minus {
    display: inline-block
}

.clicked .plus {
    display: none
}

.section--newsletter .section-title__text {
    padding-bottom: 0
}

.section--newsletter .section-title__text .newsletter__desription {
    margin: 30px 0
}

.company-page {
    padding-top: 90px
}

@media (min-width:768px) {
    .company-page {
        padding-top: 170px
    }
}

.company-page .company-philosophy {
    margin: 0 0 64px
}

.company-page .company-philosophy .container h4 {
    margin: 0 0 40px
}

.company-page .company-philosophy .container .section-heading {
    margin: 27px 0 8px
}

.company-page .company-philosophy .container p:nth-of-type(2) {
    margin-top: 20px
}

.company-page .company-for__gamers {
    margin: 70px 0 0
}

.company-page .company-for__gamers .container .section-heading {
    margin: 21px 0 8px
}

.company-page .company-pre__builds {
    margin: 59px 0 0
}

.company-page .company-pre__builds .container .section-heading {
    margin: 22px 0 8px
}

.company-page .company-pre__builds .container .btn {
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 600;
    margin-top: 24px;
    padding: 5px 15px
}

.company-page .section--in-media {
    padding-top: 65px;
    background: #000
}

.company-page .section--in-media p:not(.video__author) {
    color: #fff
}

.company-page .section--process {
    margin-top: 0
}

.configuration-page {
    padding-top: 90px
}

@media (min-width:768px) {
    .configuration-page {
        padding-top: 170px
    }
}

.configuration-page .configuration__spec {
    margin: 0
}

.configuration-page .configuration__spec .container {
    margin: 0 25px
}

@media (min-width:768px) {
    .configuration-page .configuration__spec .container {
        margin: auto
    }
}

.configuration-page .configuration__spec .section-heading {
    margin: 30px 0 33px
}

@media (min-width:768px) {
    .configuration-page .configuration__spec .section-heading {
        margin: 30px 0 80px
    }
}

.configuration-page .configuration__spec .slider-configuration--spec .slider__navigation {
    margin: 0 0 28px;
    position: -webkit-sticky;
    position: sticky;
    top: 54px;
    background-color: #000;
    z-index: 10
}

@media (min-width:768px) {
    .configuration-page .configuration__spec .slider-configuration--spec .slider__navigation {
        top: 92px
    }
}

.configuration-page .configuration__spec .slider-configuration--spec .slider__navigation button {
    font-size: 15px;
    font-weight: 700;
    font-family: purista-web;
    padding: 17px 0;
    max-width: none
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row {
    margin: 0
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row p {
    font-size: 11px
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row p.spec.italic {
    margin: 0
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row p.orange {
    font-size: 19px
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row:first-child {
    border-top: 1px solid #7d7d7d
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row--bordered .spec {
    padding: 0;
    margin: 5px 0 6px
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row--bordered .spec.blue {
    font-size: 13px;
    padding: 0;
    margin: 0;
    font-style: italic;
    font-weight: 400
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row--bordered.procesor>div,
.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row--bordered.system>div {
    padding-bottom: 20px
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row--bordered.memory>div {
    padding-bottom: 24px
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row--bordered.video__card>div {
    padding-bottom: 25px
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row--bordered.system__drive>div {
    padding-bottom: 29px
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row--bordered.storage__drive>div {
    padding-bottom: 38px
}

@media (min-width:768px) {
    .configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row .spec {
        font-size: 14px
    }

    .configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row .spec.blue {
        font-size: 18px
    }
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row.buttons__row {
    margin: 0;
    border: none
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row.buttons__row>div {
    padding: 0
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row.buttons__row>div .btn {
    margin: 10px 5px;
    padding: 5px 14px
}

.configuration-page .configuration__spec .slider-configuration--spec .configuration__details .details__row .shadow {
    opacity: .3
}

.configuration-page .section--newsletter--bottom {
    margin-top: 0
}

.careers-page {
    padding-top: 90px
}

@media (min-width:768px) {
    .careers-page {
        padding-top: 170px
    }
}

.careers-page .careers-header {
    margin: 0
}

.careers-page .careers-header h4 {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .careers-page .careers-header h4 {
        margin-bottom: 65px
    }
}

.careers-page .careers-header .section__title {
    padding-bottom: 35px
}

.careers-page .careers-header .icon {
    margin-bottom: 23px
}

.careers-page .careers-header .section-heading {
    margin-bottom: 9px
}

.careers-page .careers-header p {
    line-height: 18px
}

.careers-page .process-list {
    margin: 67px 0 0
}

.careers-page .process-list .container {
    margin: 0 45px
}

.careers-page .process-list .icon {
    margin-bottom: 26px
}

.careers-page .process-list .section-heading {
    padding: 0 20px;
    margin-bottom: 23px
}

.careers-page .process-list .list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

.careers-page .process-list .list__item:last-child {
    margin-bottom: 0
}

.careers-page .process-list .list__item>div p {
    width: 45px;
    font-size: 26px;
    color: #4d2ac2;
    font-weight: 600;
    margin-top: 6px
}

@media (min-width:768px) {
    .careers-page .process-list .list__item>div p {
        margin-top: 0;
        margin-right: 40px
    }
}

.careers-page .process-list .list__item>p {
    font-size: 16px;
    line-height: 18px;
    text-align: left
}

.careers-page .process-posting {
    margin-top: 62px
}

.careers-page .process-posting .container {
    margin: 0 50px
}

.careers-page .process-posting .icon {
    margin-bottom: 23px
}

.careers-page .process-posting .section-heading {
    margin-bottom: 25px
}

.careers-page .process-posting .list__careers {
    padding-left: 0;
    list-style: none
}

.careers-page .process-posting .list__careers li {
    border-bottom: 1px solid #5cd2ff
}

.careers-page .process-posting .list__careers li:first-child {
    border-top: 1px solid #5cd2ff
}

.careers-page .process-posting .list__careers li .list__text {
    padding: 28px 0 25px
}

.careers-page .process-posting .list__careers li .list__text h3 {
    font-family: purista-web;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .02em
}

.careers-page .process-posting .list__careers li .list__text .orange {
    margin-top: 8px;
    font-size: 16px;
    line-height: 21px;
    font-style: italic;
    letter-spacing: 0
}

.careers-page .process-posting .list__careers li .list__text p {
    padding: 0 20%
}

.careers-page .slider-customer-review {
    margin-bottom: 64px
}

.careers-page .slider-customer-review .review__comments .review__comment {
    margin-top: 23px
}

.careers-page .slider-customer-review .section__title {
    padding-bottom: 30px
}

.careers-page .slider-customer-review .customer-review {
    position: relative
}

.careers-page .slider-customer-review .customer-review img {
    max-width: 27%
}

.careers-page .slider-customer-review .customer-review .stars {
    padding: 21px 0
}

.careers-page .slider-customer-review .glide__arrows {
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    max-width: 75%;
    margin: 0 auto
}

@media (min-width:768px) {
    .careers-page .slider-customer-review .glide__arrows {
        top: 25%
    }
}