/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
 #landing-page html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}
/**
 * Remove default margin.
 */
#landing-page body {
    margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
#landing-page article,
#landing-page aside,
#landing-page details,
#landing-page figcaption,
#landing-page figure,
#landing-page footer,
#landing-page header,
#landing-page hgroup,
#landing-page main,
#landing-page menu,
#landing-page nav,
#landing-page section,
#landing-page summary {
    display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
#landing-page audio,
#landing-page canvas,
#landing-page progress,
#landing-page video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
#landing-page audio:not([controls]) {
    display: none;
    height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
#landing-page a {
    background-color: transparent;
}
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
#landing-page a:active,
#landing-page a:hover {
    outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
#landing-page abbr[title] {
    border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
#landing-page b,
#landing-page strong {
    font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
#landing-page dfn {
    font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
#landing-page h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
#landing-page mark {
    background: #ff0;
    color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
#landing-page small {
    font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
#landing-page sub,
#landing-page sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
#landing-page sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
    box-sizing: content-box;
    height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    box-sizing: content-box;
    /* 2 */
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
#landing html {
    box-sizing: border-box;
    font: 14px/1.57 "GothamPro", "Helvetica Neue", "Helvetica", sans-serif;
}
@media (min-width: 1024px) {
    #landing html {
        font-size: 14px;
    }
}
.container,
.wh-container{
    position: relative;
    margin: auto;
    max-width: 1440px;
    padding: 0 15px;
}
/*@media (min-width: 768px){*/
/*    .container,*/
/*    .wh-container{*/
/*        padding: 0 30px;*/
/*    }*/
/*}*/


@media (min-width: 1200px) {
    .tabs div.tabs-holder .add-padding {
        padding: 0 65px !important;
    }
}

#landing body {
    color: #393939;
    background: #fff;
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
}
#landing img {
    max-width: 100%;
    vertical-align: top;
    height: auto;
}
#landing .gm-style img {
    max-width: none;
}
#landing .hero-slide .wh-container {
    margin-top: 90px;
}
#landing .btn {
    font: 14px/1.57 "GothamPro", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 600;
}
#landing .hero-slide .wh-container .bottom-block .btn {
    padding: 25px;
    line-height: 4px !important;
}
#landing .text-holder .btn, #landing .form-holder .btn {
    padding: 22px 30px;
    line-height: 6px !important;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.h {
    font-family: "GothamPro", "Helvetica Neue", "Helvetica", sans-serif;
    line-height: 1.25;
    font-weight: 700;
    margin: 0 0 0.5em;
    color: inherit;
}
h1, .h1 {
    font-size: 28px;
}
@media (min-width: 768px) {
    h1, .h1 {
        font-size: 32px;
    }
}
@media (min-width: 1024px) {
    h1, .h1 {
        font-size: 52px;
    }
}
h2, .h2 {
    font-size: 24px;
}
@media (min-width: 768px) {
    h2, .h2 {
        font-size: 32px;
    }
    .hero-slide h2{
        font-size: 25px!important;
    }
}
@media (min-width: 1024px) {
    h2, .h2 {
        font-size: 46px;
    }
    .hero-slide h2{
        font-size: 36px!important;
    }
}
h3, .h3 {
    font-size: 22px;
    font-weight: 700;
}
@media (min-width: 768px) {
    h3, .h3 {
        font-size: 26px;
    }
}
@media (min-width: 1024px) {
    h3, .h3 {
        font-size: 36px;
    }
}
h4, .h4 {
    font-size: 18px;
    margin-bottom: 0.75em;
    line-height: 1.5;
}
@media (min-width: 768px) {
    #landing h4, #landing .h4 {
        font-size: 22px;
    }
}
@media (min-width: 1024px) {
    #landing h4, #landing .h4 {
        font-size: 26px;
    }
}
#landing h5, #landing .h5 {
    font-size: 15px;
}
@media (min-width: 1024px) {
    #landing h5, #landing .h5 {
        font-size: 18px;
    }
}
#landing h6, #landing .h6 {
    font-size: 14px;
}
#landing
@media (min-width: 1024px) {
    h6, .h6 {
        font-size: 15px;
    }
}
#landing p {
    margin: 0 0 1em;
}
#landing a {
    transition: opacity 0.3s ease-in-out;
    color: #393939;
    text-decoration: none;
}
#landing a:hover, a:focus {
    text-decoration: none;
}
#landing body {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
#landing p:empty {
    margin: 0;
    padding: 0;
}
#landing .m-l-auto {
    margin-left: auto !important;
}
.m-r-auto {
    margin-right: auto !important;
}
img {
    max-width: 100%;
    height: auto;
}
.lt-ie9 img {
    zoom: 1;
}
img.media-object {
    max-width: inherit;
}
img.pull-right {
    margin-bottom: 60px;
    margin-left: 60px;
}
img.pull-left {
    margin-right: 60px;
    margin-bottom: 60px;
}
img.center-block {
    margin-bottom: 60px;
}
img.svg {
    transition: opacity 0.3s;
    opacity: 0;
}
img.svg.replaced-svg {
    opacity: 1;
}
.hero-slide .shop-list, .hero-slide h1 .storage-services, .hero-section .slick-dots, .nav-col .contacts, .brands-list, .drop-menu, .drop-menu .submenu, .achievements-list, .slick-dots, .steps-list, .shop-tabset, .faq-accordion, .bottom-section .extra-services, .prices .nembers-list, .prices .prices-list, .services .services-links, .form-tabset, .with-us-section .right-col .storage-list, ul:not([class]):not([id]), .header-holder .main-nav, .dropdown, .footer-bottom .phones, .footer-top .footer-nav, .social-networks {
    margin: 0;
    padding: 0;
    list-style: none;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
.ellipsis {
    white-space: nowrap;
    /* 1 */
    text-overflow: ellipsis;
    /* 2 */
    overflow: hidden;
}
.resize-active .header * {
    transition: none !important;
    animation: none !important;
}
.jcf-scrollable {
    height: 100% !important;
}
form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}
input[type='text'],
input[type='tel'],
input[type='number'],
input[type='email'],
input[type='search'],
input[type='password'],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    box-sizing: border-box;
    font-size: 1rem;
    border: 1px solid #000;
    padding: 16px 10px;
}
input[type='text']:focus,
input[type='tel']:focus,
input[type='number']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='password']:focus,
textarea:focus {
    border-color: #000;
}
input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: rgba(57, 57, 57, 0.6);
}
input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: rgba(57, 57, 57, 0.6);
}
input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='number']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
textarea:-moz-placeholder {
    color: rgba(57, 57, 57, 0.6);
}
input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: rgba(57, 57, 57, 0.6);
}
input[type='text'].placeholder,
input[type='tel'].placeholder,
input[type='number'].placeholder,
input[type='email'].placeholder,
input[type='search'].placeholder,
input[type='password'].placeholder,
textarea.placeholder {
    color: rgba(57, 57, 57, 0.6);
}
select {
    -webkit-border-radius: 0;
}
textarea {
    resize: vertical;
    vertical-align: top;
}
button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit'] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer;
}
@font-face {
    font-family: "GothamPro";
    src: url("../fonts/Gotha/GothaProLight.woff") format("woff"), url("../fonts/Gotha/GothaProLight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "GothamPro";
    src: url("../fonts/Gotha/GothaProRegular.woff") format("woff"), url("../fonts/Gotha/GothaProRegular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "GothamPro";
    src: url("../fonts/Gotha/GothaProMedium.woff") format("woff"), url("../fonts/Gotha/GothaProMedium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "GothamPro";
    src: url("../fonts/Gotha/GothaProBold.woff") format("woff"), url("../fonts/Gotha/GothaProBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "GothamPro";
    src: url("../fonts/Gotha/GothaProBlack.woff") format("woff"), url("../fonts/Gotha/GothaProBlack.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?j3w6w1");
    src: url("../fonts/icomoon.eot?j3w6w1#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?j3w6w1") format("truetype"), url("../fonts/icomoon.woff?j3w6w1") format("woff"), url("../fonts/icomoon.svg?j3w6w1#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-elephant {
    overflow: hidden;
}
.icon-arrow-thin-right:before {
    content: "\e921";
}
.icon-order-photo:before {
    content: "\e925";
}
.icon-np:before {
    content: "\e913";
}
.icon-return:before {
    content: "\e91c";
}
.icon-eye:before {
    content: "\e91d";
}
.icon-separate:before {
    content: "\e922";
}
.icon-registration:before {
    content: "\e923";
}
.icon-add-pack:before {
    content: "\e924";
}
.icon-checkmark:before {
    content: "\e91b";
}
.icon-video-camera:before {
    content: "\e90a";
}
.icon-setting:before {
    content: "\e914";
}
.icon-photo:before {
    content: "\e915";
}
.icon-glass:before {
    content: "\e916";
}
.icon-elephant:before {
    content: "\e918";
}
.icon-arrow-bottom:before {
    content: "\e912";
}
.icon-hexagon:before {
    content: "\e909";
}
.icon-arrow-left:before {
    content: "\e900";
}
.icon-arrow-left-lg:before {
    content: "\e901";
}
.icon-arrow-right-lg:before {
    content: "\e902";
}
.icon-auto:before {
    content: "\e903";
}
.icon-box:before {
    content: "\e904";
}
.icon-card:before {
    content: "\e905";
}
.icon-facebook:before {
    content: "\e906";
}
.icon-flight:before {
    content: "\e907";
}
.icon-invoice:before {
    content: "\e908";
}
.icon-love:before {
    content: "\e90b";
}
.icon-percent:before {
    content: "\e90c";
}
.icon-phone:before {
    content: "\e90d";
}
.icon-pin:before {
    content: "\e90e";
}
.icon-question:before {
    content: "\e90f";
}
.icon-repack:before {
    content: "\e910";
}
.icon-sea-ship:before {
    content: "\e911";
}
.icon-secure:before {
    content: "\e917";
}
.icon-shirt:before {
    content: "\e919";
}
.icon-shop:before {
    content: "\e91a";
}
.icon-telegram:before {
    content: "\e91e";
}
.icon-twitter:before {
    content: "\e91f";
}
.icon-user:before {
    content: "\e920";
}
.icon-instagram:before {
    content: "\f16d";
}
/* Slick slider styles */
#landing .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
#landing .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
#landing .slick-list:focus {
    outline: none;
}
#landing .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
#landing .slick-track,
#landing .slick-listl {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#landing .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
#landing .slick-track:before, #landing .slick-track:after {
    content: "";
    display: table;
}
#landing .slick-track:after {
    clear: both;
}
#landing .slick-loading .slick-track {
    visibility: hidden;
}
#landing .slick-slide {
    float: left;
    height: 100%;
    display: none;
}
[dir="rtl"] #landing .slick-slide {
    float: right;
}
#landing .slick-slide img {
    display: block;
}
#landing .slick-slide.slick-loading img {
    display: none;
}
#landing .slick-slide.dragging img {
    pointer-events: none;
}
#landing .slick-initialized .slick-slide {
    display: block;
}
#landing .slick-loading .slick-slide {
    visibility: hidden;
}
#landing .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
#landing .slick-arrow.slick-hidden {
    display: none;
}
#landing .container, .hero-section .slick-dots {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1440px;
}
#landing .hero-slide .container {
    width: unset;
}
@media (min-width: 1024px) {
    #landing .container, .hero-section .slick-dots {
        padding: 0 50px;
    }
}
.hero-slide .container {
    padding-top: 90px;
}
.hero-section{
    position: relative;
    z-index: 1;
}
section.achievements{
    position: relative;
    z-index: 2;
	-webkit-transform:translate3d(0,0,0);
}
.hero-section .slick-dots {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    display: flex;
    overflow: hidden;
    justify-content: center;
    font-size: 0;
}
@media (min-width: 768px) {
    .hero-section .slick-dots {
        justify-content: flex-start;
        bottom: 85px;
    }
}
.hero-section .slick-dots li {
    transition: margin 0.3s ease-in-out;
    margin-right: 10px;
}
@media (min-width: 768px) {
    .hero-section .slick-dots li {
        margin-right: 2px;
    }
}
.hero-section .slick-dots li:last-child {
    margin-right: 0;
}
.hero-section .slick-dots li.slick-active {
    position: relative;
}
.hero-section .slick-dots li.slick-active button {
    background-color: #EB7623;
}
@media (min-width: 768px) {
    .hero-section .slick-dots li.prev {
        margin-right: 0;
    }
}
@media (min-width: 768px) {
    .hero-section .slick-dots li.prev button {
        background-color: #EB7623;
        width: 12px;
    }
}
.hero-section .slick-dots button {
    transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out;
    width: 8px;
    height: 8px;
    display: block;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 50%;
}
@media (min-width: 768px) {
    .hero-section .slick-dots button {
        height: 1px;
        width: 10px;
        border-radius: 0;
    }
}
@media (min-width: 1024px) {
    .hero-section .slick-dots button:hover {
        background-color: #EB7623;
    }
}
.hero-slide {
    min-height: 500px;
    position: relative;
    padding: 53px 0 20px;
}
.hero-slide .slide-holder {
    position: relative !important;
}
@media (min-width: 768px) {
    .hero-slide {
        padding: 120px 0;
        background-color: #F4F4F4;
    }
}
@media (min-width: 1024px) {
    .hero-slide {
        min-height: 700px;
    }
}
.hero-slide .shop-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -15px 30px;
}
@media (min-width: 1024px) {
    .hero-slide .shop-list {
        margin-bottom: 60px;
    }
}
.hero-slide .shop-list li {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .hero-slide .shop-list li {
        width: auto;
    }
}
.hero-slide .shop-list a {
    display: block;
}
.hero-slide .shop-list img {
    vertical-align: bottom;
}
.hero-slide .second-bg {
    display: none;
}
@media (min-width: 768px) {
    .hero-slide .second-bg {
        display: block;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }
}
.hero-slide .second-bg + .bg-holder {
    mix-blend-mode: initial;
}
.hero-slide .bg-holder {
    height: auto;
    background-size: cover;
    width: 100%;
    max-width: 1000px;
    background-repeat: no-repeat;
    background-position: right;
    mix-blend-mode: multiply;
    min-height: 175px;
}
@media (min-width: 768px) {
    .hero-slide .bg-holder .second-bg {
        position: absolute;
        min-height: auto;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
    }
}
.hero-slide h1 {
    line-height: 1.2;
    font-weight: 900;
    margin-bottom: 34px;
    position: relative;
    display: inline-block;
}
.hero-slide h1 + .bottom-block {
    padding-top: 16px;
}
.hero-slide h1 .storage-services {
    display: flex;
    align-items: center;
}
@media (min-width: 768px) {
    .hero-slide h1 .storage-services {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(100%, -100%);
    }
}
/*.hero-slide .container, .hero-slide .hero-section .slick-dots, .hero-section .hero-slide .slick-dots {*/
/*    position: relative;*/
/*    z-index: 3;*/
/*}*/

.hero-slide .text-holder h1 {
    max-width: 655px;
}
.hero-slide .text-holder .bottom-block {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .hero-slide .text-holder .bottom-block {
        max-width: 280px;
    }
}
.hero-slide .text-holder .bottom-block .badge {
    width: calc(50% - 10px);
    margin: 0 5px 10px;
    background-color: #E2E2E2;
}

.hero-slide .text-holder .bottom-block .badge-dark {
    width: calc(50% - 10px);
    margin: 0 5px 10px;
    background-color: rgba(0, 0, 0, 0.6);
}

.hero-slide .text-holder .bottom-block .btn {
    width: 100%;
}
.hero-slide .text-holder .bottom-block .btn {
    transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
    display: inline-block !important;
    vertical-align: middle !important;
    text-align: center !important;
    padding: 10px 30px !important;
    margin: 0 5px;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: linear-gradient(157.09deg, #EB7623 17.58%, #EB7623 82.32%) !important;
    box-shadow: 0px 4px 8px rgba(188, 103, 43, 0.26) !important;
    border-radius: 15px !important;
    height: unset !important;
    line-height: unset !important;
}

.hero-slide .text-holder .bottom-block .btn{
    transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
    display: inline-block !important;
    vertical-align: middle !important;
    text-align: center !important;
    padding: 10px 30px !important;
    margin: 0 5px;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: linear-gradient(157.09deg, #EB7623 17.58%, #EB7623 82.32%) !important;
    box-shadow: 0px 4px 8px rgba(188, 103, 43, 0.26) !important;
    border-radius: 15px !important;
    height: unset !important;
    line-height: unset !important;
}


.drop {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 1000;
    width: 100%;
}
@media (min-width: 1024px) {
    .drop {
        max-width: 890px;
    }
}
.nav-active .drop {
    opacity: 1;
    visibility: visible;
}
.drop .drop-cols {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    height: 100%;
    overflow-x: hidden;
}
@media (min-width: 768px) {
    .drop .drop-cols {
        padding: 50px;
        padding-top: 80px;
    }
}
@media (min-width: 1024px) {
    .drop .drop-cols {
        padding-top: 50px;
    }
}
.drop .nav-opener {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    background-color: #fff;
    right: 0;
    top: 0;
    z-index: 2;
}
@media (min-width: 375px) {
    .drop .nav-opener {
        width: 72px;
        height: 66px;
    }
}
@media (min-width: 1024px) {
    .drop .nav-opener {
        width: 80px;
        height: 80px;
        right: auto;
        left: calc(100% + 2px);
        top: 0;
    }
}
.drop .nav-opener:after, .drop .nav-opener:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 2px;
    background-color: #393939;
}
@media (min-width: 1024px) {
    .drop .nav-opener:after, .drop .nav-opener:before {
        width: 35px;
    }
}
.drop .nav-opener:before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.drop .nav-opener:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.brands-col {
    width: 100%;
    padding-bottom: 60px;
}
@media (min-width: 768px) {
    .brands-col {
        width: 384px;
        padding-bottom: 0;
    }
}
.brands-col .all-link {
    margin: 0 30px;
}
@media (min-width: 768px) {
    .brands-col .all-link {
        margin: 0;
    }
}
.nav-col {
    width: 100%;
    padding: 0 30px;
}
@media (max-width: 767px) {
    .nav-col .bottom-block .contacts {
        position: relative;
        min-height: 100px;
        margin-bottom: 35px;
    }
    .nav-col .bottom-block .contacts li:first-child {
        position: absolute;
        margin: 0;
        bottom: 0;
    }
}
@media (min-width: 768px) {
    .nav-col {
        width: calc(100% - 384px - 30px);
        margin-right: 30px;
        padding: 0;
    }
}
@media (min-width: 1024px) {
    .nav-col {
        width: calc(100% - 384px - 85px);
        margin-right: 85px;
    }
}
@media (min-width: 768px) {
    .nav-col .top-block {
        max-width: 284px;
    }
}
.nav-col .btn {
    position: relative;
    text-transform: none;
    font-size: 16px;
    padding-left: 50px;
    line-height: 2px;
    padding-top: 9px;
    padding-bottom: 9px;
    width: calc(100% - 122px);
    max-width: 158px;
}
@media (min-width: 375px) {
    .nav-col .btn {
        padding-top: 19px;
        padding-bottom: 19px;
    }
}
@media (min-width: 768px) {
    .nav-col .btn {
        width: 100%;
        max-width: none;
        line-height: 1px;
        padding-right: 50px;
        margin-bottom: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
.nav-col .btn.btn-light {
    border-radius: 0;
    background-color: #F4F4F4;
}
@media (min-width: 768px) {
    .nav-col .btn.btn-light {
        border-radius: 12px;
        background-color: #fff;
    }
}
@media (min-width: 768px) {
    .nav-col .btn:last-child {
        margin-bottom: 40px;
    }
}
.nav-col .btn .icon-user {
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
    left: 10px;
    color: #ffffff;
    font-size: 33px;
}
.nav-col .contacts li {
    position: relative;
    margin-bottom: 25px;
}
@media (min-width: 768px) {
    .nav-col .contacts li {
        padding-left: 38px;
        margin-bottom: 50px;
    }
}
.nav-col .contacts li:Last-child {
    margin-bottom: 33px;
}
@media (min-width: 768px) {
    .nav-col .contacts li:Last-child {
        margin-bottom: 63px;
    }
}
.nav-col .contacts li a {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 24px;
}
.nav-col .contacts li address a {
    text-transform: none;
    font-size: 26px;
    font-weight: 700;
}
@media (min-width: 768px) {
    .nav-col .contacts li address a {
        font-size: 18px;
        margin-top: -6px;
    }
}
.nav-col .contacts li a:hover {
    color: #EB7623;
}
.nav-col .contacts li a:last-child {
    margin-right: 0;
}
.nav-col .contacts li i {
    display: none;
}
@media (min-width: 768px) {
    .nav-col .contacts li i {
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: -5px;
        left: 0;
    }
}
.nav-col .contacts li i.icon-phone {
    font-size: 28px;
}
.nav-col .contacts li i.icon-pin {
    font-size: 26px;
}
.nav-col address {
    font-style: normal;
}
.brands-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px 50px;
}
@media (min-width: 1024px) {
    .brands-list {
        margin-bottom: 58px;
    }
}
.brands-list li {
    width: calc(50% - 10px);
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: calc(50% - 10px);
    margin: 0 5px 10px;
}
.brands-list li.big {
    width: calc(100% - 10px);
    padding-bottom: calc(100% - 10px);
}
.brands-list li.orange a {
    background-image: url("../img/landing/amazon-bg.svg"), linear-gradient(155.24deg, #FF9900 0%, #FFAA2B 84.22%);
    background-size: cover;
}
.brands-list li.dark a {
    background-color: #000;
}
.brands-list li.light a {
    background-color: #F4F4F4;
}
.brands-list li.red {
    background: linear-gradient(107.44deg, #FE264A 0%, #DF1335 106.97%);
}
.brands-list a {
    display: block;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.drop-menu a {
    text-transform: none;
    font-size: 26px;
    font-weight: 700;
}
@media (min-width: 768px) {
    .drop-menu a {
        font-size: 18px;
    }
}
.drop-menu a:hover {
    color: #EB7623;
}
.drop-menu > li {
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .drop-menu > li {
        margin-bottom: 35px;
    }
}
@media (max-width: 767px) {
    .drop-menu .submenu {
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
        position: fixed;
        top: 0;
        padding: 70px 30px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 12;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
    }
}
@media (min-width: 768px) {
    .drop-menu .submenu {
        padding-left: 20px;
    }
}
.drop-menu .submenu li {
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .drop-menu .submenu li {
        margin-bottom: 6px;
    }
}
.drop-menu .submenu a {
    font-weight: 700;
    font-size: 22px;
    display: flex;
}
@media (min-width: 768px) {
    .drop-menu .submenu a {
        font-weight: 400;
        font-size: 15px;
    }
}
.drop-menu .submenu a.active i {
    color: #EB7623;
}
.drop-menu .submenu a i {
    display: block;
    margin-right: 30px;
    color: #F4F4F4;
    font-size: 32px;
}
@media (min-width: 768px) {
    .drop-menu .submenu a i {
        display: none;
    }
}
.drop-menu .submenu-opener {
    display: block;
    position: relative;
    max-width: 260px;
}
@media (min-width: 768px) {
    .drop-menu .submenu-opener {
        margin-bottom: 17px;
        display: inline-block;
        vertical-align: middle;
    }
}
.drop-menu .submenu-opener:after {
    content: "\e921";
    font-family: 'icomoon';
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
    right: 0;
    font-size: 20px;
    opacity: .3;
    z-index: 2;
}
@media (min-width: 768px) {
    .drop-menu .submenu-opener:after {
        display: none;
    }
}
.drop-menu .submenu-opener.close {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 100;
    top: 27px;
    left: 15px;
    transform: scale(-1);
}
.drop-menu .submenu-opener.close:after {
    content: none;
}
.drop-header {
    width: calc(100% - 22px);
    position: relative;
}
@media (min-width: 375px) {
    .drop-header {
        width: calc(100% - 42px);
    }
}
.drop-header:after {
    content: '';
    position: absolute;
    bottom: -1px;
    z-index: 3;
    left: -100%;
    right: -100%;
    height: 1px;
    background-color: #F4F4F4;
}
@media (min-width: 768px) {
    .drop-header:after {
        display: none;
    }
}
@media (max-width: 767px) {
    .drop-header:not(.nav-header-login) {
        display: flex;
        margin: 0 0 50px;
    }
    .drop-header.nav-header-login {
        display: block;
        margin: 0 0 130px;
    }

    .drop-header.nav-header-login .nav-header-login-btn,
    .drop-header.nav-header-login .nav-header-singup-btn{
        position: absolute;
        left: 0;
        width: 260px;
        max-width: none;
    }

    .drop-header.nav-header-login .nav-header-login-btn{
        top: 90px;
    }
    .drop-header.nav-header-login .nav-header-singup-btn{
        top: 140px;
    }
}
@media (min-width: 768px) {
    .drop-header {
        width: auto;
    }
}
@media (max-width: 767px) {
    .drop-header .dropdown-holder {
        margin-left: -30px;
    }
}
@media (max-width: 767px) {
    .submenu-active .submenu {
        opacity: 1;
        visibility: visible;
    }
}
@media (max-width: 767px) {
    .submenu-active .submenu-opener.close {
        opacity: 1;
        visibility: visible;
    }
}
@media (min-width: 768px) {
    .achievements-list {
        display: flex;
        flex-wrap: wrap;
        border: 1px solid #F4F4F4;
        position: relative;
        z-index: 3;
        overflow: hidden;
        margin: 0 -25px;
        padding: 0 30px;
        border-radius: 12px;
        margin-top: -75px;
        background-color: #fff;
        margin-bottom: 10px;
    }
}
@media (min-width: 1024px) {
    .achievements-list {
        padding: 0 50px;
    }
}
.achievements-list li {
    width: 20%;
    padding: 20px 25px;
    flex: 1;
    border-right: 1px solid #F4F4F4;
}
.achievements-list li:last-child {
    border-right: none;
}
.achievements-list--lg {
    padding: 0;
}
.achievements-list--lg li {
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
}
@media (min-width: 1024px) {
    .achievements-list--lg li {
        padding: 30px 50px;
    }
}
@media (min-width: 768px) {
    .achievements-list .number {
        font-size: 21px;
        line-height: 1;
        font-weight: 900;
    }
}
@media (min-width: 992px) {
    .achievements-list .number {
        font-size: 34px;
    }
}
@media (min-width: 768px) {
    .achievements-list .number span {
        font-size: 20px;
    }
}
@media (min-width: 1024px) {
    .achievements-list .number span {
        font-size: 30px;
    }
}
@media (min-width: 768px) {
    .achievements-list .description {
        font-weight: 500;
        position: relative;
        padding-left: 25px;
        line-height: 1.17;
        font-size: 11px;
        color: rgba(0, 0, 0, 0.7);
    }
}
@media (min-width: 1024px) {
    .achievements-list .description {
        font-size: 14px;
    }
}
@media (min-width: 1200px) {
    .achievements-list .description {
        padding-left: 42px;
        font-size: 17px;
    }
}
@media (min-width: 768px) {
    .achievements-list .description:before {
        content: '';
        position: absolute;
        top: 8px;
        left: 0;
        height: 1px;
        width: 10px;
        background-color: #393939;
    }
}
@media (min-width: 1200px) {
    .achievements-list .description:before {
        width: 30px;
    }
}
.achievements-list .description p {
    margin-bottom: 0;
}
.achievements .delivery {
    max-width: 556px;
    margin: 0 auto;
}
.achievements .delivery-info {
    text-align: center;
    max-width: 380px;
    margin: -42px auto 0;
    line-height: 1.44;
}
.achievements .delivery-info p {
    margin-bottom: 0;
}
.achievements .delivery-info time {
    font-weight: 700;
}
.prices-examples {
    padding: 30px 0 40px;
}
@media (min-width: 1024px) {
    .prices-examples {
        padding: 60px 0;
    }
}
.prices-examples .top-text-block {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 60px;
}
.prices-examples .top-text-block .text {
    max-width: 360px;
}
.prices-examples .top-text-block h2 {
    margin-bottom: 20px;
}
.prices-examples h2 {
    max-width: 600px;
    line-height: 1.2;
    margin-bottom: 60px;
}
@media (min-width: 1024px) {
    .prices-examples h2 {
        margin-bottom: 77px;
    }
}
.prices-carousel {
    display: flex;
    flex-wrap: wrap;
}
.prices-carousel .slick-dots-holder {
    width: 100%;
}
@media (min-width: 1100px) {
    .prices-carousel .slick-track {
        display: block;
        margin: 0 -10px;
    }
}
.prices-carousel .slick-list {
    margin-bottom: 50px;
}
@media (min-width: 1100px) {
    .prices-carousel .slick-list {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0;
    }
}
.price-block {
    margin: 0 5px;
    min-height: 260px;
    width: 265px;
    padding: 20px;
    position: relative;
    background-size: cover;
}
@media (min-width: 375px) {
    .price-block {
        min-height: 280px;
        max-width: 300px;
        width: 100%;
    }
    .prices-carousel .price-block {
        margin: 0 auto;
    }
}
@media (min-width: 1200px) {
    .price-block {
        min-height: 313px;
        width: calc(25% - 10px);
    }
    .prices-carousel {
        display: block;
    }
    .prices-carousel .price-block {
        min-height: 313px;
        position: static;
        width: 100%;
    }
}
.price-block h4 {
    font-size: 26px;
    line-height: 1;
    margin-bottom: 14px;
}
.price-block .bottom-holder {
    text-align: right;
}
.price-block .text-block {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    line-height: 1.2;
    max-width: 149px;
    color: rgba(57, 57, 57, 0.6);
}
.price-block .text-block p {
    margin-bottom: 0;
}
.price-block .number {
    font-weight: 900;
    font-size: 32px;
    color: #393939;
}
.slick-dots {
    display: flex;
    overflow: hidden;
    width: 100%;
    justify-content: center;
    font-size: 0;
}
.slick-dots li {
    transition: margin 0.3s ease-in-out;
    margin-right: 10px;
}
.slick-dots li:last-child {
    margin-right: 0;
}
.slick-dots li.slick-active {
    position: relative;
}
.slick-dots li.slick-active button {
    background-color: #EB7623;
}
.slick-dots button {
    transition: background-color 0.3s ease-in-out;
    width: 8px;
    height: 8px;
    display: block;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 50%;
}
@media (min-width: 1024px) {
    .slick-dots button:hover {
        background-color: #EB7623;
    }
}
.prices-examples-holder {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.prices-examples-holder .prices-examples-col {
    width: 100%;
    padding: 0 5px;
    margin-bottom: 30px;
}
.prices-examples-holder .prices-examples-col:last-child {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .prices-examples-holder .prices-examples-col {
        width: 33.332%;
    }
}
.prices-examples-holder .prices-examples-col h4 {
    line-height: 1.2;
    font-size: 20px;
    margin-bottom: 20px;
}
@media (min-width: 1024px) {
    .prices-examples-holder .prices-examples-col h4 {
        font-size: 24px;
    }
}
.prices-examples-holder .prices-examples-col .img-holder {
    position: relative;
    margin-bottom: 30px;
}
.prices-examples-holder .prices-examples-col .img-holder img {
    width: 100%;
}
@media (min-width: 768px) {
    .prices-examples-holder .prices-examples-col .text-holder {
        max-width: 300px;
    }
}
.prices-examples-holder .prices-examples-col .text-holder p {
    margin-bottom: 20px;
}
.prices-examples-holder .prices-examples-col .text-holder p:last-child {
    margin-bottom: 0;
}
.sizes {
    padding: 40px 20px;
    background: #F4F4F4;
    border-radius: 16px;
}
@media (min-width: 1024px) {
    .sizes {
        padding: 40px 40px 50px;
    }
}
.sizes .icons-holder {
    margin-bottom: 30px;
}
.sizes .title {
    display: block;
    font-size: 16px;
    line-height: 1.2;
}
@media (min-width: 1024px) {
    .sizes .title {
        font-size: 18px;
    }
}
.sizes i {
    color: #EB7623;
    font-size: 50px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}
.sizes i:last-child {
    margin-right: 0;
}
.how-it-works-holder {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-start;
    padding-bottom: 0;
}
@media (min-width: 768px) {
    .how-it-works-holder {
        padding-bottom: 65px;
    }
}
@media (min-width: 1024px) {
    .how-it-works-holder {
        padding-bottom: 0;
    }
}
.how-it-works-holder .instruction-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 255px;
    cursor: pointer;
}
.how-it-works-holder .instruction-link .play {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    margin-right: 20px;
    background-color: #F4F4F4;
    align-items: center;
    justify-content: center;
}
.how-it-works-holder .instruction-link .play img {
    margin-top: 6px;
}
.how-it-works-holder .instruction-link .play svg {
    width: 30px;
    height: 30px;
}
.how-it-works-holder #youtube-embed-video {
    display: block;
    margin: 0 auto 20px;
    border: 0;
}
@media screen and (max-width: 767px) {
    .how-it-works-holder .instruction-link{
        display: none !important;
        border: 0;
    }
    #youtube-embed-video{
        display: block !important;
        border: 0;
    }
}
@media screen and (max-width: 1023px) {
    .how-it-works-holder.video {
        padding-bottom: 250px;
    }
    .how-it-works-holder.video #youtube-embed-video {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
}
.how-it-works-holder .left-col {
    width: 100%;
}
@media (min-width: 1024px) {
    .how-it-works-holder .left-col {
        position: relative;
        padding-bottom: 60px;
        width: 306px;
        margin-right: 50px;
    }
}
@media (min-width: 1300px) {
    .how-it-works-holder .left-col {
        margin-right: 187px;
    }
}
.how-it-works-holder .steps-col {
    width: 100%;
    margin: 0 auto;
}
@media (min-width: 1024px) {
    .how-it-works-holder .steps-col {
        width: calc(100% - 356px);
    }
}
@media (min-width: 1300px) {
    .how-it-works-holder .steps-col {
        width: calc(100% - 493px);
    }
}
.how-it-works-holder h2 {
    margin: 0 0 20px;
}
@media (min-width: 768px) {
    .how-it-works-holder h2 {
        margin: 0 0 50px;
    }
}
.steps-list {
    display: flex;
    flex-wrap: wrap;
    counter-reset: custom-counter;
}
@media (min-width: 768px) {
    .steps-list {
        margin: 0 -15px;
    }
}
@media (min-width: 1300px) {
    .steps-list {
        margin: 0 -43px;
    }
}
.steps-list li {
    line-height: 1.57;
    counter-increment: custom-counter;
    position: relative;
    margin-bottom: 30px;
    padding: 30px 0 0 90px;
}
@media (min-width: 768px) {
    .steps-list li {
        width: 50%;
        margin-bottom: 20px;
        padding: 42px 15px 0 35px;
    }
}
@media (min-width: 1300px) {
    .steps-list li {
        padding: 42px 43px 0 115px;
    }
}
.steps-list li:after {
    content: "0" counter(custom-counter);
    position: absolute;
    font-family: "Montserrat", "GothamPro", "Helvetica Neue", "Helvetica", sans-serif;
    right: calc(100% - 70px);
    line-height: 1;
    font-size: 50px;
    font-weight: 800;
    z-index: -1;
    width: 70px;
    color: #eb7623;
    top: 30px;
}
@media (min-width: 768px) {
    .steps-list li:after {
        top: 10px;
        font-size: 70px;
        width: 90px;
        color: #e9b28a;
    }
}
@media (min-width: 1024px) {
    .steps-list li:after {
        font-size: 70px;
    }
}
@media (min-width: 1300px) {
    .steps-list li:after {
        right: calc(100% - 145px);
    }
}
.steps-list li p {
    margin-bottom: 0;
}
.steps-list--sm li {
    padding-top: 2px;
    padding-left: 90px;
    margin-bottom: 10px;
    min-height: 65px;
}
.steps-list--sm li:after {
    font-size: 50px;
    right: auto;
    left: 0;
    top: 0;
}
@media (min-width: 768px) {
    .steps-list--sm li {
        padding-top: 5px;
        padding-left: 80px;
        margin-bottom: 22px;
    }
    .steps-list--sm li:after {
        right: calc(100% - 68px);
        left: auto;
    }
}
.steps-list--sm .title {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 15px;
    display: block;
}
.steps-list--sm .title:only-child {
    margin-bottom: 0;
}
.steps-list h4 {
    line-height: 1.19;
    margin-bottom: 10px;
}
.pin {
    transform-origin: center;
    animation: pulseAnimation ease-in-out 2.5s infinite;
    transition-delay: 0;
}
.love-pulse {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.love-pulse .heart {
    transform-origin: center;
    animation: pulseAnimation ease-in-out 2s infinite;
}
@keyframes pulseAnimation {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    50% {
        opacity: .1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(0.5);
    }
}
.how-it-works {
    padding: 40px 0 0;
}
.how-it-works .how-it-works-holder .steps-col {
    display: none;
}
@media (min-width: 768px) {
    .how-it-works {
        padding: 60px 0;
    }
    .how-it-works .how-it-works-holder .steps-col {
        display: flex;
    }
}
@media (min-width: 1024px) {
    .how-it-works {
        padding: 60px 0;
    }
}
.how-it-works--storage h2 {
    margin-bottom: 52px;
    max-width: 340px;
}
@media (min-width: 768px) {
    .how-it-works--storage .steps-list {
        margin: 0 -15px;
    }
    #play-section {
        top: unset;
    }
}
.how-it-works--storage .steps-list li {
    width: 100%;
}
@media (min-width: 1024px) {
    .how-it-works--storage .steps-list li {
        width: 50%;
    }
}
.how-it-works--storage .how-it-works-holder {
    margin: 0 -20px;
    align-items: stretch;
}
@media (min-width: 1200px) {
    .how-it-works--storage .how-it-works-holder {
        margin: 0 -40px;
    }
}
.how-it-works--storage .title {
    max-width: 220px;
}
.how-it-works--storage .own-logistic {
    display: flex;
}
@media (min-width: 768px) {
    .how-it-works--storage .own-logistic {
        width: 60%;
        padding: 0 20px;
    }
}
@media (min-width: 1024px) {
    .how-it-works--storage .own-logistic {
        width: 35.82%;
    }
}
@media (min-width: 1200px) {
    .how-it-works--storage .own-logistic {
        padding: 0 40px;
    }
}
.how-it-works--storage .own-logistic .logistic-holder {
    background-color: #F4F4F4;
    padding: 50px;
}
.how-it-works--storage .own-logistic h3 {
    margin-bottom: 80px;
}
@media (min-width: 768px) {
    .how-it-works--storage .own-logistic h3 {
        margin-bottom: 143px;
    }
}
.how-it-works--storage .steps-col {
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .how-it-works--storage .steps-col {
        width: 40%;
        padding: 0 20px;
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) {
    .how-it-works--storage .steps-col {
        width: 64.18%;
    }
}
@media (min-width: 1200px) {
    .how-it-works--storage .steps-col {
        padding: 0 40px;
    }
}
.package-holder {
    display: flex;
    flex-wrap: wrap;
    background-color: #F4F4F4;
    margin: 0 -30px;
    padding: 0 30px 50px;
}
@media (min-width: 768px) {
    .package-holder {
        padding: 0;
        margin: 0;
    }
}
.package-holder .left-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% + 60px);
    min-height: 125px;
    margin: 0 -30px;
    position: relative;
}
.package-holder .left-holder svg {
    height: 125px;
}
@media (min-width: 768px) {
    .package-holder .left-holder {
        min-height: auto;
        width: 40%;
        margin: 0 30px 0 0;
    }
    .package-holder .left-holder svg {
        height: auto;
    }
}
@media (min-width: 1024px) {
    .package-holder .left-holder {
        width: 41.4%;
        margin: 0 80px 0 0;
    }
}
@media (min-width: 768px) {
    .package-holder .left-holder:after {
        content: '';
        position: absolute;
        right: -67px;
        top: 0;
        width: 76.7%;
        bottom: 0;
        background: linear-gradient(270deg, #F4F4F4 0%, rgba(246, 246, 246, 0) 100%);
    }
}
.package-holder .right-holder {
    width: 100%;
    position: relative;
    z-index: 2;
}
@media (min-width: 768px) {
    .package-holder .right-holder {
        width: calc(60% - 30px);
        padding: 40px 0;
    }
}
@media (min-width: 1024px) {
    .package-holder .right-holder {
        width: calc(58.6% - 80px);
        padding: 80px 0;
    }
}
.package-holder .right-holder h2 {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 26px;
}
@media (min-width: 1024px) {
    .package-holder .right-holder h2 {
        font-size: 36px;
    }
}
.package-holder .right-holder p {
    margin-bottom: 50px;
}
.tracking-form .info-link {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    color: rgba(57, 57, 57, 0.8);
}
.tracking-form .info-link:hover {
    color: #EB7623;
}
.tracking-form .info-link i {
    color: #EB7623;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
}
.tracking-form .top-form-holder {
    margin-bottom: 25px;
}
.tracking-form .input-holder {
    position: relative;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .tracking-form .input-holder {
        max-width: 350px;
        margin-bottom: 10px;
    }
}
.tracking-form input {
    width: 100%;
    padding-right: 57px;
}
.tracking-form button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 57px;
    font-size: 22px;
}
.tracking-form button:hover i {
    left: 60%;
}
.tracking-form button i {
    transition: left 0.3s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(113.99deg, #EB7623 17.58%, #EB8F23 82.32%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-us {
    padding: 50px 0 50px;
}
@media (min-width: 768px) {
    .about-us {
        padding-top: 150px;
    }
}
@media (min-width: 1024px) {
    .about-us {
        padding: 175px 0 100px;
    }
}
.about-us .about-us-holder {
    position: relative;
    margin: 0 -30px;
}
@media (min-width: 768px) {
    .about-us .about-us-holder {
        padding: 0 30px;
        margin: 0;
        background-color: #F4F4F4;
    }
}
@media (min-width: 1024px) {
    .about-us .about-us-holder {
        padding: 0 70px;
    }
}
.about-us .bg-holder {
    width: 100%;
    max-width: 1116px;
    background-size: cover;
    min-height: 418px;
    background-position: 50% 50%;
}
@media (min-width: 768px) {
    .about-us .bg-holder {
        top: -122px;
        right: 0;
        min-height: auto;
        left: auto;
        position: absolute;
        bottom: 0;
    }
}
@media (min-width: 1024px) {
    .about-us .bg-holder {
        top: -137px;
    }
}
.about-us .text-holder {
    max-width: 374px;
    padding: 0 30px 70px;
    position: relative;
    z-index: 1;
}
@media (min-width: 768px) {
    .about-us .text-holder {
        padding: 90px 0 70px;
        max-width: 314px;
    }
}
.about-us .text-holder h2 {
    font-size: 36px;
    margin-bottom: 50px;
    font-weight: 700;
}
@media (min-width: 1024px) {
    .about-us .text-holder h2 {
        margin-bottom: 100px;
    }
}
.about-us .text-holder .number {
    display: block;
    font-size: 52px;
    background: linear-gradient(117.03deg, #EB7623 17.58%, #EB8F23 82.32%);
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    background-clip: text;
    -webkit-background-clip: text;
}
.popular-stores {
    padding: 60px 0;
}
.popular-stores .brands-block {
    position: relative;
}
/*.popular-stores .container, .popular-stores .hero-section .slick-dots, .hero-section .popular-stores .slick-dots {*/
/*    position: relative;*/
/*    padding-bottom: 100px;*/
/*}*/

@media (min-width: 768px) {
    .popular-stores .container, .popular-stores .hero-section .slick-dots, .hero-section .popular-stores .slick-dots {
        padding-bottom: 0;
    }
}
/*@media (min-width: 768px) {*/
/*.popular-stores .slick-dots {*/
/*display: none !important;*/
/*}*/
/*}*/

.popular-stores.actions .brands-block {
    background-size: cover;
    min-height: 172px;
    padding: 30px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: relative;
    display: block;
    margin: 0 auto;
}
.popular-stores.actions .brands-block .arrow {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    position: absolute;
    right: 40px;
    bottom: 45px;
}
.popular-stores .brands-column .brands-block .img-holder img {
    width: auto;
    max-height: 60px;
    max-width: 160px;
}
.popular-stores .brands-column .brands-block .img-holder img.icon__nike{
    height: 60px;
    width: 115px;
}
.popular-stores.actions .brands-column--small .brands-block .arrow {
    right: 30px;
    bottom: 35px;
}
.popular-stores-top {
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .popular-stores-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 50px;
    }
}
.popular-stores-top h2 {
    margin-bottom: 0;
}
.popular-stores-top .all-link {
    position: absolute;
    bottom: 10px;
    left: 30px;
}
@media (min-width: 768px) {
    .popular-stores-top .all-link {
        position: relative;
        left: 0;
        bottom: 0;
    }
}
.js-tab-hidden {
    display: block !important;
    left: -9999px !important;
    position: absolute !important;
    top: -9999px !important;
}
.shop-tabset {
    display: flex;
    padding: 0 0 30px;
    margin: 0 -20px 35px;
    width: 1400px;
}
@media (max-width: 767px) {
    .shop-tabset {
        overflow-x: scroll;
        overflow-y: auto;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
    }
}
.shop-tabset li {
    padding: 0 20px;
    position: relative;
    font-size: 16px;
}
.popular-stores .tabs-holder {
    padding: 10px 0 40px;
}
.popular-stores .shop-tabset {
    display: block;
    width: auto;
    margin: 0;
}
.popular-stores .shop-tabset li {
    display: inline-block;
    margin-bottom: 25px;
}
.shop-tabset li a {
    position: relative;
}
.shop-tabset li a:after {
    transition: width 0.3s ease-in-out;
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 0;
    background-color: #EB7623;
    bottom: -13px;
}
@media (min-width: 1024px) {
    .shop-tabset li a:hover:after {
        width: 100%;
    }
}
.shop-tabset li a.tab-active {
    font-weight: 700;
}
.shop-tabset li a.tab-active:after {
    width: 100%;
}
.shop-tabset::-webkit-scrollbar {
    width: 100%;
    height: 0 !important;
}
.shop-tabset::-webkit-scrollbar-button {
    width: 100%;
    height: 0 !important;
}
/*@media (min-width: 450px) {*/
/*.brands-slider .slick-list {*/
/*margin-right: calc(-1 * ((100vw - 100% - 15px) / 2));*/
/*}*/
/*}*/

.brands-slider .slick-track {
    display: flex;
    margin: 0 0 18px;
}
@media (min-width: 768px) {
    .brands-slider .slick-track {
        margin-bottom: 0;
    }
}
.brands-slider .brands-block {
    width: 365px;
    max-width: 100%;
    min-height: 172px;
    margin: 0 auto;
    padding: 40px;
    display: flex;
    background-position: 100% !important;
    background-repeat: no-repeat !important;
    flex-direction: column;
    justify-content: space-between;
    background-color: #F4F4F4;
}
.brands-slider .brands-column--small .brands-block {
    padding: 30px;
}
.brands-slider .brands-column--small .brands-block:first-child {
    margin-bottom: 20px;
}
.brands-slider .slick-dots {
    margin-top: 20px;
}
@media (min-width: 768px) {
    .brands-slider .brands-block {
        width: 365px;
        margin: 0;
        padding: 30px;
    }
}
.brands-slider .brands-block.amazon {
    background: url("../img/landing/amazon-bg.svg"), linear-gradient(155.24deg, #FF9900 0%, #FFAA2B 84.22%);
    color: #fff;
}
.brands-slider .brands-block.dostavka_iz_apple,
.brands-slider .brands-block.apple {
    background: url("../img/landing/apple-bg.svg"), #F4F4F4;
}
.brands-slider .brands-block.adidas {
    background: url("../img/landing/adidas-bg.svg"), #F4F4F4;
}
.brands-slider .brands-block.asos {
    background: url("../img/landing/asos-bg.svg"), #F4F4F4;
}
.brands-slider .brands-block.amazon .img-holder {
    width: 104px;
}
.brands-slider .brands-block.oldnavy {
    background: url("../img/landing/oldnavy-bg.svg") no-repeat 100% 100%,linear-gradient(305.67deg, #005992 -11.15%, #0080D2 99.73%);
}
.brands-slider .brands-block.levis-0,
.brands-slider .brands-block.levis {
    color: #fff;
    background: url("../img/landing/levis-bg.svg"), linear-gradient(107.44deg, #FE264A 0%, #DF1335 106.97%);
}
.brands-slider .brands-block.zara {
    background: url("../img/landing/zara-bg.svg"), #000;
    color: #fff;
}
.brands-slider .brands-block.nike {
    background: url("../img/landing/nike-bg.png"), #000;
    background-size: contain;
    color: #fff;
}
.brands-slider .brands-block.sixpm {
    background: url("../img/landing/6pm-bg.png"), #af4444;
    background-size: contain;
    color: #fff;
}
.brands-slider .brands-block.michael-kors {
    background: url("../img/landing/mk-bg.png"), #fcfcfc;
    background-size: contain;
}
.brands-slider .brands-block.carters {
    background: url("../img/landing/carters-bg.png"), #fcfcfc;
    background-size: contain;
}
.brands-slider .brands-block.zara .arrow, 
.brands-slider .brands-block.levis-0 .arrow, 
.brands-slider .brands-block.levis .arrow, 
.brands-slider .brands-block.oldnavy .arrow,
.brands-slider .brands-block.nike .arrow,
.brands-slider .brands-block.sixpm .arrow,
.brands-slider .brands-block.carters .arrow,
.brands-slider .brands-block.amazon .arrow {
    -webkit-filter: invert(0);
    filter: invert(0);
}
.brands-slider .brands-block:hover .arrow {
    opacity: 1;
    visibility: visible;
}
.brands-slider .brands-block .arrow {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    width: 60px;
    opacity: 0;
    visibility: hidden;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.brands-slider .brands-block .number {
    display: block;
    font-size: 26px;
    line-height: 1.1;
}
.brands-slider .brands-block .bottom-block {
    display: block;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 35px 35px;
    width: 100%;
}
.brands-slider .brands-column--small .brands-block .bottom-block {
    padding: 0 25px 25px;
}
.brands-slider .brands-block .bottom-block p {
    margin-bottom: 0;
}
.brands-slider .brands-block .block-label {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    text-shadow: 0px 0 3px #fff;
}
.brands-slider .brands-block .block-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    margin: 0 auto;
    text-align: center;
}
.brands-slider .brands-block .block-button .btn {
    background: #ff7729;
    padding: 3px 15px;
    font-size: 18px;
    box-sizing: content-box;
    text-transform: capitalize;
    color: #000;
    font-weight: bolder;
}
@media (min-width: 375px) {
    .brands-column {
        padding: 0 10px;
    }
}
.brands-column.slick-slide {
    display: block;
    float: none;
    height: auto;
    margin-right: 20px;
    padding: 0;
}
.brands-column.slick-slide .brands-block {
    margin-bottom: 20px;
}
.brands-column.slick-slide .brands-block:last-child {
    margin-bottom: 0;
}
.brands-column--big .brands-block {
    height: 365px;
    width: 365px;
}
.brands-column--small .brands-block {
    height: 170px;
}
@media screen and (max-width: 375px) {
    .brands-column.slick-slide {
        margin-right: 0;
    }
    .brands-column--big .img-holder {
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
    }
}
.brands-column--small .brands-block .img-holder {
    position: static;
    padding: 0;
}
.brands-column--small .brands-block .img-holder .store-name {
    width: auto;
    font-size: 26px;
    font-weight: bold;
}
.brands-column--big .brands-block.amazon .img-holder {
    width: 100%;
}
.brands-column--big .brands-block .arrow {
    width: 60px;
}
@media (min-width: 375px) {
    .brands-column--big .brands-block .arrow {
        width: 70px;
    }
}
@media (min-width: 768px) {
    .brands-column--big .brands-block .arrow {
        width: 80px;
    }
}
.brands-column--big .brands-block .text-holder {
    font-size: 16px;
    font-weight: 500;
}
@media (min-width: 768px) {
    .brands-column--big .brands-block .text-holder {
        font-size: 18px;
    }
}
.brands-column--big .brands-block .number {
    font-size: 40px;
    line-height: 1.1;
    white-space: nowrap;
    max-width: 175px;
}
@media (min-width: 375px) {
    .brands-column--big .brands-block .number {
        font-size: 50px;
    }
}
@media (min-width: 768px) {
    .brands-column--big .brands-block .number {
        font-size: 60px;
    }
}
.faq-section {
    padding: 60px 0;
}
.faq-section .cols-holder {
    display: flex;
    flex-wrap: wrap;
}
.faq-section .steps-list {
    font-weight: 500;
    font-size: 18px;
    margin: 0;
    display: block;
    margin-bottom: 50px;
}
.faq-section .steps-list li {
    width: 100%;
    padding-right: 0;
}
@media (min-width: 1024px) {
    .faq-section .steps-list {
        padding-top: 50px;
    }
}
.faq-section .left-col {
    width: 100%;
    margin-bottom: 80px;
}
@media (min-width: 768px) {
    .faq-section .left-col {
        margin-right: 30px;
        width: 366px;
        padding-left: 54px;
        margin-bottom: 0;
    }
}
@media (min-width: 1200px) {
    .faq-section .left-col {
        margin-right: 170px;
    }
}
@media (min-width: 768px) {
    .faq-section .left-col .link-holder {
        text-align: right;
    }
}
.faq-section .right-col {
    width: 100%;
    padding: 50px 20px;
    position: relative;
}
@media (min-width: 768px) {
    .faq-section .right-col {
        width: calc(100% - 357px - 30px);
    }
}
@media (min-width: 1200px) {
    .faq-section .right-col {
        width: calc(100% - 357px - 180px);
        padding: 65px 80px;
    }
}
.faq-section .right-col:after {
    content: '';
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
    right: -20px;
    background-color: #F4F4F4;
    z-index: -1;
}
@media (min-width: 768px) {
    .faq-section .right-col:after {
        left: 0;
        right: calc(-1 * ((100vw - 100%) / 2));
    }

    .faq-section .no-steps:after {
        left: 0;
        right: 0;
    }
}
.faq-section .right-col h3 {
    line-height: 1.2;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .top-holder {
        display: flex;
    }
}
.top-holder .icon-love {
    font-size: 54px;
    color: #EB7623;
    line-height: 1;
}
.top-holder .text-holder {
    max-width: 360px;
}
.top-holder .text-holder p {
    margin-bottom: 17px;
}
.top-holder .icon-holder {
    margin-bottom: 30px;
    position: relative;
}
@media (min-width: 768px) {
    .top-holder .icon-holder {
        margin-right: 53px;
        margin-bottom: 0;
    }
}
.top-holder .icon-holder .icon-love {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.top-holder .top-text-holder {
    max-width: 505px;
}
.faq-accordion {
    margin-bottom: 51px;
    font-size: 15px;
}
@media (min-width: 1024px) {
    .faq-accordion {
        margin-bottom: 71px;
    }
}
.faq-accordion li {
    border-bottom: 1px solid rgba(57, 57, 57, 0.25);
    position: relative;
}
.faq-accordion li.active .accordion-opener:after {
    transform: rotate(0);
}
.faq-accordion .accordion-opener {
    padding: 22px 30px 22px 0;
    display: block;
    position: relative;
}
.faq-accordion .accordion-opener:after, .faq-accordion .accordion-opener:before {
    transition: transform 0.3s ease-in-out;
    content: '';
    position: absolute;
    width: 21px;
    height: 1px;
    top: 50%;
    background-color: #393939;
    right: 5px;
    transform: translateY(-50%);
}
.faq-accordion .accordion-opener:after {
    transform: rotate(90deg);
}
.clients {
    padding: 60px 0;
    margin-bottom: 60px;
}
.clients .clients-holder {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.clients .bottom-link {
    margin: 50px 0 0;
}
@media (min-width: 768px) {
    .clients .bottom-link {
        display: none;
    }
}
.clients .right-block {
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
}
@media (min-width: 1200px) {
    .clients .right-block {
        width: calc(100% - 340px - 112px);
        margin: 0 -36px;
        padding-top: 44px;
    }
}
.clients .right-block .conditions-col {
    padding-left: 30px;
    margin-bottom: 10px;
}
.clients .right-block .conditions-col:last-child {
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .clients .right-block .conditions-col {
        border: 1px solid #d9d9d9;
        padding: 0 20px !important;
    }
    .clients .right-block .conditions-col ul {
        padding-left: 25px;
        margin-bottom: 40px !important;
    }
}
@media (min-width: 768px) {
    .clients .right-block .conditions-col {
        width: 50%;
        padding: 0 36px;
        margin-bottom: 0;
    }
}
.clients .right-block h3 {
    letter-spacing: -0.6px;
    line-height: 1.2;
    margin-bottom: 40px;
}
.clients .left-block {
    background-color: #F4F4F4;
    padding: 50px 40px;
    font-size: 15px;
    margin: 0 0 50px;
}
@media (min-width: 768px) {
    .clients .left-block {
        display: flex;
        flex-direction: column;
        margin: 0 -20px 30px;
    }
}
@media (min-width: 1200px) {
    .clients .left-block {
        margin-right: 112px;
        padding: 50px 30px 50px 50px;
        margin-left: -50px;
        width: 340px;
        min-height: 495px;
        margin-bottom: 0;
    }
}
.clients .left-block .text-holder {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .clients .left-block .text-holder {
        margin-bottom: 70px;
    }
}
.clients .left-block .all-link {
    margin-top: auto;
}
.clients .left-block h4 {
    font-size: 24px;
    line-height: 1.2;
}
.clients ul:not([class]):not([id]) li {
    margin-bottom: 20px;
    padding-left: 0;
}
.clients ul:not([class]):not([id]) li:before {
    left: -25px;
}
@media (max-width: 750px) {
    .clients .left-block {
        padding: 30px 20px;
        font-size: 14px;
        margin: 0 0 30px;
    }
    .clients ul:not([class]):not([id]) li {
        margin-bottom: 25px;
    }
}
.benefits {
    padding: 60px 0;
}

.benefits-holder {
    background-color: #F4F4F4;
    padding: 50px 40px 135px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
    position: relative;
}
@media (min-width: 768px) {
    .benefits-holder {
        margin: 0;
        padding-bottom: 50px;
    }
}
@media (min-width: 1024px) {
    .benefits-holder {
        padding: 100px 70px 50px;
    }
}
.benefits-holder h2 {
    line-height: 1.2;
    margin-bottom: 50px;
}
@media (min-width: 1024px) {
    .benefits-holder h2 {
        margin-bottom: 75px;
    }
}
.benefits-holder .all-link {
    position: absolute;
    left: 30px;
    bottom: 50px;
}
@media (min-width: 768px) {
    .benefits-holder .all-link {
        position: relative;
        left: 0;
        bottom: 0;
    }
}
.benefits-holder .title {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .benefits-holder .left-holder {
        width: 270px;
        margin-right: 50px;
    }
}
@media (min-width: 1024px) {
    .benefits-holder .left-holder {
        width: 365px;
    }
}
@media (min-width: 1200px) {
    .benefits-holder .left-holder {
        margin-right: 162px;
    }
}
@media (min-width: 768px) {
    .benefits-holder .right-holder {
        width: calc(100% - 270px - 50px);
        margin: 0 -10px;
        display: flex;
        flex-wrap: wrap;
    }
}
@media (min-width: 1024px) {
    .benefits-holder .right-holder {
        width: calc(100% - 365px - 50px);
    }
}
@media (min-width: 1200px) {
    .benefits-holder .right-holder {
        width: calc(100% - 365px - 162px);
        margin: 0 -41px;
    }
}
.benefits-holder .right-holder .benefit-block {
    margin-bottom: 25px;
}
.benefits-holder .right-holder .benefit-block:last-child {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .benefits-holder .right-holder .benefit-block:last-child {
        margin-bottom: 50px;
    }
}
@media (min-width: 768px) {
    .benefits-holder .right-holder .benefit-block {
        width: 50%;
        padding: 0 10px;
        margin-bottom: 50px;
    }
}
@media (min-width: 1200px) {
    .benefits-holder .right-holder .benefit-block {
        padding: 0 41px;
    }
}
.delivery-benefits {
    background-color: #F4F4F4;
    position: relative;
    padding: 0 0 50px;
}
@media (min-width: 1024px) {
    .delivery-benefits {
        padding: 0 0 100px;
    }
}
.delivery-benefits .all-link {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 30px;
}
@media (min-width: 768px) {
    .delivery-benefits .all-link {
        position: relative;
        margin: 0;
        bottom: 0;
    }
}
@media (min-width: 768px) {
    .delivery-benefits-top {
        position: relative;
        padding: 60px 0;
    }
}
.delivery-benefits-top h2 {
    max-width: 760px;
    margin-bottom: 20px;
}
.delivery-benefits-top .content-holder {
    max-width: 942px;
    padding: 0 30px;
}
@media (min-width: 768px) {
    .delivery-benefits-top .content-holder {
        padding-bottom: 100px;
        margin-left: -30px;
        padding: 0 30px;
    }
}
@media (min-width: 1024px) {
    .delivery-benefits-top .content-holder {
        margin-left: -50px;
        padding-left: 50px;
    }
}
.delivery-benefits-top .text-holder {
    max-width: 778px;
    margin-bottom: 25px;
}
.delivery-benefits-top .text-holder p {
    margin-bottom: 60px;
}
.delivery-benefits-top .text-holder p:last-child {
    margin-bottom: 35px;
}
.delivery-benefits-top .bg-holder {
    padding: 0 0 57.3%;
    margin: 0 -30px 40px;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
}
@media (min-width: 768px) {
    .delivery-benefits-top .bg-holder {
        display: block;
        position: absolute;
        top: 143px;
        bottom: 0;
        left: -30px;
        margin: 0;
        right: -30px;
        padding: 0;
        z-index: -1;
    }
}
@media (min-width: 768px) and (min-width: 1024px) {
    .delivery-benefits-top .bg-holder {
        left: -50px;
        right: -50px;
    }
}
@media (min-width: 768px) {
    .delivery-benefits-bottom {
        display: flex;
        justify-content: flex-end;
        margin-top: -143px;
    }
}
.delivery-cols {
    margin: 0 -20px;
}
@media (min-width: 768px) {
    .delivery-cols {
        width: 66.664%;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
    }
}
.delivery-cols .slick-dots {
    margin-bottom: 90px;
}
.delivery-cols .slick-slide {
    height: auto;
    float: none;
    justify-content: center;
    display: flex;
}
.delivery-cols .slick-slide .delivery-col {
    min-height: 100%;
}
.delivery-cols .slick-slide:nth-child(4n + 1) .delivery-col, .delivery-cols .slick-slide:nth-child(4n + 4) .delivery-col {
    background-color: #F4F4F4;
}
.delivery-cols .slick-track {
    display: flex;
    margin-bottom: 30px;
}
.delivery-cols .delivery-col {
    background-color: #fff;
    position: relative;
    padding: 25px 20px 25px 85px;
}
@media (min-width: 768px) {
    .delivery-cols .delivery-col {
        width: 50%;
        outline: none;
        padding: 25px 20px 25px 85px;
    }
}
@media (min-width: 768px) {
    .delivery-cols .delivery-col:nth-child(4n + 1), .delivery-cols .delivery-col:nth-child(4n + 4) {
        background-color: #F4F4F4;
    }
}
.delivery-cols .delivery-col i {
    position: absolute;
    top: 25px;
    font-size: 40px;
    left: 25px;
    color: #EB7623;
}
.delivery-cols .delivery-col i.icon-percent {
    font-size: 50px;
}
.delivery-cols .delivery-col i.icon-shirt {
    font-size: 41px;
}
.delivery-cols .delivery-col i.icon-box {
    font-size: 46px;
}
.delivery-cols .delivery-col i.icon-card {
    font-size: 50px;
}
.delivery-cols .delivery-col .text-block {
    max-width: 300px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
}
.delivery-cols .delivery-col .text-block p:last-child {
    margin-bottom: 0;
}
.testimonials-section {
    padding: 40px 0;
    position: relative;
}
@media (min-width: 768px) {
    .testimonials-section {
        background-color: #F4F4F4;
        padding: 60px 0;
    }
}
@media (min-width: 1024px) {
    .testimonials-section {
        padding: 80px 0;
    }
}
.testimonials-section .all-link {
    position: absolute;
    bottom: -35px;
}
@media (min-width: 768px) {
    .testimonials-section .all-link {
        position: relative;
    }
}
.testimonials-section .slick-dots {
    overflow: visible;
    margin-bottom: 70px;
}
@media (min-width: 768px) {
    .testimonials-section .slick-dots {
        margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    .testimonials-section .slick-dots li {
        margin-right: 20px;
    }
}
.testimonials-section .slick-dots li:last-child {
    margin-right: 0;
}
.testimonials-section .slick-dots button {
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
@media (min-width: 768px) {
    .testimonials-section .slick-dots button {
        height: 6px;
        width: 6px;
    }
}
@media (min-width: 1024px) {
    .testimonials-section .slick-dots button:hover {
        background-color: #EB7623;
    }
}
@media (min-width: 768px) {
    .testimonials-section .slick-dots .slick-active button {
        transform: scale(1.3);
        background-color: #EB7623;
    }
}
.testimonials-section .slick-track {
    display: flex;
}
@media (min-width: 1024px) {
    .testimonials-section .slick-track {
        margin: 0 -35px;
    }
}
.testimonials-section .slick-track .slick-slide {
    height: auto;
    float: none;
}
.testimonials-section .slick-track .testimonial-block {
    margin: 0 auto;
}
@media (min-width: 1024px) {
    .testimonials-section .slick-track .testimonial-block {
        padding: 0 35px;
        margin: 0;
    }
}
@media (min-width: 768px) {
    .testimonials-section .testimonials-holder {
        display: flex;
        flex-wrap: wrap;
    }
}
@media (min-width: 768px) {
    .testimonials-section .text-block {
        width: 250px;
        margin-right: 30px;
    }
}
@media (min-width: 1024px) {
    .testimonials-section .text-block {
        width: 300px;
        margin-right: 50px;
    }
}
@media (min-width: 1200px) {
    .testimonials-section .text-block {
        margin-right: 150px;
    }
}
.testimonials-section .text-block h2 {
    line-height: 1.2;
    margin-bottom: 80px;
}
@media (min-width: 768px) {
    .testimonials-section .right-block {
        width: calc(100% - 280px);
    }
}
@media (min-width: 1024px) {
    .testimonials-section .right-block {
        width: calc(100% - 350px);
    }
}
@media (min-width: 1200px) {
    .testimonials-section .right-block {
        width: calc(100% - 450px);
    }
}
.testimonials-section .slick-nav {
    position: relative;
}
@media (min-width: 768px) {
    .testimonials-section .slick-nav {
        display: inline-block;
        padding: 0 140px;
        vertical-align: middle;
    }
}
.testimonials-section .slick-nav .slick-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 89px;
    line-height: 20px;
    display: none !important;
    color: #EB7623;
}
@media (min-width: 768px) {
    .testimonials-section .slick-nav .slick-btn {
        display: block !important;
    }
}
.testimonials-section .slick-nav .slick-btn.prev {
    left: 0;
    top: -10px
}
.testimonials-section .slick-nav .slick-btn.next {
    right: 0;
    top: -10px
}
.testimonials-section .slick-nav .slick-btn i {
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
}
.testimonials-section .user-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 37px;
}
.testimonials-section .user-info .text-holder {
    width: calc(100% - 80px);
}
.testimonials-section .user-info .name {
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1.4;
    display: block;
}
.testimonials-section .user-info .city {
    display: block;
    color: rgba(57, 57, 57, 0.6);
    font-size: 13px;
}
.testimonials-section .testimonial-text {
    line-height: 1.5;
}
.testimonials-section .testimonials-slider {
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .testimonials-section .testimonials-slider {
        margin-bottom: 0;
    }
}
.testimonials-section .img-holder {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
}
.testimonials-section .img-holder img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.news-section {
    padding: 60px 0;
    position: relative;
}
.news-section .all-link {
    position: absolute;
    bottom: -35px;
}
@media (min-width: 768px) {
    .news-section .all-link {
        position: relative;
        bottom: 0;
    }
}
.news-section .slick-track {
    margin-bottom: 28px;
}
.news-section .slick-dots {
    margin-bottom: 0;
}
.news-section .news-top {
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .news-section .news-top {
        display: flex;
        margin-bottom: 50px;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
}
.news-section h2 {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .news-holder {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -5px;
    }
}
.news-block {
    display: block;
    border: 1px solid #F4F4F4;
    padding: 20px;
    position: relative;
    color: #ffffff;
    text-shadow: -1px -1px 0px #000000, 1px 1px 0px #000000, 1px -1px 0px #000000, -1px 1px 0px #000000;
    overflow: hidden;
}
@media (min-width: 768px) {
    .news-block {
        width: calc(50% - 10px);
        margin: 0 5px 10px;
        padding-top: 115px;
    }
}
@media (min-width: 1024px) {
    .news-block:hover .bg-holder {
        transform: scale(1.1);
        border-radius: 0;
        opacity: .9;
    }
}
.news-block .bg-holder {
    transition: border-radius 0.5s ease-in-out, transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transform: scale(1);
    border-radius: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    opacity: 1;
}
.news-block h3 {
    line-height: 1.2;
    max-width: 460px;
    margin-bottom: 23px;
    font-size: 28px;
    background: rgba(0, 0, 0, 0.47);
    padding: 12px;
}
.news-block .text-holder {
    max-width: 350px;
}
.news-block .text-holder p:last-child {
    margin-bottom: 0;
    font-weight: bold;
    color: #393939;
}
.news-block time {
    display: block;
    margin-bottom: 100px;
    font-size: 13px;
    color: rgba(57, 57, 57, 0.6);
    font-weight: bold;
    color: #393939;
}
@media (min-width: 768px) {
    .news-block time {
        font-size: 16px;
        margin-bottom: 40px;
        font-weight: 500;
    }
}
.bottom-section {
    padding: 60px 0;
}
@media (max-width: 767px) {
    .bottom-section.open-close .bg-holder {
        margin-bottom: -50px;
    }
}
.bottom-section.open-close .bottom-section-holder {
    padding: 50px 20px;
    margin: -20px;
}
@media (min-width: 1024px) {
    .bottom-section.open-close .bottom-section-holder {
        margin: 0;
        padding: 100px 70px;
    }
}
#landing .bottom-section.open-close .bottom-section-holder:after {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    right: -100%;
    opacity: 0;
    visibility: hidden;
    background-color: #F4F4F4;
}
#landing .form-group {
    padding-bottom: 0px !important;
}
#landing .bottom-section.slide-active .text-holder {
    transform: scale(0) !important;
    position: absolute !important;
}
#landing .bottom-section.slide-active .bg-holder {
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    transform: scale(0) !important;
}
#landing .bottom-section.slide-active .bottom-section-holder:after {
    opacity: 1 !important;;
    visibility: visible !important;
}
#landing .bottom-section .slide {
    padding-top: 25px !important;
}
#landing .slide {
    transform: none !important;
    height: auto !important;
    padding: 0px !important;
}
.bottom-section .bottom-section-holder {
    background-color: #F4F4F4;
    padding: 60px 36px 0;
    margin: 0 -20px;
    position: relative;
}
@media (min-width: 768px) {
    .bottom-section .bottom-section-holder {
        padding: 100px 70px;
    }
}
.bottom-section .shop-tabset li {
    font-size: 13px;
}
@media (min-width: 768px) {
    .bottom-section .shop-tabset li {
        font-size: 15px;
    }
}
@media (min-width: 1024px) {
    .bottom-section .shop-tabset li {
        font-size: 16px;
    }
}
.bottom-section .content-holder {
    position: relative;
    z-index: 5;
}
.bottom-section .text-holder {
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, transform 0.3s ease-in-out;
    max-width: 518px;
    overflow: hidden;
}
.bottom-section .text-holder .btn {
    border-radius: 12px;
    padding: 12px 14px;
    min-width: 220px;
    font-size: 12px;
}
.bottom-section .text-holder p {
    margin-bottom: 40px;
}
@media (min-width: 1024px) {
    .bottom-section .text-holder p {
        margin-bottom: 60px;
    }
}
.bottom-section .input-holder {
    position: relative;
    overflow: visible;
    border-radius: 8px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.12);
}
@media (min-width: 768px) {
    .bottom-section .input-holder {
        max-width: 437px;
    }
}
.bottom-section .input-holder input {
    width: 100%;
    padding-right: 55px;
}
@media (min-width: 768px) {
    .bottom-section .input-holder input {
        padding-right: 165px;
    }
}
.bottom-section .subscribe-form {
    max-width: 532px;
    position: relative;
    z-index: 2;
}
.bottom-section .subscribe-form input[type='email'] {
    max-width: 100%;
}
.bottom-section .subscribe-form .btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    right: 5px;
    padding: 5px;
    top: 6px;
    bottom: 1px;
}
.bottom-section .subscribe-form .btn .content,
.bottom-section .subscribe-form .btn .success {
    display: block;
    overflow: hidden;
}
.bottom-section .subscribe-form .btn .success {
    width: 0;
}
.bottom-section .subscribe-form .btn .success svg path {
    fill: #fff !important;
}
.bottom-section .subscribe-form .btn.done .content {
    width: 0;
}
.bottom-section .subscribe-form .btn.done .success {
    width: 100%;
}
@media (min-width: 768px) {
    .bottom-section .subscribe-form .btn {
        min-width: 160px;
        border-radius: 12px;
        right: 4px;
        top: 6px;
        bottom: 4px;
        font-size: 12px;
        line-height: 1;
        padding: 5px;
    }
}
@media (max-width: 450px) {
    .bottom-section .bottom-section-holder {
        padding: 60px 20px 0;
    }
}
.bottom-section h3 {
    line-height: 1.2;
    margin-bottom: 38px;
}
.bottom-section .bg-holder {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    min-height: 150px;
    background-size: 100%;
    background-position: 50% 50%;
    background-size: cover;
    margin: 0 -40px;
    background-repeat: no-repeat;
}
@media (min-width: 768px) {
    .bottom-section .bg-holder {
        width: 711px;
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
    }
}
.bottom-section .calculating-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1160px;
    margin: 0 -20px;
}
.bottom-section .calculating-form .form-col {
    padding: 0 18px;
    margin-bottom: 20px;
    width: 100%;
}
@media (min-width: 1024px) {
    .bottom-section .calculating-form .form-col {
        width: 50%;
    }
}
.bottom-section .calculating-form input {
    width: 100%;
}
.bottom-section .calculating-form .input-holder--unit input {
    padding-right: 60px;
}
.bottom-section .calculating-form .form-holder {
    padding: 0 20px;
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .bottom-section .calculating-form .form-holder {
        width: 60%;
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) {
    .bottom-section .calculating-form .form-holder {
        width: 58.28%;
    }
}
.bottom-section .calculating-form .form-element {
    margin-bottom: 30px;
}
.bottom-section .calculating-form .form-cols {
    margin: 0 -18px;
    display: flex;
    flex-wrap: wrap;
}
.bottom-section .calculating-form .form-cols .btn {
    width: calc(100% - 36px);
    margin: 0 18px;
}
@media (min-width: 1024px) {
    .bottom-section .calculating-form .form-cols .btn {
        width: calc(50% - 36px);
    }
}
.bottom-section .calculating-form .total-holder {
    padding: 0 20px;
}
@media (min-width: 768px) {
    .bottom-section .calculating-form .total-holder {
        width: 40%;
        max-width: 390px;
    }
}
@media (min-width: 1024px) {
    .bottom-section .calculating-form .total-holder {
        width: 41.72%;
    }
}
.bottom-section .calculating-form .total-holder h5 {
    margin-bottom: 30px;
}
.bottom-section .calculating-form .total-holder .total-block {
    padding-right: 0;
    padding-left: 18px;
    margin-bottom: 35px;
}
@media (min-width: 1024px) {
    .bottom-section .calculating-form .total-holder .total-block {
        padding-left: 50px;
    }
}
.bottom-section .calculating-form .total-holder .total-description {
    color: rgba(57, 57, 57, 0.6);
    padding-left: 22px;
    font-size: 13px;
    line-height: 1.3;
}
@media (min-width: 1024px) {
    .bottom-section .calculating-form .total-holder .total-description {
        padding-left: 54px;
    }
}
.bottom-section .calculating-form .total-holder .summary {
    font-size: 16px;
    color: rgba(57, 57, 57, 0.6);
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
    line-height: 1.2;
}
.bottom-section .extra-services {
    color: rgba(57, 57, 57, 0.6);
}
.bottom-section .extra-services li {
    display: flex;
    flex-wrap: wrap;
}
.bottom-section .extra-services li .service-text {
    margin-right: 10px;
    width: calc(100% - 84px);
}
.bottom-section .extra-services li .price {
    width: 74px;
    font-size: 18px;
    line-height: 1.2;
    color: #393939;
}
.custom-checkbox {
    padding-top: 15px;
    display: block;
    color: #393939;
    cursor: pointer;
    position: absolute;
    user-select: none;
}
.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.custom-checkbox input:checked ~ .checkmark {
    background-color: #EB7623;
}
.custom-checkbox input:checked ~ .checkmark:after {
    opacity: 1;
    visibility: visible;
}
.custom-checkbox:hover input ~ .checkmark {
    background-color: #EB7623;
}
.custom-checkbox .checkmark {
    transition: background-color 0.3s ease-in-out;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    margin-right: 10px;
    background-color: #fff;
    position: relative;
}
.custom-checkbox .checkmark:after {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    content: "\e91b";
    font-family: 'icomoon';
    opacity: 0;
    color: #fff;
    visibility: hidden;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.calculating-form .total-holder .storage.ind {
    font-size: 14px;
    margin-bottom: 25px;
}
.prices {
    padding: 60px 0;
}
.prices .prices-holder {
    display: flex;
    flex-wrap: wrap;
}
.prices .prices-holder h2 {
    line-height: 1.2;
    margin-bottom: 20px;
}
.prices .prices-holder .text-block {
    margin-bottom: 40px;
}
@media (min-width: 1024px) {
    .prices .prices-holder .text-block {
        width: 480px;
        margin-bottom: 50px;
    }
}
@media (min-width: 1200px) {
    .prices .prices-holder .text-block {
        margin-bottom: 0;
        margin-right: 30px;
    }
}
@media (min-width: 1300px) {
    .prices .prices-holder .text-block {
        margin-right: 85px;
    }
}
.prices .prices-holder .text-block .btn {
    width: 100%;
    max-width: 304px;
}
.prices .prices-holder .text-block .text {
    max-width: 380px;
    margin-bottom: 60px;
}
.prices .prices-holder .text-block .text p:last-child {
    margin-bottom: 0;
}
@media (min-width: 1024px) {
    .prices .nembers-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
    }
}
.prices .nembers-list li {
    color: rgba(57, 57, 57, 0.7);
    margin-bottom: 20px;
}
.prices .nembers-list li:last-child {
    margin-bottom: 0;
}
@media (min-width: 1024px) {
    .prices .nembers-list li {
        width: 33.332%;
        padding: 0 10px;
    }
}
.prices .nembers-list li:last-child {
    margin-bottom: 0;
}
.prices .nembers-list li p {
    margin-bottom: 0;
}
.prices .nembers-list .number {
    color: #393939;
    font-size: 42px;
    font-weight: 900;
}
.prices .nembers-list .add-text {
    font-size: 13px;
    display: block;
}
.prices .nembers-list .additional,
.prices .nembers-list .days {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
}
.prices .nembers-list .additional {
    font-size: 30px;
}
.prices .nembers-list .days {
    font-size: 16px;
}
.prices .prices-list {
    width: 100%;
}
@media (min-width: 1200px) {
    .prices .prices-list {
        width: calc(100% - 480px - 35px);
    }
}
@media (min-width: 1300px) {
    .prices .prices-list {
        width: calc(100% - 480px - 85px);
    }
}
.prices .prices-list .delivery-type {
    background-color: #F4F4F4;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 219px;
    padding: 30px;
    margin-bottom: 30px;
    position: relative;
}
@media (min-width: 1300px) {
    .prices .prices-list .delivery-type {
        padding: 52px;
    }
}
.prices .prices-list .delivery-type:last-child {
    background-size: 231px;
    margin-bottom: 0;
}
.prices .prices-list .delivery-type i {
    color: #EB7623;
    display: block;
    margin-bottom: 15px;
    margin-right: 22px;
}
@media (min-width: 375px) {
    .prices .prices-list .delivery-type i {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
    }
}
.prices .prices-list .delivery-type i.icon-flight {
    font-size: 45px;
}
.prices .prices-list .delivery-type i.icon-sea-ship {
    font-size: 50px;
}
.prices .prices-list .delivery-type h4 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 34px;
    letter-spacing: 0.96px;
}
@media (min-width: 1024px) {
    .prices .prices-list .delivery-type h4 {
        font-size: 24px;
    }
}
@media (max-width: 1023px) {
    .prices .prices-list .delivery-type h4 {
        font-size: 16px;
        position: relative;
        padding-left: 60px;
        max-width: 280px;
    }
    .prices .prices-list .delivery-type h4 i {
        position: absolute;
        left: 0;
        top: 0;
    }
    .prices .prices-list {
        display: flex;
    }
    .prices .prices-list .delivery-type.avia-bg {
        margin-right: 5px;
        margin-left: 0;
    }
    .prices .prices-list .delivery-type.sea-bg {
        margin-left: 5px;
        margin-right: 0;
    }
    .prices .prices-list .delivery-type {
        display: inline-block;
        width: 50%;
        margin: 10px;
        height: 100%;
    }
    .prices .nembers-list .number {
        font-size: 24px;
    }
    .prices .prices-holder .text-block {
        width: 100%;
    }
    .prices .nembers-list .additional {
        font-size: 16px !important;
        width: auto;
    }
}
@media (max-width: 700px) {
    .prices .prices-list .delivery-type {
        padding: 20px;
    }
    .prices .prices-list .delivery-type h4 {
        font-size: 0;
        height: 30px;
    }
    .prices .prices-list .delivery-type h4 i {
        right: 0;
        text-align: center;
        margin: 0;
    }
    .prices .nembers-list .number .add-text {
        font-size: 10px;
    }
    .prices .prices-holder .text-block .btn {
        max-width: 350px;
        display: block;
        margin: 0 auto;
    }
    .prices .nembers-list .days {
        font-size: 16px;
        display: block !important;
        width: 100%;
    }
}
@media (max-width: 420px) {
    .prices .prices-list .delivery-type {
        padding: 15px;
    }
    .prices .nembers-list li p {
        font-size: 10px;
    }
    .prices .nembers-list .number {
        font-size: 20px;
    }
    .prices .nembers-list .days {
        font-size: 14px;
    }
}
.services {
    padding: 60px 0 0;
}
@media (max-width: 767px) {
    .services .desktop-version {
        display: none;
    }
}
@media (min-width: 768px) {
    .services .mobile-version {
        display: none;
    }
}

.services h2 {
    margin-bottom: 50px;
}
@media (min-width: 1024px) {
    .services h2 {
        margin-bottom: 97px;
    }
}
.services .tab-content {
    padding-top: 40px;
}
.services h5 {
    margin-bottom: 30px;
}
.services .additional-services {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 9px;
    color: rgba(57, 57, 57, 0.6);
}
.services .additional-services p {
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .services .services-links>li>a>.text:after {
        content: "\e900";
        font-family: 'icomoon';
        position: absolute;
        color: rgba(153, 153, 153, 0.25);
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        line-height: 1;
        font-size: 40px; }
}
@media (min-width: 1024px) {
    .services .mobile-version {
        display: none;
    }
}
.services .services-links {
    display: flex;
    flex-wrap: wrap;
}
.services .services-links>li {
    width: 100%;
    margin-bottom: 10px;
}
.services .services-links>li>a {
    display: block;
    padding: 90px 30px 30px;
    position: relative;
    background-color: #F4F4F4;
    border-radius: 16px;
}
.services .services-links>li>a>.text {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 16px;
    padding-right: 45px;
    position: relative;
}
.services .services-links>li>a>text:after {
    content: "\e900";
    font-family: 'icomoon';
    position: absolute;
    color: rgba(153, 153, 153, 0.25);
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    line-height: 1;
    font-size: 40px;
}
.services .services-links>li>a>.text p {
    margin-bottom: 0;
}
.services .services-links>li>a>i {
    position: absolute;
    top: 32px;
    left: 32px;
    color: #EB7623;
    font-size: 46px;
}
.services .services-links>li>a>i.icon-shop {
    font-size: 48px;
}
.services .services-links>li>a>i.icon-auto {
    font-size: 35px;
}
.services .services-links>li>a>i.icon-pin {
    font-size: 50px;
}
.form-tabset {
    display: flex;
    margin: 0 -3px;
}
.form-tabset li a {
    display: block;
    width: 100%;
    position: relative;
    font-size: 16px;
    font-weight: 900;
    padding: 89px 0 18px;
    text-transform: uppercase;
    border-bottom: 2px solid #EB7623;
}
.form-tabset li a.tab-active i {
    color: #F4F4F4;
}
.form-tabset li a.tab-active:after {
    width: 100%;
}
.form-tabset li a:hover i {
    color: #F4F4F4;
}
.form-tabset li a:after {
    transition: width 0.3s ease-in-out;
    content: '';
    position: absolute;
    bottom: -2px;
    height: 3px;
    left: 50%;
    width: 0;
    transform: translateX(-50%);
    background-color: #F4F4F4;
}
.form-tabset li a .text {
    max-width: 185px;
}
@media (max-width: 767px) {
    .form-tabset li a .text {
        display: none;
    }
}
.form-tabset li p {
    margin-bottom: 0;
}
.form-tabset li i {
    transition: color 0.3s ease-in-out;
    top: 0;
    left: 0;
    font-size: 46px;
    position: absolute;
    color: #F4F4F4;
}
.form-tabset li i.icon-shop {
    font-size: 48px;
}
.form-tabset li i.icon-auto {
    font-size: 45px;
}
.form-tabset li i.icon-pin {
    font-size: 50px;
}
.form-tabset li {
    width: 100%;
    margin: 0 3px;
    display: flex;
}
.form-tabset li a {
    display: block;
    width: 100%;
    position: relative;
    font-size: 13px;
    font-weight: 900;
    padding: 35px 0 18px;
    text-transform: uppercase;
    border-bottom: 2px solid #EB7623;
}
@media (min-width: 768px) {
    .form-tabset li a {
        padding: 0 0 15px 60px;
    }
}
@media (min-width: 1024px) {
    .form-tabset li a {
        font-size: 16px;
        padding: 0 0 15px 60px;
    }
}
.form-tabset li p {
    margin-bottom: 0;
}
.form-tabset li i {
    transition: color 0.3s ease-in-out;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 33px;
    position: absolute;
    color: #EB7623;
}
@media (min-width: 768px) {
    .form-tabset li i {
        font-size: 46px;
        left: 0;
        transform: translateX(0);
    }
}
.form-tabset li i.icon-shop {
    font-size: 36px;
}
@media (min-width: 768px) {
    .form-tabset li i.icon-shop {
        font-size: 48px;
    }
}
.form-tabset li i.icon-pin {
    font-size: 35px;
}
@media (min-width: 768px) {
    .form-tabset li i.icon-pin {
        font-size: 50px;
    }
}
.order-form {
    display: none;
}
@media screen and (min-width: 768px) {
    .order-form {
        display: flex;
        flex-wrap: wrap;
    }
}

.order-form h3 {
    margin-bottom: 30px;
}
.order-form .form-element-holder {
    max-width: 500px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px 25px;
}
.order-form h5 {
    margin-bottom: 10px;
}
.order-form .form-element-holder .input-col {
    display: block;
    padding: 0 5px;
    width: 50%;
    max-width: 250px;
    margin-bottom: 10px;
}
.order-form .jcf-select {
    max-width: 240px;
    margin-bottom: 10px;
    width: calc(50% - 5px);
}

@media screen and (min-width: 1200px) {
    .order-form .form-element-holder {
        max-width: 250px;
        margin: 0 -25px 50px;
    }
    .order-form .form-element-holder .input-col {
        width: 100%;
        min-width: inherit;
        padding: 0 25px;
    }
    .order-form .jcf-select {
        max-width: 200px;
        width: 100%;
    }
}

.order-form .form-element-holder input {
    background-color: #F4F4F4;
    padding-right: 40px;
    width: 100%;
}
.order-form .left-form-holder {
    max-width: 100%;
    margin: 0;
}
.order-form .left-form-holder .btn,
.order-form .left-form-holder h3 {
    display: none;
}
.order-form .left-form-holder p {
    margin: 30px 0;
}
@media (min-width: 1200px) {
    .order-form .left-form-holder .btn,
    .order-form .left-form-holder h3 {
        display: block;
    }
    .order-form .left-form-holder {
        max-width: 450px;
        display: block;
        margin: 0 0 60px;
    }
    .order-form .left-form-holder p {
        margin: 0 0 60px;
    }
}
@media (min-width: 1200px) {
    .order-form .left-form-holder {
        margin-right: 150px;
    }
}
.order-form .right-form-holder {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
@media (min-width: 1200px) {
    .order-form .right-form-holder {
        margin-bottom: 0;
        width: calc(100% - 600px);
    }
}
.input-holder--unit {
    position: relative;
}
.input-holder--unit .unit {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 500;
}
.total-block {
    padding: 18px 30px;
    border-left: 4px solid #EB7623;
}
.total-block .h3 {
    margin-bottom: 0;
}
.total-block .additional-services {
    display: none;
}
.checkboxes-holder .checkbox-container {
    margin-bottom: 10px;
}
@media screen and (min-width: 1200px) {
    .total-block {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 370px;
        padding: 18px 50px;
    }
    .total-block .h3 {
        font-size: 24px;
    }
    .total-block .additional-services {
        display: block;
    }
}
/* custom select styles */
.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #F4F4F4;
    margin: 0 0 60px;
    width: 100%;
    max-width: 300px;
    height: 46px;
    border-radius: 8px;
}
.jcf-select.jcf-drop-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.jcf-select.jcf-drop-active .jcf-select-opener:after {
    transform: translate(-50%, -50%) rotate(180deg);
}
.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0;
}
.jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    font-size: 14px;
    line-height: 46px;
    padding: 0 50px 0 16px;
}
.jcf-select .jcf-select-opener {
    position: absolute;
    cursor: pointer;
    text-align: center;
    width: 50px;
    bottom: 0;
    right: 0;
    top: 0;
}
.jcf-select .jcf-select-opener:after {
    transition: transform 0.3s ease-in-out;
    content: "\e912";
    position: absolute;
    font-family: 'icomoon';
    left: 50%;
    top: 50%;
    font-size: 9px;
    transform: translate(-50%, -50%);
}
body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0;
}
.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0px;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.12);
}
.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto;
}
/* multiple select styles */
.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px;
}
/* select options styles */
.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    line-height: 14px;
    font-size: 12px;
    width: 100%;
}
.jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    overflow: auto;
    width: 100%;
}
.jcf-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.jcf-list ul li {
    overflow: hidden;
    display: block;
}
.jcf-list .jcf-overflow {
    overflow: auto;
}
.jcf-list .jcf-option {
    overflow: hidden;
    cursor: default;
    display: block;
    padding: 7px 16px;
    font-size: 14px;
    height: 1%;
}
.jcf-list .jcf-disabled {
    background: #fff !important;
    color: #aaa !important;
}
.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    background: #e6e6e6;
    color: #000;
}
.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px;
}
.jcf-disabled {
    background: #ddd !important;
}
.jcf-focus,
.jcf-focus * {
    border-color: #f00 !important;
}
.checkboxes-holder {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 15px;
}
/* Customize the label (the container) */
.checkbox-container {
    width: 100%;
    font-size: 12px;
    padding: 0 10px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    min-height: 50px;
}
.checkboxes-holder .show-links {
    display: block;
    width: 100%;
}
.checkboxes-holder .show-links .show-links__wrapper {
    position: relative;
    font-size: 14px;
    text-align: left;
    width: 110px;
    color: #eb7623;
    margin: 10px auto;
}
.checkboxes-holder .show-links .show-links__wrapper:after {
    content: " ";
    font-size: 0;
    display: block;
    position: absolute;
    right: 10px;
    top: 3px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #cdcdcd;
    border-bottom: 2px solid #cdcdcd;
    transform: rotate(45deg);
    transition: .3s;
}
.checkboxes-holder .show-links .show-links__wrapper > div {
    cursor: pointer;
    display: block;
}
.checkboxes-holder:not(.open) .show-links .show_less {
    display: none;
}
.checkboxes-holder.open .show-links .show-links__wrapper:after {
    transform: rotate(-135deg);
    top: 8px;
}
.checkboxes-holder.open .show-links .show_more {
    display: none;
}
@media (min-width: 350px) {
    .checkbox-container {
        width: 50%;
    }
}
@media (min-width: 500px) {
    .checkbox-container {
        font-size: 14px;
    }
}
@media (max-width: 699px) {
    .checkboxes-holder:not(.open) .checkbox-container:nth-child(4) ~ .checkbox-container {
        display: none;
    }
}
@media (min-width: 700px) {
    .checkbox-container {
        width: 33.332%;
    }
}
@media (max-width: 1199px) {
    .checkboxes-holder:not(.open) .checkbox-container:nth-child(6) ~ .checkbox-container {
        display: none;
    }
}
@media (min-width: 1200px) {
    .checkboxes-holder .checkbox-container:nth-child(4) ~ .checkbox-container {
        display: block;
    }
    .checkboxes-holder .show-links {
        display: none;
    }
}
.checkbox-container:hover input ~ .text-holder i {
    color: #EB7623;
}
.checkbox-container .text-holder {
    line-height: 20px;
    position: relative;
    padding-left: 40px;
    max-width: 198px;
    display: block
}
.checkbox-container .text-holder:after {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    content: "\e91b";
    opacity: 0;
    visibility: hidden;
    font-family: 'icomoon';
    position: absolute;
    font-size: 9px;
    color: #EB7623;
    top: -10px;
    right: 22px;
}
.checkbox-container .text-holder i {
    transition: color 0.3s ease-in-out;
    color: #CDCDCD;
    font-size: 30px;
    position: absolute;
    left: 0;
    top: 10px;
    transform: translateY(0);
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.checkbox-container .text-holder i.icon-secure {
    font-size: 28px;
}
.checkbox-container .text-holder p {
    margin-bottom: 0;
}
.checkbox-container .text-holder strong {
    color: #393939;
}
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkbox-container input:checked ~ .text-holder i {
    color: #EB7623;
}
.checkbox-container input:checked ~ .text-holder:after {
    opacity: 1;
    visibility: visible;
}
.with-us-section {
    padding: 50px 0 50px;
}
@media (min-width: 1024px) {
    .with-us-section {
        padding: 30px 0 70px;
    }
}
.with-us-section .top-holder {
    margin-bottom: 30px;
    display: block;
}
@media (min-width: 1024px) {
    .with-us-section .top-holder {
        margin-bottom: 47px;
        display: flex;
    }
}
.with-us-section .top-holder .icon-holder {
    margin-bottom: 30px;
}
@media (min-width: 1024px) {
    .with-us-section .top-holder .icon-holder {
        margin-bottom: 0;
    }
}
.with-us-section .top-holder h2 {
    margin-bottom: 0;
}
.with-us-section .top-holder i {
    font-size: 71px;
    color: #EB7623;
}
.with-us-section .top-holder .top-text-holder {
    max-width: 538px;
}
.with-us-section .cols-holder {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .with-us-section .cols-holder {
        margin: 0 -20px;
    }
}
@media (min-width: 1024px) {
    .with-us-section .cols-holder {
        padding-left: 124px;
    }
}
@media (min-width: 1200px) {
    .with-us-section .cols-holder {
        margin: 0 -55px;
    }
}
.with-us-section .left-col,
.with-us-section .right-col {
    width: 100%;
    padding: 0 20px;
}
@media (min-width: 1200px) {
    .with-us-section .left-col,
    .with-us-section .right-col {
        padding: 0 55px;
    }
}
.with-us-section .left-col {
    width: 100%;
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .with-us-section .left-col {
        width: 50%;
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) {
    .with-us-section .left-col {
        width: 40.5%;
        margin-bottom: 0;
    }
}
.with-us-section .steps-list {
    margin: 0;
}
.with-us-section .right-col {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .with-us-section .right-col {
        width: 50%;
    }
}
@media (min-width: 1024px) {
    .with-us-section .right-col {
        width: 59.5%;
        padding-top: 100px;
    }
}
@media (min-width: 768px) {
    .with-us-section .right-col .storage-list {
        max-width: 260px;
    }
}
.with-us-section .right-col .storage-list li {
    position: relative;
    padding-left: 52px;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 32px;
}
.with-us-section .right-col .storage-list li i {
    position: absolute;
    color: #EB7623;
    left: 0;
    top: 50%;
    font-size: 32px;
    transform: translateY(-50%);
}
.with-us-section .right-col .storage-list li i.icon-setting {
    font-size: 30px;
}
.with-us-section h4 {
    margin-bottom: 20px;
}
@media (min-width: 1024px) {
    .with-us-section h4 {
        font-size: 24px;
    }
}
.with-us-section .steps-list--sm {
    margin-bottom: 30px;
}
.with-us-section .steps-list--sm li {
    width: 100%;
}
@media (min-width: 1024px) {
    .with-us-section .steps-list--sm li {
        margin-bottom: 30px;
    }
}
.with-us-section .steps-list--sm li:after {
    right: auto;
    left: 0;
}
.address-section {
    background-color: #F4F4F4;
    padding: 50px 0;
}
.address-section .container, .address-section .hero-section .slick-dots, .hero-section .address-section .slick-dots {
    max-width: 1092px;
}
.address-section .address-holder {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}
.address-section .address-col {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 20px;
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .address-section .address-col {
        width: 50%;
        margin-bottom: 0;
    }
}
.address-section .address-col:last-child {
    margin-bottom: 0;
}
.address-section .address-col address {
    font-style: normal;
    font-weight: 500;
    max-width: 260px;
}
@media (min-width: 480px) {
    .address-section .address-col address {
        font-size: 16px;
    }
}
.address-section .address-col address p {
    margin-bottom: 0;
}
.address-section .text-holder {
    width: calc(100% - 120px);
}
@media (min-width: 480px) {
    .address-section .text-holder {
        width: calc(100% - 160px);
    }
}
.address-section .img-holder {
    margin-right: 20px;
    width: 100px;
}
@media (min-width: 480px) {
    .address-section .img-holder {
        width: 140px;
    }
}
.address-section .city {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    .address-section .city {
        font-size: 24px;
    }
}
.contact-us {
    padding: 50px 0 100px;
}
@media (min-width: 1024px) {
    .contact-us {
        padding: 70px 0 120px;
    }
}
.contact-us h2 {
    margin-bottom: 50px;
}
.contact-us .subtitle {
    font-size: 18px;
    line-height: 1.2;
    display: block;
    margin-bottom: 50px;
}
.contact-us-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1176px;
    margin: 0 -20px;
}
.contact-us-holder .form-holder {
    padding: 0 20px;
    margin-bottom: 50px;
}
@media (min-width: 768px) {
    .contact-us-holder .form-holder {
        margin-bottom: 0;
        width: 60%;
    }
}
@media (min-width: 1024px) {
    .contact-us-holder .form-holder {
        width: 55.78%;
    }
}
.contact-us-holder .contact-tel {
    padding: 0 20px;
    padding-left: 53px;
}
@media (min-width: 768px) {
    .contact-us-holder .contact-tel {
        width: 40%;
    }
}
@media (min-width: 1024px) {
    .contact-us-holder .contact-tel {
        width: 44.22%;
        max-width: 420px;
    }
}
.contact-tel .phone-link {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 25px;
    display: inline-block;
    vertical-align: middle;
}
@media (min-width: 1024px) {
    .contact-tel .phone-link {
        font-size: 36px;
    }
}
.contact-tel .phone-link:hover {
    color: #EB7623;
}
.contact-tel .phone-link:after {
    content: "\e90d";
    font-family: 'icomoon';
    color: #00DC65;
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
    left: -35px;
}
.contact-tel .description {
    max-width: 275px;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 60px;
    color: rgba(57, 57, 57, 0.6);
}
.contact-tel .description p {
    margin-bottom: 0;
}
.contact-tel .title {
    font-size: 16px;
    display: block;
    color: #393939;
    line-height: 1.2;
    margin-bottom: 5px;
}
@media (min-width: 1024px) {
    .contact-tel .title {
        font-size: 18px;
    }
}
.contact-form {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 1024px) {
    .contact-form {
        margin: 0 -18px;
    }
}
.contact-form .contact-form-col {
    width: 100%;
}
@media (min-width: 1024px) {
    .contact-form .contact-form-col {
        width: 50%;
        padding: 0 18px;
    }
}
.contact-form .contact-form-col:last-of-type {
    margin-bottom: 40px;
}
@media (min-width: 1024px) {
    .contact-form .contact-form-col:last-of-type {
        margin-bottom: 0;
    }
}
.contact-form .input-holder {
    margin-bottom: 33px;
}
.calculating-form .form-group.has-error {
    border: 1px solid #ff6464;
    border-radius: 8px;
}
.contact-form .contact-form-col .form-group.has-error,
.contact-form .input-holder .form-group.has-error {
    border: 1px solid #ff6464;
    border-radius: 5px;
}
@media (min-width: 1024px) {
    .contact-form .input-holder:last-of-type {
        margin-bottom: 70px;
    }
}
.contact-form input,
.contact-form textarea {
    background-color: #F4F4F4;
    width: 100%;
}
.contact-form .btn {
    width: 100%;
    border-radius: 12px;
    padding: 15px 20px;
}
@media (min-width: 1024px) {
    .contact-form .btn {
        width: calc(50% - 36px);
        margin: 0 18px;
    }
}
.tariffs {
    padding: 50px 0 60px;
}
@media (min-width: 1024px) {
    .tariffs {
        padding: 60px 0 0;
    }
}
@media (min-width: 768px) {
    .tariffs .tariffs-holder {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -20px;
    }
}
@media (min-width: 1024px) {
    .tariffs .tariffs-holder {
        margin: 0 -70px;
    }
}
.tariffs .tariffs-holder .price .number {
    font-size: 46px;
    font-weight: 900;
}
.tariffs .tariffs-holder .price .unit {
    font-size: 22px;
    display: inline-block;
    position: relative;
    line-height: 1;
}
.tariffs .tariffs-holder .price .unit sub {
    position: absolute;
    font-size: 50%;
    bottom: auto;
    top: 2px;
    transform: translateX(100%);
    right: 0;
}
.tariffs .tariffs-holder .title {
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}
.tariffs .tariffs-holder .title .icon-question {
    font-size: 30px;
    color: #EB7623;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
.tariffs .tariffs-holder .tariffs-block {
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .tariffs .tariffs-holder .tariffs-block {
        padding: 0 20px;
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) {
    .tariffs .tariffs-holder .tariffs-block {
        padding: 0 70px;
    }
}
.tariffs .tariffs-holder .tariffs-block:last-child {
    margin-bottom: 0;
}
.tariffs .table-holder {
    overflow: auto;
    margin-bottom: 30px;
    margin-right: -30px;
}
@media (min-width: 1024px) {
    .tariffs .table-holder {
        margin-bottom: 50px;
        margin-right: 0;
    }
}
.tariffs .table-description {
    max-width: 500px;
}
.tariffs .additional-services {
    display: flex;
    overflow: auto;
    margin: 0 -30px 30px -10px;
}
@media (min-width: 1024px) {
    .tariffs .additional-services {
        margin: 0 -15px 50px;
    }
}
.tariffs .additional-services .service-block {
    min-width: 190px;
    padding: 0 10px;
    font-size: 15px;
}
@media (min-width: 1024px) {
    .tariffs .additional-services .service-block {
        width: 20%;
        min-width: auto;
        padding: 0 15px;
    }
}
.tariffs .additional-services .service-block:last-child .title {
    max-width: none;
}
.tariffs .additional-services .service-block .description {
    display: block;
    color: rgba(0, 0, 0, 0.6);
    font-size: 13px;
}
.tariffs .additional-services .service-block .price {
    display: block;
}
.tariffs .additional-services .service-block .title {
    position: relative;
    padding-right: 32px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 15px;
    max-width: 180px;
}
.tariffs .additional-services .service-block .title .icon-question {
    position: absolute;
    top: 0;
    right: 0;
    color: #EB7623;
    font-size: 23px;
}
.tariffs h3 {
    font-size: 20px;
    margin-bottom: 14px;
}
.tariffs .include-link {
    color: #EB7623;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
}
.tariffs .include-link:hover {
    color: rgba(235, 118, 35, 0.8);
}
.tariffs .services-table td {
    min-width: 190px;
    padding: 20px 18px;
}
@media (min-width: 1024px) {
    .tariffs .services-table td {
        width: 20%;
        min-width: auto;
    }
}
.tariffs .prices-table {
    width: 100%;
}
.tariffs .prices-table tr {
    border-bottom: 1px solid #E1E2E5;
}
.tariffs .prices-table td {
    min-width: 150px;
    padding: 20px 18px;
    font-weight: 700;
    font-size: 13px;
}
@media (min-width: 1024px) {
    .tariffs .prices-table td {
        width: 13.5%;
        min-width: auto;
        font-size: 16px;
    }
}
.tariffs .prices-table td:first-child {
    font-weight: 400;
    min-width: 190px;
    padding-left: 0;
}
@media (min-width: 1024px) {
    .tariffs .prices-table td:first-child {
        font-size: 15px;
        width: 19%;
        min-width: auto;
    }
}
.tariffs .prices-table td:first-child i {
    color: #EB7623;
    font-size: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
}
.tariffs .prices-table td:nth-child(odd):not(:first-child) {
    background-color: #E1E2E5;
}
.sales {
    padding: 30px 0 40px;
}
@media (min-width: 1024px) {
    .sales {
        padding: 40px 0 70px;
    }
}
.sales h2 {
    margin-bottom: 40px;
}
@media (min-width: 1024px) {
    .sales h2 {
        margin-bottom: 62px;
    }
}
.sales .sales-holder {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .sales .sales-holder {
        margin: 0 -15px;
    }
}
@media (min-width: 1024px) {
    .sales .sales-holder {
        margin: 0 -60px;
    }
}
.sales .sales-holder .sales-col {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .sales .sales-holder .sales-col {
        width: 33.332%;
        padding: 0 15px;
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) {
    .sales .sales-holder .sales-col {
        padding: 0 60px;
    }
}
.sales .sales-holder .sales-col:last-child {
    margin-bottom: 0;
}
.sales .sales-holder .sales-col .img-holder {
    margin-bottom: 30px;
}
.sales .sales-holder .sales-col .text-holder {
    margin-top: auto;
}
.sales .title {
    font-size: 16px;
    line-height: 1.2;
}
@media (min-width: 1024px) {
    .sales .title {
        font-size: 18px;
    }
}
.fbm-section {
    padding: 30px 0 40px;
}
@media (min-width: 1024px) {
    .fbm-section {
        padding: 70px 0 60px;
    }
}
.fbm-section .step-list-holder {
    max-width: 830px;
}
.fbm-section .top-text {
    margin-bottom: 30px;
}
@media (min-width: 1024px) {
    .fbm-section .top-text {
        margin-bottom: 54px;
    }
}
.fbm-section .note {
    width: 100%;
    padding-top: 20px;
    padding-left: 50px;
    margin-bottom: 22px;
    position: relative;
}
@media (min-width: 768px) {
    .fbm-section .note {
        width: 50%;
    }
}
@media (min-width: 1300px) {
    .fbm-section .note {
        padding: 42px 37px 0 50px;
    }
}
.fbm-section .note:after {
    content: '*';
    position: absolute;
    font-family: "Montserrat", "GothamPro", "Helvetica Neue", "Helvetica", sans-serif;
    top: 10px;
    font-size: 50px;
    font-weight: 800;
    z-index: 1;
    color: #D7D7D9;
    font-size: 120px;
    line-height: 0.6;
    left: 0;
}
.fbm-section .note .title {
    font-size: 18px;
    line-height: 1.3;
    position: relative;
    z-index: 2;
    font-weight: 500;
    margin-bottom: 15px;
    display: block;
}
.fbm-section .steps-list {
    margin: 0;
}
.fbm-section .steps-list li:after {
    z-index: 1;
    color: #D7D7D9;
    right: auto;
    left: 0;
}
@media (min-width: 1024px) {
    .fbm-section .steps-list li:after {
        font-size: 60px;
    }
}
@media (min-width: 1300px) {
    .fbm-section .steps-list li {
        padding: 42px 37px 0 50px;
    }
}
.fbm-section .steps-list .title {
    position: relative;
    z-index: 2;
}
.service-label {
    display: block;
    max-width: 128px;
    margin-bottom: 35px;
    font-size: 32px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
    padding: 17px 20px;
    background: linear-gradient(126.32deg, #EB7623 17.58%, #EB8F23 82.32%);
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15);
    border-radius: 0px 0px 6px 6px;
}
.fbm-holder {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.fbm-holder .fbm-left-holder {
    position: relative;
    padding-bottom: 40px;
    width: 100%;
    margin-bottom: 40px;
}
@media (min-width: 1024px) {
    .fbm-holder .fbm-left-holder {
        margin-bottom: 0;
        margin-right: 17px;
        padding-right: 20px;
        padding-bottom: 120px;
        width: calc(100% - 337px);
    }
}
.fbm-holder .fbm-left-holder:after {
    content: '';
    position: absolute;
    right: -30px;
    top: 0;
    left: -30px;
    bottom: 0;
    background-color: #F6F6F6;
    z-index: -1;
}
@media (min-width: 1024px) {
    .fbm-holder .fbm-left-holder:after {
        left: calc(-1 * (100vw - 100% - 15px) / 2);
        right: 0;
    }
}
.fbm-holder .fbm-right-holder {
    width: 100%;
}
@media (min-width: 1024px) {
    .fbm-holder .fbm-right-holder {
        width: 320px;
    }
}
.fbm-holder .prices-storage .slick-dots {
    margin-top: 20px;
}
@media (min-width: 1024px) {
    .fbm-holder .prices-storage .slick-dots {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 18px;
    }
}
@media (min-width: 1024px) {
    .fbm-holder .prices-storage .slick-dots .slick-active button {
        background-color: #fff;
    }
}
.fbm-holder .prices-storage .price-block {
    min-height: 400px;
}
@media (min-width: 1024px) {
    .fbm-holder .prices-storage .price-block {
        margin: 0;
    }
}
@media (min-width: 1200px) {
    .fbm-holder .prices-storage .price-block {
        min-height: 488px;
    }
}
.fbm-holder .prices-storage .price-block .bottom-holder .text-block {
    color: #fff;
}
.fbm-holder .prices-storage .price-block .bottom-holder .number {
    color: #fff;
}
.amazon-sales {
    padding: 60px 0 50px;
}
@media (min-width: 1024px) {
    .amazon-sales {
        padding: 60px 0 30px;
    }
}
.amazon-sales .top-text {
    max-width: 471px;
    margin-bottom: 30px;
}
@media (min-width: 1024px) {
    .amazon-sales .top-text {
        margin-bottom: 50px;
    }
}
.amazon-sales .top-text h2 {
    margin-bottom: 15px;
    max-width: 350px;
}
.amazon-sales-holder {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .amazon-sales-holder {
        margin: 0 -15px;
    }
}
@media (min-width: 1200px) {
    .amazon-sales-holder {
        margin: 0 -45px;
    }
}
.amazon-sales-holder .storage-cols {
    width: 100%;
}
@media (min-width: 768px) {
    .amazon-sales-holder .storage-cols {
        padding: 0 15px;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
}
@media (min-width: 1024px) {
    .amazon-sales-holder .storage-cols {
        width: 63%;
        margin-bottom: 0;
    }
}
@media (min-width: 1200px) {
    .amazon-sales-holder .storage-cols {
        padding: 0 45px;
    }
}
.amazon-sales-holder .title-holder {
    display: flex;
    align-items: center;
    margin-bottom: 27px;
}
.amazon-sales-holder .title-holder h4 {
    margin-right: 18px;
    margin-bottom: 0;
}
@media (min-width: 1024px) {
    .amazon-sales-holder .title-holder h4 {
        font-size: 24px;
    }
}
.amazon-sales-holder .title-holder i {
    font-size: 36px;
    color: #EB7623;
}
.amazon-sales-holder .storage-col {
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .amazon-sales-holder .storage-col {
        width: calc(50% - 15px);
        margin-right: 30px;
        margin-bottom: 0;
    }
}
@media (min-width: 1200px) {
    .amazon-sales-holder .storage-col {
        width: calc(50% - 75px);
        margin-right: 150px;
    }
}
.amazon-sales-holder .storage-col:last-child {
    margin-right: 0;
}
.amazon-sales-holder .storage-col .title-holder {
    align-items: flex-end;
}
.amazon-sales-holder .fba-block {
    width: 100%;
    display: flex;
}
@media (min-width: 768px) {
    .amazon-sales-holder .fba-block {
        padding: 0 15px;
    }
}
@media (min-width: 1024px) {
    .amazon-sales-holder .fba-block {
        width: 37%;
    }
}
@media (min-width: 1200px) {
    .amazon-sales-holder .fba-block {
        padding: 0 45px;
    }
}
.amazon-sales-holder .fba-holder {
    position: relative;
    padding-bottom: 40px;
    width: 100%;
}
@media (min-width: 1024px) {
    .amazon-sales-holder .fba-holder {
        padding: 0 50px 80px;
    }
}
.amazon-sales-holder .fba-holder p {
    margin-bottom: 40px;
}
.amazon-sales-holder .fba-holder:after {
    content: '';
    position: absolute;
    left: -30px;
    right: -30px;
    z-index: -1;
    top: 0;
    bottom: 0;
    background-color: #F4F4F4;
}
@media (min-width: 1024px) {
    .amazon-sales-holder .fba-holder:after {
        right: calc(-1 * (100vw - 100% - 15px) / 2);
        left: 0;
    }
}
.cheaper {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 7px 15px;
    max-width: 220px;
    border-radius: 25px;
}
.cheaper img {
    margin-left: 8px;
    width: 64px;
    margin-bottom: -4px;
}
.cheaper + .all-link {
    display: inline-block;
    vertical-align: middle;
    margin-top: 60px;
}
@media (min-width: 1024px) {
    .cheaper + .all-link {
        margin-top: 170px;
    }
}
.wrapper {
    overflow: hidden;
    position: relative;
}
button {
    border: none;
    outline: none;
    padding: 0;
    background-color: transparent;
}
h2 {
    font-weight: 900;
    line-height: 1.2;
}
label {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    color: rgba(57, 57, 57, 0.6);
}
input[type='text'],
input[type='tel'],
input[type='number'],
input[type='email'],
input[type='search'],
input[type='password'] {
    height: 46px;
}
textarea {
    height: 146px;
    resize: none;
}
input[type='text'],
input[type='tel'],
input[type='number'],
input[type='email'],
input[type='search'],
input[type='password'],
textarea {
    transition: border-color 0.3s ease-in-out;
    border-color: transparent;
    border-radius: 8px;
    outline: none;
}
@media (min-width: 768px) {
    .d-lg-none {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .d-sm-none {
        display: none !important;
    }
}
body {
    position: relative;
}
body:after {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    content: '';
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    z-index: 4;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#landing body.nav-active {
    overflow: hidden;
    height: 100vh;
}
#landing body.nav-active:after {
    opacity: 1;
    visibility: visible;
}
#landing body.nav-active .wrapper {
    height: 100vh;
    overflow: hidden;
}
#landing a {
    transition: color 0.3s ease-in-out;
    text-decoration: none;
}
#landing .all-link {
    position: relative;
    padding-left: 102px;
    text-transform: uppercase;
    font-weight: 700;
}
#landing .all-link .text {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 102px);
}
#landing .all-link:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 80px;
    transform: translateY(-50%);
    background-color: #EB7623;
    height: 2px;
}
/*#landing .container, .hero-section .slick-dots {*/
/*    margin: 0 auto;*/
/*    padding: 0 30px;*/
/*    max-width: 1440px;*/
/*}*/

/*@media (min-width: 1024px) {*/
/*    .container, .hero-section .slick-dots {*/
/*        padding: 0 50px;*/
/*    }*/
/*}*/

#landing ul:not([class]):not([id]) li {
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative;
}
#landing ul:not([class]):not([id]) li:last-child {
    margin-bottom: 0;
}
#landing ul:not([class]):not([id]) li:after {
    content: "\e909";
    font-family: 'icomoon';
    font-size: 10px;
    color: #EB7623;
    position: absolute;
    left: 0;
    top: 4px;
}
#landing .badge{
    display: inline-block;
    vertical-align: middle;
    background-color: #E2E2E2;
    font-weight: 600;
    border-radius: 14px;
    font-size: 15px;
    text-align: center;
    padding: 3px 20px;
}
#landing .btn {
    transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 15px 30px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(157.09deg, #EB7623 17.58%, #EB7623 82.32%);
    box-shadow: 0px 4px 8px rgba(188, 103, 43, 0.26);
    border-radius: 20px;
    line-height: 20px !important;
}
.btn:hover {
    opacity: .9;
}
.btn.btn-light {
    color: #393939;
    background: #fff;
    border-radius: 12px;
    box-shadow: none;
    border: 1px solid #F4F4F4;
}
.btn.btn-light:hover {
    opacity: 1;
    color: #393939;
    background-color: #F4F4F4;
}
.header-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (min-width: 768px) {
    .header-holder {
        font-size: 12px;
        padding: 22px 0;
    }
}
@media (min-width: 1200px) {
    .header-holder {
        font-size: 14px;
    }
}
.header-holder .order-btn {
    padding: 11px 8px;
    border-radius: 12px;
    font-size: 12px;
    display: none;
}
@media (min-width: 1024px) {
    .header-holder .order-btn {
        display: inline-block;
        padding: 11px 27px;
    }
}
.header-holder .logo {
    display: inline-block;
    vertical-align: middle;
}
.logo {
    margin: 4px;
    display: block;
    height: 41px;
}
@media (min-width: 768px) {
    .header-holder .logo {
        margin-right: 20px;
        width: 170px;
    }
}
@media (min-width: 1024px) {
    .header-holder .logo {
        width: 170px;
    }
}
@media (min-width: 1200px) {
    .header-holder .logo {
        margin-right: 0px;
        width: auto;
    }
}
@media (min-width: 1270px) {
    .header-holder .logo {
        margin-right: 25px;
    }
}
.header-holder .logo a {
    display: block;
}
.header-holder .header-holder-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header-holder .header-holder-left a {
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 1px;
}
.header-holder .header-holder-left a:hover {
    color: #EB7623;
}
.header-holder .main-nav {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .header-holder .main-nav {
        margin: 0 -9px;
    }
}
@media (min-width: 1200px) {
    .header-holder .main-nav {
        margin: 0 -12px;
        font-size: 12px;
    }
}
@media (min-width: 1270px) {
    .header-holder .main-nav {
        margin: 0 12px;
        font-size: 14px;
    }
}
@media (min-width: 768px) {
    .header-holder .main-nav li {
        padding: 0 9px;
    }
}
@media (min-width: 1200px) {
    .header-holder .main-nav li {
        padding: 0 12px;
    }
}

.header-holder .login-link {
    display: flex;
    align-items: center;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 12px;
}
@media (min-width: 768px) {
    .header-holder .login-link {
        padding: 0 10px;
    }
}
@media (min-width: 1200px) {
    .header-holder .login-link {
        padding: 0 27px;
    }
}

@media (max-width: 750px) {
    .header-holder .login-link {
        font-size: 7px;
        font-weight: bolder;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .header-holder .lang-open {
        top: 0px!important;
        right: 24px!important;
    }
    .lang-close {
        left: 90%!important;
    }
}

@media (max-width: 1024px){
    .header-holder .lang-open {
        top: 0px!important;
        right: -53px!important;
    }
    .lang-close {
        left: 107%!important;
    }
}

.header-holder .login-link:hover {
    color: #EB7623;
}
.header-holder .login-link i {
    font-size: 40px;
    color: #EB7623;
}
.header-holder .header-holder-right {
    display: flex;
    align-items: center;
}
.header-holder .header-holder-right .nav-opener {
    width: 72px;
    height: 72px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    text-indent: -9999px;
    margin-right: -42px;
}
.header-holder .header-holder-right .nav-opener .nav-opener-holder {
    position: relative;
    height: 17px;
    width: 24px;
}
.header-holder .header-holder-right .nav-opener .nav-opener-holder:before, .header-holder .header-holder-right .nav-opener .nav-opener-holder:after,
.header-holder .header-holder-right .nav-opener .nav-opener-holder span {
    background: #393939;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 24px;
    transition: all 0.2s linear;
}
.header-holder .header-holder-right .nav-opener .nav-opener-holder:before, .header-holder .header-holder-right .nav-opener .nav-opener-holder:after {
    content: '';
}
.header-holder .header-holder-right .nav-opener .nav-opener-holder:before {
    top: 2px;
}
.header-holder .header-holder-right .nav-opener .nav-opener-holder span {
    top: 9px;
}
.header-holder .header-holder-right .nav-opener .nav-opener-holder:after {
    top: 17px;
}
@media (max-width: 767px) {
    .header-holder .lang {
        margin-top: 1px;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .header-holder .lang {
        margin-top: -5px;
        position: static;
    }
}
@media (max-width: 1199px) and (min-width: 1024px) {
    .header-holder .lang {
        position: static;
        margin-top: -5px;
    }
}
.dropdown-holder {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
@media (min-width: 768px) {
    .dropdown-holder {
        display: block;
    }
}
.dropdown-holder a {
    font-weight: 700;
    text-transform: uppercase;
}
.dropdown-holder a:hover {
    color: #EB7623;
}
.dropdown-open {
    padding: 14px 27px;
    border-left: 1px solid #F4F4F4;
    position: relative;
}
@media (min-width: 375px) {
    .dropdown-open {
        padding: 22px 27px;
    }
}
@media (min-width: 1024px) {
    .dropdown-open {
        padding: 22px 27px;
    }
}
.dropdown-open.choosed {
    color: #F4F4F4;
}
@media (min-width: 768px) {
    .dropdown-open.choosed {
        color: #393939;
    }
}
.dropdown-open:after {
    content: '';
    position: absolute;
    right: 0;
    top: 10px;
    bottom: 10px;
    width: 1px;
    background-color: #F4F4F4;
}
@media (min-width: 768px) {
    .dropdown-open:after {
        display: none;
    }
}
.dropdown {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
@media (max-width: 767px) {
    .dropdown {
        opacity: 1 !important;
        visibility: visible !important;
    }
}
@media (min-width: 768px) {
    .dropdown {
        position: absolute;
        z-index: 10;
        top: 100%;
        left: 0;
        right: 0;
        opacity: 0;
        visibility: hidden;
    }
}
.dropdown a {
    display: block;
    padding: 14px 27px;
    background: #fff;
}
@media (min-width: 375px) {
    .dropdown a {
        padding: 22px 27px;
    }
}
.footer {
    background-color: #191919;
    padding: 20px 0;
}
@media (min-width: 1024px) {
    .footer {
        padding: 36px 0 0px;
    }
}

.footer-container .footer-top{
    padding: 0px 0 50px;
}

.footer-bottom {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
@media (min-width: 1024px) {
    .footer-bottom {
        margin-bottom: 20px;
        flex-direction: row;
        align-items: stretch;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}
@media (min-width: 1024px) {
    .footer-bottom .footer-bottom-left {
        display: flex;
        flex-wrap: wrap;
    }
}
.footer-bottom .logo {
    display: block;
    margin-bottom: 25px;
}
@media (min-width: 1024px) {
    .footer-bottom .logo {
        width: 170px;
        margin-right: 30px;
        margin-bottom: 0;
        display: inline-block;
        vertical-align: middle;
    }
}
@media (min-width: 1200px) {
    .footer-bottom .logo {
        margin-right: 105px;
        width: auto;
    }
}
.footer-bottom .logo a {
    display: block;
    text-align: center;
}
.footer-bottom address {
    display: block;
    color: #fff;
    font-style: normal;
    line-height: 1.4;
    padding-left: 40px;
    position: relative;
    text-align: center;
    margin-bottom: 25px;
}
@media (max-width: 812px) {
    .footer-bottom address {
        margin-left: 0px;
        padding-left: 0px;
        margin-top: 30px;
    }
}
@media (max-width: 750px) {
    .footer .logo {
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media (min-width: 1024px) {
    .footer-bottom address {
        text-align: left;
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) {
    .footer-bottom address:before {
        content: "\e90e";
        font-family: 'icomoon';
        font-size: 28px;
        color: #393939;
        position: absolute;
        top: -10px;
        left: 0;
    }
}
.footer-bottom address .floor {
    font-weight: 400;
    display: block;
    color: #ededed;
}
.footer-bottom .phones {
    position: relative;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 40px;
}
@media (min-width: 1024px) {
    .footer-bottom .phones {
        text-align: left;
        margin-right: 50px;
        padding-left: 37px;
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) {
    .footer-bottom .phones:before {
        content: "\e90d";
        font-family: 'icomoon';
        font-size: 29px;
        line-height: 1;
        position: absolute;
        top: -5px;
        left: 0;
    }
}
.footer-bottom .phones li {
    margin-bottom: 12px;
}
.footer-bottom .phones a {
    color: #fff;
}
.footer-bottom .phones a:hover {
    color: #EB7623;
}
@media screen and (max-width: 768px) {
    .footer-top {
        margin: 0 10px 50px;
    }
}
.footer-top {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #fff;
}
.footer-top:after {
    content: '';
    position: absolute;
    left: -100vw;
    right: -100vw;
    bottom: 0;
    height: 1px;
    background-color: #393939;
}
.footer-top h4 {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 26px;
}
.footer-top .footer-col {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 30px;
}
@media (min-width: 1024px) {
    .footer-top .footer-col {
        width: 25%;
        margin-bottom: 30px;
    }
}
.footer-top .footer-nav {
    line-height: 1.125;
    font-size: 16px;
}
.footer-top .footer-nav li {
    margin-bottom: 14px;
}
.footer-top .footer-nav a {
    color: rgba(237, 237, 237, 0.8);
}
.footer-top .footer-nav a:hover {
    color: #EB7623;
}
.copyright {
    color: rgba(237, 237, 237, 0.4);
    font-size: 13px;
    max-width: 211px;
    text-align: center;
    margin: 0 auto;
}
@media (min-width: 1024px) {
    .copyright {
        text-align: left;
        margin: 0;
        max-width: none;
    }
}
.copyright a {
    color: rgba(237, 237, 237, 0.4);
}
.copyright a:hover {
    color: #EB7623;
}
.social-networks {
    display: flex;
    flex-wrap: wrap;
}
.nav-col .bottom-block .social-networks {
    margin: 0 auto 83px;
    max-width: 280px;
}
@media (min-width: 615px) {
    .nav-col .bottom-block .social-networks {
        max-width: 350px;
    }
}
@media (min-width: 768px) {
    .nav-col .bottom-block .social-networks {
        margin-bottom: 0;
        margin-left: 25px;
        position: relative;
        top: 97px;

    }
    .nav-col .bottom-block .social-networks {
        width: 425px;
        height: 74px;
        max-width: none;
    }
    .desktop-mode-top-magaziny{
        font-size: 18px!important;
        font-weight: 700!important;
        margin-left: -20px!important;
    }
}
.nav-col .social-networks a.facebook {
    color: #3253a2;
}
.nav-col .social-networks a.twitter {
    color: #45b6dc;
}
.nav-col .social-networks a.instagram {
    color: #3f729b;
}
.nav-col .social-networks a.telegram {
    color: #3399CC;
}
.nav-col .social-networks a:hover {
    color: #fff;
}
.nav-col .social-networks .frame {
    stroke: rgba(57, 57, 57, 0.15);
}
.social-networks li {
    margin-right: 15px;
}
.social-networks li:last-child {
    margin-right: 0;
}
.social-networks a {
    width: 66px;
    height: 66px;
    color: #F4F4F4;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.social-networks a:hover .frame {
    stroke: #EB7623;
    fill: #EB7623;
}
@media screen and (max-width: 767px) {
    .nav-col .social-networks li a,
    .nav-col .social-networks li i {
        color: #fff !important;
    }
    .nav-col .social-networks .frame {
        stroke: #EB7623;
        fill: #EB7623;
    }
}
.social-networks a .frame {
    transition: fill 0.3s ease-in-out, stroke 0.3s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    stroke: #393939;
    left: 0;
    fill: transparent;
    right: 0;
}
.social-networks a i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 15px;
}
.social-networks a i.icon-facebook, .social-networks a i.icon-twitter, .social-networks a i.icon-telegram {
    font-size: 23px;
}


.vikup-tovarov-social-networks #instagram {
    height: 69px;
    width: 90px;
    margin-left: 30%;
    z-index: 999;
    position: absolute;
}

#instagram {
    height: 69px;
    width: 27px;
    margin-left: 30%;
    z-index: 999;
    position: absolute;
}
.store-name {
    width: 12px;
    font-size: 45px;
}
svg.icon__arrow-black:hover {
    stroke: red !important;
}
/*# sourceMappingURL=styles.css.map */

.where-is-package {
    padding: 60px 0;
}

.signup-link{
    margin-left: -49px;
}