@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
* {
    box-sizing: border-box;
}

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}
html.nav-active,
html.nav-active body{
    overflow: hidden !important;
}

/* 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.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
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.
 */
audio,
canvas,
progress,
video{
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
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.
 */
a{
    background-color: transparent;
}
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover{
    outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title]{
    border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong{
    font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn{
    font-style: italic;
}
/**
 * Address styling not present in IE 8/9.
 */
mark{
    background: #ff0;
    color: #000;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

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
   ========================================================================== */
/**
 * Remove margin
 */
figure {
    margin: 0;
}

/**
 * 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 */
}

button, input[type="submit"], input[type="reset"] {
    cursor: pointer;
    border: 0;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/**
 * 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
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    /* 2 */
    box-sizing: content-box;
}

/**
 * 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;
}

/**
 * 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;
}

/* Blockquote
   ========================================================================== */
blockquote {
    margin: 0;
}

.clearfix:before, .clearfix:after, .row:before, .row:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix:after, .row:after, .container:after, .container-fluid:after {
    clear: both;
}

.clearfix, .row, .container, .container-fluid {
    zoom: 1;
}

/*! jQuery UI - v1.12.0 - 2016-09-04
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

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

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    /* support: IE8 */
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #ff0000;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #ff0000;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #ff0000;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    box-shadow: 0px 0px 5px #666666;
}

@font-face {
    font-family: 'DINPro';
    src: url("../fonts/DINPro-Regular/DINPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Regular/DINPro-Regular.otf") format("opentype"), url("../fonts/DINPro-Regular/DINPro-Regular.woff") format("woff"), url("../fonts/DINPro-Regular/DINPro-Regular.ttf") format("truetype"), url("../fonts/DINPro-Regular/DINPro-Regular.svg#DINPro-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/GothamPro/GothamPro.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro/GothamPro.otf") format("opentype"), url("../fonts/GothamPro/GothamPro.woff") format("woff"), url("../fonts/GothamPro/GothamPro.ttf") format("truetype"), url("../fonts/GothamPro/GothamPro.svg#GothamPro") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/GothamPro-Black/GothamPro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro-Black/GothamPro-Black.otf") format("opentype"), url("../fonts/GothamPro-Black/GothamPro-Black.woff") format("woff"), url("../fonts/GothamPro-Black/GothamPro-Black.ttf") format("truetype"), url("../fonts/GothamPro-Black/GothamPro-Black.svg#GothamPro-Black") format("svg");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/GothamPro-BlackItalic/GothamPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro-BlackItalic/GothamPro-BlackItalic.otf") format("opentype"), url("../fonts/GothamPro-BlackItalic/GothamPro-BlackItalic.woff") format("woff"), url("../fonts/GothamPro-BlackItalic/GothamPro-BlackItalic.ttf") format("truetype"), url("../fonts/GothamPro-BlackItalic/GothamPro-BlackItalic.svg#GothamPro-BlackItalic") format("svg");
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/GothamPro-Bold/GothamPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro-Bold/GothamPro-Bold.otf") format("opentype"), url("../fonts/GothamPro-Bold/GothamPro-Bold.woff") format("woff"), url("../fonts/GothamPro-Bold/GothamPro-Bold.ttf") format("truetype"), url("../fonts/GothamPro-Bold/GothamPro-Bold.svg#GothamPro-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/GothamPro-BoldItalic/GothamPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro-BoldItalic/GothamPro-BoldItalic.otf") format("opentype"), url("../fonts/GothamPro-BoldItalic/GothamPro-BoldItalic.woff") format("woff"), url("../fonts/GothamPro-BoldItalic/GothamPro-BoldItalic.ttf") format("truetype"), url("../fonts/GothamPro-BoldItalic/GothamPro-BoldItalic.svg#GothamPro-BoldItalic") format("svg");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/GothamPro-Italic/GothamPro-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro-Italic/GothamPro-Italic.otf") format("opentype"), url("../fonts/GothamPro-Italic/GothamPro-Italic.woff") format("woff"), url("../fonts/GothamPro-Italic/GothamPro-Italic.ttf") format("truetype"), url("../fonts/GothamPro-Italic/GothamPro-Italic.svg#GothamPro-Italic") format("svg");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/GothamPro-Light/GothamPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro-Light/GothamPro-Light.otf") format("opentype"), url("../fonts/GothamPro-Light/GothamPro-Light.woff") format("woff"), url("../fonts/GothamPro-Light/GothamPro-Light.ttf") format("truetype"), url("../fonts/GothamPro-Light/GothamPro-Light.svg#GothamPro-Light") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/GothamPro-LightItalic/GothamPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro-LightItalic/GothamPro-LightItalic.otf") format("opentype"), url("../fonts/GothamPro-LightItalic/GothamPro-LightItalic.woff") format("woff"), url("../fonts/GothamPro-LightItalic/GothamPro-LightItalic.ttf") format("truetype"), url("../fonts/GothamPro-LightItalic/GothamPro-LightItalic.svg#GothamPro-LightItalic") format("svg");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/GothamPro-Medium/GothamPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro-Medium/GothamPro-Medium.otf") format("opentype"), url("../fonts/GothamPro-Medium/GothamPro-Medium.woff") format("woff"), url("../fonts/GothamPro-Medium/GothamPro-Medium.ttf") format("truetype"), url("../fonts/GothamPro-Medium/GothamPro-Medium.svg#GothamPro-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GothamPro';
    src: url("../fonts/GothamPro-MediumItalic/GothamPro-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamPro-MediumItalic/GothamPro-MediumItalic.otf") format("opentype"), url("../fonts/GothamPro-MediumItalic/GothamPro-MediumItalic.woff") format("woff"), url("../fonts/GothamPro-MediumItalic/GothamPro-MediumItalic.ttf") format("truetype"), url("../fonts/GothamPro-MediumItalic/GothamPro-MediumItalic.svg#GothamPro-MediumItalic") format("svg");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'DINPro-Light';
    src: url("../fonts/DINPro-Light1/DINPro-Light.eot");
    src: url("../fonts/DINPro-Light1/DINPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-Light1/DINPro-Light.woff") format("woff"), url("../fonts/DINPro-Light1/DINPro-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "RobotoRegular";
    src: url("../fonts/RobotoRegular/RobotoRegular.eot");
    src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

#down-small path, #find path, #hexagon-slider path,
#slide-line-left-right path, #slide-line-top-bottom path, #down-large path, #hexagon path,
#fb path, #vk path, #twitter path, #star-large path, #star-small path, #copy path {
    fill: inherit;
}

html, body {
    overflow-x: hidden;
}

.icon__down-small, .icon__down-large {
    fill:#ACD578;
}

.icon__find {
    fill: #fff;
}

.icon__arrow {
    vertical-align: middle;
    fill: transparent;
    margin-left: 5px;
}

.icon__overlay-ltr, .icon__overlay-rtl {
    width: auto;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
}

.icon__overlay-ltr {
    right: 0;
}

.icon__overlay-rtl {
    left: 0;
}

.slide-svg .icon__hexagon-slider {
    fill: transparent;
    width: 100%;
    height: 100%;
    stroke: #fff;
}

.icon__slide-line-left-right, .icon__slide-line-top-bottom {
    stroke: #fff;
    stroke-dasharray: 3;
}

.icon__copy {
    fill:#ACD578;
}

.btn {
    display: inline-block;
    vertical-align: top;
    line-height: 35px;
    height: 34px;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    text-align: center;
    padding: 0 38px;
    font-family: 'GothamPro', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-huge {
    line-height: 47px;
    height: 45px;
}

.btn-huge.btn-orange:hover {
    background:#ACD578;
    border-color: #222;
}

.btn .btn-overlay {
    position: absolute;
    top: 0;
    left: -180%;
    background: #222;
    -webkit-transition: .5s;
    transition: .5s;
    display: block;
    width: 140%;
    height: 100%;
    z-index: 2;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
}

.btn:hover .btn-overlay {
    left: -15%;
}

.btn .btn-text {
    z-index: 3;
    position: relative;
}

.btn-gray {
    background: #666;
}

.btn-gray:hover {
    background:#ACD578;
}

.btn-orange {
    background:#ACD578;
}

.btn-orange:hover {
    background: #666;
}

.btn-middle {
    line-height: 45px;
    height: 45px;
    border: 1px solid #fff;
    padding: 0 30px;
}

.btn-middle:hover {
    background: #fff;
    color: #000;
}

.btn-middle.btn-orange {
    border: 1px solid#ACD578;
    color: #524d47;
    background: #fff;
}

.btn-middle.btn-orange:hover {
    background:#ACD578;
    color: #fff;
}

.btn-middle.btn-orange-reverse {
    border-color: #ACD578;
    color: #fff;
    background: #ACD578
}

.btn-middle.btn-orange-reverse:hover {
    background: #222;
    border-color: #222;
}

.btn-middle.btn-gray-reverse {
    border-color: #524d47;
    color: #524d47;
    background: #fff;
}

.btn-middle.btn-gray-reverse:hover {
    background: #524d47;
    color: #fff;
}

.btn-disabled {
    cursor: not-allowed !important;
    background-color: #d3d3d3;
    border-color: #d3d3d3;
}

.btn-disabled:hover {
    background-color: #d3d3d3;
    border-color: #d3d3d3;
    color: #fff;
}

.btn-user {
    padding: 0 23px;
}

.bullets {
    font-size: 0;
}

.bullet {
    display: inline-block;
    width: 9px;
    height: 9px;
    border: 2px solid transparent;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.bullet:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background: #fff;
    margin: -2.5px 0 0 -2.5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.bullet.active {
    border-color: #ce1d22;
}

.bullet.active:after, .bullet:hover:after {
    background: #ce1d22;
}

.skew {
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    display: inline-block;
    position: relative;
    padding: 0 10px;
    background: #fff;
    line-height: 36px;
    height: 35px;
}

.skew svg {
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    fill: #ACD578;
    vertical-align: middle;
    top: 10px;
    right: 9px;
    position: absolute;
    z-index: 11;
}

.skew:before, .skew:after {
    position: absolute;
    content: '';
    top: 0;
    border-style: solid;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    z-index: 10;
}

.skew:before {
    left: 0;
    border-width: 35px 0 0 10px;
    border-color: transparent transparent transparent #f2f2f2;
}

.skew:after {
    right: 0;
    border-width: 0 10px 35px 0;
    border-color: transparent #f2f2f2 transparent transparent;
}

.skew:hover {
    background:#ACD578;
    color: #fff;
}

.skew:hover svg {
    fill: #fff;
}

.skew:hover:before {
    border-right-color: #ACD578;
}

.skew:hover:after {
    border-left-color:#ACD578;
}

.progress-button {
    position: relative;
}

.progress-button .progress {
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #222;
    z-index: 3;
    -webkit-transition: width 3s;
    transition: width 3s;
}

.progress-button .progress-inner {
    opacity: 0;
    z-index: 5;
    color: #fff;
    top: 15%;
    position: absolute;
    left: 45%;
}

.progress-button .content {
    position: relative;
    z-index: 3;
}

.progress-button.all .progress-inner {
    opacity: 1;
}

.progress-button.all .content {
    opacity: 0;
}

.progress-button.done {
    background:#ACD578;
    border: transparent;
}

.progress-button.done .progress {
    width: 100%;
}

.progress-button.done .content {
    position: relative;
    z-index: 4;
    color: #fff;
}

@media (max-width: 1200px) {
    html {
        cursor: pointer;
    }
}

@media (max-width: 640px) {
    html.menu-opened.header-hidden .header {
        top: 0;
    }
}

body {
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
}

body > svg {
    position: absolute;
}

*[required], *:focus, *:active {
    outline: none;
    box-shadow: none;
}

::-moz-focus-inner {
    border: 0;
}

*:focus::-webkit-input-placeholder {
    color: transparent !important;
}

*:focus:-moz-placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

*:focus::-moz-placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

*:focus:-ms-input-placeholder {
    color: transparent !important;
}

.container {
    width: 1200px;
    margin: auto;
}

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

.cf:after, .container:after {
    clear: both;
}

.lt-ie8 .cf, .lt-ie8 .container {
    zoom: 1;
}

input, button, select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
}

input[type="checkbox"] {
    display: none;
}

input[type="text"]:disabled {
    background: transparent;
}

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

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

svg[class*=icon__] {
    pointer-events: none;
}

h1, h2, h3, .h1, .h2, .h3 {
    font-family: 'GothamPro', sans-serif;
    margin: 0;
    clear: both;
}

h1, h2, .h1, .h2 {
    font-weight: 900;
}

h3, .h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
}

h1, .h1 {
    font-size: 45px;
    line-height: 50px;
}

h2, .h2 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 32px;
    /*margin-bottom: 43px;*/
}

.orange {
    color:#ACD578;
}

.gray {
    color: #7d7d7d;
}

.hidden {
    display: none !important;
}

.h2__big {
    color: #524d47;
    font-family: 'GothamPro', sans-serif;
    font-size: 45px;
    font-weight: 900;
    margin-bottom: 37px;
}

@media (max-width: 750px) {
    .h2__big {
        font-size: 26px;
        text-align: center;
        margin-bottom: 0;
    }
}

.clearfix:before {
    display: block;
    content: '';
    height: 0;
    clear: both;
}

.footer {
    background: #222;
    color: #7d7d7d;
    padding: 42px 0 40px;
    overflow-y: hidden;
}

.footer .container {
    padding-right: 25px;
}

.footer-phones {
    margin-top: 22px;
}

.footer-phones a {
    pointer-events: none;
}

.footer .logo {
    padding: 0;
    margin-bottom: 20px;
}

.footer-soc {
    width: 185px;
    font-size: 0;
    padding-top: 7px;
}

.footer-soc.to-animate {
    -webkit-transition: all 0.65s ease 0.45s;
    transition: all 0.65s ease 0.45s;
}

.footer .h3 {
    color: #fff;
    font-weight: 400;
}

.footer-left {
    width: 300px;
}

.footer-left.to-animate {
    -webkit-transition: all 0.65s ease 0.25s;
    transition: all 0.65s ease 0.25s;
}

.footer-left .btn {
    background: transparent;
}

.footer-left .btn .btn-overlay {
    background: #fff;
}

.footer-right {
    width: 875px;
}

.footer-right.to-animate {
    -webkit-transition: all 0.65s ease 0.35s;
    transition: all 0.65s ease 0.35s;
}

.footer-col {
    min-height: 1px;
    padding-top: 7px;
}

.footer-col__small {
    width: 180px;
}

.footer-col__mid {
    width: 226px;
}

.footer-col__wide {
    width: 284px;
}

.footer-col-mob {
    display: none;
}

.footer ul {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    line-height: 25px;
}

.footer ul li {
    margin: 0 0 5px;
}

.footer ul li a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer ul li a:hover {
    color:#ACD578;
}

.footer .soc {
    margin: 0 5px 0 0;
    width: 58px;
    height: 66px;
}

.footer .soc:last-child {
    margin: 0;
}

.footer .soc .icon__hexagon {
    fill: transparent;
    width: 57px;
}

.footer .soc .icon__hexagon:nth-child(2) {
    z-index: 2;
}

.footer .soc:hover .icon__hexagon:nth-child(1) {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.footer .soc .icon__vk {
    fill: #4a78ab;
}

.footer .soc .icon__fb {
    fill: #3253a2;
}

.footer .soc .icon__twitter {
    fill: #45b6dc;
}

.footer .soc .icon__telegram{
    fill: #3399CC;
}

.footer .soc .icon__instagram{
    fill: #fff;
}

.footer .soc:hover.soc-fb .icon__hexagon:first-child {
    fill: #3253a2;
    -webkit-animation: footscale 1 .3s;
    animation: footscale 1 .3s;
}

.footer .soc:hover.soc-telgr .icon__hexagon:first-child{
    fill: #3399CC;
    -webkit-animation: footscale 1 .3s;
    animation: footscale 1 .3s;
}

.footer .soc:hover.soc-tw .icon__hexagon:first-child {
    fill: #45b6dc;
    -webkit-animation: footscale 1 .3s;
    animation: footscale 1 .3s;
}

.footer .soc:hover.soc-vk .icon__hexagon:first-child {
    fill: #4a78ab;
    -webkit-animation: footscale 1 .3s;
    animation: footscale 1 .3s;
}

.footer .soc:hover.soc-inst .icon__hexagon:first-child {
    fill: #3f729b;
    -webkit-animation: footscale 1 .3s;
    animation: footscale 1 .3s;
}

.footer .soc:hover .icon__fb,
.footer .soc:hover .icon__twitter,
.footer .soc:hover .icon__vk,
.footer .soc:hover .icon__telegram,
.footer .soc:hover .icon__instagram{
    fill: #fff;
}

.vikup-tovarov-social-networks .soc-inst:hover .icon__instagram{
    fill: #3f729b!important;
}

.footer .social {
    margin-top: 20px;
    margin-bottom: 56px;
}

.copy {
    clear: both;
    font-size: 12px;
    margin-bottom: 56px;
    line-height: 17px;
}

.white {
    color: #fff;
}

.footer-phones .white {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer-phones a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer-phones a:hover {
    color:#ACD578;
}

.footer-phones a:hover * {
    color:#ACD578;
}

#vintage {
    display: block;
    width: 122px;
    height: 17px;
    overflow: hidden;
    position: relative;
}

.v-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/content/vintage.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}

.v-bg-orange {
    opacity: 0;
    background-position: 0 -17px;
}

#vintage:hover .v-bg-orange {
    opacity: 1;
}

#vintage:hover .v-bg-white {
    opacity: 0;
}

.footer .logo.show-mobile {
    display: none;
}

.show-tablet {
    display: none;
}

@media (max-width: 1200px) {
    .only-desctop {
        display: none!important;
    }
    .show-tablet {
        display: block;
    }
    .footer {
        padding: 18px 0 25px;
    }
    .footer-right {
        width: 100%;
        margin-bottom: 23px;
    }
    .footer-left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 500px;
    }
    .footer .logo {
        display: inline-block;
        margin-right: 25px;
    }
    .footer .copy {
        display: inline-block;
        width: 300px;
        margin: 10px 0 0 0;
    }
    .footer .copy div {
        float: left;
        margin-right: 5px;
    }
    .footer .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 25px;
    }
    .footer .footer-col__small {
        width: 148px;
    }
    .footer .footer-col__mid {
        width: 208px;
    }
    .footer .footer-col__wide {
        width: 130px;
    }
    .footer .footer-col__wide ul li {
        line-height: 1.4;
    }
    .footer-phones {
        margin-top: 15px;
    }
    .footer .social {
        margin-top: 25px;
    }
    .footer .social .soc .icon__hexagon {
        height: 69px;
    }
    .footer .soc .icon__fb,
    .footer .soc .icon__vk,
    .footer .soc .icon__twitter,
    .footer .soc .icon__telegram,
    .footer .soc .icon__instagram{
        top: 36%;
    }
    .footer .soc .icon__hexagon:nth-child(1) {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    .footer #vintage {
        bottom: -59px;
        left: 12px;
    }
    .footer .soc {
        width: 57px;
    }
    .soc-tw-bg, .soc-fb-bg, .soc-vk-bg {
        background: url("../img/content/home/footer/soc_sprite.png") left top no-repeat;
    }
    .soc-fb-bg {
        background-position: -55px 0;
    }
    .soc-vk-bg {
        background-position: -110px 0;
    }
    .soc-telegram-bg{
        background: url("../img/content/home/footer/telegram_sprite.png") left top no-repeat;
    }
}

@media (max-width: 750px) {
    .footer {
        padding-bottom: 65px;
        padding-top: 26px;
    }
    .footer .hide-mobile {
        display: none;
    }
    .footer .show-mobile {
        display: block;
    }
    .footer-phones a {
        pointer-events: auto;
    }
    .footer .logo {
        margin-left: 90px;
    }
    .footer .logo.show-mobile {
        display: inline-block;
    }
    .footer .social {
        margin-bottom: 10px;
    }
    .footer .copy {
        width: auto;
        margin-top: 0;
    }
    .footer .copy div {
        float: none;
    }
    .footer .social {
        margin-top: 14px;
    }
    .footer .social .soc {
        margin-right: 14px;
    }
    .footer .social .soc .icon__fb, .footer .social .soc .icon__vk, .footer .social .soc .icon__twitter, .footer .social .soc .icon__telegram, .footer .social .soc .icon__instagram {
        top: 50%;
    }
    .footer .social .soc:last-child {
        margin-right: 0;
    }
    .footer .social .soc .icon__hexagon {
        height: 69px;
    }
    .footer-right {
        margin-bottom: 0;
    }
    .footer-left {
        width: 210px;
        margin: 0 auto;
    }
    /*.footer-col {*/
    /*    display: none;*/
    /*}*/
    .footer-col-mob {
        display: block;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }
    .footer-col-mob ul {
        margin-top: 0;
    }
    .footer-soc {
        float: none;
        width: 210px;
        margin: 0 auto;
        text-align: center;
    }
    .footer-soc .h3 {
        font-size: 14px;
        font-weight: 400;
    }
    .footer #vintage {
        width: 100%;
        bottom: -77px;
        left: -12px;
    }
    .v-bg {
        left: 60px;
    }
}

.footer-soc {
    width: 193px;
}

.footer-col__mid {
    width: 216px;
}

.footer .soc {
    margin: 0 8px 0 0;
}

.footer .social {
    margin-top: 25px;
}

.footer-col__wide .contact-address {
    margin: 20px 0 0;
    line-height: 1.4;
}

.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #222;
    z-index: 100;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.header.transparency {
    background: rgba(0, 0, 0, 0.8);
}

.header-hidden .header {
    top: -110px;
}

.header .menu-trigger {
    display: none;
}

.header .logo-mobile {
    display: none;
}

.h-top {
    padding: 11px 0 12px;
    border-bottom: 1px solid #373737;
    position: relative;
    z-index: 101;
}

.h-top_wrap {
    width: 985px;
    height: 34px;
}

.h-bottom {
    padding: 9px 0 0;
    height: 50px;
}

.logo {
    margin: 3px 0 1px;
    display: block;
    height: 30px;
}

.nav {
    color: #aeaeae;
    margin-right: 52px;
    padding-top: 2px;
}

.nav-item {
    margin-right: 30px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.nav-item:last-child {
    margin-right: 0;
}

.nav-item:hover, .nav-item.active {
    color:#ACD578;
}

.phone {
    z-index: 101;
    margin-right: 30px;
    padding: 10px 18px;
    color: #fff;
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-top: -6px;
}

.phone-open {
    position: absolute;
    width: 110px;
    height: 24px;
    top: 12px;
    right: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    line-height: 0;
    text-align: right;
    padding-top: 7px;
}

.phone-opened .phone-open {
    visibility: hidden;
    opacity: 0;
}

.phone-close {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 2px;
    background:#ACD578;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    visibility: hidden;
    opacity: 0;
    width: 0;
    margin-left: 0;
}

.phone-opened .phone-close {
    margin-left: -22.5px;
    width: 45px;
    visibility: visible;
    opacity: 1;
}

.phone-opened .phone {
    background: #222;
}

.phone-item {
    margin-bottom: 6px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-top: -30px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.phone-item:last-of-type {
    margin-bottom: 0;
}

.phone-item a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.phone-item.active, .phone-opened .phone-item {
    margin-top: 0;
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

.lang {
    z-index: 101;
    margin-right: 30px;
    padding: 10px 18px;
    color: #fff;
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-top: -6px;
}

.lang-open {
    position: absolute;
    width: 110px;
    height: 24px;
    top: 12px;
    right: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    line-height: 0;
    text-align: right;
    padding-top: 7px;
}

.lang-opened .lang-open {
    visibility: hidden;
    opacity: 0;
}

.lang-close {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 2px;
    background:#ACD578;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    visibility: hidden;
    opacity: 0;
    width: 0;
    margin-left: 0;
}

.lang-opened .lang-close {
    margin-left: -22.5px;
    width: 45px;
    visibility: visible;
    opacity: 1;
}

.lang-opened .lang {
    background: #222;
}

.lang-item {
    margin-bottom: 6px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-top: -30px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.lang-item:last-of-type {
    margin-bottom: 0;
}

.lang-item a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.lang-item.active, .lang-opened .lang-item {
    margin-top: 0;
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

.lang-open {
    width: 50px;
}

.phone-opened .phone-item a:hover {
    color:#ACD578;
}

.phone-opened .phone-item, .phone-item.active {
    pointer-events: none;
}

.lang-item a {
    position: relative;
}

.lang-item a:after {
    position: absolute;
    left: -18px;
    top: 50%;
    height: 15px;
    width: 0;
    margin-top: -8px;
    content: '';
    background:#ACD578;
    pointer-events: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.lang-opened .lang-item a:hover {
    color:#ACD578;
}

.lang-opened .lang-item a:hover:after {
    width: 3px;
}

.h-buttons .btn-orange {
    margin-left: 10px;
}

.menu {
    line-height: 10px;
    padding-top: 11px;
    font-size: 12px;
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    height: 100%;
}

span.menu-item{padding-bottom: 20px}

.menu-item {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 75px;
    letter-spacing: .045em;
}

.menu-item.active {
    pointer-events: none;
}

.menu-item:last-child {
    margin-right: 0;
}

.search-opened .menu-item:nth-child(n+5) {
    opacity: 0;
}

.menu-item:after {
    position: absolute;
    content: '';
    height: 3px;
    background:#ACD578;
    bottom:-20px;
    left: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 0;
    margin-left: 0;
}

a.menu-item:hover, .menu-item.active {
    color:#ACD578;
}

.menu-item:hover:after, .menu-item.active:after {
    width: 45px;
    margin-left: -22.5px;
}

span.menu-item:after {
    bottom: 0px!important;
}

.menu-item-list .menu-item:after {
    bottom: 0px!important;
}

.search {
    width: 85px;
    height: 32px;
    padding: 10px 33px 0 0;
    position: relative;
    text-align: right;
}

.search-open {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
}

.search-open path {
    fill: #fff;
}

.search-open__orange .icon__find-orange path {
    fill:#ACD578;
}

.search-input {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 100%;
    border: 0;
    border-left: 1px solid #373737;
    line-height: 32px;
    height: 32px;
    background: transparent;
    width: 1px;
    overflow: hidden;
    padding: 0;
    color: transparent;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.search-input::-webkit-input-placeholder {
    color: #fff;
}

.search-input:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.search-input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.search-input:-ms-input-placeholder {
    color: #fff;
}

.search-open:hover ~ .search-input {
    border-color: #fff;
}

.search-opened .search-input, .search-opened .search-open:hover ~ .search-input {
    width: 275px;
    padding: 0 26px;
    border-color:#ACD578;
    color: #fff;
}

.search .search-open {
    position: relative;
}

.search .search-open .icon__find-orange {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.search-opened .search .search-open .icon__find-orange {
    opacity: 1;
    width: 14px;
    height: 14px;
}

.search-opened .search .search-open .icon__find {
    opacity: 0;
}

.mobile-menu {
    text-align: center;
    padding: 15px 0 75px;
    background: rgba(0, 0, 0, 0.95);
    position: fixed;
    width: 100%;
    top: -500px;
    right: -100%;
    z-index: 101;
    -webkit-transition: .8s ease-out;
    transition: .8s ease-out;
}

.menu-opened .mobile-menu {
    top: 0;
    right: 0;
}

.mobile-menu .menu-close {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 25px;
}

.mobile-menu .logo {
    margin-bottom: 40px;
}

.mobile-menu .h-bottom {
    width: 50%;
    height: auto;
    padding: 0 10px;
}

.mobile-menu .h-bottom .menu {
    padding: 0;
}

.mobile-menu .h-bottom .menu .menu-item {
    float: none;
    display: block;
    padding: 18px 0;
    margin: 0 0 0 0;
    border-bottom: 1px solid #373737;
}

.mobile-menu .h-bottom .menu .menu-item:first-child {
    border-top: 1px solid #373737;
}

.mobile-menu .h-bottom .menu .menu-item:after {
    bottom: 0;
}

.mobile-menu .h-bottom .search {
    width: 100%;
    text-align: center;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #373737;
    height: 47px;
}

.mobile-menu .h-bottom .search-open {
    padding-top: 5px;
    width: 40px;
    height: 30px;
}

.mobile-menu .h-bottom .search .search-input {
    right: 52%;
    border: none;
    width: 0;
    height: 47px;
}

.search-opened .mobile-menu .h-bottom .search .search-input {
    width: 100%;
    left: 0;
    text-align: center;
}

.mobile-menu .lang {
    width: 50%;
    margin: 0 0 20px 0;
}

.mobile-menu .lang .lang-item {
    opacity: 1;
    visibility: visible;
    display: inline-block;
    color: #666;
    margin: 0 12px;
    pointer-events: auto;
}

.mobile-menu .lang .lang-item.active {
    color: #fff;
}

.mobile-menu .lang .lang-item:hover {
    color: #fff;
}

.mobile-menu .h-top_wrap {
    width: 50%;
}

.mobile-menu .h-top_wrap .nav {
    margin: 15px 0 40px 0;
}

.mobile-menu .h-top_wrap .nav .nav-item {
    display: block;
    margin: 0 0 0 0;
    padding: 5px 0;
    position: relative;
}

.mobile-menu .h-top_wrap .h-buttons {
    width: 150px;
    margin: 0 auto;
}

.mobile-menu .h-top_wrap .h-buttons .btn {
    width: 100%;
    margin: 0 0 10px 0;
}

.hide-desctop {
    display: none;
}

@media (max-width: 1200px) {
    .only-desctop {
        display: none;
    }
    .show-tablet {
        display: block;
    }
    .container {
        width: 750px;
    }
    .h-user-notification {
        padding: 5px 10px 0 0;
    }
    .h-top_wrap {
        width: auto;
    }
    .header .down {
        margin-left: 10px;
    }
    .header .menu-trigger {
        display: inline-block;
        padding: 8px 0 10px 12px;
        cursor: pointer;
    }
    .header .h-top {
        padding: 17px 25px;
    }
    .search-opened .menu-item:nth-child(n+5) {
        opacity: 1;
    }
    .bonus-btn-in-shipment-list{
        display: none !important;
    }
}

@media (max-width: 750px) {
    .header .logo-mobile {
        display: inline-block;
    }
    .header .hide-mobile {
        display: none;
    }
    .header .h-buttons .btn-gray {
        padding: 0 10px;
    }
    .header .h-buttons .btn-orange {
        padding: 0 8px;
    }
    .header .phone-open, .header .phone-item, .header .phone-item.active {
        pointer-events: auto;
    }
    .header .mobile-menu {
        position: absolute;
        height: 100vh;
        overflow-y: scroll;
    }
    .header .mobile-menu .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .header .mobile-menu .container .h-bottom {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .header .mobile-menu .container .lang {
        width: 100%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .header .mobile-menu .container .h-top_wrap {
        width: 100%;
        height: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .header .h-top {
        padding-bottom: 18px;
    }
    .container {
        width: 100%;
    }
    .bonus-btn-in-shipment-list{
        display: table !important;
    }
}

.icon__icon_menu {
    fill: #fff;
}

@media (max-width: 750px) {
    .h-user-notification.show-tablet {
        display: block;
    }
}

.add-padding {
    padding: 0 65px;
}

.slider {
    color: #fff;
    font-family: 'GothamPro', sans-serif;
    height: 480px;
    overflow: hidden;
    position: relative;
}

.slider .slick-dots {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 0;
    width: 9px;
    margin-left: -602px;
    padding: 96px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 750px) {
    .slider .slick-dots li  {
        padding: 1px!important;
    }
}

.slider .slick-dots li {
    margin: 10px 0;
    display: block;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 10px;
}

.slide {
    padding: 158px 0 50px;
    height: 480px;
    position: relative;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.slide:first-child {
    z-index: 2;
}

.slide-half {
    width: 520px;
    position: relative;
}

.slide-half.left {
    padding-top: 43px;
}

.slide-half.right {
    text-align: right;
}

.slide-heading {
    margin: 0 0 27px;
    display: block;
}

.slide-text {
    font-size: 18px;
    line-height: 28px;
    padding-right: 110px;
    padding-top: 0px!important;
}

.slide-svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 248px;
    height: 273px;
}

.slide-square {
    position: absolute;
    width: 25px;
    height: 25px;
}

.slide-square-first {
    top: 44px;
    left: 22px;
}

.slide-square-second {
    top: 202px;
    left: 97px;
}

.slide-info {
    font-size: 18px;
    line-height: 28px;
    padding-left: 273px;
}

.slide-info-inner {
    padding: 75px 15px 0;
}

.slide-info .h2 {
    margin-top: 10px;
}

.slick-slider .slide > .animation,
.slick-slider .slide > .animation > svg {
    position: absolute;
    top: 108px;
    right: 0;
    height: 100%;
    width: 100%;
}

.slick-slider .slide > .animation > svg {
    top: 0;
    width: 50%;
}

.slick-track {
    width: 99999px;
}

.step-slide {
    position: absolute;
    opacity: 0;
    top: 140px;
}

.step-slide.show {
    opacity: 1;
    top: 120px;
    -webkit-transition: 1.5s;
    transition: 1.5s;
}

.step-slide.step-big.show{
    top: -12px!important;
}


.ss-line {
    position: absolute;
    background: #fff;
}

.ss-line-top {
    top: 0;
    left: 0;
    width: 25px;
    height: 1px;
}

.ss-line-bottom {
    bottom: 0;
    right: 0;
    width: 25px;
    height: 1px;
}

.ss-line-right {
    top: 0;
    right: 0;
    width: 1px;
    height: 25px;
}

.ss-line-left {
    bottom: 0;
    left: 0;
    width: 1px;
    height: 25px;
}

.ss-dot {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    margin: -2.5px 0 0 -2.5px;
}

.slide-line {
    position: absolute;
}

.slide-line-top {
    top: 72px;
    left: 47px;
    width: 49px;
    height: 130px;
}

.slide-line-left {
    top: 125px;
    left: 125px;
    width: 147px;
    height: 77px;
}

html.stop-scroll {
    overflow-y: hidden;
}

.profit {
    padding: 59px 0 70px;
}

.profit-see {
    position: relative;
    top: -32px;
    line-height: 40px;
    margin-bottom: -32px;
}

.profit-slider {
    margin-bottom: 27px;
}

.profit-list {
    width: 275px;
    padding-left: 35px;
    padding-top: 32px;
}

.profit-list ul {
    list-style: none;
}

.profit-list ul li {
    margin-bottom: 24px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
}

.profit-list ul li:last-child {
    margin-bottom: 0;
}

.profit-list ul li a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.profit-list ul li a:after {
    pointer-events: none;
    top: 52%;
    position: absolute;
    content: '';
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background:#ACD578;
    width: 0;
    height: 1px;
    margin-top: -1px;
    left: -11px;
}

.profit-list ul li a:hover, .profit-list ul li a.active {
    color: #524d47;
}

.profit-list ul li a:hover:after, .profit-list ul li a.active:after {
    width: calc(100% + 22px);
    background: #524d47;
}

.profit-items {
    display: inline-block;
    vertical-align: top;
    width: 795px;
}

.pr-wrap {
    width: 795px;
    position: relative;
    height: 220px;
}

.pr-desc-item {
    width: 33.33%;
    padding: 0 10px;
}

.pr-desc-item:nth-child(2) {
    padding: 0 30px;
}

.pr-desc-item .h3 {
    min-height: 56px;
    margin-bottom: 12px;
}

.vavt_carprice{
    width: 250px;
    text-align: left;
    margin: 0 auto;
}

.pr-item {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.pr-item-img {
    width: 520px;
    -webkit-transition: .8s;
    transition: .8s;
    opacity: 0;
    visibility: hidden;
    position: relative;
    left: -100px;
}

.pr-item-img__wrap {
    padding-left: 20px;
    margin-bottom: 15px;
    position: relative;
}

.pr-item-img__wrap img {
    display: block;
    margin: -14px auto -100px;
    position: relative;
}

.pr-item-img__wrap:before {
    position: absolute;
    top: 45%;
    width: 400px;
    left: 55px;
    border-top: 1px dashed #dfdfdf;
    content: '';
}

.pr-item-name {
    -webkit-transition: .8s;
    transition: .8s;
}

.pr-item-model {
    font-weight: 500;
    font-size: 18px;
    font-family: 'GothamPro', sans-serif;
}

.pr-item-flags {
    padding: 55px 0 0 20px;
    -webkit-transition: 1.4s;
    transition: 1.4s;
    opacity: 0;
    visibility: hidden;
    position: relative;
    left: -300px;
}

.pr-item.active {
    opacity: 1;
    visibility: visible;
}

.pr-item.active .pr-item-img {
    opacity: 1;
    visibility: visible;
    left: 0;
    top: 0;
}

.pr-item.active .pr-item-flags {
    opacity: 1;
    visibility: visible;
    left: 0;
}

.pr-item-table {
    width: 195px;
}

.pr-item-table td {
    vertical-align: middle;
    padding: 11px;
    text-align: left;
}

.pr-item-table td[colspan="2"] {
    width: 150px;
}

.pr-item-table thead td {
    padding: 0;
}

.pr-item-table thead td:nth-child(2) {
    padding: 4px 0 0 18px;
}

.pr-item-table tbody tr {
    border-bottom: 1px solid #e2e2e2;
}

.pr-item-table tbody tr:last-child {
    border: 0;
}

.pr-item-table tbody tr:first-child td {
    padding-top: 8px;
}

.pr-item-table tbody tr:first-child td:nth-child(2) {
    padding: 8px 30px 11px;
}

.pr-item-table tbody td:last-child {
    padding-left: 0;
}

.overlay-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#step-gallery .overlay-holder {
    overflow: visible;
}

.stage {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 60px 0 52px;
    position: relative;
    color: #fff;
    /*.sh-scroll {
    height: 220px;
    width: 520px;
    position: absolute;
    top: 0;
    right: -20px;
    overflow: hidden;
    &.scrollY {
      overflow-y: scroll;
    }
  }
  .step-show {
    visibility: visible;
    opacity: 1;
  }*/
}

.stage-ltr {
    min-height: 445px;
}

.stage-ltr .layer_holder {
    overflow: hidden;
}

.stage-ltr .layer_holder, .stage-ltr .layer_holder > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -10;
}

.stage-ltr .layer_holder img {
    height: 100%;
    min-width: 100%;
}

.stage-ltr .stage-overlay__ltr:after, .stage-ltr .stage-overlay__ltr:before {
    position: absolute;
    content: '';
    width: 36px;
    height: 1px;
    background:#ACD578;
    -webkit-transform: rotate(-54deg);
    transform: rotate(-54deg);
}

.stage-ltr .stage-overlay__ltr:after {
    right: 168px;
    bottom: -15px;
    margin-right: 130px;
}

.stage-ltr .stage-overlay__ltr:before {
    right: 166px;
    top: -15px;
    margin-right: -194px;
}

.stage-ltr .stage-half.left {
    -webkit-transition: all 0.65s ease 1.5s;
    transition: all 0.65s ease 1.5s;
}

.stage-ltr .stage-half.right {
    -webkit-transition: all 0.65s ease 1.8s;
    transition: all 0.65s ease 1.8s;
}

.stage-rtl {
    min-height: 380px;
}

.stage-rtl:after {
    right: 50%;
    bottom: -15px;
    margin-right: 308px;
}

.stage-rtl:before {
    right: 50%;
    top: -15px;
    margin-right: 28px;
}

.stage-rtl .stage-overlay__rtl {
    -webkit-transition: all 0.65s ease 1s;
    transition: all 0.65s ease 1s;
}

.stage-rtl .stage-left {
    -webkit-transition: all 0.65s ease 1.2s;
    transition: all 0.65s ease 1.2s;
}

.stage-rtl .stage-right {
    -webkit-transition: all 0.65s ease 1.5s;
    transition: all 0.65s ease 1.5s;
}

.stage-rtl .stage-overlay__rtl:after, .stage-rtl .stage-overlay__rtl:before {
    position: absolute;
    content: '';
    width: 36px;
    height: 1px;
    background:#ACD578;
    -webkit-transform: rotate(-54deg);
    transform: rotate(-54deg);
}

.stage-rtl .stage-overlay__rtl:after {
    left: -28px;
    bottom: -15px;
    margin-right: 130px;
}

.stage-rtl .stage-overlay__rtl:before {
    left: 26.5%;
    top: -14px;
    margin-right: -194px;
}

.stage .container {
    position: relative;
}

.stage-overlay {
    position: absolute;
    top: 0;
    width: calc(50% + 166px);
    height: 100%;
}

.stage-overlay__ltr {
    left: 0;
}

.stage-overlay__rtl {
    right: 0;
    width: calc(50% + 317px);
}

.stage-half {
    position: relative;
    width: 520px;
}

.stage-half.left {
    z-index: 6;
}

.stage-half.right {
    padding-left: 110px;
    padding-top: 105px;
}

.stage-half .btn {
    margin: 27px 0px 0 -30px;
    padding: 0 30px;
    z-index: 2;
}

.stage-half .btn:hover {
    background: transparent;
}

.stage-half .btn .btn-overlay {
    background: #fff;
}

.stage-list {
    list-style: none;
    margin: 38px 0 0;
    padding: 0;
    text-transform: uppercase;
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
}

.stage-list li {
    margin-bottom: 13px;
}

.stage-list li:last-child {
    margin-bottom: 0;
}

.stage-left {
    width: 275px;
}

.stage-right {
    width: 560px;
}

.stage-table .h3 {
    width: 175px;
}

.stage-table td {
    padding-bottom: 35px;
    vertical-align: top;
    line-height: 25px;
}

.stage-table tr:last-child td {
    padding: 0;
}

.sl-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sl-link:before {
    width: 45px;
    height: 45px;
    line-height: 47px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin-right: 33px;
    content: attr(data-order);
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 18px;
    font-weight: 900;
}

.sl-link__text {
    position: relative;
    display: inline-block;
}

.sl-link .sl-link__text:after {
    pointer-events: none;
    top: 50%;
    position: absolute;
    content: '';
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: white;
    width: 0;
    height: 1px;
    margin-top: -1px;
    left: -9px;
}

.sl-link:hover .sl-link__text, .sl-link.active .sl-link__text {
    color: white;
}

.sl-link:hover .sl-link__text:after, .sl-link.active .sl-link__text:after {
    width: calc(100% + 18px);
    background: white;
}

.sl-link:hover:before, .sl-link.active:before {
    background: #fff;
    color: #ce1d22;
}

.sl-link.active:before {
    background: #fff;
    color: #ce1d22;
}

.sl-link.selected {
    opacity: .7;
}

.sl-link.selected:before {
    background: #fff;
    color: #ce1d22;
}

.terms {
    padding: 55px 0 70px;
}

.terms-left {
    width: 375px;
}

.terms p {
    margin: 0 0 25px;
}

.terms .btn {
    margin-top: 15px;
}

.terms .btn .btn-overlay {
    background:#ACD578;
}

.terms .btn:hover {
    background: transparent;
}

.terms-right {
    width: 652px;
}

.terms-right a {
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    color:#ACD578;
}

.terms-right a:hover {
    color: #524d47;
}

.terms-table {
    width: 100%;
    margin-bottom: 40px;
    margin-top: 10px;
}

.terms-table td {
    width: 33.333333%;
    border: 1px solid #e2e2e2;
    padding: 30px 0;
    vertical-align: top;
}

.terms-table.vavt td {
    width: 25%;
}

.terms-table td:first-child {
    border-left: 0;
}

.terms-table td:last-child {
    border-right: 0;
}

.tt-price {
    margin: 0;
}

.tt-name {
    margin-bottom: 10px;
}

.tt-desc {
    line-height: normal;
}

.for-free {
    background-image: url(../img/content/home/free/free.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 55px 0 70px;
    position: relative;
    color: #fff;
}

.for-free .h1 {
    margin-bottom: 40px;
}

.ff-left {
    width: 420px;
}

.ff-right {
    width: 636px;
    padding-top: 15px;
}

.ff-hex {
    width: 195px;
    height: 222px;
    position: relative;
    margin-right: 25px;
    padding: 70px 18px 0;
    background: url("../img/content/home/free/hex_white.png") left top no-repeat;
}

.ff-hex:last-child {
    margin-right: 0;
}

.ff-hex > * {
    position: relative;
}

.ff-hex svg, .ff-hex .bw_hex {
    fill: none;
    stroke: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ff-hex-name {
    margin-bottom: 15px;
}

.intro {
    margin: 0 auto 35px;
    max-width: 580px;
}

.intro-text {
    margin: 15px 0 0;
}

.intro .h2 {
    margin-bottom: 0;
}

.warr {
    padding: 55px 0 70px;
}

.warr-item {
    width: 245px;
    margin-right: 30px;
}

.warr-item:last-child {
    margin-right: 0;
}

.warr-item .h2 {
    margin-bottom: 12px;
}

.ava {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 0;
    margin-right: 18px;
    margin-top: 5px;
}

.ava img {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.clients {
    padding: 55px 0;
}

.clients-slide {
    width: 340px;
    margin: 0 12px;
}

.clients-slide:nth-child(4n) {
    -webkit-transition: all 0.65s ease 0.25s;
    transition: all 0.65s ease 0.25s;
}

.clients-slide:nth-child(5n) {
    -webkit-transition: all 0.65s ease 0.45s;
    transition: all 0.65s ease 0.45s;
}

.clients-slide:nth-child(6n) {
    -webkit-transition: all 0.65s ease 0.65s;
    transition: all 0.65s ease 0.65s;
}

.clients-text {
    padding-top: 15px;
}

.clients-slider {
    margin: 0 -12px;
    overflow: hidden;
}

.subscribe-block {

    padding: 60px 0 70px;
    color: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../../img/13-1.jpg);
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: move;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots {
    text-align: center;
    margin: 0;
    font-size: 0;
    padding: 40px 0 0;
}

.slick-dots button {
    display: inline-block;
    vertical-align: top;
    width: 9px;
    height: 9px;
    border: 2px solid transparent;
    position: relative;
    background: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0;
}

.slick-dots button:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background: #e2e2e2;
    margin: -2.5px 0 0 -2.5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.slick-dots li {
    display: inline-block;
    line-height: normal;
    width: 9px;
    height: 9px;
    vertical-align: top;
    margin: 0 8px;
}

.slick-dots li button:hover:after {
    background: #ce1d22;
}

.slick-dots li.slick-active button {
    border-color: #ce1d22;
}

.slick-dots li.slick-active button:after {
    background: #ce1d22;
}

.slick-arrow {
    width: 5px;
    height: 10px;
    position: absolute;
    top: 29px;
    right: 29px;
    border: 0;
    font-size: 0;
    z-index: 1;
}

.slick-arrow.slick-prev {
    right: 44px;
    background-position: 0 0;
}

.slick-arrow:hover {
    opacity: .5;
}

.where {
    padding: 60px 0 70px;
    background: #f6f6f6;
}

.where .to-animate:nth-child(1) {
    -webkit-transition: all 0.65s ease 0.25s;
    transition: all 0.65s ease 0.25s;
}

.where .to-animate:nth-child(2) {
    -webkit-transition: all 0.65s ease 0.45s;
    transition: all 0.65s ease 0.45s;
}

.where .to-animate:nth-child(3) {
    -webkit-transition: all 0.65s ease 0.65s;
    transition: all 0.65s ease 0.65s;
}

.where .cf {
    padding-top: 10px;
}

@media (max-width: 1200px) {
    .where .cf {
        padding: 10px 15px 0;
    }
}

.where-item {
    width: 200px;
    margin-bottom: 50px;
    line-height: 61px;
    min-height: 61px;
    font-size: 0;
    position: relative;
}

.where-item img {
    max-width: 100%;
    vertical-align: middle;
}

@media (max-width: 750px) {
    .where-item img {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

.where-item a {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    /*&:after {
        position: absolute;
        content: '';
        bottom: -9px;
        left: 50%;
        margin-left: 0;
        width: 0;
        height: 3px;
        @include transition(all .3s);
        background: $orange;
      }*/
}

.where-item a:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    /*&:after {
          width: 45px;
          margin-left: -22.5px;
        }*/
}

.where-item:before, .where-item:after {
    position: absolute;
    top: 50%;
    margin-top: -22.5px;
    background: #e2e2e2;
    width: 1px;
    height: 45px;
    left: 0;
}

.where-item:after {
    left: auto;
    right: 0;
}

.where-item:before, .where-item:nth-child(6n):after {
    content: '';
}

@media (max-width: 1200px) {
    .where-item:nth-child(5n):after {
        content: '';
    }
}

@media (max-width: 750px) {
    .where-item:nth-child(5n):after, .where-item:nth-child(2):before {
        width: 0;
    }
}

.where__bg-white {
    background-color: #fff;
    padding: 5px 0 25px;
}

@media (max-width: 1200px) {
    .where__bg-white {
        padding: 5px 0 0;
    }
}

@media (max-width: 750px) {
    .where__bg-white {
        padding: 23px 0 10px !important;
    }
}

.univer {
    padding: 55px 0 65px;
}

.univer .intro {
    margin-bottom: 35px;
}

.univer .intro.to-animate {
    -webkit-transition: all 0.65s ease 0.25s;
    transition: all 0.65s ease 0.25s;
}

@media (max-width: 750px) {
    .univer .intro {
        margin-bottom: 20px;
    }
}

.u-arts {
    width: 660px;
}

.u-arts.to-animate {
    -webkit-transition: all 0.65s ease 0.45s;
    transition: all 0.65s ease 0.45s;
}

.u-arts-item {
    width: 315px;
    height: 315px;
    position: relative;
    margin-right: 30px;
    overflow: hidden;
}

.u-arts-item:after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #1f1f1f;
    background-image: -webkit-linear-gradient(top, transparent 0%, rgba(45, 31, 1, 0.6) 100%);
    background-image: linear-gradient(180deg, transparent 0%, rgba(45, 31, 1, 0.6) 100%);
    opacity: 0.3;
}

.u-arts-item:last-child {
    margin-right: 0;
}

.u-arts-item img {
    position: absolute;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
}

.u-arts-item-name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 30px 20px;
    color: #fff!important;
    min-height: 105px;
    z-index: 1;
}

.u-arts-item:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.u-adv {
    width: 360px;
}

.u-adv.right .h3 {
    margin-bottom: 21px;
}

.u-adv.to-animate {
    -webkit-transition: all 0.65s ease 0.65s;
    transition: all 0.65s ease 0.65s;
}

.u-adv .ava {
    margin-top: 7px;
}

.u-adv-item {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    display: block;
    margin-bottom: 20px;
}

.u-adv-item-name {
    padding-left: 62px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.u-adv-item:hover .u-adv-item-name {
    color:#ACD578;
}

.uni-head {
    padding-bottom: 23px;
    margin-bottom: 28px;
    border-bottom: 1px solid #e2e2e2;
}

.uni-head a {
    font-size: 14px;
    font-weight: normal;
    font-family: 'DINPro', sans-serif;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.uni-head a:hover {
    color:#ACD578;
}

.shopping {
    padding: 60px 0 70px;
    color: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/content/home/register/register.jpg);
}

.shopping .h2 {
    margin-bottom: 0;
}

.shopping .h2 + .to-animate {
    -webkit-transition: all 0.65s ease 0.45s;
    transition: all 0.65s ease 0.45s;
}

.shopping .soc {
    width: 59px;
}

.form {
    margin: 15px auto 20px;
    width: 787px;
}

.form .btn {
    padding: 0 34.5px;
}

.form[name="register"] .btn {
    max-width: 223px;
}

.form[name="register"] .progress-button {
    background:#ACD578;
}

.form[name="register"] .progress-button:hover {
    color: #fff;
    background:#ACD578;
}

.form[name="register"] .progress-button .progress-inner {
    top: 5%;
}

.form[name="register"] .progress-button.done .btn-overlay {
    background: transparent;
}

.input {
    background: #fff;
    padding: 0 28px;
    line-height: 46px;
    height: 45px;
    border: 2px solid transparent;
    border-radius: 0 !important;
    width: 272px;
    margin-right: 10px;
    color: #524d47;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
}

.input::-webkit-input-placeholder {
    color: #7d7d7d;
}

.input:-moz-placeholder {
    color: #7d7d7d;
    opacity: 1;
}

.input::-moz-placeholder {
    color: #7d7d7d;
    opacity: 1;
}

.input:-ms-input-placeholder {
    color: #7d7d7d;
}

.input.error {
    border-color: #ff0000;
    color: #ff0000;
}

.social {
    font-size: 0;
    margin: 8px 0 0;
}

.soc {
    display: inline-block;
    vertical-align: top;
    width: 55px;
    height: 66px;
    position: relative;
    overflow: hidden;
    margin: 0 5px;
    font-size: 0;
}

.soc svg {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.soc .icon__hexagon {
    position: absolute;
    top: 0;
    left: 0;
    stroke-width: 1px;
}

.soc .icon__hexagon:nth-child(1) {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.soc .icon__hexagon:nth-child(2) {
    fill: transparent;
}

.soc .icon__fb, .soc .icon__vk, .soc .icon__twitter, .soc .icon__google, .soc .icon__telegram,.soc .icon__instagram{
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
}

.soc .icon__fb {
    margin: -9px 0 0 -4.5px;
}

.soc .icon__vk {
    margin: -6px 0 0 -10px;
}

.soc .icon__twitter {
    margin: -6.5px 0 0 -8.5px;
}

.soc .icon__telegram{
    margin: -13.5px 0 0 -9.5px;
}

.soc .icon__instagram{
    margin: -13.5px 0 0 -14.5px;
}

.auth-block-right .soc .icon__instagram{
    margin-top: -33px;
    left: 0px;
}

.soc .icon__google {
    margin: -8px 0 0 -9px;
}

.soc-telgr .icon__hexagon{
    fill: #3399CC;
    stroke: #3399CC;
}

.soc-tw .icon__hexagon {
    fill: #45b6dc;
    stroke: #45b6dc;
}
.soc-inst .icon__hexagon {
    fill: #3f729b;
    stroke: #3f729b;
}

.soc-fb .icon__hexagon {
    fill: #3253a2;
    stroke: #3253a2;
}

.soc-vk .icon__hexagon {
    fill: #4a78ab;
    stroke: #4a78ab;
}

.soc-google .icon__hexagon {
    fill: #f8411d;
    stroke: #f8411d;
}

.soc:hover .icon__hexagon:nth-child(1) {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.soc:hover .icon__fb {
    fill: #3253a2;
}

.soc:hover .icon__vk {
    fill: #4a78ab;
}

.soc:hover .icon__twitter {
    fill: #45b6dc;
}

.soc:hover .icon__google {
    fill: #f8411d;
}

.soc:hover .icon__telegram{
    fill: #45b6dc;
}

.soc:hover .icon__instagram{
    fill: #3f729b!important;
}

.just-text {
    padding: 60px 0 65px;
}

.just-text .add-padding {
    padding: 0 63px;
}

.just-text a {
    color:#ACD578;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
}

.just-text a:hover {
    color: #524d47;
}

.jt-link {
    text-align: right;
    padding-top: 10px;
}

.columns {
    -webkit-columns: 511px 2;
    columns: 511px 2;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 13px;
    height: 168px;
    overflow: hidden;
}

.profit-see .icon__down-large {
    height: 9px;
}

.show-mobile {
    display: none;
}

.show-tablet {
    display: none;
}

@media (max-width: 1200px) {
    .show-desctop {
        display: none;
    }
    .show-tablet {
        display: block;
    }
    .slide-half.left {
        padding-left: 60px;
    }
    .slide-half.right {
        display: none;
    }
    .main-slider.slider .slick-dots {
        height: 380px;
    }
    .main-slider.slider {
        min-height: 380px;
        height: auto;
    }
    .main-slider .slide {
        height: 380px;
    }

    /*.main-slider .slide-0,.main-slider .slide-1 {*/
    /*    height: 510px;*/
    /*}*/

    .slider .slick-dots {
        margin-left: -355px;
        padding-top: 55px;
    }
    .slide {
        padding: 85px 0 50px;
    }
    .profit {
        padding: 40px 0 60px;
    }
    .profit-list {
        width: 200px;
        padding-left: 55px;
        padding-top: 56px;
    }
    .profit-list ul {
        padding-left: 0;
    }
    .profit-items {
        width: 450px;
    }
    .pr-item-img {
        width: 230px;
    }
    .pr-item-img img {
        max-width: 135%;
        margin-left: -22%;
        margin-top: -10px;
        margin-bottom: -66px;
    }
    .pr-item-img .pr-item-img__wrap {
        padding-top: 67px;
    }
    .pr-item-img .pr-item-img__wrap:before {
        opacity: 0;
        top: 60%;
        width: 210px;
        left: 5px;
    }
    .pr-item-table {
        margin-top: 22px;
    }
    .add-padding {
        padding: 0 25px;
    }
    .profit-slider {
        padding-left: 65px;
    }
    .stage-half {
        width: 345px;
    }
    .stage-ltr:after {
        right: 53%;
    }
    .terms-left {
        width: 250px;
    }
    .terms p {
        text-align: justify;
    }
    .terms .btn {
        padding: 0 28px;
    }
    .terms-right {
        width: 450px;
    }
    .terms-table {
        width: 450px;
    }
    .terms-table.vavt {
        width: 100%;
    }
    .terms-table td {
        padding: 60px 15px;
        vertical-align: top;
    }
    .ff-right {
        width: 250px;
        text-align: left;
    }
    .ff-hex {
        width: 100%;
        padding: 0;
        height: auto;
        margin-bottom: 40px;
    }
    .ff-hex svg {
        display: none;
    }
    .ff-hex-name {
        margin-bottom: 0;
    }
    .ff-hex:last-child {
        margin-bottom: 0;
    }
    .warr-item {
        width: 155px;
        text-align: center;
    }
    .stage-left {
        width: 235px;
    }
    .stage-right {
        width: 370px;
    }
    .stage-overlay__rtl {
        width: calc(50% + 290px);
    }
    .stage-rtl:before {
        right: 41%;
    }
    .stage-rtl:after {
        right: 47%;
    }
    .where-item {
        width: 180px;
    }
    .u-arts {
        width: 45%;
    }
    .input {
        width: 238px;
    }
    .just-text .columns {
        padding-left: 90px;
        padding-right: 90px;
        text-align: justify;
    }
    .just-text .jt-link {
        padding: 20px 25px 0;
    }
}

@media (max-width: 1200px) and (max-width: 1200px) {
    .just-text .jt-link {
        margin: 0;
    }
}

@media (max-width: 1200px) {
    .pr-item {
        left: 60px;
    }
    .pr-item-flags {
        left: -200px;
        padding-left: 30px;
        padding-top: 55px;
    }
    .columns {
        -webkit-column-count: auto;
        column-count: auto;
        -webkit-column-width: auto;
        column-width: auto;
    }
    .step-slide {
        width: 300px;
        right: 20px;
        top: 170px;
    }
    .step-slide.show {
        top: 155px;
    }
    .slick-slider .slide > svg {
        display: none;
    }
    .clients-slider {
        margin: 0;
    }
    .stage-ltr .stage-overlay__ltr:after {
        right: 195px;
    }
    .stage-rtl .stage-overlay__rtl:before {
        left: 304px;
    }
    .ff-hex {
        background: none;
    }
    .animation {
        display: none;
    }
    .terms-text .icon__arrow {
        margin-left: 0;
    }
    .slick-dots li button:hover:after {
        background: #e2e2e2;
    }
    .slick-dots li.slick-active button:after {
        background: #ce1d22;
    }
    .shopping .form {
        width: 100%;
        padding-left: 10px;
    }
    .u-adv.right .h3 {
        margin-bottom: 23px;
    }
}

@media (max-width: 750px) {
    .hide-mobile {
        display: none;
    }
    .show-mobile {
        display: block;
    }
    .show-tablet {
        display: none;
    }
    .add-padding {
        padding: 0 15px;
    }
    .slide {
        height: 255px;
        padding-top: 40px;
    }
    .slide-heading {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .slide-half {
        width: 290px;
    }
    .slide-half.left {
        padding-left: 20px;
    }

    .slide-0 .slide-text, .slide-1 .slide-text{
        padding-top: 0px!important;
    }

    .slide-text {
        padding-right: 0;
        font-size: 14px;
    }
    .slide .container {
        width: 320px;
        margin: 0 auto;
    }
    .slider {
        height: 255px;
    }
    .main-slider.slider .slick-dots {
        height: 255px;
    }
    .main-slider.slider {
        min-height: 255px;
        height: auto;
    }
    .main-slider .slide {
        height: 255px;
    }

    /*.main-slider .slide-0,.main-slider .slide-1{*/
    /*    height: 357px!important;*/
    /*}*/
    .slider .slick-dots {
        margin-left: -150px;
        padding-top: 33px;
    }
    .h2 {
        font-size: 21px;
        line-height: 28px;
    }
    .pr-desc-item {
        width: 100%;
        margin-bottom: 40px;
    }
    .pr-desc-item:nth-child(2) {
        padding: 0;
    }
    .pr-desc-item .h3 {
        font-size: 14px;
        min-height: auto;
        margin-bottom: 0;
    }
    .profit-see {
        display: none;
    }
    .profit-slider {
        display: none;
    }
    .profit {
        padding: 30px 0 40px;
    }
    .profit > .btn {
        width: 288px;
        margin: 0 auto;
    }
    .stage {
        text-align: center;
        background-color:#ACD578;
        background-image: none !important;
    }
    .stage .overlay-holder {
        display: none;
    }
    .stage-half {
        width: 290px;
        margin: 0 auto;
        float: none;
    }
    .stage-half.right {
        padding: 0;
    }
    .stage-half.right .h3 {
        display: none;
    }
    .stage-half .btn {
        margin: 0 auto;
        width: 100%;
    }
    .stage:after, .stage:before {
        display: none;
    }
    .sl-link {
        padding-top: 55px;
        position: relative;
        margin-bottom: 20px;
    }
    .sl-link:before {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -22px;
    }
    .sl-link.active:before {
        background: transparent;
        color: #fff;
    }
    .sl-link__text p {
        font-size: 14px;
        line-height: 21px;
        text-transform: none;
        margin: 5px 0 0 0;
    }
    .terms {
        text-align: center;
        padding: 30px 0 40px;
    }
    .terms-left {
        width: 100%;
    }
    .terms-right {
        width: 100%;
    }
    .terms-right a {
        display: block;
    }
    .terms-table {
        width: 100%;
    }
    .terms-table td {
        padding: 20px 0;
    }
    .terms-text {
        font-size: 13px;
    }
    .terms p {
        text-align: center;
    }
    .terms .btn {
        width: 100%;
        margin-bottom: 30px;
    }
    .terms .container {
        width: 320px;
        margin: 0 auto;
    }
    .for-free {
        background-image: url(../img/content/home/free/free-mob.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        padding-top: 30px;
        text-align: center;
        padding-bottom: 110px;
    }

    .vavt_dopusl.for-free {
        padding-bottom: 50px !important;
    }

    .for-free .h1 {
        font-size: 26px;
        line-height: 31px;
    }
    .ff-left, .ff-right {
        width: 100%;
        text-align: center;
    }
    .ff-left .btn {
        padding: 0 20px;
        position: relative;
        bottom: -245px;
    }
    .ff-right {
        margin-top: -70px;
    }

    .vavt_dopusl .ff-right {
        margin-top: -27px !important;
    }

    .intro {
        margin-bottom: 20px;
    }
    .warr {
        padding: 30px 0 40px;
    }
    .warr-item {
        width: 290px;
        margin: 0 auto 20px;
        text-align: center;
        float: none;
    }
    .warr-item:last-child {
        margin: 0 auto;
    }
    .warr-item .h2 {
        /*margin-bottom: 0;*/
    }
    .warr-item .h3 {
        font-size: 15px;
    }
    .stage {
        padding: 30px 0 40px;
    }
    .stage-left {
        width: 290px;
        margin: 0 auto;
        float: none;
    }
    .stage-right {
        width: 290px;
        margin: 0 auto;
        float: none;
    }
    .stage-table td {
        padding-bottom: 30px;
    }
    .stage-table td.h3 {
        padding-bottom: 5px;
        width: auto;
        font-size: 14px;
    }
    .clients {
        padding: 30px 0 40px;
    }
    .clients-slider {
        margin: 0;
    }
    .clients h2 .orange {
        display: block;
    }
    .clients .container {
        margin: 0 auto;
        padding: 0 30px;
    }
    .clients {
        margin-bottom: 60px;
    }
    .clients .container .right-block{
        display: block;
        width: 100%;
    }
    .clients .container .conditions-col {
        padding: 0 !important;
    }
    .clients .container .conditions-col:not(.open) ul {
        display: none;
    }
    .clients .container .conditions-col ul {
        margin: 40px 0 10px !important;
    }
    .clients .container .conditions-col h3 {
        margin: 0;
        display: block;
        width: auto;
        padding: 15px 0;
        position: relative;
        font-size: 16px;
    }
    .clients .container .conditions-col h3:after{
        content: " ";
        font-size: 0;
        display: block;
        position: absolute;
        right: 0;
        top: 16px;
        width: 10px;
        height: 10px;
        border-right: 2px solid #ddd;
        border-bottom: 2px solid #ddd;
        transform: rotate(45deg);
        transition: .3s;
    }
    .clients .container .conditions-col.open h3:after{
        transform: rotate(-135deg);
        top: 22px;
    }
    .where {
        padding: 30px 0 40px;
    }
    .where .h2 {
        margin-bottom: 10px;
    }
    .where-item {
        width: 33%;
        margin-bottom: 16px;
    }
    .univer {
        padding: 30px 0 40px;
    }
    .u-arts {
        width: 100%;
        margin-bottom: 30px;
    }
    .u-arts-item {
        width: 100%;
        height: 290px;
    }
    .u-adv {
        width: 100%;
    }
    .uni-head {
        padding-bottom: 10px;
    }
    .shopping {
        padding: 30px 0 40px;
    }
    .shopping .container {
        width: 320px;
        margin: 0 auto;
    }
    .form {
        width: 100%;
    }
    .input {
        width: 100%;
        margin-bottom: 10px;
    }
    .form[name="register"] .btn {
        max-width: 100%;
        width: 100%;
    }
    .just-text {
        padding: 30px 0 40px;
    }
    .just-text .columns {
        padding-left: 0;
        padding-right: 0;
        font-size: 13px;
        margin-bottom: 20px;
    }
    .just-text .jt-link {
        text-align: left;
        padding: 0 0 0 0;
    }
    .pr-item {
        left: 0px;
    }
    .sl-link .sl-link__text:after {
        display: none;
    }
    .sl-link {
        pointer-events: none;
    }
    .shopping .form {
        padding-left: 0;
    }
}

@media (max-width: 375px) {
    .clients .container .conditions-col {
        font-size: 12px;
    }
    .clients .container .conditions-col h3 {
        font-size: 14px;
    }
}

@media (min-width: 1600px) {
    .stage-right {
        width: 500px;
    }
}

.stage-article {
    width: 100%;
    height: 329px;
    padding: 30px 0 55px 50px;
    position: relative;
    top: 3px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 31px;
}

.stage-article .overlay-article {
    position: absolute;
    width: 684px;
    height: 329px;
    opacity: 0.84;
    overflow: hidden;
    padding: 60px 0;
    box-sizing: content-box;
    margin-top: -60px;
    padding-right: 50px;
}

@media (max-width: 1200px) {
    .stage-article .overlay-article {
        padding: 0;
        margin-top: 0;
    }
}

.stage-article .stage-article-overlay {
    width: 735px;
    left: -100%;
    position: relative;
}

.stage-article .stage-article-overlay:before, .stage-article .stage-article-overlay:after {
    position: absolute;
    content: '';
    width: 36px;
    height: 1px;
    background: #ACD578;
    -webkit-transform: rotate(-56deg);
    transform: rotate(-56deg);
}

@media (max-width: 1200px) {
    .stage-article .stage-article-overlay:before, .stage-article .stage-article-overlay:after {
        width: 0;
    }
}

.stage-article .stage-article-overlay:before {
    right: 222px;
    top: -15px;
    margin-right: -194px;
}

.stage-article .stage-article-overlay:after {
    right: 134px;
    bottom: -15px;
    margin-right: 130px;
}

@media (max-width: 1200px) {
    .stage-article .stage-article-overlay {
        left: 0;
    }
}

.stage-article .stage-half-article {
    width: 330px;
}

.stage-article .stage-half-article .service-stage-text {
    padding-bottom: 100px;
    top: 0;
}

.stage-article .stage-half-article .service-stage-text p {
    display: inline-block;
    padding-right: 50px;
    -webkit-transition: all 0.65s ease 1.2s;
    transition: all 0.65s ease 1.2s;
}

.stage-article .stage-half-article .service-stage-text p:last-child {
    padding-right: 0;
    -webkit-transition: all 0.65s ease 1.5s;
    transition: all 0.65s ease 1.5s;
}

@media (max-width: 750px) {
    .stage-article .stage-half-article .service-stage-text {
        padding-bottom: 15px;
    }
}

.stage-article .stage-half-article .h2 {
    -webkit-transition: all 0.65s ease 2s;
    transition: all 0.65s ease 2s;
}

@media (max-width: 750px) {
    .stage-article .stage-half-article .h2 {
        text-align: left;
    }
}

@media (max-width: 750px) {
    .stage-article .stage-half-article {
        width: 100%;
        padding: 0 20px;
        text-align: left;
    }
}

@media (max-width: 750px) {
    .stage-article {
        height: auto;
        padding: 14px 0 22px;
        margin-bottom: 8px;
    }
}

@media (max-width: 1200px) {
    .home .profit-slider, .home-regist .profit-slider {
        margin-top: -30px;
    }
}

.ff-hex-home {
    position: relative;
}

.ff-hex-home .ff-hex-text {
    display: block;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 85%;
}

@media (max-width: 1200px) {
    .ff-hex-home .ff-hex-text {
        position: relative;
    }
}

@media (max-width: 750px) {
    .ff-hex-home .ff-hex-text {
        width: 100%;
    }
}

.slider.to-animate {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.slide-gradient:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(left, rgba(244, 147, 59, 0.61), #ce1d22);
    background: linear-gradient(to right, rgba(244, 147, 59, 0.61), #ce1d22);
    opacity: 0;
}

.appear .slide-gradient:before {
    opacity: .54;
}

.slide-gradient .container {
    position: relative;
}

.clients-gray {
    background: #f6f6f6;
}

.icon__star-small {
    height: 14px;
}

.banners {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    color: #fff;
    padding: 30px 0;
    margin-top: 50px;
}

.banners-half {
    width: 520px;
    display: block;
    position: relative;
    overflow: hidden;
    padding: 25px;
}

.banners-half.right.to-animate {
    -webkit-transition: all 0.65s ease 0.65s;
    transition: all 0.65s ease 0.65s;
}

.banners-half-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
}

.banners-half:hover .banners-half-overlay {
    -webkit-transform: scale(1.1) rotate(1deg);
    transform: scale(1.1) rotate(1deg);
}

.banners-half .h2 {
    margin: 0;
}

.banners-half .h2, .banners-half .h3 {
    position: relative;
}

.h-user {
    line-height: 35px;
    height: 34px;
    max-width: 125px;
    white-space: nowrap;
    position: relative;
    color: #fff;
    margin-right: 16px;
    display: inline-block;
}

.h-user-name {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    display: block;
    cursor: pointer;
}

.h-user-name:hover {
    color: #ACD578;
}

.h-user-name:after {
    position: absolute;
    content: '';
    top: 24%;
    right: 0;
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(left, transparent, rgba(34, 34, 34, 0.8) 90%, #222);
    background: linear-gradient(to right, transparent, rgba(34, 34, 34, 0.8) 90%, #222);
}

.h-user-count {
    position: absolute;
    line-height: 21.5px;
    width: 17px;
    height: 20px;
    top: 0;
    right: 0;
    font-size: 0;
}

.h-user-count .icon__hexagon {
    width: 17px;
    height: 20px;
    fill: #ce1d22;
    position: absolute;
    top: 0;
    left: 0;
}

.h-user-count-num {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 8px;
}

.linksbank {
    padding: 55px 0;
    background: #f2f2f2;
}

.univer + .linksbank {
    margin-top: -20px;
}

.skew {
    margin: 6px 5px 6px 5px;
    padding: 0;
}

.skew:hover {
    background: #fff;
}

.skew:hover .btn {
    background: transparent;
}

.skew:after, .skew:before {
    pointer-events: none;
}

.skew .btn {
    height: 35px;
    color: #524d47;
    text-transform: none;
    font-weight: 400;
    padding: 0 25px 0 15px;
}

.skew .btn-text {
    padding: 0;
}

.skew .btn .btn-overlay {
    background: #ACD578;
    width: 150%;
}

.skew .btn:after {
    -webkit-transition: all 0.3s 0.25s;
    transition: all 0.3s 0.25s;
}

.skew .btn:hover {
    background: transparent;
}

.skew .btn:hover .btn-overlay {
    background: #ACD578;
    left: -25%;
}

.skew .btn:hover .btn-text {
    color: #fff;
}

.lb-col {
    width: 335px;
    margin-right: 32px;
}

.lb-col:last-child {
    margin-right: 0;
}

.lb-col:nth-child(1) {
    -webkit-transition: all 0.65s ease 0.25s;
    transition: all 0.65s ease 0.25s;
}

.lb-col:nth-child(2) {
    -webkit-transition: all 0.65s ease 0.45s;
    transition: all 0.65s ease 0.45s;
}

.lb-col:nth-child(3) {
    -webkit-transition: all 0.65s ease 0.65s;
    transition: all 0.65s ease 0.65s;
}

.shop {
    width: 85px;
    height: 58px;
    margin: 0 25px 16px 0;
    font-size: 0;
    line-height: 58px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.shop:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.shop img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.popular ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.popular ul li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 10px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.popular ul li:before {
    position: absolute;
    content: '';
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #ACD578;
}

.popular ul a {
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    color: #524d47;
}

.popular ul a:hover {
    color: #ACD578;
}

@media (max-width: 1200px) {
    .h-user-name {
        display: none;
    }
    .banners-half {
        float: left;
        width: 48%;
        margin-right: 4%;
        height: 180px;
    }
    .banners-half:last-child {
        margin-right: 0;
    }
    .lb-col {
        width: 100%;
        margin-bottom: 30px;
    }
}

@media (max-width: 750px) {
    .banners-half {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        height: auto;
    }
    .lb-col {
        width: 100%;
        margin-bottom: 30px;
    }
    .lb-col:last-child {
        margin-bottom: 0;
    }
    .shop {
        width: 70px;
        float: none;
        display: inline-block;
        margin-right: 10px;
    }
    .skew {
        margin-right: 0;
        margin-left: 0;
    }
    .linksbank_inner {
        text-align: center;
    }
}

.inner-top {
    opacity: 0;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    padding: 180px 0 30px 0;
    min-height: 310px;
    background-size: cover;
}

.hit .inner-top {
    background: url("../img/content/pages/hit_banner.jpg") left top no-repeat;
    background-size: cover;
}

.war .inner-top {
    background: url("../img/content/pages/war_banner.jpg") left top no-repeat;
    background-size: cover;
}

.serv .inner-top {
    background: url("../img/content/pages/service_banner.jpg") left top no-repeat;
    background-size: cover;
}

.faq .inner-top {
    background: url("../img/content/pages/faq_banner.jpg") left top no-repeat;
    background-size: cover;
}

.shops .inner-top {
    background: url("../img/content/pages/online_banner.jpg") left top no-repeat;
    background-size: cover;
}

.category .inner-top {
    background-color: #fff;
}

.this-shops .inner-top {
    background-color: #fff;
}

.blogs .inner-top {
    background: url("../img/content/pages/ny_banner.jpg") left top no-repeat;
    background-size: cover;
}

.blogs-article .inner-top {
    background: url("../img/content/pages/ny_banner.jpg") left top no-repeat;
    background-size: cover;
}

.contacts .inner-top {
    background: url("../img/content/pages/contacts_banner.jpg") left top no-repeat;
    background-size: cover;
}

.about .inner-top {
    background: url("../img/content/pages/about_banner.jpg") left top no-repeat;
    background-size: cover;
}

@media (max-width: 1200px) {
    .about .inner-top {
        padding: 120px 0 110px 0;
    }
}

@media (max-width: 750px) {
    .about .inner-top {
        padding: 120px 0 30px 0;
    }
}

.reviews .inner-top {
    background: url("../img/content/pages/reviews_banner.jpg") left top no-repeat;
    background-size: cover;
}

@media (max-width: 1200px) {
    .reviews .inner-top {
        padding: 120px 0 110px 0;
        background: url("../img/content/pages/reviews_banner2.jpg") left top no-repeat;
        background-size: cover;
    }
}

@media (max-width: 750px) {
    .reviews .inner-top {
        padding: 120px 0 30px 0;
    }
}

.search-results .inner-top {
    padding: 180px 0 13px 0;
}

@media (max-width: 1200px) {
    .search-results .inner-top {
        padding: 120px 0 30px 0;
    }
}

@media (max-width: 750px) {
    .search-results .inner-top {
        padding: 100px 0 15px 0;
    }
}

.price .inner-top {
    background: url("../img/content/pages/banner_price.jpg") left top no-repeat;
    background-size: cover;
}

@media (max-width: 1200px) {
    .price .inner-top {
        padding: 145px 0 83px 0;
    }
}

@media (max-width: 750px) {
    .price .inner-top {
        background: #f6f6f6;
        padding: 95px 0 21px 0;
    }
}

.inner-top .container {
    position: relative;
}

.inner-top .banner-heading {
    color: white;
    font-family: 'GothamPro';
    font-size: 45px;
    float: left;
    margin-right: 2%;
    width: 45%;
}

.inner-top .banner-heading-serv {
    width: 31%;
}

.inner-top .banner-heading-contacts {
    width: 40%;
}

.inner-top .banner-heading span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

.inner-top .banner-text {
    color: white;
    float: left;
    width: 53%;
    margin-top: 2px;
    -webkit-transition: all 0.65s ease 0.5s;
    transition: all 0.65s ease 0.5s;
}

.inner-top .breadcrumbs {
    position: absolute;
    left: 65px;
    top: -64px;
}

.inner-top .breadcrumbs > span {
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    line-height: 0;
    background: transparent url("../img/content/pages/line_bg.png") right center no-repeat;
}

.inner-top .breadcrumbs > span a {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #222;
}

.inner-top .breadcrumbs > span a:hover span {
    text-decoration: underline;
}

.inner-top .breadcrumbs > span:last-of-type {
    background: none;
}

.inner-top .breadcrumbs > span:last-of-type a {
    pointer-events: none;
}

.inner-top .breadcrumbs > span:last-of-type a span {
    color: #fff;
    cursor: default;
}

.inner-top .breadcrumbs > span:last-of-type a span:hover {
    text-decoration: none;
}

.inner-top .breadcrumbs > span {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #222;
}

.inner-top .breadcrumbs > span span:hover {
    text-decoration: underline;
}

.inner-top .breadcrumbs > span:last-of-type {
    background: none;
}

.inner-top .breadcrumbs > span:last-of-type {
    pointer-events: none;
}

.inner-top .breadcrumbs > span:last-of-type span {
    color: #fff;
    cursor: default;
}

.inner-top .breadcrumbs > span:last-of-type span:hover {
    text-decoration: none;
}

@media (max-width: 750px) {
    .shops .online-inner-top {
        min-height: 320px;
        padding: 100px 0 60px 0;
        background: #f6f6f6;
        text-align: center;
        max-height: inherit;
    }
    .shops .online-inner-top h1 {
        color: #ACD578;
        font-size: 26px;
        line-height: 39px;
    }
}

.prog-steps-item {
    width: 910px;
    margin: 0 auto 61px;
    position: relative;
}

.prog-steps-item a {
    display: inline-block;
    margin-bottom: 15px;
}

.prog-steps-item a:hover {
    color: #ACD578;
}

.prog-steps-item .btn-text {
    color: #ACD578;
}

.prog-steps-item .btn:hover {
    background: transparent;
}

.prog-steps-item .btn:hover .btn-text {
    color: #fff;
}

.prog-steps-item .btn-overlay {
    background: #ACD578;
}

.prog-steps-item .images {
    text-align: center;
    position: relative;
    width: 45%;
}

.prog-steps-item .text {
    width: 55%;
    -webkit-transition: all 0.65s ease;
    transition: all 0.65s ease;
}

.prog-steps-item .ps-image-big {
    position: relative;
    z-index: 2;
}

.prog-steps-item .ps-image-small1, .prog-steps-item .ps-image-small2 {
    position: absolute;
}

.hit-steps .prog-steps-item.psi-1 .ps-image-small1 {
    top: 0;
    left: 0px;
}

.hit-steps .prog-steps-item.psi-2 .ps-image-small1 {
    top: -20px;
    left: 10px;
}

.hit-steps .prog-steps-item.psi-2 .ps-image-small2 {
    bottom: -20px;
    right: 10px;
}

.hit-steps .prog-steps-item.psi-3 .images {
    text-align: left;
}

.hit-steps .prog-steps-item.psi-3 .ps-image-small2 {
    bottom: 55px;
    right: 75px;
    z-index: 3;
}

.hit-steps .prog-steps-item.psi-4 .images {
    text-align: right;
}

.hit-steps .prog-steps-item.psi-4 .ps-image-small1 {
    bottom: -10px;
    left: 50px;
    z-index: 3;
}

.hit-steps .prog-steps-item.psi-5 .ps-image-small1 {
    top: -20px;
    left: -10px;
}

.hit-steps .prog-steps-item.psi-6 .ps-image-small1 {
    bottom: -5px;
    left: 10px;
}

.hit-steps .prog-steps-item.psi-6 .ps-image-small2 {
    top: 12px;
    right: 0px;
    z-index: 3;
}

.war-steps .prog-steps-item.psi-1 .ps-image-small1 {
    top: 0px;
    left: -10px;
}

.war-steps .prog-steps-item.psi-2 .ps-image-small2 {
    top: 125px;
    right: 10px;
}

.war-steps .prog-steps-item.psi-3 .images {
    text-align: left;
}

.war-steps .prog-steps-item.psi-3 .ps-image-small2 {
    bottom: 55px;
    right: 75px;
    z-index: 3;
}

.war-steps .prog-steps-item.psi-4 {
    margin-bottom: 120px;
}

.war-steps .prog-steps-item.psi-4 .ps-image-small1 {
    bottom: -10px;
    left: -10px;
    z-index: 3;
}

.prog-steps-item .serv-image-big {
    position: relative;
    z-index: 2;
}

.prog-steps-item .serv-image-small {
    position: relative;
    z-index: 1;
}

.serv-steps .prog-steps-item.psi-1 .serv-image-big {
    left: 53px;
    bottom: 6px;
}

.serv-steps .prog-steps-item.psi-1 .serv-image-small {
    bottom: 39px;
    right: -2px;
}

.serv-steps .prog-steps-item.psi-2 {
    margin: 0 auto 50px;
}

.serv-steps .prog-steps-item.psi-2 .serv-image-big {
    left: 53px;
    bottom: 3px;
}

.serv-steps .prog-steps-item.psi-2 .serv-image-small {
    bottom: 36px;
    right: -2px;
}

.serv-steps .prog-steps-item.psi-3 {
    margin: 0 auto 50px;
}

.serv-steps .prog-steps-item.psi-3 .serv-image-big {
    left: 53px;
    bottom: 3px;
}

.serv-steps .prog-steps-item.psi-3 .serv-image-small {
    bottom: 36px;
    right: -2px;
}

.serv-steps .prog-steps-item.psi-4 {
    margin: 0 auto 50px;
}

.serv-steps .prog-steps-item.psi-4 .serv-image-big {
    left: 53px;
    bottom: 3px;
}

.serv-steps .prog-steps-item.psi-4 .serv-image-small {
    bottom: 35px;
    right: -2px;
}

.prog-steps-item:nth-of-type(odd) .images {
    float: left;
}

.prog-steps-item:nth-of-type(odd) .text {
    float: right;
}

.prog-steps-item:nth-of-type(odd) .text .how-li {
    margin-left: 22px;
}

.prog-steps-item:nth-of-type(even) .images {
    float: right;
}

.prog-steps-item:nth-of-type(even) .text {
    float: left;
}

.prog-steps-item:nth-of-type(even) .text .how-li {
    margin-left: 10px;
}

.prog-steps-item-inner .how-li {
    width: 90%;
    padding-top: 50px;
}

.prog-steps-item-inner .how-name {
    color: #524d47;
    font-size: 28px;
    font-weight: 900;
    line-height: 36px;
    margin-bottom: 10px;
}

.prog-steps-item-inner .serv-li {
    width: 100%;
    margin-top: 56px;
    min-height: 117px;
    position: relative;
    padding: 0 0 24px 89px;
}

.prog-steps-item-inner .serv-li-arm {
    margin-top: 69px;
}

.prog-steps-item-inner .serv-li-consult {
    margin-top: 79px;
}

.prog-steps-item-inner .serv-li-toukr {
    margin: 79px 0 70px 0;
}

.prog-steps-item-inner .serv-name {
    color: #ACD578;
    font-size: 28px;
    font-weight: 900;
    line-height: 36px;
    margin-bottom: 10px;
}

.prog-steps-item-inner .how-text {
    line-height: 24px;
}

.prog-steps-item-inner .how-text p {
    text-align: justify;
    margin: 0 0 30px 0;
}

.prog-steps-item-inner .how-text .serv-text {
    line-height: 24px;
}

.prog-steps-item-inner .how-text .serv-text p {
    text-align: justify;
    margin: 13px 0 30px 0;
}

.prog-steps-item-inner .how-text-addon {
    color: #524d47;
    font-family: 'GothamPro';
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    position: relative;
}

.prog-steps-item-inner .how-text-addon-icon {
    position: absolute;
    top: 0;
    left: -50px;
}

.prog-steps-item-inner .how-number {
    top: 58px;
}

.prog-steps-item .animation {
    box-sizing: content-box;
    position: absolute;
    top: -50px;
    left: -25px;
    padding: 100px 25px 150px;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.prog-steps-item .animation svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.prog-steps-item .animation-rect {
    height: 100%;
    width: 100%;
}

.prog-steps-item .animation-rect .block-rect {
    position: absolute;
    top: 65px;
    left: 381px;
    height: 45px;
    width: 45px;
}

.prog-steps-item .animation-rect .block-rect:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transition: width 0.5s, height 0.5s 0.5s;
    transition: width 0.5s, height 0.5s 0.5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.prog-steps-item .animation-rect .block-rect:after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transition: width 0.5s 1s, height 0.5s 1.5s;
    transition: width 0.5s 1s, height 0.5s 1.5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.prog-steps-item .animation-rect .block-rect-little {
    position: absolute;
    height: 0;
    width: 0;
    background: #ACD578;
    top: 20px;
    left: 20px;
    -webkit-transition: width 0.1s, height 0.1s 0.1s;
    transition: width 0.1s, height 0.1s 0.1s;
}

.prog-steps-item .animation-rect .block-rect-line {
    background-image: url("../img/content/pages/line-bl.png");
    background-repeat: no-repeat;
    position: absolute;
    width: 0;
    height: 0;
    top: 20px;
    right: 25px;
    -webkit-transition: all 2.4s;
    transition: all 2.4s;
    -webkit-transition-duration: 2.5s;
    transition-duration: 2.5s;
}

.prog-steps-item .animation-rect .block-rect.act:before, .prog-steps-item .animation-rect .block-rect.act:after {
    width: 100%;
    height: 100%;
    border-color: #ACD578;
}

.prog-steps-item .animation-rect .block-rect.act .block-rect-little {
    height: 5px;
    width: 5px;
    background: #ACD578;
}

.prog-steps-item .animation-rect .block-rect.act .block-rect-line {
    width: 384px;
    height: 5px;
    background-repeat: repeat-x;
}

/*.animated-svg svg * {
  shape-rendering: geometricPrecision;
}*/
.animated-svg svg .mask {
    -webkit-transition: stroke-dashoffset 10s ease 0.25s;
    transition: stroke-dashoffset 10s ease 0.25s;
}

.hit-steps, .war-steps, .serv-steps {
    padding: 70px 0 0 0;
}

.hit-steps .container, .war-steps .container, .serv-steps .container {
    padding-left: 24px;
}

@media (max-width: 1200px) {
    .serv-steps .container {
        padding-left: 0;
    }
}

.serv-steps {
    padding: 25px 0 0 0;
}

.serv-steps .prog-steps-item {
    margin: 0 auto 45px;
}

.serv-steps .prog-steps-item .images {
    width: 33%;
}

.serv-steps .prog-steps-item .text {
    width: 60%;
}

.faq-steps {
    padding: 45px 0 18px 0;
}

.faq-steps .faq-quest {
    width: 735px;
}

.faq-steps .faq-quest_item {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    font-family: GothamPro;
}

.faq-nav{
    margin-top: 25px;
    width: 285px;
    font-family: 'GothamPro', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #524d47;
    text-transform: uppercase;
    letter-spacing: 0.038em;
    padding: 21px 31px 21px 0;
    border: 1px solid #e2e2e2;
}

.easytree-container{
    margin-top: 25px;
    width: 285px;
    font-family: 'GothamPro', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #524d47;
    text-transform: uppercase;
    letter-spacing: 0.038em;
    padding: 10px;
    border: 1px solid #e2e2e2;
}

.easytree-title{
    font-family: 'GothamPro', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #524d47;
    text-transform: uppercase;
    letter-spacing: 0.038em;
    padding: 5px 0 5px 0px!important;
}


.faq-nav_item,.easytree-title {
    display: block;
    line-height: 12px;
    padding: 5px 0 5px 13px;
    margin-bottom: 11px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    vertical-align: top;
    text-align: left;
}

.faq-nav_item:last-child {
    margin-bottom: 0;
}

.faq-nav_item.active_faq {
    pointer-events: none;
}

.faq-nav_item:after {
    position: absolute;
    content: '';
    height: 0;
    width: 3px;
    background: #ACD578;
    left: 1px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    margin: auto;
    display: block;
}

.faq-nav_item:hover,.easytree-title:hover {
    color: #ACD578;
}

.faq-nav_item:hover:after {
    height: 45px;
    display: block;
    margin: auto;
    position: absolute;
    left: 1px;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.article-steps {
    padding: 0 0 18px 0;
}

@media (max-width: 1200px) {
    .article-steps .faq-nav-all__tab .faq-nav-btn {
        right: 0;
        width: 100%;
    }
}

@media (max-width: 750px) {
    .article-steps .faq-nav-all__tab .faq-nav-btn {
        top: 0;
        z-index: 9;
        background: #fff;
    }
}

@media (max-width: 1200px) {
    .article-steps .faq-nav-all__tab {
        min-height: 80px;
    }
}

@media (max-width: 1200px) {
    .article-steps .faq-nav-all__tab {
        min-height: 70px;
    }
}

@media (max-width: 1200px) {
    .article-steps {
        padding: 0 0 40px;
    }
}

@media (max-width: 750px) {
    .article-steps {
        padding: 0 0 65px;
    }
}

.faq-nav_mobile, .faq-nav-btn {
    width: 100%;
}

.faq-nav_mobile .faq-quest_item, .faq-nav-btn .faq-quest_item {
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #e2e2e2;
    padding: 12px 0;
    width: 100%;
    text-align: center;
}

.faq-nav_mobile .faq-quest_item .faq-quest_title-js, .faq-nav-btn .faq-quest_item .faq-quest_title-js {
    text-align: center;
    border: none;
    display: inline;
    position: relative;
}

.faq-nav_mobile .faq-quest_item .faq-quest_title-js:before, .faq-nav_mobile .faq-quest_item .faq-quest_title-js:after, .faq-nav-btn .faq-quest_item .faq-quest_title-js:before, .faq-nav-btn .faq-quest_item .faq-quest_title-js:after {
    top: 18px;
    right: -25px;
}

.faq-nav_mobile .faq-quest_item .faq-quest_list1, .faq-nav_mobile .faq-quest_item .faq-quest_list__orange, .faq-nav-btn .faq-quest_item .faq-quest_list1, .faq-nav-btn .faq-quest_item .faq-quest_list__orange {
    display: none;
    border: none;
    text-align: center;
}

.faq-nav_mobile .link, .faq-nav-btn .link {
    padding: 10px 0 15px;
    display: block;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
}

.faq-quest_title-js {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    display: block;
    color: #524d47;
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    text-align: left;
    outline: none;
    padding-top: 16px;
    padding-bottom: 11px;
}

.faq-quest_title-js:before {
    content: '';
    background-image: url("../img/content/home/arrow/arrow-down.png");
    background-repeat: no-repeat;
    width: 12px;
    height: 5px;
    position: absolute;
    right: 0;
    top: 26px;
}
.balance-title.desktop span{
    display: none;
}
.balance-title.toggle span{
    background-image: url("../img/content/home/arrow/arrow-down.png");
    background-repeat: no-repeat;
    width: 12px;
    height: 5px;
    color: white;
    margin: 10px;
    position: absolute;
}

.balance-title.toggle.active span{
    background-image: url("../img/content/home/arrow/arrow-up.png");
    background-repeat: no-repeat;
    width: 12px;
    height: 5px;
    color: white;
}

.faq-quest_title-js:after {
    content: '';
    display: none;
    background-image: url("../img/content/home/arrow/arrow-up.png");
    background-repeat: no-repeat;
    width: 12px;
    height: 5px;
    position: absolute;
    right: 0;
    top: 26px;
}

.open .faq-quest_title-js {
    color: #ACD578;
    border-bottom: 1px solid #ACD578;
}

.open .faq-quest_title-js:after {
    display: block;
}

.open .faq-quest_title-js:before {
    display: none;
}

.open .faq-quest_title-js .faq-quest_list {
    display: block;
}

.faq-quest_title-js.active {
    color: #ACD578;
    border-bottom: 1px solid #ACD578;
}

.faq-quest_title-js:hover {
    color: #ACD578;
    border-bottom: 1px solid #ACD578;
}

.faq-quest_list {
    color: #524d47;
    font-family: DINPro;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    background-color: white;
    display: none;
    border-bottom: 1px solid #ACD578;
}

.faq-quest_list p {
    margin: 24px 0;
}

.faq-useful {
    padding-top: 60px;
}

@media (min-width: 750px) {
    .faq-useful .h2 {
        margin-bottom: 20px;
        width: 100%;
    }
}

.faq-useful .blog-art__row {
    padding-bottom: 20px;
    display: inline-block;
    margin: 0 -15px;
}

.faq-useful .blog-art__row .blog-art-item {
    margin: 0 15px;
}

@media (max-width: 750px) {
    .faq-useful .blog-art__row {
        display: none;
    }
}

.faq-useful .usfl-blk_item {
    width: 31%;
    min-height: 225px;
    margin-right: 28px;
}

.faq-useful .usfl-blk_item img {
    width: 100%;
    position: relative;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    top: 0;
    left: 0;
}

.faq-useful .usfl-blk_item:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

@media (max-width: 750px) {
    .faq-useful .usfl-blk_item:hover img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.faq-useful .usfl-blk_item_name {
    color: #524d47;
    font-family: GothamPro;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    padding-top: 10px;
}

.faq-useful .usfl-blk_item_name:hover, .faq-useful .usfl-blk_item_name.active {
    color: #ACD578;
}

.faq-useful .usfl-blk_item:last-child {
    margin-right: 0;
}

@media (max-width: 1200px) {
    .faq-useful {
        padding-top: 43px;
    }
}

.psi-desc {
    width: 910px;
    padding: 0 0 0 77px;
}

.psi-desc strong {
    width: 202px;
    font-family: GothamPro;
    font-size: 18px;
    font-weight: 500;
    margin-right: 40px;
}

.psi-desc p {
    width: 580px;
    color: #524d47;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.psi-desc-row {
    margin-bottom: 13px;
}

.shopping-hit {
    background-image: url("../img/content/pages/shopping-hit_bg.jpg");
    padding-bottom: 63px;
}

.shopping-hit .btn {
    background: #ACD578;
    color: white;
    border: none;
    margin: 12px 0 16px;
    padding: 0 37px;
    -webkit-transition: all 0.65s ease 0.45s;
    transition: all 0.65s ease 0.45s;
}

@media (max-width: 750px) {
    .shopping-hit .btn {
        width: 100%;
    }
}

.shopping-hit .link {
    margin-top: 5px;
    display: inline-block;
    -webkit-transition: all .65s ease .75s, color 0.1s 0s;
    transition: all .65s ease .75s, color 0.1s 0s;
}

.shopping-hit .link:hover {
    color: #ACD578;
}

.shopping-hit .mini-sub {
    -webkit-transition: all 0.65s ease 0.6s;
    transition: all 0.65s ease 0.6s;
}

.stage-waranty {
    padding: 53px 0 56px;
    min-height: 0;
}

.stage-waranty .h3 {
    font-size: 28px;
    font-weight: 900;
    line-height: 50px;
    padding-bottom: 20px;
}

@media (max-width: 750px) {
    .stage-waranty .h3 {
        line-height: 25px;
    }
}

.stage-waranty .h2 {
    font-size: 45px;
    font-weight: 900;
    line-height: 50px;
}

.stage-waranty .stage-right {
    font-size: 18px;
}

@media (max-width: 750px) {
    .stage-waranty .stage-right {
        font-size: 14px;
    }
}

@media (max-width: 750px) {
    .stage-waranty .stage-table.show-mobile {
        display: inline-block;
        padding-left: 0;
    }
}

.stage-waranty .stage-overlay__rtl:after, .stage-waranty .stage-overlay__rtl:before {
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

.stage-waranty .stage-overlay__rtl:after {
    left: -30px;
}

.stage-waranty.stage-rtl {
    min-height: 0;
}

.stage-waranty .stage-table td:last-child {
    padding-top: 5px;
}

@media (max-width: 750px) {
    .stage-waranty .stage-table td:last-child {
        padding-top: 0;
    }
}

.stage-service {
    width: 1070px;
    min-height: 240px;
    height: 240px;
    padding: 59px 0 55px 3px;
    position: relative;
    top: 3px;
    background-position: center center;
    background-repeat: no-repeat;
}

.stage-service-toukr {
    min-height: 240px;
    height: 240px;
    margin-bottom: 38px;
}

.stage-service-toukr .overlay-service {
    height: 240px;
}

.stage .service-stage-text {
    position: relative;
    top: -4px;
}

.stage .service-stage-text p {
    color: white;
    font-family: DINPro;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.overlay-service {
    overflow: hidden;
    position: absolute;
    width: 766px;
    height: 240px;
}

.overlay-service .service-stage-overlay {
    width: 766px;
    left: -100%;
}

.stage-waranty .stage-overlay__rtl:after {
    bottom: -14px;
}

.h2-service {
    margin-bottom: 10px;
}

@media (max-width: 750px) {
    .h2-service {
        text-align: center;
    }
}

@media (max-width: 1200px) {
    .ps-image-small1, .ps-image-small2, .breadcrumbs {
        display: none;
    }
    .prog-steps-item {
        width: 100%;
    }
    .inner-top {
        padding: 120px 0 60px 0;
        background-size: contain;
        opacity: 1;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
        background-position: 100% 0px;
        min-height: 0;
        max-height: 280px;
        font-family: 'DINPro', sans-serif;
        background: url("../img/content/pages/hit_banner_tab.jpg") left top no-repeat;
    }
    .inner-top .banner-heading {
        width: 100%;
    }
    .inner-top .banner-text {
        width: 100%;
    }
    .prog-steps-item-inner .how-li {
        padding-left: 70px;
        width: 100%;
    }
    .prog-steps-item-inner .how-li:after {
        opacity: 0;
    }
    .prog-steps-item:nth-of-type(odd) .images {
        text-align: left;
    }
    .prog-steps-item:nth-of-type(even) .images {
        text-align: right;
    }
    .hit-steps .container, .war-steps .container {
        padding: 0 25px;
    }
    .psi-desc p {
        width: 390px;
    }
    .stage-waranty .h2 {
        font-size: 28px;
        line-height: 40px;
    }
    .stage-waranty .stage-overlay__rtl:before {
        left: 195px;
        -webkit-transform: rotate(-55deg);
        transform: rotate(-55deg);
    }
    .stage-waranty .stage-overlay__rtl {
        width: calc(50% + 230px);
    }
    .prog-steps-item:nth-of-type(odd) .text .how-li, .prog-steps-item:nth-of-type(even) .text .how-li {
        margin-left: 0;
    }
    .serv .inner-top {
        padding: 113px 0 60px 10px;
    }
    .serv-steps {
        padding: 36px 0 24px 0;
    }
    .serv-steps .prog-steps-item {
        margin: 0;
    }
    .serv-steps .prog-steps-item .text {
        width: 63%;
        padding-left: 0;
        padding-right: 35px;
    }
    .serv-steps .prog-steps-item .images {
        width: 245px;
    }
    .serv-steps .prog-steps-item-inner .serv-li {
        margin-top: 58px;
        padding: 0 0 24px 0;
    }
    .serv-steps .prog-steps-item-inner .serv-li-arm {
        margin-top: 71px;
    }
    .serv-steps .prog-steps-item-inner .serv-li-consult {
        margin-top: 71px;
    }
    .serv-steps .prog-steps-item-inner .serv-li-toukr {
        margin: 82px 0 70px;
    }
    .serv-steps .prog-steps-item .serv-image-small {
        position: absolute;
    }
    .serv-steps .prog-steps-item.psi-1 .serv-image-big {
        left: -8px;
        top: -4px;
    }
    .serv-steps .prog-steps-item.psi-1 .serv-image-small {
        top: 29px;
        right: 9px;
    }
    .serv-steps .prog-steps-item.psi-2 {
        margin: 0 auto;
    }
    .serv-steps .prog-steps-item.psi-2 .serv-image-big {
        left: -7px;
        bottom: 4px;
    }
    .serv-steps .prog-steps-item.psi-2 .serv-image-small {
        bottom: 42px;
        right: 9px;
    }
    .serv-steps .prog-steps-item.psi-3 {
        margin: 0 auto;
    }
    .serv-steps .prog-steps-item.psi-3 .serv-image-big {
        left: -8px;
        bottom: 4px;
    }
    .serv-steps .prog-steps-item.psi-3 .serv-image-small {
        bottom: 43px;
        right: 9px;
    }
    .serv-steps .prog-steps-item.psi-4 {
        margin: 0 auto;
    }
    .serv-steps .prog-steps-item.psi-4 .serv-image-big {
        left: -7px;
        bottom: 3px;
    }
    .serv-steps .prog-steps-item.psi-4 .serv-image-small {
        bottom: 42px;
        right: 10px;
    }
    .stage-service {
        min-height: 240px;
        height: 240px;
        padding: 59px 0 55px 3px;
        top: 0;
    }
    .stage-service .overlay-service .service-stage-overlay {
        left: 0;
    }
    .stage-service .container {
        width: 100%;
    }
    .stage-service .container .stage-half {
        padding-left: 30px;
        width: 71%;
    }
    .overlay-service {
        width: 100%;
    }
    .overlay-service .service-stage-overlay {
        width: 85%;
    }
    .faq .inner-top {
        padding: 115px 0 70px 10px;
    }
    .faq .inner-top .banner-heading span {
        padding-top: 15px;
    }
    .faq-steps {
        padding: 42px 8px 50px 8px;
    }
    .faq-steps .faq-nav {
        width: 100%;
    }
    .faq-steps .faq-nav_mobile, .faq-steps .faq-nav-btn {
        margin-bottom: 15px;
        display: block;
    }
    .faq-steps .faq-nav_mobile .faq-quest_title-js:before, .faq-steps .faq-nav_mobile .faq-quest_title-js:after, .faq-steps .faq-nav-btn .faq-quest_title-js:before, .faq-steps .faq-nav-btn .faq-quest_title-js:after {
        top: 20px;
        right: -25px;
    }
}

@media (max-width: 1200px) and (max-width: 750px) {
    .faq-steps .faq-nav_mobile .faq-quest_title-js:before, .faq-steps .faq-nav_mobile .faq-quest_title-js:after, .faq-steps .faq-nav-btn .faq-quest_title-js:before, .faq-steps .faq-nav-btn .faq-quest_title-js:after {
        top: 16px;
    }
}

@media (max-width: 1200px) {
    .faq-steps .faq-quest {
        width: 100% !important;
    }
    .faq-steps .faq-quest .faq-quest_title-js {
        padding: 15px 10px 13px 0;
    }
}

.stage-service__small {
    min-height: 216px;
    height: 216px;
}

.stage-service__small .overlay-service {
    height: 216px;
}

@media (max-width: 750px) {
    .hit-steps, .war-steps, .serv-steps, .faq-steps {
        padding-top: 40px;
    }
    .vavt .inner-top, .hit .inner-top, .war .inner-top, .serv .inner-top, .faq .inner-top,
    .blogs .inner-top, .blogs-article .inner-top, .contacts .inner-top,
    .about .inner-top, .reviews .inner-top {
        background: #f6f6f6;
        padding-top: 95px;
        text-align: center;
    }
    .vavt .inner-top .banner-heading{
        font-size: 26px!important;
    }
    .hit .inner-top .banner-heading, .war .inner-top .banner-heading, .serv .inner-top .banner-heading, .faq .inner-top .banner-heading,
    .blogs .inner-top .banner-heading, .blogs-article .inner-top .banner-heading, .contacts .inner-top .banner-heading,
    .about .inner-top .banner-heading, .reviews .inner-top .banner-heading {
        color: #ee7821;
        font-size: 26px;
    }
    .banner-heading span h1{
        font-size: 28px;
        line-height: 34px;
    }

    .vavt .inner-top .banner-text, .hit .inner-top .banner-text, .war .inner-top .banner-text, .serv .inner-top .banner-text, .faq .inner-top .banner-text,
    .blogs .inner-top .banner-text, .blogs-article .inner-top .banner-text, .contacts .inner-top .banner-text,
    .about .inner-top .banner-text, .reviews .inner-top .banner-text {
        color: #524d47;
        font-size: 13px;
        line-height: 21px;
        position: relative;
        top: -8px;
    }
    .prog-steps-item {
        margin-bottom: 40px;
    }
    .prog-steps-item.psi-6 {
        margin-bottom: 20px;
    }
    .prog-steps-item .images {
        display: none;
    }
    .prog-steps-item .text {
        width: 100%;
    }
    .prog-steps-item-inner {
        text-align: center;
    }
    .prog-steps-item-inner .how-number {
        top: 0;
        left: 50%;
        margin-left: -22px;
    }
    .prog-steps-item-inner .how-li {
        padding: 60px 0 0 0;
        margin-bottom: 0;
    }
    .prog-steps-item-inner .how-name {
        color: #524d47;
        font-size: 21px;
        line-height: 28px;
    }
    .prog-steps-item-inner .how-text p {
        font-size: 13px;
        line-height: 21px;
        text-align: center;
        margin-bottom: 0;
    }
    .prog-steps-item-inner .how-text .btn-middle.btn-orange {
        margin: 15px;
    }
    .prog-steps-item-inner .how-text .btn-middle.btn-orange + a {
        display: block;
    }
    .prog-steps-item-inner .how-text a:last-of-type {
        margin-bottom: 0;
    }
    .psi-desc {
        text-align: center;
        padding-left: 0;
    }
    .psi-desc-row {
        margin-bottom: 20px;
    }
    .psi-desc strong {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .psi-desc p {
        width: 100%;
        font-size: 13px;
        line-height: 21px;
    }
    .shopping-hit {
        background: #222;
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .shopping .h2 {
        margin-bottom: 25px;
    }
    .prog-steps-item-inner .how-text-addon {
        padding-top: 60px;
    }
    .prog-steps-item-inner .how-text-addon-icon {
        position: absolute;
        top: 25px;
        left: 48%;
    }
    .stage-waranty {
        padding: 30px 0 40px;
    }
    .serv-steps {
        padding: 30px 0 0 0;
    }
    .serv-steps .prog-steps-item .text {
        width: 100%;
    }
    .serv-steps .prog-steps-item .text .serv-li {
        margin-top: 0;
        padding: 0 0 10px 0;
    }
    .serv-steps .prog-steps-item .text .serv-li .h3 {
        font-size: 21px;
    }
    .serv-steps .prog-steps-item .text .serv-text {
        position: relative;
        top: -9px;
    }
    .serv-steps .prog-steps-item .text .serv-text p {
        font-size: 13px;
        line-height: 21px;
    }
    .serv .inner-top {
        padding: 95px 0 40px 0;
    }
    .serv-li-toukr {
        margin-bottom: 0;
    }
    .stage-service {
        width: 100%;
        min-height: 100%;
        height: 100%;
        padding: 34px 4px 41px 4px;
    }
    .stage-service .container .stage-half {
        width: 100%;
        padding-left: 0;
    }
    .faq .inner-top {
        padding: 97px 15px 20px 15px;
    }
    .faq .inner-top .banner-heading span {
        font-size: 13px;
        padding-top: 0;
        color: #524d47;
        position: relative;
        bottom: 10px;
    }
    .faq-useful {
        padding-top: 40px;
    }
    .faq-useful .h2 {
        text-align: center;
    }
    .faq-useful .faq-slider {
        padding: 55px 25px 0 25px;
    }
    .faq-useful .usfl-blk_item {
        margin: 0 10px;
    }
    .faq-useful .usfl-blk_item_name {
        font-size: 14px;
        line-height: 19px;
        padding-top: 10px;
    }
    .faq-steps {
        padding: 35px 15px 15px 15px;
    }
    .faq-steps .faq-quest_item {
        font-size: 14px;
        line-height: 17px;
    }
    .faq-steps .faq-quest_item .faq-quest_list {
        font-size: 13px;
        line-height: 19px;
    }
    .faq-steps .faq-quest_item .faq-quest_list p {
        margin: 10px 0;
    }
    .faq-steps .faq-nav_mobile, .faq-steps .faq-nav-btn {
        margin-bottom: 12px;
    }
    .faq-steps .faq-nav_mobile .faq-quest_item .faq-quest_title-js, .faq-steps .faq-nav-btn .faq-quest_item .faq-quest_title-js {
        padding: 12px 0;
    }
    .faq-steps .faq-nav_mobile .faq-nav_item, .faq-steps .faq-nav-btn .faq-nav_item {
        display: block;
        line-height: 24px;
    }
    .open {
        display: block;
    }
    .active_mob {
        color: #ACD578;
    }
    .faq-quest_list1, .faq-quest_list__orange {
        text-align: left !important;
    }
}

@media (max-width: 750px) and (min-width: 1600px) {
    .stage-waranty .stage-overlay__rtl:after, .stage-waranty .stage-overlay__rtl:before {
        -webkit-transform: rotate(-42deg);
        transform: rotate(-42deg);
    }
    .stage-waranty .stage-overlay__rtl:before {
        left: 26.8%;
        top: -13px;
    }
    .stage-waranty .stage-overlay__rtl:after {
        left: -33px;
    }
}

.stage-service--top {
    top: 0;
}

.stage-service--top1 {
    top: -1px;
}

.stage-service--top2 {
    top: -7px;
}

.dot {
    position: absolute;
    z-index: -2;
    top: 22px;
    right: 26px;
    bottom: 0;
    height: 1px;
    width: 390px;
    background-image: url(../../static/img/content/pages/line_pttrn_red_2.png);
}

.dot .dot-white {
    z-index: -1;
    position: absolute;
    height: 2px;
    width: 390px;
    background-color: #fff;
    left: 0;
}

.dot_1 {
    position: absolute;
    z-index: -2;
    top: 21px;
    right: 26px;
    bottom: 0;
    height: 2px;
    width: 390px;
    background-image: url(../../static/img/content/pages/new_line.png);
}

.dot_1 .dot-white_1 {
    z-index: -1;
    position: absolute;
    height: 2px;
    width: 390px;
    background-color: #fff;
    left: 0;
}

.square_container {
    width: 46px;
    height: 46px;
    position: relative;
    background: transparent;
    top: 107px;
    left: 378px;
}

.square_container .line_1 {
    width: 6px;
    height: 6px;
    background: #ACD578;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

.square_container .line_2 {
    height: 0em;
    background: #ACD578;
    width: 1px;
    position: absolute;
    bottom: 23px;
}

.square_container .line_3 {
    height: 1px;
    background: #ACD578;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.square_container .line_4 {
    height: 0%;
    background: #ACD578;
    width: 0.063em;
    position: absolute;
    top: 0;
    right: 0;
}

.square_container .line_5 {
    height: 1px;
    background: #ACD578;
    width: 0%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.square_container .line_6 {
    height: 0%;
    background: #ACD578;
    width: 1px;
    position: absolute;
    bottom: 0;
    /*  top: 50px; */
}

.square_white_container {
    position: absolute;
    top: 5px;
    left: 520px;
}

.square_white {
    width: 46px;
    height: 46px;
    position: relative;
    background: transparent;
}

.square_white .small_square {
    width: 5px;
    height: 5px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

.square_white .line_11 {
    position: absolute;
    width: 0.063em;
    height: 0%;
    background: #fff;
    right: 0;
    bottom: 23px;
}

.square_white .line_12 {
    position: absolute;
    height: 1px;
    width: 0%;
    background: #fff;
    top: 0;
    right: 0;
}

.square_white .line_13 {
    position: absolute;
    width: 1px !important;
    height: 0%;
    background: #fff;
    top: 0;
    left: 0;
}

.square_white .line_14 {
    position: absolute;
    height: 1px !important;
    width: 0;
    background: #fff;
    left: 0;
    bottom: 0;
}

.square_white .line_15 {
    position: absolute;
    width: 0.063em !important;
    height: 0;
    background: #fff;
    right: 0;
    bottom: 0px;
}

.square_white .dot1 {
    position: absolute;
    top: 22px;
    left: 23px;
    bottom: 0;
    height: 1px;
    width: 0;
    background-image: url(../../static/img/content/pages/line-dot.png);
}

.square_container_3 {
    top: 121px;
}

.square_container_4 {
    top: 130px;
}

@media (max-width: 1200px) {
    .square_container {
        display: none;
    }
    .square_white_container {
        display: none;
    }
    .square_container2 {
        display: none;
    }
}

.faq-quest_title-js.active {
    color: #ACD578 !important;
    border-bottom: 1px solid #ACD578;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .serv .inner-top {
        background-position: 82%;
    }
    .stage-service {
        width: 100%;
    }
    .wrap_serv {
        margin-right: 24px;
        margin-left: 24px;
    }
    .shopping-hit .link {
        margin-top: 0;
    }
    .just-text {
        padding: 50px 0 40px;
    }
    .just-text .columns {
        padding-left: 23px;
        padding-right: 23px;
    }
    .footer .social {
        margin-top: 19px;
    }
    .faq .inner-top {
        background-position: 50% 0px;
    }
    .faq-steps {
        padding: 35px 25px 13px 25px;
    }
    .mini-sub-faq {
        padding-top: 4px;
    }
}

@media (max-width: 767px) {
    .faq-quest_title-js:hover {
        color: #524d47;
    }
    .faq-slider {
        padding-top: 49px !important;
    }
    .faq-useful .h2 {
        margin-top: 1px;
    }
    .slick-dots {
        padding-top: 28px;
    }
    .faq-steps {
        padding: 35px 15px 13px 15px;
    }
    .add-padding {
        padding: 0 15px !important;
    }
    .just-text {
        padding: 33px 0 40px;
    }
    .btn-orange1 {
        width: 100% !important;
    }
    .shopping .h2 {
        margin-bottom: 13px;
    }
    .stage-service {
        width: 90% !important;
        margin-left: 17px;
        margin-right: 17px;
    }
    .serv-li-toukr {
        margin-bottom: 0 !important;
    }
    .stage-service-toukr {
        margin-bottom: 40px !important;
    }
}

.btn-orange1 {
    color: #fff !important;
    background: #ACD578 !important;
}

.btn-overlay1 {
    background: black !important;
}

.stage-service-toukr {
    margin-bottom: 70px;
}

.active_faq, .active_faq span{
    position: relative !important;
    color: #ACD578;
}

.active_faq:before {
    position: absolute;
    content: '';
    height: 44px;
    width: 3px;
    /* width: 2px; */
    background: #ACD578;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: red;
    display: block;
    margin: auto;
    left: 1px;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.active_faq:before:hover, .active_faq:after:hover {
    width: 0;
    height: 0;
}

.inner-top .banner-heading-online {
    margin-right: 0;
    width: 44%;
}

@media (max-width: 1200px) {
    .inner-top .banner-heading-online {
        width: 69%;
    }
}

@media (max-width: 750px) {
    .inner-top .banner-heading-online {
        width: 100%;
    }
}

.inner-top .banner-text-online {
    width: 56%;
}

@media (max-width: 1200px) {
    .inner-top .banner-text-online {
        width: 100%;
        position: relative;
    }
}

@media (max-width: 750px) {
    .inner-top .banner-text-online {
        width: 100%;
        color: #666;
        line-height: 20px;
        padding-bottom: 8px;
    }
}

.oblique-btn .btn {
    padding: 0 36px;
    z-index: 2;
}

.oblique-btn .btn .btn-overlay {
    background: #fff;
}

.oblique-btn .btn:hover {
    background: transparent;
}

@media (max-width: 750px) {
    .oblique-btn .btn {
        border: 1px solid #ACD578;
        color: #ACD578;
        top: -10px;
    }
}

.searching-input {
    position: relative;
}

.searching-input .sb-search {
    margin-top: -65px;
    width: 100%;
    min-width: 45px;
    height: 45px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}

.searching-input .sb-search .sb-search-input {
    position: absolute;
    top: 0;
    right: 45px;
    border: none;
    outline: none;
    background-color: #f2f2f2;
    width: 305px;
    height: 45px;
    margin: 0;
    z-index: 10;
    padding: 0 30px;
    font-family: 'GothamPro', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    color: #ACD578;
    text-transform: uppercase;
}

@media (max-width: 750px) {
    .searching-input .sb-search .sb-search-input {
        width: 100%;
        right: 0;
        padding: 0 70px 0 30px;
    }
}

.searching-input .sb-search .sb-search-input::-ms-clear {
    display: none;
}

.searching-input .sb-search input[type='text']::-webkit-input-placeholder {
    color: #666;
}

@media (max-width: 750px) {
    .searching-input .sb-search input[type='text']::-webkit-input-placeholder {
        color: transparent;
    }
}

.searching-input .sb-search input[type='text']:-moz-placeholder {
    color: #666;
}

@media (max-width: 750px) {
    .searching-input .sb-search input[type='text']:-moz-placeholder {
        color: transparent;
    }
}

.searching-input .sb-search input[type='text']::-moz-placeholder {
    color: #666;
}

@media (max-width: 750px) {
    .searching-input .sb-search input[type='text']::-moz-placeholder {
        color: transparent;
    }
}

.searching-input .sb-search input[type='text']:-ms-input-placeholder {
    color: #666;
}

@media (max-width: 750px) {
    .searching-input .sb-search input[type='text']:-ms-input-placeholder {
        color: transparent;
    }
}

.searching-input .sb-search .sb-icon-search, .searching-input .sb-search .sb-search-submit {
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
}

.searching-input .sb-search .sb-search-submit {
    background: #fff;
    /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 8 */
    filter: alpha(opacity=0);
    /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.searching-input .sb-search .sb-icon-search {
    color: #fff;
    background-color: #ACD578;
    z-index: 90;
    font-size: 22px;
    position: absolute;
}

.searching-input .sb-search .sb-icon-search i {
    margin: auto;
    position: absolute;
    left: 50%;
    top: 45%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 1200px) {
    .searching-input .sb-search .sb-icon-search i {
        top: 50%;
    }
}

@media (max-width: 1200px) {
    .searching-input .sb-search {
        width: 0;
    }
}

.searching-input .sb-search__padding {
    margin-top: -32px;
}

@media (max-width: 1200px) {
    .searching-input .sb-search__padding {
        margin-top: -40px;
    }
}

@media (max-width: 750px) {
    .searching-input .sb-search__padding {
        margin-top: -58px;
    }
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    color: #fff;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}

.ui-autocomplete {
    cursor: pointer;
    display: block;
    height: auto;
    width: 305px;
    position: relative;
    white-space: nowrap;
    left: 50%;
    top: 0;
    z-index: 9;
    background-color: #f2f2f2;
    color: #666;
    font-family: 'GothamPro';
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    padding: 0 30px;
}

.ui-autocomplete.active {
    display: block;
}

.ui-autocomplete:before {
    content: '';
    width: 245px;
    height: 1px;
    background-color: #ACD578;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

@media (max-width: 750px) {
    .ui-autocomplete:before {
        width: calc(100% - 66px) !important;
    }
}

.ui-autocomplete li {
    padding-bottom: 3px;
    color: #666;
    text-transform: uppercase;
    list-style-type: none;
}

.ui-autocomplete li a {
    font-weight: normal;
}

.ui-autocomplete li:first-child {
    padding-top: 15px;
}

.ui-autocomplete li:last-child {
    padding-bottom: 20px;
}

@media (max-width: 750px) {
    .ui-autocomplete {
        width: calc(100% - 74px) !important;
    }
}

.ui-helper-hidden-accessible {
    display: none;
}

.online {
    padding: 59px 0 70px;
}

.online .h2 {
    display: inline-block;
}

@media (max-width: 750px) {
    .online .h2 {
        margin-bottom: 30px;
    }
}

.online-tabs {
    font-size: 0;
    margin: 0 -5px;
}

.online-tabs__open {
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 750px) {
    .online-tabs__open {
        display: block;
    }
}

#vt-shops .online-tabs__open:first-child .online-tabs-shops{
    height: 340px!important;
}

#vt-shops .online-tabs__open:first-child .online-tabs-shops .open-open{
    height: 340px!important;
}

@media (max-width: 1200px) {
    #vt-shops .online-tabs__open:first-child .online-tabs-shops{
        height: 485px!important;
    }

    #vt-shops .online-tabs__open:first-child .online-tabs-shops .open-open{
        height: 485px!important;
    }
}

@media (max-width: 750px) {
    #vt-shops .online-tabs__open:first-child .online-tabs-shops{
        height: 920px!important;
    }

    #vt-shops .online-tabs__open:first-child .online-tabs-shops .open-open{
        height: 920px!important;
    }

    #vt-shops .active:first-child .online-tabs-shops{
        height:0px!important;
    }

    #vt-shops .active:first-child .online-tabs-shops .open-open{
        height:0px!important;
    }
}

.online-tabs-item {
    display: inline-block;
    background-color: #f2f2f2;
    width: 170px;
    height: 170px;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
}

@media (max-width: 750px) {
    .online-tabs-item {
        width: 100%;
        height: 45px;
    }
}

.online-tabs-item:before {
    position: absolute;
    content: '';
    height: 3px;
    background: #ACD578;
    top: 0;
    left: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 0;
    margin-left: 0;
}

.online-tabs-item:hover, .online-tabs-item.active {
    background-color: transparent;
}

.online-tabs-item:hover:before, .online-tabs-item.active:before {
    width: 100%;
    margin-left: -50%;
}

@media (max-width: 1200px) {
    .online-tabs-item:hover:before, .online-tabs-item.active:before {
        width: 0;
    }
}

.online-tabs-item:hover .online-tabs-name, .online-tabs-item.active .online-tabs-name {
    color: #ACD578;
}

@media (max-width: 750px) {
    .online-tabs-item:hover .online-tabs-name, .online-tabs-item.active .online-tabs-name {
        color: #524d47;
    }
}

@media (max-width: 750px) {
    .online-tabs-item:hover, .online-tabs-item.active {
        background-color: #f2f2f2;
    }
}

.online-tabs-icon {
    font-size: 0;
    margin-bottom: 10px;
    height: 50px;
}

@media (max-width: 750px) {
    .online-tabs-icon {
        display: none;
    }
}

.online-tabs__center {
    margin-top: 30px;
    text-align: center;
}

@media (max-width: 750px) {
    .online-tabs__center {
        margin-top: 0;
        padding: 10px 0;
    }
}

.online-tabs-name {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    color: #524d47;
    font-family: 'GothamPro', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    padding: 0 1px;
}

.online-tabs-name span {
    display: block;
}

@media (max-width: 750px) {
    .online-tabs-name span {
        display: inline-block;
    }
}

@media (max-width: 750px) {
    .online-tabs-name {
        font-size: 14px;
        line-height: 24px;
    }
}

@media (max-width: 1200px) {
    .online-tabs {
        margin: 0 -4px;
    }
}

@media (max-width: 750px) {
    .online {
        padding: 36px 0 0;
    }
}

.online-tabs {
    position: relative;
    margin-bottom: 1px;
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden;
}

.online-tabs.open {
    background: none;
}

@media (max-width: 750px) {
    .online-tabs {
        margin: 0;
    }
}

.online-tabs-shops {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    overflow: hidden;
}

.online-tabs-shops.close {
    height: 0 !important;
}

.online-tabs-shops .online-tabs-list {
    position: absolute;
    left: 0;
    /*display: none;*/
    /*    padding: 20px 0;*/
    margin: 0px -10px 0 -10px;
}

.online-tabs-shops .online-tabs-list:before, .online-tabs-shops .online-tabs-list:after {
    height: 25px;
    width: 100%;
    content: '';
    display: block;
}

.online-tabs-shops .online-tabs-list .online-tabs-magazine {
    width: 240px;
    display: inline-block;
    margin: 0 10px 15px 20px;
}

.online-tabs-shops .online-tabs-list .online-tabs-magazine a {
    color: #524d47;
    font-family: 'DINPro';
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.online-tabs-shops .online-tabs-list .online-tabs-magazine a p {
    color: #7d7d7d;
    font-family: 'DINPro';
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
}

.online-tabs-shops .online-tabs-list .online-tabs-magazine a:hover {
    color: #ACD578;
}

@media (max-width: 1200px) {
    .online-tabs-shops .online-tabs-list .online-tabs-magazine {
        margin: 0 0 15px 5px;
        width: 32%;
    }
}

@media (max-width: 750px) {
    .online-tabs-shops .online-tabs-list .online-tabs-magazine {
        width: 100%;
    }
}

.online-tabs-shops .online-tabs-list .btn-center {
    text-align: center;
    margin-top: 10px;
}

.online-tabs-shops .online-tabs-list.open {
    display: block;
    width: 100%;
}

@media (max-width: 1200px) {
    .online-tabs-shops .online-tabs-list {
        margin: 0;
    }
}

.online-tabs__open {
    margin: 5px;
}

.online-tabs__open .online-tabs-shops {
    -webkit-transition: all 0.5s 1s;
    transition: all 0.5s 1s;
}

.online-tabs__open .online-tabs-list {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s 1.5s;
    transition: all 0.5s 1.5s;
}

.online-tabs__open .open-open {
    position: absolute;
    left: 5px;
    width: 1070px;
    -webkit-transition: all 0.5s 1s;
    transition: all 0.5s 1s;
    margin-top: 5px;
}

.online-tabs__open .open-open:before, .online-tabs__open .open-open:after {
    content: '';
    position: absolute;
    left: 50%;
    height: 1px;
    background: #ACD578;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.online-tabs__open .open-open:after {
    top: auto;
    bottom: 0;
}

@media (max-width: 1200px) {
    .online-tabs__open .open-open {
        width: 98%;
        left: 8px;
    }
}

@media (max-width: 750px) {
    .online-tabs__open .open-open {
        left: 0;
    }
}

.online-tabs__open.active .online-tabs-shops {
    height: 0 !important;
    -webkit-transition: all 0.5s 0.5s;
    transition: all 0.5s 0.5s;
}

.online-tabs__open.active .online-tabs-list {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.online-tabs__open.active .open-open {
    height: 1px !important;
    -webkit-transition: all 0.5s 0.5s;
    transition: all 0.5s 0.5s;
}

.online-tabs__open.active .open-open:before, .online-tabs__open.active .open-open:after {
    width: 0;
    -webkit-transition: all 0.5s 1s;
    transition: all 0.5s 1s;
}

@media (max-width: 1200px) {
    .online-tabs__open {
        margin: 4px;
    }
}

@media (max-width: 750px) {
    .online-tabs__open {
        margin: 5px 0;
    }
}

@media (max-width: 1200px) {
    .online-tabs-item.active {
        border-top: 3px solid #ACD578;
    }
}

.online-tabs_margin {
    margin-bottom: 370px;
    -webkit-transition: all 2s 2s !important;
    transition: all 2s 2s !important;
}

.online-tabs_margin .online-tabs-list_open {
    display: block;
}

.online .banners-half .h2 {
    display: block;
}

@media (max-width: 750px) {
    .online .banners-online {
        margin-top: 0;
        border-top: none;
        border-bottom: none;
        padding: 30px 0 5px;
    }
}

.where-online {
    padding: 60px 0 20px;
}

.where-online .h2 span {
    color: #ACD578;
}

@media (max-width: 750px) {
    .where-online {
        padding: 30px 0 20px;
    }
}

.stage-online {
    min-height: 150px;
    height: 150px;
    margin-bottom: 30px;
}

.stage-online .overlay-online {
    height: 150px;
    width: 530px;
}

.stage-online .overlay-online .online-stage-overlay {
    width: 530px;
}

@media (max-width: 1200px) {
    .stage-online .overlay-online .online-stage-overlay {
        width: 430px;
    }
}

.stage-online .h2 span {
    display: block;
    text-align: left;
}

.stage-online .left {
    margin-top: -20px;
    text-align: left;
    margin-left: 60px;
}

@media (max-width: 1200px) {
    .stage-online .left {
        margin-top: 40px;
        margin-left: 16px;
    }
}

@media (max-width: 750px) {
    .stage-online .left {
        margin: 0;
        text-align: center;
        width: 100%;
    }
}

.stage-online .right {
    padding-left: 0;
    padding-top: 0;
    margin-top: -75px;
    text-align: left;
}

.stage-online .right .ban-products__all {
    display: inline-block;
}

.stage-online .right .ban-products__all .ban-product {
    margin-right: 33px;
    display: inline-block;
    text-align: center;
}

.stage-online .right .ban-products__all .ban-product span {
    display: block;
    color: white;
    font-family: DINPro;
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 750px) {
    .stage-online .right .ban-products__all .ban-product span {
        font-size: 13px;
        line-height: 24px;
    }
}

@media (max-width: 750px) {
    .stage-online .right .ban-products__all .ban-product {
        margin: 0 5px 0 13px;
    }
}

@media (max-width: 750px) {
    .stage-online .right .ban-products__all {
        display: block;
    }
}

.stage-online .right .btn-middle {
    margin: 7px 0 0 -10px;
}

@media (max-width: 1200px) {
    .stage-online .right .btn-middle {
        margin: 10px 80px;
    }
}

@media (max-width: 750px) {
    .stage-online .right .btn-middle {
        width: auto;
        margin: 20px 0;
    }
}

@media (max-width: 1200px) {
    .stage-online .right {
        margin-top: -100px;
        padding-left: 30px;
    }
}

@media (max-width: 750px) {
    .stage-online .right {
        margin-top: 0;
        text-align: center;
        width: 100%;
        padding-left: 0;
    }
}

@media (max-width: 1200px) {
    .stage-online {
        width: 100%;
        background-position: inherit;
    }
}

@media (max-width: 750px) {
    .stage-online {
        width: 100% !important;
        height: 283px;
        margin-left: 0;
        margin-right: 0;
        padding: 35px 0 30px !important;
    }
}

@media (max-width: 1200px) {
    .tablet-hide {
        display: none !important;
    }
}

@media (max-width: 750px) {
    .mobile-hide {
        display: none !important;
    }
}

.mobile-show,.planshet-show {
    display: none !important;
}

@media (max-width: 750px) {
    .mobile-show {
        display: block !important;
    }
}

.category .faq-nav_mobile .faq-quest_item {
    width: 60%;
    display: inline-block;
}

@media (max-width: 1200px) {
    .category .faq-nav_mobile .faq-quest_item {
        padding: 7px 0;
        position: relative;
        background: #fff;
        z-index: 9;
        width: 430px;
    }
}

@media (max-width: 750px) {
    .category .faq-nav_mobile .faq-quest_item {
        padding: 12px 0;
        background: #fff;
        width: 100%;
        position: absolute;
    }
}

@media (max-width: 750px) {
    .category .faq-nav_mobile .faq-quest_item .faq-quest_title-js {
        color: #ACD578;
    }
    .category .faq-nav_mobile .faq-quest_item .faq-quest_title-js:hover {
        color: #ACD578;
    }
}

@media (max-width: 1200px) {
    .category .faq-nav_mobile .faq-quest_item .faq-quest_list {
        z-index: 10;
        border-bottom: none;
    }
}

@media (max-width: 750px) {
    .category .faq-nav_mobile .faq-quest_item .faq-quest_list {
        font-size: 14px;
        font-weight: 500;
        line-height: 28px;
        font-family: 'GothamPro';
    }
}

.category .faq-nav_mobile .link {
    display: inline-block;
    padding-left: 30px;
    position: absolute;
}

@media (max-width: 1200px) {
    .category .faq-nav_mobile .link {
        padding-left: 25px;
    }
}

@media (max-width: 750px) {
    .category .faq-nav_mobile .link {
        position: relative;
        padding-top: 55px;
    }
}

.inner-top__white {
    min-height: 100%;
    background: none;
}

.inner-top__white .banner-heading {
    color: #ACD578;
    font-family: 'GothamPro';
    font-size: 45px;
    font-weight: 900;
}

@media (max-width: 1200px) {
    .inner-top__white .banner-heading {
        width: 100%;
    }
}

@media (max-width: 750px) {
    .inner-top__white .banner-heading {
        width: 100%;
        font-size: 26px;
        padding-right: 70%;
        line-height: 36px;
    }
}

.inner-top__white .breadcrumbs > span:last-of-type a span {
    color: #ACD578;
}

.inner-top__white .breadcrumbs > span:last-of-type span {
    color: #ACD578;
}

@media (max-width: 1200px) {
    .inner-top__white {
        min-height: 100%;
        padding: 105px 0 25px 0;
    }
}

@media (max-width: 1200px) {
    .inner-top__white {
        padding: 95px 0 25px 0;
    }
}

.magazine-all {
    padding: 0 0 18px 0;
}

.faq-nav-block {
    float: left;
    position: relative;
}

.faq-nav-block .link {
    position: absolute;
    bottom: -40px;
    left: 0;
}

.faq-nav-block .link:hover {
    color: #ACD578;
    -webkit-transition: none;
    transition: none;
}

@media (max-width: 1200px) {
    .faq-nav-block .link {
        display: none;
    }
}

.faq-nav-block__right {
    float: right;
}

.section-right {
    width: 735px;
    float: right;
}

@media (max-width: 1200px) {
    .section-right {
        width: 100%;
    }
}

.category-magazine p {
    color: #7d7d7d;
    font-family: 'DINPro';
    font-size: 14px;
    font-weight: 400;
    z-index: 9;
}

.category-magazine .category-slide {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 18px 30px 6px 30px;
    margin-bottom: 39px;
}

.category-magazine .category-slide .slide-img {
    text-align: center;
}

@media (max-width: 750px) {
    .category-magazine .category-slide .slide-img img {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

.category-magazine .category-slide .slick-prev {
    left: -7px;
    height: 12px;
    background: url("../../static/img/minified-svg/arrow.svg") no-repeat transparent;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.category-magazine .category-slide .slick-prev:hover {
    left: 1px;
    top: 30px;
    background: url("../../static/img/minified-svg/arrow-grey.svg") no-repeat transparent;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

@media (max-width: 1200px) {
    .category-magazine .category-slide .slick-prev:hover {
        left: -7px;
        height: 12px;
        background: url("../../static/img/minified-svg/arrow.svg") no-repeat transparent;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 1;
    }
}

.category-magazine .category-slide .slick-next {
    right: -7px;
    height: 12px;
    background: url("../../static/img/minified-svg/arrow.svg") no-repeat transparent;
}

.category-magazine .category-slide .slick-next:hover {
    right: 1px;
    top: 28px;
    background: url("../../static/img/minified-svg/arrow-grey.svg") no-repeat transparent;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (max-width: 1200px) {
    .category-magazine .category-slide .slick-next:hover {
        right: -7px;
        height: 12px;
        background: url("../../static/img/minified-svg/arrow.svg") no-repeat transparent;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@media (max-width: 750px) {
    .category-magazine .category-slide {
        margin-bottom: 31px;
    }
}

@media (max-width: 750px) {
    .category-magazine .category-slide {
        padding: 18px 10px 0 10px;
        margin-bottom: 18px;
    }
}

@media (max-width: 1200px) {
    .category-magazine {
        margin-top: 20px;
    }
}

@media (max-width: 750px) {
    .category-magazine {
        margin-top: 0;
    }
}


/*article slider magazine*/

.article-magazine .article-slide {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 18px 30px 6px 30px;
    margin-bottom: 39px;
}

.article-magazine .article-slide .slide-img {
    text-align: center;
}

@media (max-width: 750px) {
    .article-magazine .article-slide .slide-img img {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

.article-magazine .article-slide .slick-prev {
    left: -7px;
    height: 12px;
    background: url("../../static/img/minified-svg/arrow.svg") no-repeat transparent;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.article-magazine .article-slide .slick-prev:hover {
    left: 1px;
    top: 30px;
    background: url("../../static/img/minified-svg/arrow-grey.svg") no-repeat transparent;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

@media (max-width: 1200px) {
    .article-magazine .article-slide .slick-prev:hover {
        left: -7px;
        height: 12px;
        background: url("../../static/img/minified-svg/arrow.svg") no-repeat transparent;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 1;
    }
}

.article-magazine .article-slide .slick-next {
    right: -7px;
    height: 12px;
    background: url("../../static/img/minified-svg/arrow.svg") no-repeat transparent;
}

.article-magazine .article-slide .slick-next:hover {
    right: 1px;
    top: 28px;
    background: url("../../static/img/minified-svg/arrow-grey.svg") no-repeat transparent;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (max-width: 1200px) {
    .article-magazine .article-slide .slick-next:hover {
        right: -7px;
        height: 12px;
        background: url("../../static/img/minified-svg/arrow.svg") no-repeat transparent;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@media (max-width: 750px) {
    .article-magazine .article-slide {
        margin-bottom: 31px;
    }
}

@media (max-width: 750px) {
    .article-magazine .article-slide {
        padding: 18px 10px 0 10px;
        margin-bottom: 18px;
    }
}

@media (max-width: 1200px) {
    .article-magazine {
        margin-top: 20px;
    }
}

@media (max-width: 750px) {
    .article-magazine {
        margin-top: 0;
    }
}


.sorting {
    padding-bottom: 10px;
}

.sorting ul {
    padding-left: 0;
}

.sorting ul li {
    display: inline-block;
    position: relative;
    margin: 0 9px 0 25px;
    color: #524d47;
    font-family: 'DINPro';
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.sorting ul li:first-child {
    margin: 0 -10px 0 0px;
}

@media (max-width: 750px) {
    .sorting ul li:first-child {
        display: none;
    }
}

@media (max-width: 750px) {
    .sorting ul li:nth-child(2) {
        margin: 0 9px 0 0;
    }
}

.sorting ul li span i {
    position: absolute;
    right: -16px;
    fill: #7d7d7d;
}

.sorting ul li span i:hover {
    fill: #ACD578;
}

.sorting ul li span .sort-top {
    top: 3px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (max-width: 1200px) {
    .sorting ul li span .sort-top {
        top: -2px;
    }
}

.sorting ul li span .sort-bottom {
    top: 0;
    fill: #524d47;
}

.sorting ul li span .active-sort {
    fill: #ACD578;
}

.sorting ul li span:hover {
    color: #ACD578;
}

.sorting ul li .active-sort {
    color: #ACD578;
}

@media (max-width: 750px) {
    .sorting {
        padding-bottom: 0;
    }
}

.magazine-delivery {
    padding-bottom: 12px;
}

.magazine-delivery-item {
    background-color: #f2f2f2;
    box-shadow: 0 3px 7px rgba(82, 77, 71, 0.18);
    width: 100%;
    padding: 40px 40px 20px 40px;
    margin-bottom: 30px;
}

.magazine-delivery-item .delivery-item__left {
    float: left;
}

.magazine-delivery-item .delivery-item__left .delivery-item__block {
    width: 190px;
    height: 190px;
    background-color: white;
    position: relative;
    display: block;
}

.magazine-delivery-item .delivery-item__left .delivery-item__block img {
    display: block;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 750px) {
    .magazine-delivery-item .delivery-item__left .delivery-item__block {
        width: 58px;
        height: 58px;
    }
    .magazine-delivery-item .delivery-item__left .delivery-item__block img {
        width: 66%;
    }
}

.magazine-delivery-item .delivery-item__left .transition {
    padding-top: 15px;
    position: absolute;
}

.magazine-delivery-item .delivery-item__right {
    float: left;
    width: 70%;
    padding-left: 30px;
}

@media (min-width: 750px) {
    #htb .magazine-delivery-item .delivery-item__right {
        padding-left: 115px;
    }
}
.magazine-delivery-item .delivery-item__right h2, .magazine-delivery-item .delivery-item__right .h2 {
    color: #524d47;
    font-family: 'GothamPro';
    font-size: 18px;
    font-weight: 500;
}

.magazine-delivery-item .delivery-item__right h2:hover, .magazine-delivery-item .delivery-item__right .h2:hover {
    color: #ACD578;
}
.delivery-item__left .category-nav{
    width:188px;
    margin-top: 40px;
}

@media (max-width: 750px) {
    .magazine-delivery-item .delivery-item__right h2, .magazine-delivery-item .delivery-item__right .h2 {
        /*font-size: 14px;*/
        /*position: absolute;*/
        /*top: -37px;*/
        /*left: 73px;*/
        line-height: 20px;
    }
    .delivery-item__left .category-nav{
        margin-top: 55px;
        width: unset;
    }
    .faq-steps .faq-nav_mobile{
        margin-bottom: 40px;
    }
}

.magazine-delivery-item .delivery-item__right ul {
    list-style: disc!important;
    padding-left: 0;
    padding-bottom: 11px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: -5px;
    margin-left: 15px!important;
}

.magazine-delivery-item .delivery-item__right ul li {
    color: #7d7d7d;
    font-family: 'DINPro';
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    padding-right: 20px;
}

.magazine-delivery-item .delivery-item__right ul li:last-child {
    padding-right: 0;
}

.magazine-delivery-item .delivery-item__right ul li .icon__card, .magazine-delivery-item .delivery-item__right ul li .icon__delivery, .fa-shopping-bag {
    fill: #86b817;
    margin-right: 18px;
    vertical-align: middle;
}

@media (max-width: 750px) {
    .magazine-delivery-item .delivery-item__right ul li .icon__card, .magazine-delivery-item .delivery-item__right ul li .icon__delivery, .fa-shopping-bag {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        margin-right: 4px;
    }

}

@media (max-width: 750px) {
    .magazine-delivery-item .delivery-item__right ul li .icon__card {
        margin-left: 7px;
    }
}

@media (max-width: 750px) {
    .magazine-delivery-item .delivery-item__right ul li {
        display: block;
    }
}

.magazine-delivery-item .delivery-item__right ul .not-delivery {
    padding-right: 13px;
}

.magazine-delivery-item .delivery-item__right ul .not-delivery .icon__card, .magazine-delivery-item .delivery-item__right ul .not-delivery .icon__delivery {
    fill: #7d7d7d;
    margin-right: 15px;
}

@media (max-width: 750px) {
    .magazine-delivery-item .delivery-item__right ul .not-delivery .icon__card, .magazine-delivery-item .delivery-item__right ul .not-delivery .icon__delivery {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        margin-right: 4px;
    }
}

@media (max-width: 750px) {
    .magazine-delivery-item .delivery-item__right ul .not-delivery .icon__card, .fa-shopping-bag {
        margin-left: 3px;
    }
    .fa-shopping-bag{margin-top: -5px;margin-left: 3px!important;}
}

@media (max-width: 1200px) {
    .magazine-delivery-item .delivery-item__right ul {
        margin-top: 0;
    }
}

@media (max-width: 750px) {
    .magazine-delivery-item .delivery-item__right ul {
        border-bottom: none;
        padding-bottom: 0;
        margin: 8px 0 0 -9px;
    }
}

@media (max-width: 1200px) {
    .magazine-delivery-item .delivery-item__right {
        width: 69%;
    }
}

@media (max-width: 750px) {
    .magazine-delivery-item .delivery-item__right {
        width: 100%;
        padding-left: 0;
        position: relative;
    }
}

@media (max-width: 750px) {
    .magazine-delivery-item {
        padding: 20px 22px;
        min-height: auto;
        margin-bottom: 25px;
    }
}

.rating-stars {
    display: inline-block;
}

.rating-stars .rating, .rating-stars .availability {
    display: inline-block;
}

.rating-stars .rating p, .rating-stars .availability p {
    color: #524d47;
    font-family: 'DINPro';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    display: inline-block;
}

@media (max-width: 750px) {
    .rating-stars .rating p, .rating-stars .availability p {
        display: block;
        margin-bottom: 0;
    }
}

.rating-stars .rating p {
    padding-right: 10px;
}

.rating-stars .rating .star-orange {
    fill: #ACD578;
    vertical-align: middle;
}

.rating-stars .rating .star-grey {
    fill: #d8d8d8;
    vertical-align: middle;
}

.rating-stars .availability {
    padding-left: 20px;
}

.rating-stars .availability p {
    padding-right: 15px;
}

.rating-stars .availability .dollar {
    font-family: 'DINPro';
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    vertical-align: middle;
}

.rating-stars .availability .dollar-orange {
    color: #ACD578;
}

.rating-stars .availability .dollar-grey {
    color: #d8d8d8;
}

@media (max-width: 750px) {
    .rating-stars .availability {
        float: right;
    }
}

@media (max-width: 750px) {
    .rating-stars {
        width: 100%;
    }
}

.magazine-about {
    padding-bottom: 19px;
}

.magazine-about .icon__arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: none;
}

@media (max-width: 750px) {
    .magazine-about .icon__arrow {
        display: block;
        margin: auto;
    }
}

.magazine-about .magazine-about-all {
    display: block;
}

.magazine-about .magazine-about-all .magazine-text {
    padding-bottom: 17px;
}

.magazine-about .magazine-about-all .magazine-text p {
    color: #524d47;
    font-family: 'DINPro';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

@media (max-width: 750px) {
    .magazine-about .magazine-about-all .magazine-text p {
        font-size: 13px;
        line-height: 21px;
    }
}

@media (max-width: 750px) {
    .magazine-about .magazine-about-all .magazine-text {
        padding-bottom: 25px;
    }
}

@media (max-width: 750px) {
    .magazine-about .magazine-about-all {
        display: none;
    }
}

@media (max-width: 750px) {
    .magazine-about {
        padding-bottom: 0;
        padding-top: 16px;
    }
}

@media (max-width: 750px) {
    .magazine-about__open-mobile .magazine-about-all {
        display: block;
    }
}

@media (max-width: 750px) {
    .open-magazine {
        padding-top: 14px;
    }
}

.open-magazine .magazine-text__open .icon__arrow {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

@media (max-width: 750px) {
    .magazine-text__open {
        padding-top: 12px;
    }
}

.magazine-btn .btn-orange {
    background: transparent;
    color: #ACD578;
}

.magazine-btn .btn-orange:hover {
    background: transparent;
}

.magazine-btn .btn-overlay {
    background: #ACD578;
}

.magazine-btn .transition {
    padding: 8px 0 0 12px;
    display: inline-block;
}

.magazine-btn .transition .icon__arrow {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    display: inline-block;
}

.magazine-btn .transition:hover {
    color: #ACD578;
}

@media (max-width: 750px) {
    .magazine-btn .transition {
        display: block;
        padding: 8px 0 0 0;
    }
}

.magazine-video strong {
    color: #524d47;
    font-family: 'GothamPro';
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    padding-bottom: 7px;
}

@media (max-width: 750px) {
    .magazine-video strong {
        font-size: 14px;
        padding-bottom: 0;
    }
}

.magazine-video .video-block {
    width: 100%;
}

@media (max-width: 750px) {
    .magazine-video .video-block {
        width: 100%;
    }
}

.magazine-video .video-block .video-wrapper {
    width: 100%;
}

.magazine-video .video-block .video-wrapper .video-player {
    width: 80%;
    padding-top: inherit;
    height: 315px;
}

.magazine-video .video-block .video-wrapper .video-player .video-trigger {
    height: 310px;
}

.magazine-video .video-block .video-wrapper .video-player .video-trigger .text {
    top: 50%;
    height: auto;
}

.magazine-video .video-block .video-wrapper .video-player .video-trigger:after {
    content: '';
    box-shadow: none;
    background-color: transparent;
}

@media (max-width: 750px) {
    .magazine-video .video-block .video-wrapper .video-player .video-trigger {
        height: 170px;
    }
}

@media (max-width: 1200px) {
    .magazine-video .video-block .video-wrapper .video-player {
        height: 315px;
        width: 100%;
    }
}

@media (max-width: 750px) {
    .magazine-video .video-block .video-wrapper .video-player {
        height: 175px;
    }
}

.magazine-video p {
    color: #524d47;
    font-family: 'DINPro';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.pagination {
    display: inline-block;
}

.pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pagination ul li {
    display: inline-block;
    color: #ACD578;
    font-family: 'DINPro';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 13px;
}

.pagination ul li a:hover {
    color: #222;
}

@media (max-width: 750px) {
    .pagination ul li {
        padding: 0 11px;
    }
}

.pagination ul .active-page {
    color: #222;
}

.pagination ul .arrow-prev .icon__arrow_next, .pagination ul .arrow-next .icon__arrow_next {
    margin-left: 0;
    stroke: #ACD578;
}

@media (max-width: 750px) {
    .pagination ul .arrow-prev .icon__arrow_next, .pagination ul .arrow-next .icon__arrow_next {
        margin-top: -4px;
    }
}

.pagination ul .arrow-prev a:hover .icon__arrow_next, .pagination ul .arrow-next a:hover .icon__arrow_next {
    stroke: #222;
}

@media (max-width: 1200px) {
    .pagination ul .arrow-prev a:hover .icon__arrow_next, .pagination ul .arrow-next a:hover .icon__arrow_next {
        stroke: #ACD578;
    }
}

.pagination ul .arrow-prev {
    padding: 0 12px 0 0;
}

.pagination ul .arrow-prev .icon__arrow_next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pagination ul .arrow-next {
    padding: 0 0 0 12px;
}

.pagination ul .more-page {
    padding: 0;
}

.pagination ul .more-page span {
    padding-left: 7px;
}

@media (max-width: 750px) {
    .pagination {
        display: block;
        text-align: center;
    }
}

.transition:hover {
    color: #ACD578;
}

@media (max-width: 750px) {
    .transition:hover {
        color: #524d47;
    }
}

.transition-orange {
    color: #ACD578;
}

.transition-orange:hover {
    color: #524d47;
}

@media (max-width: 750px) {
    .transition-orange:hover {
        color: #ACD578;
    }
}

.this-shops {
    min-height: 270px;
}

.this-shops .magazine-all {
    padding: 0;
}

@media (max-width: 1200px) {
    .this-shops .category-magazine {
        margin-top: 12px;
    }
}

.this-shops .magazine-delivery-item .delivery-item__right {
    width: 70%;
}

@media (max-width: 1200px) {
    .this-shops .magazine-delivery-item .delivery-item__right h2 {
        margin-bottom: 10px;
    }
}

@media (max-width: 750px) {
    .this-shops .magazine-delivery-item .delivery-item__right ul {
        margin: 48px 0 0 -9px;
    }
}

@media (max-width: 1200px) {
    .this-shops .magazine-delivery-item .delivery-item__right .magazine-about {
        padding-bottom: 5px;
    }
}

.this-shops .magazine-delivery-item .delivery-item__right .magazine-text {
    padding-bottom: 37px;
}

@media (max-width: 1200px) {
    .this-shops .magazine-delivery-item .delivery-item__right .magazine-text {
        padding-bottom: 52px;
    }
}

@media (max-width: 750px) {
    .this-shops .magazine-delivery-item .delivery-item__right .magazine-text {
        padding-bottom: 17px;
    }
}

@media (max-width: 1200px) {
    .this-shops .magazine-delivery-item .delivery-item__right {
        width: 69%;
    }
}

@media (max-width: 750px) {
    .this-shops .magazine-delivery-item .delivery-item__right {
        width: 100%;
    }
}

@media (max-width: 750px) {
    .this-shops .magazine-delivery-item {
        margin-bottom: 0;
    }
}

.this-shops .shopping-hit {
    background-image: url("../img/content/pages/hit-shop.jpg");
}

@media (max-width: 750px) {
    .this-shops .shopping-hit .h2 {
        margin-bottom: 0;
    }
}

@media (max-width: 750px) {
    .this-shops .shopping-hit .mini-sub {
        padding-bottom: 13px;
    }
}

@media (max-width: 750px) {
    .this-shops .shopping-hit {
        padding-top: 34px;
        padding-bottom: 24px;
        background-position: center;
        background-size: cover;
    }
}

@media (max-width: 1200px) {
    .this-shops {
        min-height: initial !important;
    }
}

.univer__bg-grey {
    background-color: #f6f6f6;
    padding: 50px 0 65px;
}

@media (max-width: 1200px) {
    .univer__bg-grey {
        padding: 50px 0 50px;
    }
}

@media (max-width: 750px) {
    .univer__bg-grey {
        padding: 30px 0 50px;
    }
}

.faq_link_new {
    display: inline-block;
    width: 100%;
    position: relative;
    color: #ACD578;
}

@media (max-width: 750px) {
    .faq_link_new:before {
        left: 58%;
        top: 15px;
    }
}

.faq-nav-all {
    display: block;
}

.faq-nav-all .btn-huge {
    width: 285px;
}

@media (max-width: 1200px) {
    .faq-nav-all {
        display: none;
    }
}

.faq-nav-all__tab {
    display: none;
}

@media (max-width: 1200px) {
    .faq-nav-all__tab .btn-huge {
        width: 47%;
        height: 50px;
    }
}

@media (max-width: 750px) {
    .faq-nav-all__tab .btn-huge {
        width: 100%;
        padding-bottom: 5px;
    }
}

@media (max-width: 1200px) {
    .faq-nav-all__tab {
        display: block;
        position: relative;
    }
}

.faq-left-block {
    width: 27% !important;
}

.faq-right-block {
    width: 70% !important;
}

.faq-nav-all__tab .faq-nav-btn {
    width: 285px;
    margin-bottom: 20px;
}

@media (max-width: 1200px) {
    .faq-nav-all__tab .faq-nav-btn {
        display: inline-block;
        width: 47%;
    }
}

@media (max-width: 750px) {
    .faq-nav-all__tab .faq-nav-btn {
        width: 100%;
    }
}

.faq-nav-btn__orange .faq-quest_item {
    padding: 0;
    margin-top: 12px;
}

.faq-nav-btn__orange .faq-quest_item .faq-quest-btn__orange {
    background: #ACD578;
    display: block;
    padding: 9px 0;
    color: #fff;
}

@media (max-width: 750px) {
    .faq-nav-btn__orange .faq-quest_item .faq-quest-btn__orange {
        padding: 14px 0;
    }
}

.faq-nav-btn__orange .faq-quest_item .faq-quest_list__orange {
    background-color: #fff;
    padding-bottom: 12px;
    display: block;
}

@media (max-width: 1200px) {
    .faq-nav-btn__orange .faq-quest_item .faq-quest_list__orange {
        z-index: 1;
        position: relative;
    }
}

@media (max-width: 1200px) {
    .faq-nav-btn__orange {
        position: absolute;
        top: -12px;
        left: 0;
    }
}

.faq-nav-btn__white {
    margin-bottom: 40px;
}

@media (max-width: 750px) {
    .faq-nav-btn__white .faq-quest_item {
        padding: 10px 0;
    }
}

.faq-nav-btn__white .faq-quest-btn__white {
    position: relative;
    color: #ACD578;
    display: block;
    line-height: 24px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    vertical-align: top;
    padding: 0;
    text-align: center;
    background-color: #fff;
}

.faq-nav-btn__white .faq-quest-btn__white i {
    top: 9px;
    margin-left: 10px;
    background-image: url("../img/content/home/arrow/arrow-down.png");
    background-repeat: no-repeat;
    width: 12px;
    height: 5px;
    position: absolute;
}

.faq-nav-btn__white .faq-quest_list__white {
    padding-bottom: 12px;
    background-color: #fff;
    display: block;
}

@media (max-width: 1200px) {
    .faq-nav-btn__white .faq-quest_list__white {
        z-index: 7;
        position: relative;
        display: none;
    }
}

@media (max-width: 1200px) {
    .faq-nav-btn__white {
        position: absolute;
        top: 0;
        right: 16px;
    }
}

@media (max-width: 750px) {
    .faq-nav-btn__white {
        top: 55px;
        right: 0;
    }
}

.blog {
    width: 70%;
}

.blog h2 {
    margin-bottom: 43px;
}

@media (max-width: 1200px) {
    .blog h2 {
        margin-bottom: 20px;
    }
}

@media (max-width: 750px) {
    .blog h2 {
        text-align: center;
        margin-bottom: 12px;
    }
}

@media (max-width: 1200px) {
    .blog {
        float: none;
        width: 100%;
        padding-bottom: 42px;
    }
}

.blog-art__row {
    display: inline-block;
    padding-bottom: 20px;
}

.blog-art__row:last-child {
    padding-bottom: 10px;
}

@media (max-width: 1200px) {
    .blog-art__row {
        padding-bottom: 25px;
        margin: 0 -10px;
    }
}

@media (max-width: 750px) {
    .blog-art__row {
        display: block;
    }
}

.blog-art__row .blog-art-item {
    position: relative;
    margin: 0 15px;
    overflow: hidden;
    width: 225px;
}

@media (max-width: 750px) {
    .blog-art__row .blog-art-item .blog-art-item__mob {
        width: 100%;
        margin: 0 auto;
    }
}

.blog-art__row .blog-art-item .blog-art-item-img {
    height: 225px;
    overflow: hidden;
}

.blog-art__row .blog-art-item .blog-art-item-img img {
    width: 225px;
    height: 225px;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

@media (max-width: 1200px) {
    .blog-art__row .blog-art-item .blog-art-item-img img {
        height: 220px;
        width: 220px;
    }
}

@media (max-width: 750px) {
    .blog-art__row .blog-art-item .blog-art-item-img img {
        height: auto;
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .blog-art__row .blog-art-item .blog-art-item-img {
        height: 220px;
    }
}

@media (max-width: 1750px) {
    .blog-art__row .blog-art-item .blog-art-item-img {
        height: auto;
    }
}

.blog-art__row .blog-art-item .blog-art-item-txt {
    color: #524d47;
    font-family: 'GothamPro';
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

@media (max-width: 750px) {
    .blog-art__row .blog-art-item .blog-art-item-txt {
        font-size: 14px;
        line-height: 21px;
    }
}

@media (max-width: 1200px) {
    .blog-art__row .blog-art-item {
        width: 220px;
    }
}

@media (max-width: 750px) {
    .blog-art__row .blog-art-item {
        margin: 0 auto;
        width: 100%;
        padding: 0 50px 19px 50px;
    }
}

.blog-art__row .blog-art-item:hover .blog-art-item-img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.blog-art__row .blog-art-item:hover .blog-art-item-txt {
    color: #ACD578;
}

@media (max-width: 1200px) {
    .blog-art__row .blog-art-item {
        margin: 0 10px;
    }
}

.blog-art {
    margin: 0 -15px;
}

@media (max-width: 1200px) {
    .blog-art {
        margin: 38px 0 17px 0;
    }
}

@media (max-width: 750px) {
    .blog-art {
        margin: 87px 0 0 0;
        float: none;
    }
}

@media (max-width: 750px) {
    .blogs .inner-top, .blogs-article .inner-top {
        padding: 105px 0 31px 0;
    }
}

.blogs .banner-heading, .blogs-article .banner-heading {
    width: 55%;
}

@media (max-width: 1200px) {
    .blogs .banner-heading, .blogs-article .banner-heading {
        width: 80%;
    }
}

@media (max-width: 750px) {
    .blogs .banner-heading, .blogs-article .banner-heading {
        width: 100%;
        line-height: 32px;
    }
}

.blogs .faq-steps, .blogs-article .faq-steps {
    padding: 60px 0 65px 0;
}

@media (max-width: 1200px) {
    .blogs .faq-steps, .blogs-article .faq-steps {
        padding: 48px 0 22px 0;
    }
}

@media (max-width: 750px) {
    .blogs .faq-steps, .blogs-article .faq-steps {
        padding: 35px 0 22px 0;
    }
}

.blogs .subscription, .blogs-article .subscription {
    display: inline-block;
}

.blogs .faq-nav-all {
    padding-top: 8px;
    padding-bottom: 25px;
}

.right-width {
    width: 285px;
}

@media (max-width: 1200px) {
    .right-width {
        float: none;
        width: 100%;
    }
}

.best-council {
    padding-bottom: 45px;
}

.best-council p {
    color: #524d47;
    font-family: 'GothamPro';
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 8px;
}

.best-council p span {
    color: #ACD578;
}

.best-council ul {
    padding: 20px 0 10px 20px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin: 10px 0 19px 0;
}

.best-council ul li {
    list-style-type: none;
    position: relative;
    padding-bottom: 13px;
}

.best-council ul li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #ACD578;
    left: -19px;
    top: 10px;
}

.best-council ul li a {
    color: #524d47;
    font-family: 'DINPro';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    display: block;
}

.best-council ul li a:hover {
    color: #ACD578;
}

@media (max-width: 1200px) {
    .best-council {
        padding-bottom: 34px;
    }
}

.discount-subscriber h3{
    color: white;
    margin-bottom: 15px;
    float: left;
    margin-right: 60px;
}

@media (max-width: 1200px) {
    .discount-subscriber h3 {
        margin-bottom: 0px;
        float: none;
        margin-right: 0px;
    }

    .discount-subscriber{
        width: auto!important;
    }
    .subscribe-block .promocod input[type='email']{
        display: inline!important;
    }

    .discount-subscriber .field-subscriber-email{
        float: none!important;
    }

}

.discount-subscriber{
    width: 1180px;
}

.discount-subscriber .pay-more i{
    border-bottom: 1px silver dashed;
}

.discount-subscriber .field-subscriber-email{
    float: left;
    margin-top: 69px;
}

.promocod.subscription, discount.subscription {
    margin-bottom: 0;
}

.promocod.subscription input[type='email'], discount.subscription input[type='email'] {
    width: 285px;
    background-color: #f2f2f2;
    border: none;
    padding: 11px 30px;
    color: #7d7d7d;
    font-family: 'GothamPro';
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 11px;
}

@media (max-width: 1200px) {
    .promocod.subscription input[type='email'] {
        margin-right: 0;
        display: block;
    }
}

@media (max-width: 1200px) {
    .discount.subscription input[type='email'] {
        margin-right: 0;
        display: inline;
    }
}

@media (max-width: 450px) {
    .promocod.subscription input[type='email'] {
        padding: 0 10px;
    }
    .promocod.subscription input[type='email']::-webkit-input-placeholder,.discount.subscription input[type='email']::-webkit-input-placeholder {
        font-size: 10px;
    }
    .promocod.subscription input[type='email']:-moz-placeholder,.discount.subscription input[type='email']:-moz-placeholder {
        font-size: 10px;
    }
    .promocod.subscription input[type='email']:-ms-input-placeholder,.discount.subscription input[type='email']:-ms-input-placeholder {
        font-size: 10px;
    }
}

@media (max-width: 750px) {
    .promocod.subscription input[type='email'], discount.subscription input[type='email'] {
        width: 100%;
    }
}

.promocod.subscription input[type='email']::-webkit-input-placeholder,.discount.subscription input[type='email']::-webkit-input-placeholder {
    text-transform: uppercase;
}
.promocod.subscription input[type='email']:-moz-placeholder,.discount.subscription input[type='email']:-moz-placeholder {
    text-transform: uppercase;
}
.promocod.subscription input[type='email']:-ms-input-placeholder,.discount.subscription input[type='email']:-ms-input-placeholder {
    text-transform: uppercase;
}

.promocod.subscription .btn-huge,.discount.subscription .btn-huge {
    background-color: #ACD578;
    width: 100%;
}

.promocod.subscription .btn-huge .progress-inner,.discount.subscription .btn-huge .progress-inner {
    top: 0;
    left: 47%;
}

@media (max-width: 750px) {
    .promocod.subscription .btn-huge, .discount.subscription .btn-huge {
        width: 100%;
    }
}

.promocod.subscription_width .progress-button, .discount.subscription_width .progress-button {
    width: 285px;
}

@media (max-width: 750px) {
    .promocod.subscription_width .progress-button, .discount.subscription_width .progress-button {
        width: 100%;
    }
}

.banners-half__small {
    width: 100%;
    margin-bottom: 52px;
}

.banners-half__small .h3, .banners-half__small .h2 {
    color: #fff;
    text-align: center;
}

@media (max-width: 1200px) {
    .banners-half__small .h3 .h2, .banners-half__small .h2 .h2 {
        display: inline-block;
    }
}

@media (max-width: 1200px) {
    .banners-half__small {
        height: 100px;
        width: 48%;
        margin-right: 5%;
        margin-bottom: 0;
    }
}

.square_container_3 {
    top: 121px;
}

.square_container_4 {
    top: 130px;
}

.square_container2 {
    width: 46px;
    height: 46px;
    position: relative;
    background: transparent;
    top: 107px;
    left: 378px;
}

.square_container2 .line_01 {
    width: 6px;
    height: 6px;
    background: #ACD578;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

.square_container2 .line_02 {
    height: 0em;
    background: #ACD578;
    width: 1px;
    position: absolute;
    bottom: 23px;
}

.square_container2 .line_03 {
    height: 1px;
    background: #ACD578;
    width: 0%;
    position: absolute;
    top: 0;
    left: 0;
}

.square_container2 .line_04 {
    height: 0%;
    background: #ACD578;
    width: 0.063em;
    position: absolute;
    top: 0;
    right: 0;
}

.square_container2 .line_05 {
    height: 1px;
    background: #ACD578;
    width: 0%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.square_container2 .line_06 {
    height: 0%;
    background: #ACD578;
    width: 1px;
    position: absolute;
    bottom: 0;
    /*  top: 50px; */
}

.dot2 {
    position: absolute;
    z-index: -2;
    top: 22px;
    right: 26px;
    bottom: 0;
    height: 1px;
    width: 390px;
    background-image: url(../../static/img/content/pages/line_pttrn_red_2.png);
}

.dot2 .dot-white2 {
    z-index: -1;
    position: absolute;
    height: 2px;
    width: 390px;
    background-color: #fff;
    left: 0;
}

@media (max-width: 750px) {
    .just-text .jt-link {
        text-align: right !important;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
    .square_container2 {
        display: none;
    }
    .open .faq-quest_title-js {
        color: #ACD578 !important;
    }
    .faq-quest_title-js:hover {
        color: #524d47;
        border-bottom: 1px solid #e2e2e2;
    }
}

@media (max-width: 767px) {
    .open .faq-quest_title-js {
        color: #ACD578 !important;
        border-bottom: 1px solid #ACD578;
    }
    .faq-quest_title-js:hover {
        color: #524d47;
        border-bottom: 1px solid #e2e2e2;
    }
}

.article .inner-top__white {
    padding: 180px 0 12px;
}

@media (max-width: 1200px) {
    .article .inner-top__white {
        padding: 105px 0 12px;
    }
}

@media (max-width: 1200px) {
    .article .blog {
        padding-bottom: 0;
    }
}

@media (max-width: 1200px) {
    .article .blog .blog-art__row {
        padding-bottom: 0;
    }
}

.article .faq-useful {
    padding-top: 45px;
}

@media (max-width: 1200px) {
    .article .faq-quest_item.open-btn.open {
        background: #fff;
    }
}

@media (max-width: 750px) {
    .category .inner-top__white .banner-heading {
        line-height: 33px;
    }
}

.sign-block {
    padding-bottom: 49px;
}

.sign-block .h2 {
    margin-bottom: 10px;
    margin-top: -5px;
}

.sign-block p {
    color: #524d47;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 25px 0;
}

.sign-block a {
    width: 100%;
}

.btn-transparent {
    background: transparent;
    line-height: 45px;
    height: 45px;
    border: 1px solid #ACD578;
    padding: 0 35px;
    z-index: 4;
}

.btn-transparent .btn-overlay {
    background: #ACD578;
}

.btn-transparent .btn-text {
    color: #ACD578;
}

.btn-transparent:hover .btn-text {
    color: #fff;
}

.clients-recall {
    padding: 35px 0 55px 0;
}

.clients-recall .h2 {
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 19px;
    margin-bottom: 26px;
}

@media (max-width: 750px) {
    .clients-recall .h2 {
        text-align: center;
        border-bottom: none;
    }
}

.clients-recall .clients-slide {
    margin: 0;
}

@media (max-width: 1200px) {
    .clients-recall .clients-slide {
        margin: 0 30px 0 0;
    }
}

.clients-recall .clients-text {
    padding-top: 10px;
    text-align: justify;
}

.clients-recall .slick-dots {
    text-align: left;
    padding: 0;
    margin: 23px 0 0 -7px;
}

@media (max-width: 750px) {
    .clients-recall .slick-dots {
        text-align: center;
    }
}

@media (max-width: 1200px) {
    .clients-recall {
        padding: 5px 0 0;
    }
}

.article-nav-all .faq-nav {
    margin-top: 0;
}

.article-info {
    padding-bottom: 24px;
}

.article-info-text {
    padding: 10px 0 20px 0;
}

.article-info-text.to-animate.animated ul {
    list-style-type: disc;
    margin-left: 20px;
}

.article-info-text.to-animate.animated p img{
    margin-right: 20px;
}

.article-info-text p {
    color: #524d47;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: justify;
    margin: 0;
}

.article-info-text.to-animate.animated table tr td p {
    margin-bottom: 5px;
    margin: 5px;
    text-align: center;
}

@media (max-width: 750px) {
    .article-info-text p {
        font-size: 13px;
        line-height: 21px;
    }
}

@media (max-width: 750px) {
    .article-info-text {
        padding: 10px 0;
    }
}

.article-info-title {
    padding: 14px 0 0;
    font-size: 18px;
    color: #524d47;
    font-family: 'GothamPro';
    font-weight: 500;
    line-height: 28px;
}

.article-info-title span {
    color: #ACD578;
}

@media (max-width: 750px) {
    .article-info-title {
        font-size: 14px;
        line-height: 21px;
        padding: 0;
    }
}

.article-info-img {
    display: inline-block;
    overflow: hidden;
    margin-bottom: 20px;
}

.article-info-img a {
    display: inline-block;
    margin-right: 30px;
}

.article-info-img a img {
    width: 225px;
    height: 225px;
}

@media (max-width: 1200px) {
    .article-info-img a img {
        width: 220px;
        height: 220px;
    }
}

.article-info-img a:nth-child(3n+3) {
    margin-right: 0;
}

@media (max-width: 1200px) {
    .article-info-img a {
        margin: 0 14px;
    }
}

@media (max-width: 1200px) {
    .article-info-img {
        margin: 0 -14px 20px;
    }
}

.article-info-video .video-block .video-wrapper .video-player {
    width: 100%;
}

.article-info-slide {
    padding: 15px 25px 0 35px;
}

.article-info-slide a img {
    width: 100%;
    position: relative;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    top: 0;
    left: 0;
    height: auto;
}

.article-info-img__big img {
    width: 100%;
}

.shopping-economy {
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    padding: 37px 0 50px 0;
    margin-bottom: 29px;
}

.shopping-economy .h2 {
    margin-bottom: 22px;
}

@media (max-width: 750px) {
    .shopping-economy .h2 div {
        display: inline-block;
    }
}

@media (max-width: 750px) {
    .shopping-economy .btn {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .shopping-economy {
        padding: 37px 0 36px 0;
        margin-bottom: 19px;
    }
}

.tags {
    padding-bottom: 20px;
}

.tags .skew__bg-white {
    background: #f2f2f2;
}

.tags .skew__bg-white:before {
    border-color: transparent transparent transparent #fff;
}

.tags .skew__bg-white:after {
    border-color: transparent #fff transparent transparent;
}

@media (max-width: 1200px) {
    .tags {
        padding-bottom: 10px;
    }
}

.title-normal {
    color: #524d47;
    font-family: 'DINPro';
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}

.shopping-small {
    background-image: url("../img/content/pages/shopping-sm.jpg");
    padding: 50px 0 16px 0;
}

.shopping-small .h2 {
    display: inline-block;
    color: #fff;
    padding-right: 40px;
}

.shopping-small .h2 div {
    display: inline-block;
}

@media (max-width: 1200px) {
    .shopping-small .h2 div {
        display: block;
    }
}

@media (max-width: 750px) {
    .shopping-small .h2 div {
        display: inline-block;
    }
}

@media (max-width: 1200px) {
    .shopping-small .h2 {
        padding-right: 65px;
    }
}

@media (max-width: 750px) {
    .shopping-small .h2 {
        color: #524d47;
        padding-right: 0;
    }
}

.shopping-small .form-group {
    padding-bottom: 23px;
}

@media (max-width: 1200px) {
    .shopping-small .form-group {
        padding-bottom: 0;
    }
}

.shopping-small .subscription {
    display: inline-block;
    margin-bottom: 0;
}

.shopping-small .subscription input[type='email'] {
    width: 272px;
    margin-right: 7px;
    background-color: #fff;
}

@media (max-width: 1200px) {
    .shopping-small .subscription input[type='email'] {
        display: inline-block;
    }
}

@media (max-width: 750px) {
    .shopping-small .subscription input[type='email'] {
        width: 100%;
    }
}

.shopping-small .subscription .progress-button {
    width: auto;
}

@media (max-width: 750px) {
    .shopping-small .subscription .progress-button {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .shopping-small .subscription {
        position: relative;
        top: -20px;
    }
}

@media (max-width: 1200px) {
    .shopping-small {
        padding: 35px 0 7px 0;
    }
}

@media (max-width: 750px) {
    .shopping-small {
        background-image: none;
        background-color: #efefef;
        text-align: center;
    }
}

.social-share-block .social-block-all {
    display: inline-block;
    font-size: 0;
    width: 100%;
}

.social-share-block .social-block-all .social-block {
    display: inline-block;
    width: 176px;
    height: 50px;
    position: relative;
    margin-right: 7px;
    overflow: hidden;
}

.social-share-block .social-block-all .social-block:last-child {
    margin-right: 0;
}

.social-share-block .social-block-all .social-block-fb {
    background-color: #3253a2;
    fill: #fff;
}

.social-share-block .social-block-all .social-block-vk {
    background-color: #4a78ab;
    fill: #fff;
}

.social-share-block .social-block-all .social-block-twitter {
    background-color: #45b6dc;
    fill: #fff;
}

.social-share-block .social-block-all .social-block-google {
    background-color: #f8411d;
    fill: #fff;
}

.social-share-block .social-block-all .social-block .social-item {
    display: inline-block;
    height: 50px;
    width: 50%;
    position: relative;
    float: left;
}

.social-share-block .social-block-all .social-block .social-item .icon__fb, .social-share-block .social-block-all .social-block .social-item .icon__vk, .social-share-block .social-block-all .social-block .social-item .icon__twitter, .social-share-block .social-block-all .social-block .social-item .icon__google {
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 750px) {
    .social-share-block .social-block-all .social-block .social-item {
        width: 100%;
    }
}

.social-share-block .social-block-all .social-block .social-number {
    display: inline-block;
    height: 50px;
    color: white;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: 50%;
    position: relative;
}

.social-share-block .social-block-all .social-block .social-number:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 23px;
    opacity: 0.12;
    background-color: white;
    top: 14px;
}

.social-share-block .social-block-all .social-block .social-number p {
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 750px) {
    .social-share-block .social-block-all .social-block .social-number {
        display: none;
    }
}

.social-share-block .social-block-all .social-block .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 176px;
    height: 50px;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-share-block .social-block-all .social-block .cover .icon__like {
    fill: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    margin: auto;
}

@media (max-width: 750px) {
    .social-share-block .social-block-all .social-block .cover {
        display: none;
    }
}

.social-share-block .social-block-all .social-block:hover .cover {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

@media (max-width: 1200px) {
    .social-share-block .social-block-all .social-block {
        margin: 0 2px;
    }
}

@media (max-width: 750px) {
    .social-share-block .social-block-all .social-block {
        width: 23%;
        margin: 0 3px;
    }
}

@media (max-width: 1200px) {
    .social-share-block .social-block-all {
        margin: 0 -2px;
    }
}

@media (max-width: 750px) {
    .social-share-block .social-block-all {
        margin: 0 -3px;
    }
}

.contacts-block-all {
    padding: 60px 0 59px;
}

@media (max-width: 1200px) {
    .contacts-block-all {
        padding: 45px 0 61px;
    }
}

@media (max-width: 750px) {
    .contacts-block-all {
        padding: 34px 0 50px;
    }
}

.contacts-address-all {
    padding-right: 65px;
    width: 335px;
    padding-bottom: 25px;
}

.contacts-address-all .h2 {
    margin-bottom: 12px;
}

@media (max-width: 750px) {
    .contacts-address-all .h2 {
        margin-bottom: 8px;
    }
}

.contacts-address-all .contact-address, .contacts-address-all .contact-phone, .contacts-address-all .contact-hours {
    padding-bottom: 24px;
}

.contacts-address-all .contact-mail {
    color: #ACD578;
}

@media (max-width: 1200px) {
    .contacts-address-all {
        padding-bottom: 34px;
        float: none;
    }
}

@media (max-width: 750px) {
    .contacts-address-all {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }
}

.contacts-map {
    position: relative;
    padding-top: 13px;
}

.contacts-map #map {
    width: 735px;
    min-height: 409px;
}

@media (max-width: 1200px) {
    .contacts-map #map {
        min-height: 400px;
        width: 100%;
    }
}

@media (max-width: 750px) {
    .contacts-map #map {
        min-height: 160px;
    }
}

@media (max-width: 1200px) {
    .contacts-map {
        padding-top: 10px;
        float: none;
    }
}

@media (max-width: 750px) {
    .contacts-map {
        padding-bottom: 0;
    }
}

@media (max-width: 750px) {
    .inner-top .banner-heading-contacts span {
        color: #524d47;
        font-family: 'GothamPro';
        font-size: 14px;
        font-weight: 500;
        line-height: 21px;
    }
}

.contacts .shopping {
    padding-bottom: 63px;
}

.contacts .shopping .btn {
    background: #ACD578;
    color: white;
    border: none;
    margin: 12px 0 16px;
    padding: 0 37px;
    -webkit-transition: all 0.65s ease 0.45s;
    transition: all 0.65s ease 0.45s;
}

@media (max-width: 750px) {
    .contacts .shopping .btn {
        width: 100%;
    }
}

@media (max-width: 750px) {
    .contacts .shopping {
        background: #222;
        padding-bottom: 40px;
        padding-top: 40px;
    }
}

.our-value {
    background-image: url(../img/content/pages/about_startup.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 55px 0 70px;
    color: #fff;
}

.our-value .h2 {
    margin-bottom: 43px;
}

@media (max-width: 1200px) {
    .our-value .h2 {
        margin-bottom: 23px;
    }
}

@media (max-width: 750px) {
    .our-value .h2 {
        margin-bottom: 16px;
    }
}

.our-value-hex {
    display: inline-block;
    width: 195px;
    height: 222px;
    position: relative;
    margin-right: 25px;
    padding: 59px 22px 0 15px;
    background: url("../img/content/home/free/hex_white.png") left top no-repeat;
    vertical-align: top;
}

.our-value-hex:last-child {
    margin-right: 0;
}

.our-value-hex > * {
    position: relative;
}

.our-value-hex svg, .our-value-hex .bw_hex {
    fill: none;
    stroke: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.our-value-hex-name {
    margin-bottom: 15px;
}

@media (max-width: 750px) {
    .our-value-hex-name {
        font-size: 14px;
        margin-bottom: 0;
    }
}

@media (max-width: 750px) {
    .our-value-hex {
        background: none;
        width: 100%;
        padding: 0;
        height: auto;
        margin-bottom: 12px;
    }
}

@media (max-width: 1200px) {
    .our-value {
        padding: 48px 0 60px;
    }
}

@media (max-width: 750px) {
    .our-value {
        padding: 35px 0 38px;
    }
}

.about-company {
    padding: 59px 0 64px 0;
}

.about-company .about-company-mission {
    width: 46%;
}

.about-company .about-company-mission h2 {
    margin-bottom: 12px;
}

@media (max-width: 750px) {
    .about-company .about-company-mission h2 {
        margin-bottom: 3px;
    }
}

.about-company .about-company-mission span {
    color: #524d47;
    font-family: 'GothamPro', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

@media (max-width: 750px) {
    .about-company .about-company-mission span {
        font-size: 14px;
        line-height: 21px;
    }
}

@media (max-width: 1200px) {
    .about-company .about-company-mission {
        width: 100%;
        padding-bottom: 21px;
    }
}

@media (max-width: 750px) {
    .about-company .about-company-mission {
        text-align: center;
        padding-bottom: 9px;
    }
}

.about-company .about-company-text {
    width: 48%;
}

.about-company .about-company-text p {
    margin: 0;
    padding-bottom: 30px;
}

.about-company .about-company-text p:nth-child(2) {
    padding-bottom: 11px;
}

@media (max-width: 1200px) {
    .about-company .about-company-text p:nth-child(2) {
        padding-bottom: 24px;
    }
}

.about-company .about-company-text p i {
    color: #ACD578;
    font-style: normal;
}

@media (max-width: 1200px) {
    .about-company .about-company-text p {
        padding-bottom: 24px;
    }
}

@media (max-width: 750px) {
    .about-company .about-company-text p {
        text-align: justify;
    }
}

@media (max-width: 1200px) {
    .about-company .about-company-text {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .about-company {
        padding: 53px 0 54px 0;
    }
}

@media (max-width: 750px) {
    .about-company {
        padding: 38px 0 34px 0;
    }
}

@media (max-width: 1200px) {
    .about .warr {
        padding: 46px 0 55px;
    }
}

@media (max-width: 750px) {
    .about .warr {
        padding: 40px 0 22px;
    }
}

@media (max-width: 1200px) {
    .about .warr .intro {
        max-width: 500px;
    }
}

@media (max-width: 750px) {
    .about .warr .intro .intro-text {
        margin: 2px 0 0;
    }
}

@media (max-width: 1200px) {
    .about .warr .warr-item-all {
        margin: 0 -30px;
    }
}

@media (max-width: 750px) {
    .about .warr .warr-item-all .warr-item .h2 {
        margin-bottom: 0;
    }
}

@media (max-width: 1200px) {
    .about .warr .warr-item-all .warr-item .h3 {
        line-height: 27px;
    }
}

@media (max-width: 1200px) {
    .about .warr .warr-item-all .warr-item {
        margin: 0 20px;
    }
}

@media (max-width: 750px) {
    .about .warr .warr-item-all .warr-item {
        margin: 0 auto 17px;
    }
}

.about .stage {
    padding: 60px 0 67px;
}

@media (max-width: 1200px) {
    .about .stage .stage-overlay__rtl {
        width: calc(50% + 331px);
    }
}

.about .stage .stage-overlay__rtl:before {
    left: 26.5%;
}

@media (max-width: 1200px) {
    .about .stage .stage-overlay__rtl:before {
        left: 35%;
    }
}

@media (max-width: 750px) {
    .about .stage .stage-left {
        width: 80%;
    }
    .about .stage .stage-left .h2 {
        margin-bottom: 18px;
    }
}

@media (max-width: 1200px) {
    .about .stage .stage-right {
        width: 393px;
        padding-right: 20px;
    }
}

@media (max-width: 750px) {
    .about .stage .stage-right {
        width: 100%;
        padding-right: 0;
    }
}

.about .stage .stage-table tr td {
    padding-bottom: 39px;
}

@media (max-width: 1200px) {
    .about .stage .stage-table tr td {
        padding-bottom: 5px;
    }
}

@media (max-width: 750px) {
    .about .stage .stage-table tr td {
        padding-bottom: 13px;
        line-height: 23px;
    }
}

@media (max-width: 750px) {
    .about .stage .stage-table tr .h3 {
        padding-bottom: 0;
    }
}

.about .stage .stage-table tr:last-child td {
    padding-bottom: 0;
}

@media (max-width: 1200px) {
    .about .stage {
        padding: 49px 0 50px;
    }
}

@media (max-width: 750px) {
    .about .stage {
        padding: 34px 0 44px;
    }
}

@media (max-width: 1200px) {
    .about .clients {
        padding: 46px 0;
    }
}

@media (max-width: 750px) {
    .about .clients {
        padding: 36px 0;
    }
}

.team {
    background-color: #f9f9f9;
    padding: 55px 0 52px;
}

.team h2 {
    margin-bottom: 41px;
}

@media (max-width: 750px) {
    .team h2 {
        margin-bottom: 14px;
    }
}

.team .team-slide-block {
    margin: 0 -16px;
}

.team .team-slide-block .team-item {
    display: inline-block;
    width: 245px;
    margin: 0 16px;
}

.team .team-slide-block .team-item img {
    width: 245px;
    height: 245px;
    margin-bottom: 9px;
}

.team .team-slide-block .team-item .team-item-about {
    text-align: left;
}

.team .team-slide-block .team-item .team-item-about span {
    color: #524d47;
    font-family: 'GothamPro', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 36px;
}

.team .team-slide-block .team-item .team-item-about p {
    color: #524d47;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

@media (max-width: 750px) {
    .team .team-slide-block .team-item .team-item-about {
        text-align: center;
    }
}

@media (max-width: 1200px) {
    .team .team-slide-block .team-item {
        margin: 0;
    }
}

@media (max-width: 1200px) {
    .team .team-slide-block {
        margin: 0 100px;
    }
}

@media (max-width: 750px) {
    .team .team-slide-block {
        margin: 0 20px;
        text-align: center;
    }
}

@media (max-width: 1200px) {
    .team {
        padding: 45px 0 42px;
    }
}

@media (max-width: 750px) {
    .team {
        padding: 35px 0 12px;
    }
}

.indicators {
    padding: 70px 0 0;
}

.indicators .indicators-block {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 47px 0 42px 0;
}

.indicators .indicators-block-item {
    padding: 0 90px;
    width: 49%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
}

.indicators .indicators-block-item .indicators-percent {
    margin-bottom: 3px;
}

@media (max-width: 750px) {
    .indicators .indicators-block-item .indicators-percent {
        margin-bottom: 6px;
    }
}

.indicators .indicators-block-item .indicators-text {
    margin-bottom: 3px;
    line-height: 26px;
}

@media (max-width: 750px) {
    .indicators .indicators-block-item .indicators-text {
        font-size: 14px;
        line-height: 21px;
    }
}

.indicators .indicators-block-item:first-child:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 160px;
    background-color: #f2f2f2;
    top: -10px;
    right: -12px;
}

@media (max-width: 1200px) {
    .indicators .indicators-block-item:first-child:after {
        right: 0;
    }
}

@media (max-width: 750px) {
    .indicators .indicators-block-item:first-child:after {
        width: 0;
    }
}

@media (max-width: 1200px) {
    .indicators .indicators-block-item {
        padding: 0 10px;
    }
}

@media (max-width: 750px) {
    .indicators .indicators-block-item {
        width: 100%;
        padding: 0 0 20px;
    }
    .indicators .indicators-block-item:last-child {
        padding: 0;
    }
}

@media (max-width: 750px) {
    .indicators .indicators-block {
        padding: 32px 0;
    }
}

@media (max-width: 1200px) {
    .indicators {
        padding: 57px 0 0;
    }
}

@media (max-width: 750px) {
    .indicators {
        padding: 45px 0 0;
    }
}

.reviews-all {
    padding: 56px 0;
}

.reviews-all .h2 {
    margin-bottom: 21px;
}

.reviews-all .registration-social {
    padding-top: 0;
    position: relative;
}

.reviews-all .registration-social:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #e2e2e2;
    top: 33px;
    left: 0;
}

@media (max-width: 750px) {
    .reviews-all .registration-social {
        padding-bottom: 22px;
    }
}

.reviews-all .pagination {
    padding: 20px 0 14px;
}

@media (max-width: 1200px) {
    .reviews-all .pagination {
        padding: 32px 0 14px;
    }
}

@media (max-width: 1200px) {
    .reviews-all {
        padding: 56px 0 38px 0;
    }
}

.clients-review {
    margin: 0 -15px;
    padding: 36px 0 13px 0;
    border-bottom: 1px solid #e2e2e2;
}

.clients-review .clients-row {
    display: inline-block;
    padding-bottom: 25px;
}

.clients-review .clients-row .clients-slide {
    position: relative;
    margin: 0 15px;
    overflow: hidden;
    width: 335px;
}

.clients-review .clients-row .clients-slide .clients-text {
    text-align: justify;
}

@media (max-width: 750px) {
    .clients-review .clients-row .clients-slide {
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 750px) {
    .clients-review {
        margin: 0;
        padding: 6px 0 13px;
    }
}

.tags-all {
    padding-bottom: 62px;
}

.tags-all .inner-top__white {
    padding: 180px 0 20px 0;
}

@media (max-width: 1200px) {
    .tags-all .inner-top__white {
        padding: 113px 0 4px 0;
    }
}

@media (max-width: 750px) {
    .tags-all .inner-top__white {
        padding: 101px 0 4px 0;
    }
}

.tags-all .banner-heading {
    width: 100%;
}

@media (max-width: 750px) {
    .tags-all .banner-heading {
        text-align: center;
        padding-right: 0;
        margin-right: 0;
    }
}

@media (max-width: 1200px) {
    .tags-all {
        padding-bottom: 53px;
    }
}

@media (max-width: 1200px) {
    .tags-all {
        padding-bottom: 39px;
    }
}

.tags-list {
    padding-bottom: 26px;
}

.tags-list ul {
    list-style-type: none;
    padding: 0;
}

.tags-list ul li {
    min-width: 264px;
    color: #222;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}

span.btn-text {
    vertical-align: middle;
    line-height: normal;
    display: inline-block;
}

.tags-list ul li a .icon__star-small {
    fill: #ACD578;
    margin-left: 5px;
    margin-bottom: -3px;
}

.tags-list ul li a:hover {
    color: #ACD578;
}

@media (max-width: 750px) {
    .tags-list ul li a:hover {
        color: #222;
    }
}

@media (max-width: 1200px) {
    .tags-list ul li {
        min-width: 234px;
    }
}

@media (max-width: 750px) {
    .tags-list ul li {
        min-width: 100%;
        display: block;
    }
}

@media (max-width: 750px) {
    .tags-list ul {
        margin-top: 0;
    }
}

@media (max-width: 750px) {
    .tags-list {
        text-align: center;
        padding-bottom: 11px;
    }
}

.error-page {
    padding: 242px 0 151px;
    position: relative;
}

.error-page .error-img {
    text-align: center;
    padding-bottom: 20px;
}

.error-page .error-img img {
    vertical-align: middle;
    margin-left: 12px;
}

@media (max-width: 750px) {
    .error-page .error-img img {
        width: 83px;
    }
    .error-page .error-img img:nth-child(2) {
        width: 93px;
    }
}

.error-page .error-img img:first-child {
    margin-left: 0;
}

.error-page h3 {
    padding-bottom: 22px;
}

@media (max-width: 750px) {
    .error-page h3 {
        font-size: 14px;
        line-height: 21px;
    }
}

.error-page i {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url("../img/content/pages/content.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 1;
}

@media (max-width: 750px) {
    .error-page i {
        width: 0;
    }
}

.error-page:before {
    content: '';
    width: 100%;
    height: 390px;
    position: absolute;
    background-image: url("../img/content/pages/content.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 1;
}

@media (max-width: 750px) {
    .error-page:before {
        width: 0;
    }
}

@media (max-width: 1200px) {
    .error-page {
        padding: 204px 0 161px;
    }
}

@media (max-width: 750px) {
    .error-page {
        padding: 140px 0 46px;
    }
}

.search-results-all {
    padding-bottom: 15px;
}

.result-text {
    padding-bottom: 57px;
}

.result-text p, .result-text span {
    color: #524d47;
    font-family: 'GothamPro';
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px;
}

.result-text span {
    color: #ACD578;
}

@media (max-width: 750px) {
    .result-text {
        padding-bottom: 37px;
    }
}

.search-results-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.search-results-title i {
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    position: absolute;
    bottom: 0;
    left: 0;
}

.search-results .magazine-all {
    padding: 0 0 77px 0;
}

@media (max-width: 1200px) {
    .search-results .magazine-all {
        padding: 0 0 50px 0;
    }
}

@media (max-width: 750px) {
    .search-results .magazine-all {
        padding: 0 0 36px 0;
    }
}

.search-results .faq-nav {
    margin-top: 10px;
}

@media (max-width: 750px) {
    .search-results .faq-nav_mobile {
        margin-bottom: 40px;
    }
}

.search-results .faq-quest_list {
    border-bottom: none;
}

@media (max-width: 750px) {
    .search-results .blog-art {
        margin: 20px 0 0 0;
    }
}

.search-faq .search-results-title {
    margin-bottom: 15px;
}

.search-faq .faq-quest_item .faq-quest_title-js {
    border: none;
    padding-top: 0;
    padding-bottom: 25px;
}

.search-faq .faq-quest_item .faq-quest_title-js:before, .search-faq .faq-quest_item .faq-quest_title-js:after {
    width: 0;
}

.social-find {
    padding-top: 61px;
}

.social-find .h2 {
    margin-bottom: 42px;
}

@media (max-width: 1200px) {
    .social-find .h2 {
        margin-bottom: 22px;
    }
}

@media (max-width: 1200px) {
    .social-find {
        padding-top: 47px;
    }
}

@media (max-width: 750px) {
    .reviews .social-find {
        padding-bottom: 47px;
    }
}

.social-find-block {
    display: inline-block;
    margin: 0 -13px;
}

@media (max-width: 1200px) {
    .social-find-block {
        margin: 0 -6px;
    }
}

.social-find-item {
    width: 337px;
    height: 281px;
    display: inline-block;
    margin: 0 13px;
    vertical-align: top;
    overflow: hidden;
}

.social-find-item .social-find-item__top {
    padding: 2px 25px;
}

.social-find-item .social-find-item__top span {
    color: white;
    font-family: 'RobotoRegular';
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
}

.social-find-item .social-find-item__bottom {
    padding: 19px 25px 25px;
    border: 1px solid #e2e2e2;
    height: 248px;
    border-top: none;
}

@media (max-width: 1200px) {
    .social-find-item {
        width: 220px;
        height: 281px;
    }
}

.find-item_fb .social-find-item__top {
    background-color: #3253a2;
}

.find-item_vk .social-find-item__top {
    background-color: #4a78ab;
}

.find-item_google .social-find-item__top {
    background-color: #d73d32;
}

.find-on {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
    margin-bottom: 6px;
}

.find-on .find-on_img {
    margin-right: 20px;
}

.find-on .find-on_text p {
    margin: 0 0 8px;
    color: #4a78ab;
    font-family: 'RobotoRegular';
    line-height: 10px;
    font-size: 12px;
    font-weight: 400;
}

.find-on .find-on_text p span {
    font-size: 14px;
    font-weight: 700;
}

@media (max-width: 1200px) {
    .find-on .find-on_text p {
        font-size: 0;
        margin: 0 0 -10px;
        line-height: 11px;
    }
}

.find-like .find-like_text p {
    margin: 0;
    color: #686868;
    font-family: 'RobotoRegular';
    font-size: 11px;
    line-height: 30px;
    font-weight: 400;
}

.find-like .find-like_text p span {
    font-weight: 700;
}

.find-like .find-like_img img {
    margin: 0 5px 4px 0;
}

.find-like .find-like_img img:nth-child(5n+5) {
    margin: 0 0 4px 0;
}

@media (max-width: 1200px) {
    .find-like .find-like_img img:nth-child(5n+5) {
        margin: 0 5px 4px 0;
    }
    .find-like .find-like_img img:nth-child(3), .find-like .find-like_img img:nth-child(8) {
        margin: 0 0 4px 0;
    }
}

.magazine-delivery-item .delivery-item__right-shop h1 {
    color: #524d47;
    font-family: 'GothamPro';
    font-size: 18px;
    font-weight: 500;
    line-height: 12px;
    margin-bottom: -5px;
}

@media (max-width: 1200px) {
    .magazine-delivery-item .delivery-item__right-shop h1 {
        margin-bottom: 10px;
    }
}

@media (max-width: 750px) {
    .magazine-delivery-item .delivery-item__right-shop h1 {
        font-size: 14px;
        position: absolute;
        top: -37px;
        left: 73px;
    }
}

.magazine-delivery-item .delivery-item__right-shop h1:hover {
    color: #524d47;
}

form[name="subscript"] .progress-button {
    background: #ACD578;
}

form[name="subscript"] .progress-button:hover {
    color: #fff;
    background: #ACD578;
}

form[name="subscript"] .progress-button .progress-inner {
    top: 5%;
}

form[name="subscript"] .progress-button.done .btn-overlay {
    background: transparent;
}

@media (max-width: 1200px) {
    .contacts .inner-top .container {
        padding: 0 23px;
    }
}

@media (max-width: 1200px) {
    .contacts-block-all .container, .registration-block .container, .blogs .faq-steps .container, .search-results .faq-steps .container, .about-company .container,
    .online .container {
        padding: 0 23px;
    }
}

@media (max-width: 1200px) {
    .about .inner-top .container, .category .magazine-all .container, .this-shops .magazine-all .container,
    .reviews-all .container, .reviews .inner-top .container, .faq .faq-steps .container {
        padding: 0 23px;
    }
}

@media (max-width: 1200px) {
    .faq-nav-all__tab_padding .btn-huge {
        height: 46px;
        margin: 0 10px;
    }
}

@media (max-width: 750px) {
    .faq-nav-all__tab_padding .btn-huge {
        margin: 0;
    }
}

@media (max-width: 1200px) {
    .faq-nav-all__tab_padding .faq-nav-btn {
        z-index: 1;
        background: #fff;
    }
}

@media (max-width: 1200px) {
    .faq-nav-all__tab_padding .faq-nav-btn .faq-quest_item {
        padding: 10px 0;
        margin: 0 5px;
    }
}

@media (max-width: 750px) {
    .faq-nav-all__tab_padding .faq-nav-btn .faq-quest_item {
        margin: 0;
    }
}

@media (max-width: 1200px) {
    .faq-nav-all__tab_padding {
        margin: 0 -10px;
    }
}

@media (max-width: 750px) {
    .faq-nav-all__tab_padding {
        margin: 0;
    }
}

.blogs .open-btn i, .article .open-btn i {
    background-image: url("../img/content/home/arrow/arrow-up.png");
}

.oblique-btn_white {
    display: inline-block;
}

.oblique-btn_white .btn .btn-overlay {
    background: #fff;
    left: -15%;
}

.oblique-btn_white .btn .btn-text {
    color: #ACD578;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.oblique-btn_white .btn:hover {
    background: transparent;
}

.oblique-btn_white .btn:hover .btn-overlay {
    left: 180%;
}

.oblique-btn_white .btn:hover .btn-text {
    color: #fff;
}

@media (max-width: 1200px) {
    .oblique-btn_white {
        position: absolute;
    }
}

@media (max-width: 750px) {
    .oblique-btn_white {
        position: relative;
    }
    .oblique-btn_white .btn .btn-overlay {
        background: #ACD578;
        left: -180%;
    }
    .oblique-btn_white .btn .btn-text {
        color: #333;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .oblique-btn_white .btn:hover {
        background: transparent;
    }
    .oblique-btn_white .btn:hover .btn-overlay {
        left: -15%;
    }
    .oblique-btn_white .btn:hover .btn-text {
        color: #fff;
    }
}

@media (max-width: 1200px) {
    .faq .faq-steps {
        padding: 35px 0 13px 0;
    }
}

@media (max-width: 750px) {
    .faq .faq-steps {
        padding: 35px 0 25px 0;
    }
}

.faq-quest_title-js_mob {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    display: block;
    width: 100%;
    text-align: center;
    outline: none;
    -webkit-transition: 1.4s;
    transition: 1.4s;
}

.faq-quest_title-js_mob span {
    position: relative;
}

.faq-quest_title-js_mob span:before, .faq-quest_title-js_mob span:after {
    content: '';
    background-image: url("../img/content/home/arrow/arrow-up.png");
    background-repeat: no-repeat;
    width: 12px;
    height: 5px;
    position: absolute;
    right: -21px;
    top: 4px;
    display: none;
}

.faq-quest_title-js_mob span:after {
    content: '';
    display: block;
    background-image: url("../img/content/home/arrow/arrow-down.png");
}

.open .faq-quest_title-js_mob span:after {
    display: none;
}

.open .faq-quest_title-js_mob span:before {
    display: block;
}

.open .faq-quest_title-js_mob .faq-quest_list1 {
    display: block;
}

.container_small {
    width: 652px;
    margin: auto;
}

@media (max-width: 1200px) {
    .container_small {
        width: 720px;
    }
}

@media (max-width: 750px) {
    .container_small {
        width: 100%;
        padding: 0 15px;
    }
}

.terms_small {
    padding: 55px 0 40px;
}

.terms_small h2 {
    margin-bottom: 43px;
}

@media (max-width: 750px) {
    .terms_small h2 {
        margin-bottom: 25px;
    }
}

@media (max-width: 1200px) {
    .terms_small .terms-right {
        width: 100%;
    }
}

.terms_small .terms-table {
    margin-bottom: 30px;
}

@media (max-width: 1200px) {
    .terms_small .terms-table td {
        padding: 29px 15px;
    }
}

@media (max-width: 750px) {
    .terms_small .terms-table td {
        padding: 11px 15px;
    }
}

@media (max-width: 1200px) {
    .terms_small .terms-table {
        width: 100%;
    }
}

@media (max-width: 750px) {
    .terms_small .terms-table {
        margin-bottom: 20px;
    }
}

.terms_small .terms-about {
    padding: 0 35px 18px;
    border-bottom: 1px solid #e2e2e2;
}

.terms_small .terms-about .terms-about_left {
    float: left;
    width: 310px;
}

.terms_small .terms-about .terms-about_left span {
    font-family: 'GothamPro';
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

@media (max-width: 750px) {
    .terms_small .terms-about .terms-about_left span {
        font-size: 14px;
        line-height: 28px;
    }
}

.terms_small .terms-about .terms-about_left p {
    margin: 10px 0 25px 5px;
}

@media (max-width: 750px) {
    .terms_small .terms-about .terms-about_left p {
        margin: 0 0 25px 5px;
        text-align: left;
        font-size: 13px;
        line-height: 21px;
    }
}

@media (max-width: 750px) {
    .terms_small .terms-about .terms-about_left {
        width: 100%;
    }
}

.terms_small .terms-about .terms-about_right {
    width: 220px;
    min-height: 157px;
    float: right;
    position: relative;
}

.terms_small .terms-about .terms-about_right img {
    display: block;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 750px) {
    .terms_small .terms-about .terms-about_right {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .terms_small .terms-about {
        padding: 0 0 18px;
    }
}

.terms_small .terms-text {
    padding: 16px 0;
}

@media (max-width: 1200px) {
    .terms_small {
        padding: 60px 0 40px;
    }
}

@media (max-width: 750px) {
    .terms_small {
        padding: 34px 0 25px;
    }
}

@media (max-width: 750px) {
    .terms_small .tt-name {
        font-size: 14px;
        line-height: 28px;
    }
}

@media (max-width: 750px) {
    .terms_small .tt-desc {
        min-height: 18px;
    }
}

.profit-cost {
    padding-bottom: 36px;
}

.profit-cost .pr-item-table {
    width: 235px;
}

.profit-cost .pr-item-table td {
    vertical-align: top;
}

@media (max-width: 1200px) {
    .profit-cost {
        padding: 60px 0 60px;
    }
}

@media (max-width: 1200px) {
    .profit-cost .pr-item {
        left: 30px;
    }
}

@media (max-width: 750px) {
    .profit-cost {
        display: none;
    }
}

.profit-cost tr:first-child td,
.profit-cost td:last-child {
    padding-left: 11px;
}

.profit-cost tr:first-child td {
    padding-bottom: 20px;
}

.profit-cost .pr-item-table td[colspan="2"] {
    width: 130px;
}

.profit-cost .pr-item-table td:last-child {
    padding-right: 0;
}

.payment {
    padding: 60px 0 65px;
    background-color: #fbfbfb;
}

.payment .h2 {
    width: 500px;
    margin: 0 auto 12px auto;
}

@media (max-width: 1200px) {
    .payment .h2 {
        width: 600px;
    }
}

@media (max-width: 750px) {
    .payment .h2 {
        width: 98%;
    }
}

.payment-text {
    padding-bottom: 30px;
}

@media (max-width: 750px) {
    .payment-text {
        padding-bottom: 20px;
    }
}

.payment-block {
    display: inline-block;
    position: relative;
    width: 100%;
}

.payment-block-text, .payment-block-img {
    width: 49%;
    display: inline-block;
}

@media (max-width: 750px) {
    .payment-block-text, .payment-block-img {
        width: 100%;
    }
}

.payment-block-text {
    vertical-align: top;
    padding-top: 60px;
    padding-right: 55px;
}

.payment-block-text .h3 {
    padding-bottom: 13px;
}

@media (max-width: 750px) {
    .payment-block-text .h3 {
        font-size: 14px;
        line-height: 21px;
        padding-bottom: 5px;
    }
}

.payment-block-text span {
    line-height: 21px;
}

.payment-block-text span:first-child {
    padding-right: 38px;
}

@media (max-width: 750px) {
    .payment-block-text span {
        font-size: 13px;
        display: block;
    }
}

.payment-block-text p {
    color: #ACD578;
    font-family: 'GothamPro';
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (max-width: 750px) {
    .payment-block-text {
        text-align: center;
        padding: 0 0 20px 0;
    }
}

.payment-block-img {
    vertical-align: middle;
}

.payment-block-img img {
    float: right;
}

@media (max-width: 750px) {
    .payment-block-img img {
        float: none;
    }
}

@media (max-width: 750px) {
    .payment-block-img {
        text-align: center;
    }
}

.payment-block .exception {
    display: block;
    color: #524d47;
    font-family: 'DINPro';
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    position: relative;
}

.payment-block .exception:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #ACD578;
    left: -21px;
    top: 11px;
}

@media (max-width: 1200px) {
    .payment-block .exception:before {
        left: -2px;
    }
}

@media (max-width: 750px) {
    .payment-block .exception:before {
        left: 2px;
    }
}

@media (max-width: 1200px) {
    .payment-block .exception {
        padding-left: 18px;
    }
}

@media (max-width: 750px) {
    .payment-block .exception {
        padding-left: 22px;
    }
}

@media (max-width: 1200px) {
    .payment {
        padding: 65px 0 65px;
    }
}

@media (max-width: 750px) {
    .payment {
        padding: 33px 0 27px;
    }
}

.payment-block-boots .payment-block-text {
    padding-top: 29px;
}

@media (max-width: 750px) {
    .payment-block-boots .payment-block-text p {
        font-size: 14px;
        line-height: 21px;
        margin-top: 16px;
        margin-bottom: 10px;
    }
}

@media (max-width: 750px) {
    .payment-block-boots .payment-block-text {
        padding-top: 63px;
    }
}

.payment-block-boots .payment-block-img {
    position: relative;
    min-height: 320px;
}

.payment-block-boots .payment-block-img img {
    float: none;
    display: block;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 1200px) {
    .payment-block-boots .payment-block-img img {
        left: 67%;
    }
}

@media (max-width: 750px) {
    .payment-block-boots .payment-block-img img {
        position: relative;
        top: inherit;
        left: inherit;
        -webkit-transform: none;
        transform: none;
        padding-bottom: 20px;
    }
}

@media (max-width: 750px) {
    .payment-block-boots .payment-block-img {
        min-height: inherit;
    }
}

.warr-grey {
    background-color: #f6f6f6;
}

.free-service {
    background-color: #f6f6f6;
    padding: 57px 0 70px;
}

.free-service .h2 {
    margin-bottom: 40px;
}

@media (max-width: 1200px) {
    .free-service .h2 {
        margin-bottom: 30px;
    }
}

@media (max-width: 750px) {
    .free-service .h2 {
        margin-bottom: 15px;
    }
}

.free-service-item {
    display: inline-block;
    vertical-align: top;
    width: 204px;
    height: 232px;
    position: relative;
    margin-right: 25px;
    padding: 52px 16px 0 16px;
    background: url("../img/content/pages/hex-grey.png") left top no-repeat;
}

.free-service-item:first-child {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.free-service-item:nth-child(2) {
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

.free-service-item:nth-child(3) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.free-service-item:last-child {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s;
    margin-right: 0;
}

.free-service-item-img {
    height: 62px;
}

.free-service-item-img img {
    max-width: 150px;
    max-height: 50px;
}

@media (max-width: 750px) {
    .free-service-item-img {
        height: 50px;
    }
}

.free-service-item-text {
    line-height: 28px;
}

@media (max-width: 750px) {
    .free-service-item-text {
        font-size: 14px;
        line-height: 28px;
    }
}

@media (max-width: 1200px) {
    .free-service-item {
        background: none;
        width: 24%;
        margin-right: 0;
        padding: 12px 0 0 0;
        height: 132px;
    }
}

@media (max-width: 750px) {
    .free-service-item {
        width: 100%;
        height: 97px;
        padding: 9px 0 0 0;
    }
}

@media (max-width: 1200px) {
    .free-service {
        padding: 57px 0 59px;
    }
}

@media (max-width: 750px) {
    .free-service {
        padding: 33px 0 20px;
    }
}

.additional {
    background: #fff;
    padding: 60px 0 66px 0;
}

@media (max-width: 750px) {
    .additional .h2 {
        margin-bottom: 10px;
    }
}

.additional-block {
    padding-bottom: 38px;
}

.additional-block-text, .additional-block-img {
    width: 49%;
    display: inline-block;
}

.additional-block-text {
    vertical-align: top;
    padding-top: 23px;
}

.additional-block-text .h3 {
    padding-bottom: 13px;
}

@media (max-width: 750px) {
    .additional-block-text .h3 {
        font-size: 14px;
        line-height: 21px;
        text-align: center;
        padding-bottom: 9px;
    }
}

.additional-block-text span {
    display: block;
}

@media (max-width: 750px) {
    .additional-block-text span:last-child {
        text-align: center;
    }
}

@media (max-width: 750px) {
    .additional-block-text span {
        font-size: 13px;
        font-weight: 400;
        line-height: 21px;
    }
}

@media (max-width: 1200px) {
    .additional-block-text {
        width: 64%;
    }
}

@media (max-width: 750px) {
    .additional-block-text {
        width: 100%;
        padding-top: 0;
        padding-bottom: 25px;
    }
}

.additional-block-img {
    text-align: center;
}

@media (max-width: 1200px) {
    .additional-block-img {
        width: 35%;
        text-align: right;
    }
}

@media (max-width: 750px) {
    .additional-block-img {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 750px) {
    .additional-block {
        padding-bottom: 27px;
    }
}

.additional-table .h3 {
    margin-bottom: 18px;
}

@media (max-width: 750px) {
    .additional-table .h3 {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 12px;
    }
}

.additional-table .table-padding {
    padding: 17px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.additional-table .table-padding table {
    width: 100%;
    text-align: left;
}

.additional-table .table-padding table tr td {
    text-align: left;
    padding: 0 10px 11px 0;
}

.additional-table .table-padding table tr td:first-child {
    width: 35px;
    padding-bottom: 5px;
}

.additional-table .table-padding table tr td:first-child svg {
    fill: lightgrey;
}

.additional-table .table-padding table tr td:nth-child(2) {
    width: 496px;
    border-right: 1px solid #f2f2f2;
}

@media (max-width: 750px) {
    .additional-table .table-padding table tr td:nth-child(2) {
        width: 200px;
        padding-right: 0;
    }
}

.additional-table .table-padding table tr td:last-child {
    padding-left: 24px;
}

@media (max-width: 750px) {
    .additional-table .table-padding table tr td:last-child {
        padding-left: 15px;
        padding-right: 0;
    }
}

@media (max-width: 750px) {
    .additional-table .table-padding {
        padding: 9px 0;
    }
}

@media (max-width: 750px) {
    .additional {
        padding: 34px 0 37px;
    }
}

.calculate {
    padding: 59px 0 64px 0;
    color: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/content/pages/banner_calculate.jpg);
}

.calculate .h2 {
    margin-bottom: 23px;
}

@media (max-width: 750px) {
    .calculate .h2 {
        margin-bottom: 15px;
    }
}

@media (max-width: 750px) {
    .calculate {
        padding: 31px 0 42px 0;
    }
}

@media (max-width: 1200px) {
    .price .inner-top .banner-heading {
        font-size: 40px;
    }
}

@media (max-width: 750px) {
    .price .inner-top .banner-heading {
        color: #ACD578;
        margin-left: 0;
        text-align: center;
        font-size: 26px;
    }
}

.online .searching-input .sb-search {
    position: relative;
}

@media (max-width: 1200px) {
    .category .searching-input .sb-search {
        position: relative;
    }
    .category .inner-top__white .banner-heading {
        padding-right: 20%;
    }
}

@media (max-width: 750px) {
    .category .searching-input .sb-search {
        margin-top: -60px;
    }
    .category .inner-top__white .banner-heading {
        padding-right: 20%;
    }
    .category .faq-useful .faq-slider {
        padding-bottom: 28px;
    }
}

.has-error-site input {
    border: 1px solid #ff0000!important;
}

.has-error-site .help-block {
    color: #ff0000;
    position: absolute;
    top: -25px;
}

@media (max-width: 1200px) {
    .banner-seales {
        width: 100%;
    }
    .banner-seales .promocod.subscription_width {
        width: 47%;
    }
    .banner-seales .promocod.subscription input[type='email'] {
        width: 100%;
    }
    .banner-seales .promocod.subscription_width .progress-button {
        width: 100%;
    }
}

@media (max-width: 750px) {
    .banner-seales .promocod.subscription_width {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .category .faq-steps .faq-nav_mobile {
        position: absolute;
    }
}

@media (max-width: 750px) {
    .category .faq-steps .faq-nav_mobile {
        position: relative;
    }
}

.this-shops .inner-top__white .banner-heading {
    line-height: 50px;
}

@media (max-width: 750px) {
    .this-shops .inner-top__white .banner-heading {
        line-height: 36px;
    }
}

@media (max-width: 750px) {
    .war .war-steps .prog-steps-item.psi-4 {
        margin-bottom: 60px;
    }
}

.popup {
    background: #fff;
    width: 480px;
}

.popup .tabs-link {
    width: 50%;
    background: #ececec;
    border-bottom: 1px solid #d8d8d8;
}

.popup .tabs-link.active, .popup .tabs-link:hover {
    background: transparent;
    border-bottom-color: #fff;
}

.popup .tabs-link.active:before {
    position: absolute;
    width: 32px;
    height: 1px;
    content: '';
    bottom: 0;
    left: 50%;
    margin-left: -16px;
    background: #d8d8d8;
    opacity: 1;
}

.popup .orange:hover {
    color: #524d47;
}

.popup .tabs-links {
    padding: 0;
}

.popup .tabs-link {
    padding: 0 !important;
}

.popup .tabs-link:before {
    left: 50% !important;
}

.popup-head {
    padding: 18px 82px 18px 22px;
    font-size: 16px;
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
    background: #d3d3d3;
}

.popup-content {
    padding: 14px 22px 30px;
    height: 1%;
    overflow: hidden;
}

.popup-table {
    margin-bottom: 30px;
    display: none;
}

.popup-table tr {
    border-bottom: 1px solid #f2f2f2;
}

.popup-table td {
    padding: 8px 0 3px;
}

.popup-table td:first-child {
    width: 155px;
}

.popup-table td:nth-child(2) {
    width: 180px;
}

@media (max-width: 640px) {
    .popup {
        width: 100%;
    }
    .popup-head {
        font-size: 13px;
    }
}

@media (max-width: 750px) {
    .popup-table tr td:last-child {
        width: 100px;
        text-align: right;
    }
}

.pop-up__wrap {
    display: none;
}

.container-all-profile {
    width: 610px;
    background-color: white;
}

.container-all-profile .form-container {
    padding: 62px 94px 71px 94px;
}

.container-all-profile .form-container .form-text {
    color: #524d47;
    font-family: 'GothamPro', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    padding-bottom: 40px;
}

@media (max-width: 750px) {
    .container-all-profile .form-container .form-text {
        font-size: 13px;
    }
}

@media (max-width: 750px) {
    .container-all-profile .form-container {
        padding: 80px 34px 71px 34px;
    }
}

@media (max-width: 750px) {
    .container-all-profile {
        width: 100%;
    }
}

.container-all-communic {
    width: 610px;
    background-color: white;
}

.container-all-communic .form-title {
    background-color: lightgrey;
    padding: 20px 27px 19px;
    color: #524d47;
    font-family: 'GothamPro', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
}

@media (max-width: 750px) {
    .container-all-communic .form-title {
        font-size: 13px;
    }
}

.container-all-communic .form-container {
    padding: 50px 60px 50px 60px;
}

.container-all-communic .form-container .form-group-fields {
    width: 100%;
}

.container-all-communic .form-container .form-group-fields .form-group {
    display: inline-block;
    width: 48%;
    padding-bottom: 30px;
}

.container-all-communic .form-container .form-group-fields .form-group:first-child {
    margin-right: 15px;
}

@media (max-width: 750px) {
    .container-all-communic .form-container .form-group-fields .form-group:first-child {
        margin-right: 0;
    }
}

@media (max-width: 750px) {
    .container-all-communic .form-container .form-group-fields .form-group {
        width: 100%;
    }
}

.container-all-communic .form-container .form-group {
    padding-bottom: 35px;
}

.container-all-communic .form-container .form-group .field-block {
    width: 100%;
}

.container-all-communic .form-container .form-group .field-block input[type='text'], .container-all-communic .form-container .form-group .field-block textarea {
    color: #524d47;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    border: 1px solid #a3a2a2;
    width: 100%;
    padding: 0 13px;
}

.container-all-communic .form-container .form-group .field-block input[type='text']::-webkit-input-placeholder {
    color: #666;
}

.container-all-communic .form-container .form-group .field-block input[type='text']:-moz-placeholder {
    color: #666;
}

.container-all-communic .form-container .form-group .field-block input[type='text']::-moz-placeholder {
    color: #666;
}

.container-all-communic .form-container .form-group .field-block input[type='text']:-ms-input-placeholder {
    color: #666;
}

.container-all-communic .form-container .form-group .field-block textarea {
    height: 140px;
    background-color: #f7f7f7;
    padding: 3px 13px;
    resize: none;
}

.container-all-communic .form-container .form-group .field-block textarea::-webkit-input-placeholder {
    color: #666;
}

.container-all-communic .form-container .form-group .field-block textarea:-moz-placeholder {
    color: #666;
}

.container-all-communic .form-container .form-group .field-block textarea::-moz-placeholder {
    color: #666;
}

.container-all-communic .form-container .form-group .field-block textarea:-ms-input-placeholder {
    color: #666;
}

@media (max-width: 750px) {
    .container-all-communic .form-container {
        padding: 50px 26px 50px 26px;
    }
}

@media (max-width: 750px) {
    .container-all-communic {
        width: 100%;
    }
}

.container-all-calculate {
    width: 690px;
    background-color: white;
}

.container-all-calculate .form-info__content {
    width: 50%;
    position: relative;
}

.container-all-calculate .form-info__content:first-child .form-group-title {
    padding-bottom: 20px;
}

@media (max-width: 750px) {
    .container-all-calculate .form-info__content:first-child .form-group-title {
        padding-bottom: 12px;
    }
}

.container-all-calculate .form-info__content:nth-child(2) {
    padding-left: 75px;
}

.container-all-calculate .form-info__content:nth-child(2) .form-group-title {
    color: #524d47;
    display: block;
    padding-bottom: 20px;
}

@media (max-width: 750px) {
    .container-all-calculate .form-info__content:nth-child(2) .form-group-title {
        padding-bottom: 12px;
    }
}

.container-all-calculate .form-info__content:nth-child(2)::before {
    content: "";
    display: block;
    width: 1px;
    height: 70%;
    position: absolute;
    top: 5px;
    left: 40px;
    background-color: #ACD578;
}

@media (max-width: 750px) {
    .container-all-calculate .form-info__content:nth-child(2) {
        margin-top: 16px;
        padding-left: 0;
    }
    .container-all-calculate .form-info__content:nth-child(2)::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        top: -16px;
        left: 0;
        background-color: #ACD578;
    }
}

.container-all-calculate .form-info__content .form-info__price {
    color: #ACD578;
    font-family: 'GothamPro', sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 24px;
    display: inline-block;
}

.container-all-calculate .form-info__content .form-info__price_small {
    color: #524d47;
    font-size: 14px;
    font-weight: 400;
    margin-left: 4px;
    display: inline-block;
    font-family: 'DINPro', sans-serif;
}

.container-all-calculate .form-info__content .form-info__price_small::before {
    content: " ";
    display: inline-block;
}

.container-all-calculate .form-info__content .form-info__price_small::after {
    margin-left: 4px;
    content: "грн *";
    display: inline-block;
}

@media (max-width: 750px) {
    .container-all-calculate .form-info__content {
        width: 100%;
    }
}

.container-all-calculate .form-info span {
    float: right;
    color: #524d47;
    font-size: 14px;
    font-weight: 400;
    font-family: 'DINPro', sans-serif;
}

@media (max-width: 750px) {
    .container-all-calculate .form-info {
        margin-top: 6px;
    }
}

.container-all-calculate .form-title {
    background-color: lightgrey;
    padding: 20px 27px 19px;
    color: #7d7d7d;
    font-family: 'GothamPro', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
}

@media (max-width: 750px) {
    .container-all-calculate .form-title {
        font-size: 13px;
        line-height: 20px;
        padding: 10px 65px 10px 20px;
    }
}

.container-all-calculate .form-container {
    padding: 20px 50px 0;
}

.container-all-calculate .form-container .form-group-title {
    color: #7d7d7d;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 13px;
    display: inline-block;
    font-family: 'GothamPro', sans-serif;
    text-transform: uppercase;
}

.container-all-calculate .form-container .form-group-fields {
    width: 50%;
}

.container-all-calculate .form-container .form-group-fields .form-group {
    width: 100%;
    padding-bottom: 5px;
}

.container-all-calculate .form-container .form-group-fields .form-group input[type='checkbox'] {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.container-all-calculate .form-container .form-group-fields .form-group input[type='checkbox']::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
}

.container-all-calculate .form-container .form-group-fields .form-group input[type='checkbox']::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #d3d3d3;
}

.container-all-calculate .form-container .form-group-fields .form-group input[type='checkbox'].active::after {
    background-color: #ACD578;
}

.container-all-calculate .form-container .form-group-fields .form-group input[type='text'] {
    width: 100%;
}

.container-all-calculate .form-container .form-group-fields .form-group input[type='text']::-webkit-input-placeholder {
    color: #666;
}

.container-all-calculate .form-container .form-group-fields .form-group input[type='text']:-moz-placeholder {
    color: #666;
}

.container-all-calculate .form-container .form-group-fields .form-group input[type='text']::-moz-placeholder {
    color: #666;
}

.container-all-calculate .form-container .form-group-fields .form-group input[type='text']:-ms-input-placeholder {
    color: #666;
}

.container-all-calculate .form-container .form-group-fields .form-group:first-child {
    margin-right: 15px;
}

@media (max-width: 750px) {
    .container-all-calculate .form-container .form-group-fields .form-group:first-child {
        margin-right: 0;
    }
}

.container-all-calculate .form-container .form-group-fields .form-group .field-block {
    width: 100%;
    margin-bottom: 15px;
}

@media (max-width: 750px) {
    .container-all-calculate .form-container .form-group-fields .form-group {
        padding-bottom: 0;
    }
    .container-all-calculate .form-container .form-group-fields .form-group input[type='text']::-webkit-input-placeholder {
        color: #7d7d7d;
        text-transform: none;
        text-align: left;
        font-size: 14px;
    }
    .container-all-calculate .form-container .form-group-fields .form-group input[type='text']:-moz-placeholder {
        color: #7d7d7d;
        text-transform: none;
        text-align: left;
        font-size: 14px;
    }
    .container-all-calculate .form-container .form-group-fields .form-group input[type='text']::-moz-placeholder {
        color: #7d7d7d;
        text-transform: none;
        text-align: left;
        font-size: 14px;
    }
    .container-all-calculate .form-container .form-group-fields .form-group input[type='text']:-ms-input-placeholder {
        color: #7d7d7d;
        text-transform: none;
        text-align: left;
        font-size: 14px;
    }
}

@media (max-width: 750px) {
    .container-all-calculate .form-container .form-group-fields {
        width: 100%;
    }
}

@media (max-width: 750px) {
    .container-all-calculate .form-container {
        padding: 20px 26px 0 26px;
    }
}

.container-all-calculate .form-group-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.container-all-calculate .form-group-wrap:first-child {
    margin-bottom: 30px;
}

.container-all-calculate .form-group-wrap:first-child .form-group-fields:first-child .form-group::after {
    display: inline-block;
    position: absolute;
    top: 57%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

@media (max-width: 750px) {
    .container-all-calculate .form-group-wrap:first-child .form-group-fields:first-child .form-group::after {
        top: 70%;
        right: 15px;
    }
}

.container-all-calculate .form-group-wrap:first-child .form-group-fields:first-child .form-group:first-child::after {
    content: "kg";
}

.container-all-calculate .form-group-wrap:first-child .form-group-fields:first-child .form-group:last-child::after {
    content: "usd";
}

.container-all-calculate .form-group-wrap:first-child .form-group-fields:nth-child(2) .form-group {
    padding-left: 90px;
}

.container-all-calculate .form-group-wrap:first-child .form-group-fields:nth-child(2) .form-group .field-block {
    line-height: 45px;
}

@media (max-width: 750px) {
    .container-all-calculate .form-group-wrap:first-child .form-group-fields:nth-child(2) .form-group .field-block {
        width: 85%;
    }
}

.container-all-calculate .form-group-wrap:first-child .form-group-fields:nth-child(2) .form-group:first-child span {
    float: right;
    margin-top: 8px;
    line-height: 20px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

@media (max-width: 750px) {
    .container-all-calculate .form-group-wrap:first-child .form-group-fields:nth-child(2) .form-group {
        padding: 0;
    }
}

.container-all-calculate .form-group-wrap:first-child .form-group-fields:nth-child(2) label {
    color: #7d7d7d;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 750px) {
    .container-all-calculate .form-group-wrap:first-child .form-group-fields:nth-child(2) {
        position: relative;
    }
    .container-all-calculate .form-group-wrap:first-child .form-group-fields:nth-child(2) .form-group-title {
        padding-bottom: 10px;
    }
}

@media (max-width: 750px) {
    .container-all-calculate .form-group-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width: 750px) {
    .container-all-calculate {
        width: 100%;
    }
}

.hexagon__wrap {
    position: relative;
    padding: 10px 0;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.hexagon__wrap::before {
    content: '';
    position: absolute;
    background-color: #f2f2f2;
    width: calc(100% + 40px);
    height: 1px;
    left: -20px;
    top: -57px;
}

.hexagon__wrap::after {
    content: '';
    position: absolute;
    background-color: #f2f2f2;
    width: calc(100% + 40px);
    height: 1px;
    left: -20px;
    bottom: 20px;
}

.hexagon__wrap .form-group {
    margin: 0;
    width: 25%;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.hexagon__wrap .form-group:first-child span {
    -webkit-transform: translate(-50%, -50%) scale(1.25);
    transform: translate(-50%, -50%) scale(1.25);
}

.hexagon__wrap .form-group:last-child .hexagon__title {
    display: inline-block;
}

.hexagon__wrap .form-group:last-child .hexagon__info {
    margin-top: -8px;
}

.hexagon__wrap .form-group:last-child select {
    display: none;
}

.hexagon__wrap .form-group:last-child select::after {
    content: '';
    background-image: url(../img/content/home/arrow/arrow-down.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 5px;
    position: absolute;
    right: 25px;
    top: 20px;
}

.hexagon__wrap .form-group:last-child .select2 {
    position: relative;
    top: -7px;
}

.hexagon__wrap .form-group:last-child .select2 .select2-selection__rendered {
    top: -7px;
    left: 2px;
    color: #ACD578;
}

.hexagon__wrap .form-group:last-child .select2 .select2-selection--single {
    padding: 1px 4px 0;
    height: inherit;
    width: 36px;
}

.hexagon__wrap .form-group:last-child .select2 b::before {
    right: -14px;
    top: 20px;
}

@media (min-width: 1200px) {
    .hexagon__wrap .form-group:hover .hexagon__item {
        border-left: solid 1px #ACD578;
        border-right: solid 1px #ACD578;
    }
    .hexagon__wrap .form-group:hover .hexagon__item::before {
        border-top: solid 1.4142px #ACD578;
        border-right: solid 1.4142px #ACD578;
    }
    .hexagon__wrap .form-group:hover .hexagon__item::after {
        border-bottom: solid 1.4142px #ACD578;
        border-left: solid 1.4142px #ACD578;
    }
    .hexagon__wrap .form-group:hover .hexagon__item svg {
        fill: #ACD578;
    }
    .hexagon__wrap .form-group:hover .hexagon__title {
        color: #524d47;
    }
}

@media (max-width: 750px) {
    .hexagon__wrap .form-group {
        width: 50%;
    }
}

.hexagon__wrap .form-group.active .hexagon__item {
    background-color: #ACD578;
    border-left: solid 1px #ACD578;
    border-right: solid 1px #ACD578;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.hexagon__wrap .form-group.active .hexagon__item::before {
    border-top: solid 1.4142px #ACD578;
    border-right: solid 1.4142px #ACD578;
}

.hexagon__wrap .form-group.active .hexagon__item::after {
    border-bottom: solid 1.4142px #ACD578;
    border-left: solid 1.4142px #ACD578;
}

.hexagon__wrap .form-group.active .hexagon__item svg {
    fill: #fff;
    -webkit-transition: fill .5s ease;
    transition: fill .5s ease;
}

.hexagon__wrap .form-group.active .hexagon__title {
    color: #524d47;
}

@media (max-width: 750px) {
    .hexagon__wrap {
        padding: 10px 0 20px;
    }
    .hexagon__wrap::before {
        width: 100%;
        left: 0;
        top: -65px;
    }
    .hexagon__wrap::after {
        bottom: 15px;
        width: 100%;
        left: 0;
    }
}

.hexagon__item {
    position: relative;
    margin: 15px auto;
    width: 55px;
    height: 31.18px;
    background-color: #fff;
    border-left: solid 1px #d3d3d3;
    border-right: solid 1px #d3d3d3;
    z-index: 10000;
}

.hexagon__item::before, .hexagon__item::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 38.18px;
    height: 38.18px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 7px;
}

.hexagon__item::before {
    top: -19.0919px;
    border-top: solid 1.4142px #d3d3d3;
    border-right: solid 1.4142px #d3d3d3;
}

.hexagon__item::after {
    bottom: -19.0919px;
    border-bottom: solid 1.4142px #d3d3d3;
    border-left: solid 1.4142px #d3d3d3;
}

.hexagon__item svg {
    fill: #d3d3d3;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.hexagon__item span {
    position: absolute;
    top: calc(50% + 1px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.hexagon__title, .hexagon__info {
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
}

.hexagon__title {
    color: #7d7d7d;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hexagon__info {
    color: #7d7d7d;
}

.tooltip__container {
    background-color: #f5f5f5;
    padding: 0 50px;
}

@media (max-width: 750px) {
    .tooltip__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 25px 0 0;
        padding: 20px 30px 15px;
    }
}

.tooltip__wrap {
    position: relative;
    margin: 25px 20px 20px;
    max-width: 30%;
}

@media (min-width: 1200px) {
    .tooltip__wrap:hover .tooltip__title {
        color: #ACD578;
    }
    .tooltip__wrap:hover .tooltip__title::before {
        background-image: url(../img/minified-svg/icon_hint-orange.svg);
    }
}

@media (max-width: 750px) {
    .tooltip__wrap {
        margin: 0 0 10px 20px;
        max-width: 100%;
    }
}

.tooltip__title {
    color: #7d7d7d;
    cursor: pointer;
    font-family: 'DINPro', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.tooltip__title::before {
    content: '';
    background-image: url(../img/minified-svg/icon_hint.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    opacity: 0.5;
    left: -20px;
    top: 7px;
}

.tooltip__title:hover ~ .tooltip__center {
    display: inline-block;
    opacity: 1;
}

.tooltip__header {
    display: none;
    height: 32px;
    width: 100%;
    color: #fff;
    padding-left: 20px;
    text-align: left;
    font-family: 'DINPro', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 32px;
    position: relative;
    background-color: #ACD578;
    text-transform: uppercase;
}

.tooltip__header span {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 50%;
    width: 12px;
    height: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("../img/general/popup/icon-close.png");
    background-repeat: no-repeat;
}

@media (max-width: 750px) {
    .tooltip__header {
        display: block;
    }
}

.tooltip__content {
    padding: 10px;
}

.tooltip__center {
    display: none;
    text-align: center;
    position: absolute;
    font-family: 'DINPro', sans-serif;
    bottom: 32px;
    left: calc(50% - 10px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 190px;
    color: #7d7d7d;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    background-color: white;
    -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 0 3px);
    filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 0 3px);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 2;
}

.tooltip__center::before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -10px;
    left: 87px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid white;
}

.info-block {
    position: relative;
    padding: 20px 50px;
    color: #7d7d7d;
    font-family: 'DINPro', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    background-color: #f5f5f5;
}

.info-block::before {
    content: '';
    position: absolute;
    background-color: #d3d3d3;
    width: calc(100% - 60px);
    height: 1px;
    left: 30px;
    top: 0;
}

@media (max-width: 750px) {
    .info-block {
        padding: 20px 30px;
    }
}

.container-all-info {
    width: 610px;
    background-color: white;
}

.container-all-info .form-title {
    background-color: lightgrey;
    padding: 20px 27px 19px;
    color: #524d47;
    font-family: 'GothamPro', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
}

@media (max-width: 750px) {
    .container-all-info .form-title {
        font-size: 13px;
    }
}

.container-all-info .form-container {
    padding: 50px 60px 50px 60px;
}

.container-all-info .form-container .form-group-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.container-all-info .form-container .form-group-fields .form-group {
    width: 100%;
    padding-bottom: 30px;
}

@media (max-width: 750px) {
    .container-all-info .form-container .form-group-fields .form-group {
        width: 100%;
    }
}

.container-all-info .form-container .form-group {
    padding-bottom: 35px;
}

.container-all-info .form-container .form-group strong {
    color: #7d7d7d;
    font-family: 'GothamPro',sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    width: 34%;
    display: inline-block;
}

@media (max-width: 750px) {
    .container-all-info .form-container .form-group strong {
        display: block;
        width: 100%;
    }
}

.container-all-info .form-container .form-group .field-block {
    width: 64%;
}

.container-all-info .form-container .form-group .field-block input[type='text'] {
    color: #524d47;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    background-color: #f7f7f7;
    border: 1px solid #d8d8d8;
    width: 100%;
    padding: 0 13px;
}

.container-all-info .form-container .form-group .field-block input[type='text']::-webkit-input-placeholder {
    color: #666;
}

@media (max-width: 750px) {
    .container-all-info .form-container .form-group .field-block input[type='text']::-webkit-input-placeholder {
        text-align: left;
        text-transform: inherit;
    }
}

.container-all-info .form-container .form-group .field-block input[type='text']:-moz-placeholder {
    color: #666;
}

@media (max-width: 750px) {
    .container-all-info .form-container .form-group .field-block input[type='text']:-moz-placeholder {
        text-align: left;
        text-transform: inherit;
    }
}

.container-all-info .form-container .form-group .field-block input[type='text']::-moz-placeholder {
    color: #666;
}

@media (max-width: 750px) {
    .container-all-info .form-container .form-group .field-block input[type='text']::-moz-placeholder {
        text-align: left;
        text-transform: inherit;
    }
}

.container-all-info .form-container .form-group .field-block input[type='text']:-ms-input-placeholder {
    color: #666;
}

@media (max-width: 750px) {
    .container-all-info .form-container .form-group .field-block input[type='text']:-ms-input-placeholder {
        text-align: left;
        text-transform: inherit;
    }
}

@media (max-width: 750px) {
    .container-all-info .form-container .form-group .field-block {
        display: block;
        width: 100%;
    }
}

.container-all-info .form-container .form-group .select2-results {
    width: 100%;
}

.container-all-info .form-container .form-group.has-error .field-block input[type='text'] {
    border: 1px solid #ff0000;
}

.container-all-info .form-container .form-group.has-error .help-block {
    left: 0;
}

@media (max-width: 750px) {
    .container-all-info .form-container {
        padding: 50px 26px 50px 26px;
    }
}

@media (max-width: 750px) {
    .container-all-info {
        width: 100%;
    }
}

.auto-popup {
    z-index: 9999;
    background-color: #fff;
    padding: 0 20px;
}

.auto-popup:before {
    width: 0;
}

.auto-popup li {
    text-transform: inherit;
    color: #7d7d7d;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.auto-popup li:hover {
    color: #3a3a3a;
}

@media (max-width: 750px) {
    .auto-popup {
        width: calc(100% - 92px) !important;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    .auto-popup:before {
        display: none;
    }
}

.auto-width__all, .auto-width-prof, .auto-width_left {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.popup-filter {
    width: 100% !important;
}

.popup-filter .select2-selection--single {
    width: 100%;
}

@media (max-width: 750px) {
    .popup-filter .select2-selection__rendered {
        padding-top: 10px;
    }
}

.field-block-auto.field-block-auto-pop .select2-container {
    width: 100%;
}

.field-block-auto.field-block-auto-pop .select2-dropdown {
    width: 100%;
}

.field-block-auto.field-block-auto-pop .select2-search--dropdown .select2-search__field,
.field-block-auto.field-block-auto-pop .select2-container--region .select2-search--dropdown .select2-search__field {
    width: 100%;
}

.select-pop {
    display: none;
}

.select2-search__field {
    -webkit-appearance: none;
    border-radius: 0;
}

.fancybox-inner {
    height: auto !important;
}

.container-all-calculate .form-group.has-error .field-block .help-block {
    left: 0;
    display: block;
}

.container-all-calculate .help-block {
    display: none;
}

.page__padding {
    padding-top: 108px;
}

.greeting {
    padding: 33px 0 23px;
    border-bottom: 1px solid #d8d8d8;
}

.greeting .h2 {
    margin-bottom: 15px;
}

.greeting-buttons {
    margin-top: 18px;
}

.greeting .btn {
    margin-left: 10px;
}

.greeting .orange:hover {
    color: #524d47;
}

.how {
    padding: 55px 0 62px;
}

.how-full {
    margin: 20px 0 0 -50px;
}

.how-note {
    margin-top: 20px;
}

.how-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.how-list .h3 {
    margin-bottom: 16px;
}

.how-li {
    width: 330px;
    margin-right: 38px;
    min-height: 117px;
    position: relative;
    padding: 0 0 24px 68px;
}

.how-li:last-child {
    margin-right: 0;
}

.how-li:last-child:after {
    display: none;
}

.how-li:after {
    content: '';
    position: absolute;
    top: 11px;
    right: -20px;
    width: 16px;
    height: 1px;
    background: #d6d6d6;
}

.how-link {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-left: 68px;
    white-space: nowrap;
    width: 100%;
}

.how-link a:hover {
    color: #524d47;
}

.how-number {
    position: absolute;
    width: 45px;
    height: 45px;
    top: 0;
    left: 0;
    line-height: 47px;
    background: #ACD578;
    color: #fff;
    font-family: 'GothamPro', sans-serif;
    font-size: 18px;
    font-weight: 900;
}

.how-text {
    line-height: 18px;
}

.tabs {
    background: #ececec;
}

.tabs-links {
    margin: 0 auto;
    max-width: 1280px;
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 51px;
}

.tabs-links-wrap {
    background: #ffffff;
}

.tabs-count {
    color: #fff;
    position: absolute;
    height: 31px;
    width: 100%;
    left: 0;
    top: -1px;
}

.tabs-icon {
    position: relative;
    vertical-align: middle;
    top: -1px;
    display: inline-block;
    width: 27px;
    height: 31px;
    line-height: 33px;
    margin-left: 3px;
}

.tabs-icon svg {
    position: absolute;
    fill: #ACD578;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.tabs-link {
    margin-bottom: -1px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    width: 20%;
    display: block;
    height: 49px;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background: #fff;
}

.tabs-link:hover, .tabs-link.active {
    background: #ECECEC;
}

.tabs-link:after {
    position: absolute;
    content: '';
    height: 32px;
    width: 1px;
    background: #d8d8d8;
    top: 50%;
    margin-top: -16px;
    left: -1px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.tabs-link:first-child:after {
    display: none;
}

.tabs-link:hover + a:after, .tabs-link:hover:after {
    opacity: 0;
}

.tabs-link.active {
    border-left-color: #d8d8d8;
    border-bottom-color: #ECECEC;
    /*&:after, & + a:after {
              opacity: 0;
            }*/
}

.tabs-link.active:before {
    position: absolute;
    bottom: 0;
    content: '';
    left: 50%;
    height: 1px;
    background: #d8d8d8;
    width: 32px;
    margin-left: -16px;
}

.tabs-link.active + a {
    border-left-color: #d8d8d8;
}

.tabs-link.active:first-child:before {
    left: 48%;
}

.tabs-link.active > span {
    color: #ACD578;
}



.tabs-link:first-child:after {
    content: '';
    position: absolute;
    width: 1000px;
    left: -1000px;
    top: 16px;
    height: 49px;
    background: #fff;
    display: block;
}

.tabs-link:first-child.active:after, .tabs-link:first-child:hover:after {
    opacity: 0;
}



.tabs-link:last-child .before {
    content: '';
    position: absolute;
    width: 1000px;
    left: 100%;
    top: 0;
    height: 49px;
    background: #fff;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.tabs-link:last-child.active .before, .tabs-link:last-child:hover .before {
    opacity: 0;
}

.tabs-link:last-child {
    padding-right: 10px;
}

.tabs-link:first-child.active {
    border-left-color: transparent;
}

.tabs-holder {
    padding: 38px 0 72px;
}

.tabs-top {
    margin-bottom: 25px;
}

@media (min-width: 750px) {
    .tabs-top {
        top: -8px;
        position: relative;
    }
}

.tabs-top-name {
    padding-left: 118px;
}

.tabs-path {
    margin: 25px 0;
    font-size: 0;
}

.tabs-panel {
    width: 340px;
    margin-right: 25px;
}

.tabs-panel:last-child {
    margin-right: 0;
}

.tabs-panel .orange a:hover {
    color: #524d47;
}

.tabs-panels {
    margin-top: 50px;
}

.tabs-top a:hover {
    color: #524d47;
}

.tabs-panels-address {
    overflow: hidden;
}

.tabs-panels-address .tabs-link-address {
    width: 50%;
    background: #ececec;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}

.tabs-panels-address .tabs-link-address:first-child {
    border-left: none;
}

.tabs-panels-address .tabs-link-address:before {
    position: absolute;
    width: 32px;
    height: 1px;
    content: '';
    bottom: 0;
    left: 50%;
    margin-left: -16px;
    background: #d8d8d8;
    opacity: 0;
}

.tabs-panels-address .tabs-link-address:hover {
    background: #fff;
    border-bottom-color: #fff;
}

.tabs-panels-address .tabs-link-address:first-child:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 30px;
    background-color: red;
}

.tabs-panels-address .active-link {
    background: #fff;
    border-bottom-color: #fff;
}

.tabs-panels-address .active-link:before {
    content: '';
    opacity: 1;
}

.tp-item {
    display: inline-block;
    vertical-align: top;
    width: 206px;
    margin: 0 5px;
    background: #fff;
    height: 136px;
    position: relative;
    overflow: visible !important;
    padding: 28px 0 0 20px;
}

.tp-item:after, .tp-item:before {
    position: absolute;
    top: 0;
    border-style: solid;
    border-width: 68px 0 68px 18px;
    content: '';
}

.tp-item:before {
    left: 0;
    border-color: transparent transparent transparent #ececec;
    z-index: 1;
}

.tp-item:after {
    z-index: 2;
    right: -18px;
    border-color: transparent transparent transparent #fff;
}

.tp-item:last-child {
    margin-right: 0;
    padding-left: 17px;
}

.tp-item:last-child:after {
    display: none;
}

.tp-item:last-child .tp-count {
    margin-left: -22.5px;
}

.tp-item:first-child {
    margin-left: 0;
    padding-left: 10px;
}

.tp-item:first-child:before {
    display: none;
}

.tp-item:first-child .tp-count {
    margin-left: -22.5px;
}

.tp-item.active, .tp-item:hover {
    background: #d3d3d3;
}

.tp-item.active:after, .tp-item:hover:after {
    border-left-color: #d3d3d3;
}

.tp-item:hover {
    cursor: pointer;
}

.tp-item-name {
    font-size: 16px;
    font-weight: 500;
    font-family: 'GothamPro', sans-serif;
    line-height: 21px;
    margin-top: 10px;
}

.tp-icon-wrap {
    height: 30px;
    line-height: 30px;
    font-size: 0;
    margin-bottom: 10px;
}

.tp-icon-wrap svg {
    vertical-align: middle;
}

.tp-count {
    position: absolute;
    font-size: 0;
    width: 55px;
    height: 64px;
    top: -32px;
    left: 51%;
    margin-left: -17.5px;
}

.tp-count svg {
    fill: #ACD578;
    position: absolute;
    top: 0;
    left: 0;
}

.tp-count-num {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 66px;
    font-size: 18px;
    font-family: 'GothamPro', sans-serif;
    font-weight: 900;
    text-align: center;
    color: #fff;
}

.tp-count-min {
    margin: 0 23px;
    position: relative;
}

.tp-count-min img {
    width: 25px;
    position: absolute;
    top: -6px;
    left: -14px;
}

.tp-count-min-num {
    position: absolute;
    top: -2px;
    left: -5px;
    font-size: 12px;
    font-family: 'GothamPro', sans-serif;
    font-weight: 300;
    text-align: center;
    color: #fff;
}

.tip {
    font-size: 16px;
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px 0;
}

.tip + .table-progress {
    margin-top: 25px;
}

.tip .icon__ok {
    margin-right: 30px;
}

.tip > span {
    line-height: 24px;
    width: 600px;
}

.tip__count-wrap {
    position: relative;
}

.tip__center > span {
    max-width: 600px;
    width: auto;
}

.tpanel-head {
    padding: 10px 50px;
    background: #d3d3d3;
    line-height: 20px;
}

.tpanel-content {
    padding: 25px 28px;
    min-height: 242px;
    background: #fff;
}

.tpanel-content .btn {
    margin: 8px 0 25px;
}

.tpanel-content .btn + div {
    line-height: 20px;
}

.tpanel-price {
    color: #ACD578;
    font-family: 'GothamPro', sans-serif;
    font-size: 18px;
    font-weight: 900;
}

.table-client .tpanel-price {
    margin-top: 9px;
}

.tpanel-total {
    margin-top: 10px;
    margin-bottom: 18px;
    border-top: 1px solid #f2f2f2;
    padding-top: 17px;
}

.tpanel-total * {
    vertical-align: baseline;
}

.table-client {
    width: 100%;
}

.table-client td:first-child {
    width: 116px;
    border-right: 1px solid #f2f2f2;
}

.table-client td:last-child {
    padding-left: 33px;
}

.table-client-wide td:first-child {
    width: 152px;
}

.profile-progress {
    margin: 50px 0 30px;
    width: 100%;
}

.table-wrap {
    padding: 20px;
    background: #fff;
}

.table-wrap__edit {
    white-space: nowrap;
}

.table-wrap__edit svg {
    margin-left: 2px;
}

.table-wrap__delete:hover img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.table-wrap__delete img {
    margin-right: 3px;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.tp-content-item {
    display: none;
}

.tp-content-item-start {
    display: block;
}

.content-archive {
    padding: 0 65px;
}

.content-archive .table-progress {
    margin-top: 20px;
}

.optionally {
    margin-top: 20px;
}

.optionally .content-forms-caption {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 25px;
    padding-left: 2px;
    text-transform: uppercase;
    cursor: pointer;
}

.optionally .content-forms-caption svg {
    -webkit-transition: fill 0.6s ease, -webkit-transform 0.4s ease;
    transition: fill 0.6s ease, -webkit-transform 0.4s ease;
    transition: fill 0.6s ease, transform 0.4s ease;
    transition: fill 0.6s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
    margin-bottom: 3px;
}

.optionally .content-forms-caption:hover svg {
    fill: #524d47;
}

.optionally-content {
    display: none;
    padding: 20px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.optionally-content .form-group:last-child {
    padding-bottom: 0;
}

.optionally .file-formats {
    display: inline-block;
    font-family: 'DINPro', sans-serif;
    font-size: 12px;
}

.content-forms {
    padding: 0 60px;
    color: #524d47;
}

.content-forms-table {
    margin-top: 0;
    padding: 40px 0 65px;
    background-color: #fff;
}

.content-forms-new-pack {
    margin-top: 0;
    padding: 55px 35px 65px;
    background-color: #fff;
}

.content-forms-new-pack .form-group .field-block input,
.content-forms-new-pack .select2-selection--single,
.content-forms-new-pack .form-group .field-block textarea {
    width: 330px !important;
    margin-left: 20px;
    resize: none;
}

.content-forms-new-pack textarea {
    line-height: 22px;
}

.content-forms-new-pack .select2-results {
    width: 330px;
    left: 20px;
    overflow-y: auto;
}

.content-forms-new-pack .select2-selection__rendered {
    width: 270px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-forms-new-pack .double-form {
    display: block;
    padding-bottom: 30px;
    position: relative;
}

.content-forms-new-pack .double-form .form-group {
    padding-bottom: 0;
}

.content-forms-new-pack .form-group {
    padding-bottom: 30px;
    display: block;
}

.content-forms-new-pack .form-group-check {
    padding-bottom: 10px;
}

.content-forms-new-pack .form-group .file-formats {
    text-transform: none;
    font-size: 12px;
}

.content-forms-new-pack .form-group .elem-psevdo {
    position: absolute;
    left: 455px;
    top: 0;
    line-height: 45px;
}

.content-forms-new-pack .submit {
    padding-top: 25px;
    padding-left: 173px;
}

.content-forms-new-pack .bind-check {
    margin-top: 20px;
    padding-left: 173px;
}

.content-forms-new-pack .group-check-wrap {
    position: relative;
    margin-top: 5px;
}

.content-forms-new-pack .group-check-wrap-title {
    color: #7d7d7d;
    font-family: 'GothamPro', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    display: inline-block;
    width: 250px;
    position: absolute;
    top: 5px;
    left: 0;
}

.content-forms-new-pack .group-check-wrap label > svg {
    margin-right: 5px;
    margin-top: -6px;
    vertical-align: middle;
    fill: #d3d3d3;
}

.content-forms-new-pack .field-title {
    width: 150px;
}

.content-forms .left-field {
    width: 505px;
    float: left;
}

.content-forms .right-field {
    width: 502px;
    position: relative;
    float: right;
    padding-top: 15px;
    padding-left: 50px;
}

.content-forms .right-field p {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
}

.content-forms .right-field-mark {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #ACD578;
    position: absolute;
    top: 20px;
    left: 35px;
}

.content-forms-tips-off {
    padding: 45px 35px;
}

.content-forms-tips-off .left-field {
    width: 100%;
    float: none;
}

.content-forms-tips-off .right-field {
    display: none;
}

.content-forms-tips-off .bind-check {
    padding-left: 0;
}

.content-forms-tips-off .optionally {
    width: 100%;
    margin-top: -30px;
}

.content-forms-tips-off form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.content-forms-tips-off form > .form-group {
    width: 320px;
    padding-bottom: 25px;
}

.content-forms-tips-off form > .group-check-wrap {
    width: 320px;
    padding-bottom: 0;
}

.content-forms-tips-off .optionally-content .form-group {
    width: 320px;
    display: inline-block;
    padding-bottom: 0;
}

.content-forms-tips-off .optionally-content .form-group:last-child {
    margin-left: 25px;
}

.content-forms-tips-off form .submit {
    width: 100%;
    padding-left: 0;
    text-align: center;
}

.content-forms-tips-off .form-group .field-block input,
.content-forms-tips-off .select2-selection--single,
.content-forms-tips-off .form-group .field-block textarea,
.content-forms-tips-off .form-group .field-block .customs-block-text
{
    width: 320px !important;
    margin-left: 0;
}

.content-forms-tips-off .form-group .field-title {
    display: block;
    width: 100%;
}

.content-forms-tips-off .form-group .field-title-textarea {
    padding-top: 0;
}

.content-forms-tips-off .form-group-check {
    padding-left: 0;
}

.content-forms-tips-off .form-group .elem-psevdo {
    left: 275px;
    top: 24px;
}

.content-forms-tips-off .form-group .file-formats {
    display: none;
}

.content-forms-tips-off .select2-results {
    left: 0;
    width: 320px;
}

.content-forms-tips-off .group-check-wrap {
    margin-top: 0;
}

.content-forms-tips-off .group-check-wrap-title {
    display: block;
    position: static;
    width: 100%;
}

.content-forms-optionally-open .optionally-content {
    display: block;
}

.content-forms-optionally-open .optionally-click svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.content-forms a:hover {
    color: #524d47;
}

.content-forms .icon__arrow {
    margin-top: -2px;
}

.content-forms .orange {
    white-space: nowrap;
}

.content-forms-pay .form-group {
    text-align: center;
    position: relative;
    display: inline-block;
    padding-bottom: 30px;
}

.content-forms-pay .form-group span {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 45px;
}

.content-forms-pay form {
    margin-top: 50px;
    text-align: center;
}

.content-forms-pay label {
    font-family: 'GothamPro', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.content-forms-pay .pay-count {
    margin-left: 20px;
    background-color: #f7f7f7;
    border: 1px solid #d8d8d8;
    padding: 0 20px;
    width: 105px;
    height: 45px;
}

.content-forms-title {
    text-align: center;
    position: relative;
}

.content-forms-title a {
    position: absolute;
    left: 0;
    bottom: 3px;
}

.content-forms-title svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 2px;
}

.content-forms-wrap {
    width: 670px;
    margin: 0 auto;
}

.content-forms-wrap-big {
    width: 850px;
    margin: 0 auto;
}

.content-forms-caption {
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

.content-forms-caption .orange {
    font-size: 18px;
    font-weight: 900;
}

.content-forms-writeoff {
    margin-top: 37px;
}

.content-forms-writeoff .dotted {
    padding-left: 1px;
}

.content-forms-item {
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
    padding-top: 40px;
}

.content-forms-switch .h2 {
    display: inline-block;
}

.content-forms-switch .form-switch-wrap {
    float: right;
    position: relative;
    padding-top: 8px;
}

.content-forms-switch .form-switch-wrap .switcher {
    position: absolute;
    left: 2px;
    top: 2px;
    height: 24px;
    width: 45px;
    background-color: #ACD578;
    -webkit-transition: left 0.4s ease;
    transition: left 0.4s ease;
}

.content-forms-switch .form-switch-wrap-off .switcher {
    left: 56px;
}

.content-forms-switch .form-switch-wrap label {
    padding-left: 120px;
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #7d7d7d;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    display: inline-block;
    height: 32px;
    line-height: 33px;
    z-index: 2;
}

.content-forms-switch .form-switch {
    width: 105px;
    height: 30px;
    padding: 2px;
    border: 1px solid #d8d8d8;
    background-color: #f7f7f7;
    position: absolute;
    top: 10px;
}

.content-forms-switch .form-switch span {
    text-align: center;
    display: inline-block;
    width: 49px;
    line-height: 24px;
}

.content-forms-switch .form-switch span:first-child {
    float: left;
}

.content-forms-switch .form-switch span:nth-child(2) {
    float: right;
}

.content-forms-switch .form-switch svg {
    fill: #fff;
}

.content-forms-buttons {
    margin-top: 25px;
    text-align: center;
}

.content-forms-buttons .btn {
    margin: 0 10px;
}

.content-forms-buttons-flex {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.content-forms-buttons-flex .btn {
    margin: auto;
}

.content-forms-left {
    width: 240px;
    float: left;
    position: relative;
    text-align: center;
}

.content-forms-left:after {
    display: block;
    width: 40px;
    height: 10px;
    border-bottom: 1px solid #524d47;
    position: absolute;
    top: 0;
    right: -40px;
}

.content-forms-left .btn {
    width: 100%;
    padding: 0;
}

.content-forms-right {
    width: 340px;
    padding-top: 3px;
    float: right;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

.content-forms-line {
    display: inline-block;
    width: 40px;
    height: 15px;
    border-bottom: 1px solid #524d47;
    position: absolute;
    top: 0;
    right: -65px;
}

.content-forms-to-pay {
    font-size: 12px;
    text-transform: uppercase;
    margin: 7px 0 11px;
}

.content-forms-din {
    font-family: 'DINPro', sans-serif;
}

.content-forms-footer {
    margin-top: 50px;
    padding-top: 23px;
    border-top: 1px solid #d8d8d8;
}

.dotted {
    color: #ACD578;
    border-bottom: 2px dotted #ACD578;
    white-space: nowrap;
    -webkit-transition: border-color 0.6s ease, color 0.6s ease;
    transition: border-color 0.6s ease, color 0.6s ease;
}

.dotted:hover {
    color: #524d47;
    border-bottom: 2px dotted transparent;
}

.progress-mobile-delivery input:checked ~ .checked, .table-progress-delivery input:checked ~ .checked {
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

.progress-mobile-delivery input:checked ~ .unchecked, .table-progress-delivery input:checked ~ .unchecked {
    -webkit-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
}

.table-progress {
    margin: 50px 0 30px;
    clear: both;
}

.table-progress table {
    width: 100%;
}

.table-progress table .orange a:hover {
    color: #524d47;
}

.table-progress table .location {
    font-size: 12px;
    padding-top: 2px;
    white-space: nowrap;
}

.table-progress table .btn {
    margin-top: 5px;
    width: 160px;
    padding: 0;
}

.table-progress table .choose {
    position: absolute;
    top: 86px;
    left: -170px;
    text-align: center;
    background: #f7f7f7;
    padding: 0 10px 3px 10px;
    -webkit-transition: .5s;
    transition: .5s;
}

.table-progress table .choose.toright {
    left: 15px;
}

.table-progress table .choose a {
    margin: 0 5px;
}

.table-progress table .choose a:hover {
    color: #524d47;
}

.table-progress table td {
    vertical-align: top;
}

.table-progress table thead {
    background: #d3d3d3;
    text-transform: uppercase;
}

.table-progress table thead td {
    padding: 11px 20px 10px 15px;
}

.table-progress table thead td:first-child {
    width: 275px;
    padding-left: 115px;
}

.table-progress table thead td:nth-child(2) {
    width: 300px;
}

.table-progress table thead td:nth-child(3) {
    width: 115px;
}

.table-progress table thead td:nth-child(4) {
    width: 165px;
}

.table-progress table tbody .hide-desctop {
    display: none;
}

.table-progress table tbody tr {
    border-bottom: 1px solid #f2f2f2;
}

.table-progress table tbody tr:last-child {
    border: 0;
}

.table-progress table tbody td {
    padding: 12px 10px 16px 15px;
    border-right: 1px solid #f2f2f2;
}

.table-progress table tbody td .black-price {
    color: #292929;
    margin-top: 12px;
}

.table-progress table tbody td:first-child {
    width: 80px;
    padding-left: 0;
}

.table-progress table tbody td:nth-child(2) {
    width: 175px;
}

.table-progress table tbody td:nth-child(3) {
    width: 300px;
}

.table-progress table tbody td:nth-child(4) {
    width: 115px;
}

.table-progress table tbody td:nth-child(4)[colspan] {
    width: 235px;
    font-size: 12px;
    color: #7d7d7d;
}

.table-progress table tbody td:nth-last-child(2) {
    width: 45px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.table-progress table tbody td:last-child {
    border: 0;
    padding-right: 0;
    width: 195px;
    position: relative;
    overflow: hidden;
}

.table-progress-delivery {
    margin-top: 20px;
}

.table-progress-delivery .label-for {
    vertical-align: top;
    padding-left: 30px;
    margin: 15px 10px 0 0;
}

.table-progress-delivery table thead td:first-child {
    width: 305px;
}

.table-progress-delivery table tbody td:first-child {
    width: 110px;
    position: relative;
}

.table-progress-delivery table tbody td:last-child {
    width: 165px;
}

.table-progress-caption {
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px;
}

.after-pay .right {
    margin-left: 10px;
}

.after-pay:before {
    display: block;
    content: '';
    clear: both;
    height: 0;
}

.progress-empty {
    margin: 50px 0 0;
}

.progress-empty__table {
    background-color: #fff;
    text-align: center;
    padding: 0 50px;
}

.progress-empty__table:first-child {
    padding-bottom: 70px;
}

.progress-empty__table:last-child {
    margin-top: 70px;
    padding: 60px 0 65px;
}

.progress-empty__svg {
    text-align: center;
}

.progress-empty__svg svg {
    width: 290px;
    padding: 0 45px;
    background-color: #fff;
    position: relative;
    top: -70px;
}

.progress-empty__line {
    height: 115px;
    border-bottom: 1px solid #d8d8d8;
}

.progress-empty__title {
    width: 500px;
    text-align: center;
    margin: 0 auto;
}

.progress-empty__title_after-svg {
    margin-top: -45px;
}

.progress-empty__title_without-svg {
    padding-top: 60px;
}

.progress-empty__call-us {
    margin-top: 30px;
    font-family: 'GothamPro', sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.progress-empty__call-us a:hover {
    color: #524d47;
}

.progress-empty__call-us .phone-bold {
    font-weight: 900;
    position: relative;
    margin-left: 10px;
    padding-left: 30px;
    white-space: nowrap;
}

.progress-empty__call-us .phone-bold svg {
    fill: #ACD578;
    position: absolute;
    top: -3px;
    left: 0;
}

.progress-empty__questions {
    font-weight: 500;
}

.progress-empty .btn {
    margin-top: 40px;
}

.empty-icon {
    display: inline-block;
    height: 4px;
    width: 16px;
    border-top: 1px solid #292929;
}

.svg-holder {
    position: relative;
}

.svg-holder__svg {
    width: 25px;
    margin: 0 auto;
    cursor: pointer;
}

.svg-holder__svg svg {
    vertical-align: top;
    fill: #d3d3d3;
    margin-top: 2px;
}

span .svg-holder__svg:hover svg {
    fill: #292929;
}

span:hover .svg-holder__svg svg {
    fill: #292929;
}

span:hover .svg-holder__svg ~ .svg-holder__tooltip {
    display: inline-block;
    opacity: 1;
}

label .svg-holder__svg:hover svg {
    fill: #292929;
}

label:hover .svg-holder__svg svg {
    fill: #292929;
}

label:hover .svg-holder__svg ~ .svg-holder__tooltip {
    display: inline-block;
    opacity: 1;
}
.svg-holder__tooltip:hover{
    display: block;
}
.svg-holder__svg:hover ~ .svg-holder__tooltip {
    display: inline-block;
    opacity: 1;
}
.svg-holder__tooltip {
    display: none;
    position: absolute;
    bottom: 36px;
    left: -72.5px;
    width: 190px;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    background-color: white;
    -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 0 3px);
    filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 0 3px);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 2;
}

.svg-holder__tooltip:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -10px;
    left: 87px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid white;
}

.ta-button{
    width: 215px;
}

@media (max-width: 750px) {
    .ta-button{
        width: 100%;
    }
}


.ta-left {
    width: 460px;
}

.ta-left .right {
    width: 202px;
    line-height: 18px;
    padding-top: 6px;
}

.ta-right {
    width: 570px;
}

.ta-right .right {
    width: 300px;
    line-height: 18px;
    padding-top: 6px;
}

.profile-data {
    background: #fff;
    padding: 50px;
}

.profile-data input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.promocod {
    margin-bottom: 42px;
}

.promocod > span.left {
    line-height: 45px;
    margin-right: 15px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 12px;
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
    color: #7d7d7d;
}

.promocod .btn-orange, .sub_holder .btn-orange {
    color: #524d47;
    background: transparent;
    border: 1px solid #ACD578;
    height: 45px;
    display: inline-block;
    padding: 0 30px;
}

.sub_holder .btn-orange {
    padding: 0 28px;
}

.promocod .btn-orange:hover, .sub_holder .btn-orange:hover {
    background: #ACD578;
    color: #fff;
}

.promocod .progress-button.done {
    background: #ACD578;
    border: transparent;
}

.promocod legend {
    margin-right: 20px;
    color: #7d7d7d;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 45px;
}

.promocod input[type=text] {
    width: 210px;
    height: 45px;
    background-color: #f7f7f7;
    border: 1px solid #a3a2a2;
    margin-right: 15px;
    padding: 5px;
    line-height: 45px;
}

.promocod input[type=text].error {
    color: #ff0000;
    border-color: #ff0000;
}

.main-profile-data:last-child, .doc-container .main-profile-data:first-child, .deliv-container .main-profile-data:first-child {
    margin-bottom: 0;
}

.main-profile-data a.orange:hover {
    color: #524d47;
}

.main-profile-data > small {
    display: block;
    text-align: center;
    color: #7d7d7d;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}

.main-profile-data .mpd-head h3 {
    display: inline-block;
}

.main-profile-data .mpd-head a {
    margin-left: 30px;
}

.mpd-head .icon__close-orange {
    width: 11px;
    height: 11px;
    padding-top: 1px;
}

.main-profile-data input[type="text"] {
    border: none;
    text-align: right;
    padding: 4px 3px 6px;
    border: 1px solid transparent;
    border-radius: 0 !important;
    width: 220px;
}

.main-profile-data input[type="text"].active {
    background: #f7f7f7;
    text-align: left;
}

.main-profile-data textarea {
    border: none;
    text-align: right;
    padding: 4px 3px;
    border: 1px solid transparent;
    width: 300px;
    height: 105px;
    resize: none;
    background: transparent;
}

.main-profile-data textarea.active {
    background: #f7f7f7;
}

.main-profile-data .mpd-head {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.main-profile-data .mpd-head .choose {
    position: absolute;

    right: -378px;
    text-align: center;
    background: #f7f7f7;
    padding: 0 10px 3px 10px;
    -webkit-transition: .5s;
    transition: .5s;
}

form.main-profile-data .main-profile-data .mpd-head .choose{
    top:0px
}
@media (min-width: 750px){
    form.main-profile-data .action-buttons-block{
        width: 100%;
    }
}

form.address-form-border .main-profile-data .mpd-head .choose{
    top: 8px;
}

.main-profile-data .mpd-head .choose.toleft {
    right: 0;
}

.main-profile-data .mpd-head .choose a {
    margin: 0 5px;
}

.main-profile-data .mpd-head .hidd {
    display: none;
}

.main-profile-data .mpd-head .del .icon__close-orange {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-top: 5px;
}

.main-profile-data .mpd-head .del:hover .icon__close-orange {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.main-profile-data .mpd-head.show .hidd {
    display: block;
}

.main-profile-data .mpd-head.show .edit, .main-profile-data .mpd-head.show .cancel, .main-profile-data .mpd-head.show .del {
    display: none;
}

.main-profile-data.new_adress {
    display: block;
}

.main-profile-data.new_adress .mpd-head .hidd {
    display: block;
}

.main-profile-data.new_adress .mpd-head .edit, .main-profile-data.new_adress .mpd-head .deny, .main-profile-data.new_adress .mpd-head .del {
    display: none;
}

.main-profile-data.new_adress:last-child {
    margin-bottom: 0 !important;
}

.mpd-main {
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 5px;
}

.mpd-main:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 1px;
    left: 50%;
    top: 10%;
    height: 75%;
    background: #d8d8d8;
}

.mpd-main:after {
    content: '';
    display: block;
    clear: both;
}

.mpd-main > div {
    width: 440px;
}

.mpd-main .row {
    padding: 6px 0 4px;
    border-bottom: 1px solid #d8d8d8;
}

.mpd-main strong {
    text-transform: uppercase;
    padding-top: 4px;
    display: inline-block;
    font-size: 12px;
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
    color: #7d7d7d;
}

.mpd-main > div .row:last-child {
    border: none;
}

.add_adress {
    padding-top: 15px;
    margin-bottom: 65px;
}

.add {
    position: relative;
    padding-left: 50px;
}

.add .ver {
    position: absolute;
    display: inline-block;
    width: 13px;
    height: 1px;
    top: 50%;
    margin-top: -.5px;
    left: 29px;
    background: #ACD578;
    -webkit-transition: .3s;
    transition: .3s;
}

.add .hor {
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 13px;
    top: 50%;
    margin-top: -6.5px;
    left: 35px;
    background: #ACD578;
    -webkit-transition: .3s;
    transition: .3s;
}

.add:hover .ver, .add:hover .hor {
    background: #fff;
}

.add_adress .orange_link {
    color: #ACD578;
}

.orange_link.choose_cancel {
    color: #ACD578;
}

.orange_link.choose_cancel:hover {
    color: #524d47;
}

.add_adress .orange_link:hover {
    color: #ACD578;
}

.add_adress .orange svg {
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.add_adress .orange.hide_all svg, .add_adress .orange.hide_all_deliv svg {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.add_adress .orange:hover {
    border-color: #524d47;
    color: #524d47;
}

.main-profile-data.forheckbox {
    border-top: 1px solid #d8d8d8;
    padding-top: 12px;
    margin-bottom: 30px;
}

.main-profile-data.forheckbox .row {
    padding: 7px 0;
}

.main-profile-data.forheckbox.dop {
    padding-top: 0;
    border: none;
}

.main-profile-data.forheckbox .mpd-main:before {
    display: none;
}

.main-profile-data.forheckbox .mpd-head-left {
    width: 278px;
}

.main-profile-data.forheckbox .mpd-head-right {
    width: 692px;
}

.label-for {
    position: relative;
    padding-left: 40px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: inline-block;
    cursor: pointer;
}

.checked, .unchecked {
    width: 30px;
    display: inline-block;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.unchecked {
    background: #f7f7f7;
    border: 1px solid #a3a2a2;
}

.checked {
    background: #ACD578;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
}

.checked svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4.5px 0 0 -6.5px;
}

input:checked + label .checked {
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

input:checked + label .unchecked {
    -webkit-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
}

.main-profile-data.forheckbox .row {
    border: none;
}

.main-profile-data.forheckbox .row.pl {
    padding-left: 30px;
}

.main-profile-data.forheckbox .mpd-head-left {
    padding-top: 9px;
}

.main-profile-data.forheckbox .mpd-head {
    border: none;
}

.sub_holder {
    text-align: center;
}

.main-profile-data.new:last-child {
    margin-bottom: 0 !important;
}

.help-padding {
    padding: 11px 66px 0 63px;
}

.profile-help {
    background: #fff;
    padding: 0 25px 0 50px;
}

.buy-in-usa {
    margin-bottom: 10px;
    width: 100%;
}

.rules__title-js {
    padding: 0;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    display: block;
    color: #524d47;
    border-bottom: 1px solid #524d47;
    width: 100%;
    text-align: left;
    outline: none;
    -webkit-transition: 1.4s;
    transition: 1.4s;
    padding-bottom: 10px;
}

.rules__title-js:before {
    content: '';
    background-image: url("../img/content/home/arrow/arrow-down.png");
    background-repeat: no-repeat;
    width: 12px;
    height: 5px;
    position: absolute;
    right: 0;
    top: 15px;
}

.rules__title-js:after {
    content: '';
    display: none;
    background-image: url("../img/content/home/arrow/arrow-up.png");
    background-repeat: no-repeat;
    width: 12px;
    height: 5px;
    position: absolute;
    right: 0;
    top: 15px;
}

.open .rules__title-js:after {
    display: block;
}

.open .rules__title-js:before {
    display: none;
}

.open .rules__title-js .rules__list {
    display: block;
}

.rules__title-js.active {
    color: #ACD578;
    border-bottom: 1px solid #ACD578;
}

.rules__title-js:hover {
    color: #ACD578;
    border-bottom: 1px solid #ACD578;
}

.rules__list {
    background-color: white;
    display: none;
    color: #7d7d7d;
    border-bottom: 1px solid #ACD578;
}

.open {
    display: block;
}

.main-profile-help {
    overflow: hidden;
    padding: 30px 0 70px;
    border-bottom: 1px solid #f2f2f2;
}

.main-profile-help .how-left {
    width: 462px;
    margin-top: 12px;
    max-width: 100%;
}

.main-profile-help .how-left h2 {
    margin-bottom: 11px;
}

.main-profile-help .how-right {
    width: 475px;
    max-width: 100%;
}

.main-profile-help .how-right a:hover {
    color: #524d47;
}

.ytp-gradient-top {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.video-wrapper {
    width: 450px;
    position: relative;
}

.video-wrapper .video-player {
    position: relative;
    padding-top: 56.4%;
    margin-top: 20px;
}

.video-wrapper iframe {
    position: absolute;
    top: -90000px;
    left: 0;
    height: 100% !important;
    width: 100% !important;
    opacity: 0;
    -webkit-transition: top .05s, opacity .45s;
    transition: top .05s, opacity .45s;
}

.video-wrapper iframe.watch {
    top: 0;
    opacity: 1;
}

.video-wrapper .video-trigger {
    position: absolute;
    top: 0;
    left: 0;
    height: 223px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
    -webkit-transition: visibility .33s, opacity .33s;
    transition: visibility .33s, opacity .33s;
}

.video-wrapper .video-trigger.removed {
    opacity: 0;
    visibility: hidden;
}

.video-wrapper .video-trigger:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    box-shadow: 0 48px 87px -39px #808080;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: 0.33s;
    transition: 0.33s;
}

.video-wrapper .video-trigger .text {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    width: auto;
    height: 180px;
    min-width: 300px;
    top: 50%;
    margin: 0 auto;
    color: white;
    text-align: center;
    z-index: 1;
}

.video-wrapper .video-trigger .text .big {
    width: 125px;
    height: 146px;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: bold;
}

.video-wrapper .video-trigger .text h2 {
    font-size: 18px;
    line-height: 24px;
    color: white;
    font-weight: 500;
    position: relative;
    top: 7px;
    margin-bottom: 0;
}

.video-wrapper .video-trigger .text .play {
    position: relative;
    margin-top: 5px;
    font-size: 60px;
}

.video-wrapper .video-trigger a.play-video {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: white;
}

.big .icon__video-play g #base {
    stroke: #fff;
    opacity: 0.51;
}

.big .icon__video-play g #base-2 {
    stroke: #ACD578;
    fill: none;
}

.big .icon__video-play #icon {
    fill: #fff;
}

.icon__hexagon-hover {
    height: 45px;
    stroke: #ACD578;
}

.icon__play {
    top: 36%;
}

.icon__hexagon-hover:nth-child(1) {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.soc {
    margin: 0 5px 0 0;
    width: 58px;
    height: 66px;
}

.soc:last-child {
    margin: 0;
}

.soc .icon__hexagon-hover {
    fill: transparent;
    width: 57px;
    height: 71px;
    top: 41px;
    left: 34px;
    position: absolute;
    z-index: -1;
}

.soc .icon__hexagon-hover:nth-child(2) {
    z-index: 2;
}

.soc:hover .icon__hexagon-hover:nth-child(1) {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.soc:hover.play-video .icon__hexagon-hover:first-child {
    fill: #ACD578;
    -webkit-animation: footscale 1 .6s;
    animation: footscale 1 .6s;
}

.new-help-block .video-block {
    padding: 8px 0 0 3px;
}

.new-help-block .how-left {
    width: 476px;
    margin-top: 7px;
}

.stage-block {
    background: #fff;
    color: #fff;
    padding: 70px 0 0;
}

.stage-block-bg {
    height: 286px;
    background-size: cover;
    position: relative;
}

.stage-block .help-stage-left {
    -webkit-transition: all 0.65s ease 0.65s;
    transition: all 0.65s ease 0.65s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 50px;
    width: 350px;
    height: inherit;
    position: absolute;
    top: 0;
}

.stage-block .help-stage-left .h2 {
    margin: auto;
    font-size: 36px;
}

.stage-block .help-stage-right {
    -webkit-transition: all 0.65s ease 0.65s;
    transition: all 0.65s ease 0.65s;
    padding-top: 60px;
    width: 605px;
    position: absolute;
    top: 0;
    right: 0;
}

.stage-block .to-animate-wrap {
    height: 350px;
    position: relative;
    top: -30px;
    right: 0;
    overflow-x: hidden;
}

.stage-block .to-animate-wrap .stage-overlay {
    height: 286px;
    width: 771px;
    position: absolute;
    top: 30px;
}

.stage-block .to-animate-wrap .stage-overlay:after, .stage-block .to-animate-wrap .stage-overlay:before {
    position: absolute;
    content: '';
    width: 36px;
    height: 1px;
    background: #ACD578;
    -webkit-transform: rotate(-54deg);
    transform: rotate(-54deg);
}

.stage-block .to-animate-wrap .stage-overlay:after {
    left: -29px;
    bottom: -15px;
}

.stage-block .to-animate-wrap .stage-overlay:before {
    left: 191px;
    top: -15px;
}

.stage-help {
    min-height: 286px;
    padding: 0;
}

.stage-help .overlay-holder .help-stage-overlay {
    width: 771px;
}

.stage-help .overlay-holder .help-stage-overlay:before {
    left: 25% !important;
}

.stage-help .overlay-holder .container {
    width: 100%;
    height: inherit;
}

.stage-help .overlay-holder .container .help-stage-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 50px;
    width: 350px;
    height: inherit;
    position: relative;
}

.stage-help .overlay-holder .container .help-stage-left .h2 {
    margin: auto;
    font-size: 36px;
}

.stage-help .overlay-holder .container .help-stage-right {
    padding-top: 60px;
    width: 605px;
}

.write-to-us {
    text-align: right;
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
    line-height: 18px;
}

.write-to-us .mail {
    position: relative;
    top: 22px;
}

.stage-table {
    padding-left: 35px;
}

.stage-table .or-block {
    display: inline-block;
    vertical-align: top;
    z-index: 1;
    position: relative;
    text-align: center;
    width: 65px !important;
    margin: 16px 28px 0 25px;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}

.stage-table .or-block:before {
    z-index: -1;
    position: absolute;
    content: '';
    width: 1px;
    bottom: -18px;
    left: 37px;
    top: -48px;
    height: 111px;
    opacity: 0.2;
    background: #fff;
    -webkit-transform: rotate(-54deg);
    transform: rotate(35deg);
}

.stage-table .mail {
    color: white;
    font-size: 18px;
    font-weight: 900;
}

.stage-table .tel {
    display: inline-block;
    width: 235px;
    font-weight: normal;
    line-height: 18px;
}

.stage-table .tel span {
    display: block;
    margin-top: 22px;
    font-size: 18px;
    font-weight: 900;
}

.call-manager {
    display: block;
    font-family: 'GothamPro', sans-serif;
    color: white;
    font-size: 14px;
    font-weight: 100;
    line-height: 30px;
    margin-top: 35px;
}

@media (max-width: 1200px) {
    .help-padding {
        width: 100%;
    }
    .stage-help .help-stage-overlay {
        width: calc(50% + 260px);
    }
    .stage-help .help-stage-overlay .icon__overlay-rtl {
        width: 100%;
    }
    .stage-help .help-stage-overlay:before {
        left: 25% !important;
    }
    .stage-help .overlay-holder .help-stage-overlay {
        width: 625px;
    }
    .stage-help .overlay-holder .container {
        width: 100%;
    }
    .stage-help .overlay-holder .container .help-stage-left {
        padding: 40px 0 0 49px;
        width: 240px;
        position: relative;
    }
    .stage-help .overlay-holder .container .help-stage-left .h2 {
        font-size: 31px;
    }
    .stage-help .overlay-holder .container .help-stage-right {
        width: 465px;
    }
    .stage-help .overlay-holder .container .help-stage-right .stage-table .or-block {
        margin: 16px 4px 0 4px;
    }
    .stage-help .overlay-holder .container .help-stage-right .stage-table .write-to-us {
        width: 135px;
    }
    .stage-block .stage-table .or-block {
        display: none;
    }
    .stage-block .stage-table .write-to-us .mail {
        display: inline-block;
        position: static;
        margin-top: 10px;
    }
    .stage-block .stage-table .write-to-us {
        width: 220px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .stage-block .stage-table .tel {
        width: 230px;
        margin-top: 20px;
    }
    .stage-block .stage-table .tel span {
        margin-top: 10px;
    }
    .stage-block .help-stage-right {
        padding-top: 45px;
        width: 325px;
        text-align: right;
        padding-right: 35px;
    }
    .stage-block .to-animate-wrap .stage-overlay {
        width: 425px;
    }
    .call-manager {
        width: 100%;
        position: initial;
        margin-top: 10px;
    }
    .page__padding {
        padding-top: 75px;
    }
    .add-padding {
        padding: 0 15px;
    }
    .tp-item {
        width: 136px;
    }
    .tabs-holder {
        padding-top: 35px;
    }
    .tabs-panels {
        margin-top: 41px;
    }
    .tabs-panel {
        margin: 0 10px 30px 0;
        width: 355px;
    }
    .tabs-panel:nth-child(2) {
        margin-right: 0;
    }
    .tabs-panel:last-child {
        width: 100%;
        margin: 0;
    }
    .tabs-panel:last-child .table-client {
        width: 47%;
        float: left;
        margin-right: 40px;
    }
    .tabs-panel:last-child .table-client td {
        border-right: 1px solid #f2f2f2;
    }
    .tabs-panel:last-child .table-client .tpanel-price {
        float: left;
    }
    .tabs-panel:last-child .table-client .tpanel-price + div {
        padding: 10px 0 0 10px;
        float: left;
    }
    .tabs-panel:last-child .tpanel-head {
        padding: 20px 50px;
    }
    .tabs-panel:last-child .tpanel-total {
        width: 140px;
        float: left;
        margin: 0;
        padding: 0;
        border-color: transparent;
    }
    .tabs-panel:last-child .tpanel-total .gray {
        margin-bottom: 8px;
    }
    .tabs-panel:last-child .tpanel-total .right {
        float: left;
    }
    .tabs-panel:last-child .tpanel-total .right span:last-child {
        margin-left: 6px;
    }
    .tabs-panel:last-child .tpanel-content {
        min-height: 0;
        padding-bottom: 30px;
    }
    .tabs-panel:last-child .tpanel-content .orange {
        margin-top: 35px;
        text-align: right;
    }
    .tabs-actions > div {
        float: none;
        width: 100%;
    }
    .tabs-actions > div:first-child {
        margin-bottom: 20px;
    }
    .tabs-actions .ta-left .btn + div {
        padding-top: 10px;
    }
    .tabs-actions .btn {
        width: 250px;
    }
    .tabs-actions .btn + div {
        width: 460px;
        padding: 0;
    }
    .table-progress table .location {
        white-space: normal;
    }
    .table-progress table thead {
        font-size: 10px;
    }
    .table-progress table thead td {
        padding: 10px 10px 10px 12px;
    }
    .table-progress table thead td:first-child {
        width: 125px;
        padding-left: 20px;
    }
    .table-progress table thead td:nth-child(2) {
        width: 180px;
    }
    .table-progress table thead td:nth-child(3) {
        width: 75px;
    }
    .table-progress table thead td:nth-child(4) {
        width: 145px;
    }
    .table-progress table thead td:last-child {
        width: 195px;
    }
    .table-progress table tbody .tpanel-price {
        font-size: 17px;
    }
    .table-progress table tbody .hide-desctop {
        display: inline-block;
    }
    .table-progress table tbody td {
        padding: 12px 10px 12px 12px;
    }
    .table-progress table tbody td:first-child {
        display: none;
    }
    .table-progress table tbody td:nth-child(2) {
        width: 105px;
        padding-left: 0;
    }
    .table-progress table tbody td:nth-child(3) {
        width: 180px;
    }
    .table-progress table tbody td:nth-child(4) {
        width: 75px;
    }
    .table-progress table tbody td:nth-child(4)[colspan] {
        width: 180px;
    }
    .table-progress table tbody td:nth-last-child(2) {
        width: 40px;
    }
    .table-progress table tbody td:last-child {
        width: 175px;
    }
    .after-pay .short-pad {
        padding: 0 20px;
    }
    .how {
        padding: 60px 0 40px;
    }
    .how-list .h3 {
        margin-top: 68px;
        margin-bottom: 11px;
    }
    .how-li {
        padding: 0 0px 24px 15px;
    }
    .how-li:after {
        content: '';
        width: 160px;
        height: 1px;
        right: -34px;
        top: 20px;
    }
    .how-li:last-child:after {
        display: block;
        width: 135px;
        right: -10px;
    }
    .how-link {
        padding-left: 15px;
    }
    .how-full {
        display: none;
    }
    .how li {
        width: 200px;
        margin-right: 55px;
    }
    .svg-holder__tooltip {
        left: -75.5px;
    }
    .content-archive, .content-forms {
        padding: 0 15px;
    }
    .content-forms-wrap-big {
        width: 100%;
        padding: 0 20px;
    }
    .content-forms-buttons-flex {
        display: block;
        width: 280px;
        margin: 25px auto 0;
    }
    .content-forms-buttons-flex .btn {
        width: 100%;
    }
    .content-forms-buttons-flex .btn:first-child {
        margin-top: 0;
    }
    .content-forms-buttons-flex .btn:nth-child(n+2) {
        margin-top: 10px;
    }
    .content-forms-new-pack {
        padding: 20px 15px;
    }
    .content-forms-new-pack .form-group .elem-psevdo {
        left: 280px;
        top: 27px;
    }
    .content-forms-new-pack .form-group .file-formats {
        display: none;
    }
    .content-forms-new-pack .form-group-check {
        padding-left: 0;
    }
    .content-forms-new-pack .form-group .field-block input,
    .content-forms-new-pack .select2-selection--single,
    .content-forms-new-pack .form-group .field-block textarea {
        margin-left: 0;
    }
    .content-forms-new-pack .group-check-wrap-title {
        display: block;
        width: 100%;
        position: static;
    }
    .content-forms-new-pack .submit {
        padding-left: 0;
    }
    .content-forms-new-pack .field-title {
        width: 100%;
    }
    .content-forms-new-pack .bind-check {
        padding-left: 0;
    }
    .content-forms-new-pack .select2-results {
        left: 0;
        width: 320px;
    }
    .content-forms .left-field, .content-forms .right-field {
        width: 330px;
    }
    .content-forms .right-field {
        padding-left: 20px;
        padding-top: 40px;
    }
    .content-forms .right-field-mark {
        top: 46px;
        left: 5px;
    }
    .content-forms-tips-off form .submit {
        text-align: left;
    }
    .content-forms-tips-off .optionally-content .form-group:last-child {
        float: right;
        margin-left: 0;
    }
    .content-forms-tips-off .form-group .elem-psevdo {
        top: 24px;
    }
    .greeting {
        padding-top: 14px;
    }
    .greeting .btn {
        width: 280px;
        margin: 0 0 5px 0;
        padding: 0 5px;
    }
    .greeting-buttons {
        margin-top: 10px;
        width: 280px;
        text-align: right;
    }
    .greeting .cabinet {
        padding-top: 13px;
    }
    .main-profile-data.forheckbox .mpd-head-right {
        width: 100%;
    }
    .mpd-main {
        padding-bottom: 0;
    }
    .mpd-main > div {
        width: 100%;
    }
    .mpd-main:before {
        display: none;
    }
    .mpd-main .mpd-head-left .row:last-child {
        border-bottom: 1px solid #d8d8d8;
    }
    .how-full {
        position: relative;
        left: 50px;
    }
    .main-profile-help {
        padding: 45px 0 50px;
    }
    .main-profile-help .how-left, .main-profile-help .how-right {
        width: 100%;
    }
    .main-profile-help .how-left > h2, .main-profile-help .how-right > h2 {
        text-align: center;
    }
    .main-profile-help .how-left .video-wrapper, .main-profile-help .how-right .video-wrapper {
        width: 100%;
    }
    .main-profile-help .how-left .video-wrapper .video-trigger, .main-profile-help .how-right .video-wrapper .video-trigger {
        height: 350px;
    }
    .main-profile-help .how-left .video-wrapper .video-trigger .text h2, .main-profile-help .how-right .video-wrapper .video-trigger .text h2 {
        top: 50px;
    }
    .new-help-block .video-block {
        padding: 0;
    }
}

@media screen and (min-width: 550px) and (max-width: 750px) {
    .tabs-panel:last-child .table-client td:last-child {
        text-align: right;
    }
}

@media screen and (max-width: 750px) and (orientation: landscape) {
    .greeting-buttons {
        width: 290px;
        margin: 20px auto 0;
        float: none;
    }
    .tp-item {
        width: 65px;
    }
    .progress-mobile + .btn {
        width: 290px;
    }
}

@media (max-width: 1200px){
    .table-delivery .table-progress-caption {
        line-height: 52px;
    }
}

@media (max-width: 750px) {
    .hide-mobile {
        display: none;
    }
    .page__padding {
        padding-top: 70px;
    }
    .back {
        background: #ececec;
        padding: 9px 15px 10px;
        margin-bottom: 5px;
    }
    .back span {
        margin-left: 10px;
    }
    .greeting {
        padding-bottom: 30px;
    }
    .greeting .btn {
        width: 100%;
        margin-bottom: 10px;
    }
    .greeting-buttons {
        width: 100%;
    }
    .greeting .left {
        width: 100%;
        float: none;
    }
    .greeting .left > div {
        float: left;
    }
    .greeting .left:after {
        content: '';
        display: block;
        clear: both;
    }
    .tabs .container {
        width: 100%;
    }
    .tabs-path {
        margin-top: 40px;
    }
    .tabs-holder {
        padding-bottom: 40px;
        padding-top: 15px;
    }
    .tabs-links {
        line-height: 20px;
        padding: 0;
    }
    .tabs-link {
        width: 30%;
        height: 39px;
    }
    .tabs-link:nth-child(1) {
        width: 30%;
        padding-left: 0;
    }
    .tabs-link:nth-child(2) {
        width: 35%;
    }
    .tabs-link:nth-child(3) {
        width: 35%;
    }
    .tabs-link:nth-child(n+4) {
        display: 35%;
    }
    .tabs-icon {
        display: none;
    }
    .tabs-top-name {
        padding-left: 0;
        float: left;
        width: 300px;
        text-align: left;
    }
    .tabs-panel {
        width: 100%;
    }
    .tabs-panel:first-child .table-client {
        font-size: 12px;
    }
    .tabs-panel:first-child .table-client td:first-child {
        width: 50%;
    }
    .tabs-panel:last-child {
        margin: 0;
    }
    .tabs-panel:last-child .table-client {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .tabs-panel:last-child .table-client td {
        width: 50%;
    }
    .tabs-panel:last-child .table-client td:last-child {
        border-right: none;
        text-align: center;
    }
    .tabs-panel:last-child .table-client .tpanel-price {
        float: none;
    }
    .tabs-panel:last-child .table-client .tpanel-price + div {
        padding: 0;
        float: none;
    }
    .tabs-panel:last-child .tpanel-head {
        padding: 20px 50px;
    }
    .tabs-panel:last-child .tpanel-total {
        width: 100%;
        float: left;
        margin: 0 0 15px 0;
        padding: 0;
        border-color: #f2f2f2;
    }
    .tabs-panel:last-child .tpanel-total .gray {
        margin-bottom: 8px;
    }
    .tabs-panel:last-child .tpanel-total .right {
        float: right;
        width: 115px;
        text-align: right;
        line-height: 1.2;
    }
    .tabs-panel:last-child .tpanel-total .right span {
        margin-left: 30px;
    }
    .tabs-panel:last-child .tpanel-content {
        min-height: 0;
        padding-bottom: 30px;
    }
    .tabs-panel:last-child .tpanel-content .orange {
        margin-top: 35px;
        text-align: center;
    }
    .tabs-actions {
        margin-top: 17px;
    }
    .tabs-actions > div:first-child {
        margin-bottom: 10px;
    }
    .main-profile-data input[type="text"] {
        text-align: center;
        width: 100%;
    }
    .tp-item {
        width: 54px;
        height: 60px;
        padding: 10px 0 0 12px;
        margin: 0 2px;
    }
    .tp-item:before, .tp-item:after {
        border-width: 30px 0 30px 10px;
    }
    .tp-item:after {
        right: -9px;
    }
    .tp-item-name {
        display: none;
    }
    .tp-count {
        width: 30px;
        height: 35px;
        top: -19px;
        left: 65%;
    }
    .tp-count .icon__hexagon {
        width: 30px;
        height: 35px;
    }
    .tp-count-num {
        font-size: 14px;
        line-height: 36px;
    }
    .tp-count-min {
        margin: 0 16px;
    }
    .tp-count-min img {
        width: 20px;
        top: -6px;
        left: -11px;
    }
    .tp-count-min-num {
        top: -3px;
        left: -5px;
    }
    .tpanel-content {
        min-height: 0;
    }
    .tpanel-content .btn {
        padding: 0 10px;
        width: 230px;
        margin: 8px auto 25px;
    }
    .how li {
        width: 270px;
        margin-right: 0;
    }
    .how-li {
        padding: 0 0 24px 68px;
        min-height: 0;
        margin-bottom: 30px;
    }
    .how-li:after, .how-li:before {
        display: none;
    }
    .how-li:last-child:after, .how-li:last-child:before {
        display: none;
    }
    .how-list .h3 {
        margin-top: 0;
    }
    .how-link {
        padding-left: 68px;
    }
    .table-delivery {
        padding-top: 20px;
        text-align: center;
    }
    .table-delivery .table-progress-caption {
        margin-top: 30px;
        line-height: 52px;
        font-size: 34px!important;
        padding: 70px!important;
    }
    .tip {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        font-size: 12px;
    }
    .tip .icon__ok {
        margin-right: 10px;
        width: 20px;
        height: 20px;
    }
    .tip > span {
        width: 310px;
        line-height: 18px;
    }
}

@media (max-width: 750px) and (max-width: 750px) {
    .tip__center > span {
        max-width: 310px;
        width: auto;
    }
}

@media (max-width: 750px) {
    .tip-new-pack {
        margin: 10px 0 0;
    }
    .tip-delivery > span {
        width: auto;
    }
    .content-archive .h2 {
        text-align: center;
        margin: 20px 0 35px;
    }
    .content-forms .h2 {
        margin: 20px 0 35px;
        text-align: center;
        width: 100%;
    }
    .content-forms-table {
        padding: 22px 0;
    }
    .content-forms-wrap {
        width: 100%;
        padding: 0 20px;
    }
    .content-forms-title a {
        position: static;
        float: left;
        margin-bottom: 15px;
    }
    .content-forms-title .h2 {
        display: block;
    }
    .content-forms-item {
        padding-top: 20px;
    }
    .content-forms-left {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    .content-forms form {
        margin-top: 45px !important;
    }
    .content-forms .form-group {
        padding-bottom: 20px;
    }
    .content-forms .form-group .field-title {
        display: block;
    }
    .content-forms-new-pack .form-group .field-block input, .content-forms-new-pack .form-group .select2-selection--single, .content-forms-new-pack .form-group .field-block textarea,
    .content-forms-tips-off .form-group .field-block .customs-block-text
    {
        width: 260px !important;
    }
    .content-forms-new-pack .form-group .elem-psevdo {
        left: 215px;
        top: 24px;
    }
    .content-forms-new-pack form {
        width: 260px;
        margin: 0 auto;
    }
    .content-forms-new-pack .select2-results {
        width: 260px;
    }
    .content-forms-new-pack .optionally {
        margin-top: 0;
    }
    .content-forms-new-pack .submit input {
        width: 100%;
        padding: 0;
    }
    .content-forms-new-pack .label-for {
        padding-left: 61px;
    }
    .content-forms-new-pack .group-check-wrap label > svg {
        position: absolute;
        left: 40px;
        top: 8px;
        margin: 0;
    }
    .content-forms-tips-off .optionally-content .form-group {
        padding-bottom: 20px;
    }
    .content-forms-tips-off .optionally-content .form-group:last-child {
        float: none;
        padding-bottom: 0;
    }
    .content-forms-buttons {
        margin-top: 0;
    }
    .content-forms-buttons .btn {
        width: 100%;
        margin: 20px 0 0;
    }
    .content-forms-buttons-flex {
        width: 100%;
    }
    .content-forms-writeoff {
        margin-top: 20px;
    }
    .content-forms-footer {
        margin-top: 20px;
        padding-top: 10px;
    }
    .content-forms-footer span {
        float: none;
        display: block;
        font-size: 12px;
        line-height: 35px;
    }
    .content-forms-footer a {
        float: none;
        line-height: 35px;
    }
    .progress-mobile + .btn {
        width: 100%;
        margin: 0 auto;
        float: none;
        display: block;
    }
    .pm-item {
        width: 100%;
        padding: 22px 15px;
        background: #fff;
        margin-bottom: 10px;
    }
    .pm-item-head {
        border-bottom: 1px solid #d8d8d8;
        padding-bottom: 15px;
        margin-bottom: 12px;
    }
    .pm-item-head .label-for {
        padding-top: 15px;
    }
    .pm-item-text {
        color: #7d7d7d;
        margin: 6px 0;
    }
    .pm-item-cost {
        padding: 8px 0 14px;
        margin-bottom: 10px;
        border-bottom: 1px solid #d8d8d8;
    }
    .pm-item-cost .price {
        color: #ACD578;
        font-size: 18px;
        font-weight: 900;
    }
    .pm-item-cost .price span {
        color: #524d47;
        font-size: 14px;
        font-weight: 400;
        margin-left: 8px;
    }
    .pm-item .status {
        font-size: 12px;
        line-height: 35px;
    }
    .pm-item .orange:hover {
        color: #524d47;
    }
    .pm-item .but-holder a {
        line-height: 35px;
    }
    .ta-left .btn, .ta-right .btn {
        width: 100%;
        margin: 0 auto;
        float: none;
        display: block;
    }
    .after-pay {
        margin-top: 7px;
    }
    .after-pay .right {
        margin-left: 0;
    }
    .after-pay .btn {
        width: 100%;
        margin-top: 10px;
    }
    .profile-data {
        padding: 20px 10px 40px 10px;
        position: relative;
    }
    .profile-data .promocod {
        text-align: center;
        position: absolute;
        top: 795px;
        left: 4%;
        width: 92%;
    }
    .profile-data .promocod span.left {
        float: none;
    }
    .profile-data .promocod .input, .profile-data .promocod .btn {
        width: 260px;
        margin: 0 auto 10px;
        float: none;
        display: block;
    }
    .main-profile-data .mpd-head h3 {
        font-size: 14px;
        display: block;
        text-align: center;
    }
    .main-profile-data .mpd-head a {
        margin-left: 10px;
        margin-top: 10px;
        font-size: 14px;
        z-index: 10;
        position: relative;
    }
    .main-profile-data .mpd-head .twin {
        display: block;
    }
    .main-profile-data .mpd-head .twin.del {
        margin-left: 20px;
        position: relative;
        top: 1px;
    }
    .main-profile-data .mpd-head .choose {
        top: 31px;
        z-index: 10;
    }
    .main-profile-data .mpd-main strong {
        display: block;
    }
    .main-profile-data .mpd-main .row {
        text-align: center;
    }
    .main-profile-data .mpd-main .row .right {
        float: none;
    }
    .main-profile-data .add_adress .btn {
        font-size: 9px;
    }
    .main-profile-data.forheckbox .mpd-main {
        padding-bottom: 25px;
    }
    .main-profile-data.forheckbox .mpd-main strong {
        margin-bottom: 30px;
    }
    .main-profile-data.forheckbox .mpd-main .row {
        text-align: left;
    }
    .profile-data .add_adress {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .profile-data .add_adress .btn {
        font-size: 9px;
        padding-right: 10px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        order: 3;
        width: 270px;
        margin: 30px auto 0;
        float: none;
        display: block;
    }
    .profile-data .add_adress .show_all, .profile-data .add_adress .hide_all, .profile-data .add_adress .show_all_deliv, .profile-data .add_adress .hide_all_deliv {
        text-align: center;
        width: 175px;
        margin: 10px auto 0;
    }
    .profile-data .add_adress .hide_all, .profile-data .add_adress .hide_all_deliv {
        width: 140px;
    }
    .mpd-main .short .row:last-child {
        border-bottom: none;
    }
    .how {
        display: none;
    }
    .main-profile-data {
        position: relative;
        margin-top: 65px;
    }

    .action-buttons-block{
        width: 100%;
        float: left;
    }

    .main-profile-data:after {
        content: '';
        display: block;
        width: 120%;
        height: 15px;
        background: #ececec;
        position: absolute;
        left: -10px;
        bottom: -45px;
    }
    .add_adress {
        position: relative;
    }
    .add_adress:after {
        content: '';
        display: block;
        width: 120%;
        height: 15px;
        background: #ececec;
        position: absolute;
        left: -10px;
        bottom: -45px;
    }
    .replace {
        margin-bottom: 220px;
    }
    .replace:after {
        height: 15px;
        bottom: -200px;
    }
    .forclone_deliv:after, .addons:last-child:after, .forheckbox:after {
        bottom: -25px;
    }
    .addons:last-child:after {
        display: none;
    }
    .new_adress:after, .forclone_deliv:after {
        bottom: -45px;
    }
    .forclone:after, .new_adress:after, .forclone_deliv:after {
        display: none;
    }
    .added .forclone:after, .added .new_adress:after, .added .forclone_deliv:after {
        display: block;
    }
    .new_adress:last-child {
        margin-bottom: 15px !important;
    }
    .new_adress:last-child:after {
        display: none;
    }
    .main-profile-data.new:last-child {
        margin-bottom: 0 !important;
    }
    .main-profile-data.new:last-child:after {
        display: none;
    }
    .main-profile-data.forheckbox {
        margin-bottom: 40px;
        padding-top: 0;
        border-top: none;
    }
    .main-profile-data.forheckbox.dop {
        margin-bottom: 10px;
    }
    .main-profile-data.forheckbox.dop:after {
        display: none;
    }
    .main-profile-data.forheckbox .mpd-main {
        padding-bottom: 10px;
        border-bottom: none;
    }
    .main-profile-data.forheckbox .mpd-head-left {
        padding-top: 0;
    }
    .tabs-link.active:first-child {
        padding-left: 0;
    }
    .tabs-link.active:first-child:before {
        left: 50%;
    }
    .stage-help {
        min-height: 460px;
        background-image: none;
        background: #ACD578;
    }
    .stage-help .overlay-holder {
        display: block;
    }
    .stage-help .overlay-holder .container {
        padding: 0 15px;
    }
    .stage-help .overlay-holder .container .help-stage-left {
        padding: 40px 0 0 0;
        width: 100%;
    }
    .stage-help .overlay-holder .container .help-stage-right {
        padding-top: 0;
        width: 100%;
    }
    .stage-help .overlay-holder .container .help-stage-right .stage-table .h3 {
        width: 100%;
        padding: 0 0 10px 0;
    }
    .stage-help .help-stage-overlay {
        width: calc(70% + 550px);
    }
    .stage-help .help-stage-overlay:before {
        display: none;
    }
    .stage-help .help-stage-overlay:after {
        display: none;
    }
    .rules__title-js {
        padding: 0 15px 0 0;
    }
    .video-wrapper {
        width: 100%;
    }
    .video-wrapper .video-trigger .text {
        min-width: 190px;
        top: 43%;
        padding: 0 6px;
    }
    .video-wrapper .video-trigger:after {
        width: 100%;
    }
    .video-wrapper .video-player {
        height: 246px;
    }
    .main-profile-help h2 {
        font-size: 25px;
    }
    .call-manager {
        left: 0;
    }
    .main-profile-help .how-left {
        width: 100%;
    }
    .progress-empty {
        margin-top: 0;
    }
    .progress-empty__table {
        padding: 0;
    }
    .progress-empty__table:first-child {
        margin-bottom: 10px;
        padding-bottom: 20px;
    }
    .progress-empty__table:last-child {
        padding: 20px 0;
    }
    .progress-empty__svg {
        padding-top: 20px;
    }
    .progress-empty__svg svg {
        width: 190px;
        padding: 0;
        top: 0;
    }
    .progress-empty__line {
        display: none;
    }
    .progress-empty__title {
        width: 100%;
    }
    .progress-empty__title_after-svg {
        margin-top: 20px;
    }
    .progress-empty__title_without-svg {
        padding-top: 20px;
    }
    .progress-empty__title .h2 {
        font-size: 24px;
    }
    .progress-empty__call-us {
        margin-top: 20px;
        line-height: 30px;
    }
    .progress-empty .btn {
        margin-top: 20px;
    }
    .tabs-links .tabs-link-mobile {
        width: 50%;
    }
}

.video-player--second {
    margin-top: 12px !important;
}

.icon__video-play1 {
    position: absolute;
    top: 26px;
    left: 11px;
}

.btn-profile {
    margin-top: 15px;
}

.mail {
    font-weight: 500 !important;
}

.video-player-help {
    margin-top: 15px !important;
}

.tabs-panel .tpanel-content-all {
    min-height: 290px;
    background: #fff;
}

.tabs-panel .tpanel-content-all .tpanel-content {
    min-height: 100%;
}

@media (max-width: 750px) {
    .tabs-panel .tpanel-content-all {
        min-height: 0;
    }
}

@media (max-width: 1200px) {
    .tabs-panel:last-child .tpanel-content-all {
        min-height: 0;
    }
}

.parcel-delivery {
    margin-top: 20px;
    padding: 40px 0 70px;
    background-color: #fff;
}

@media (max-width: 750px) {
    .parcel-delivery {
        padding: 40px 0;
    }
}

.parcel-delivery-wrap {
    width: 640px;
    margin: 0 auto;
}

@media (max-width: 750px) {
    .parcel-delivery-wrap {
        width: 100%;
        padding: 0 15px;
    }
}

.parcel-delivery-caption {
    color: #524d47;
    font-family: 'GothamPro', sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 45px;
}

.parcel-delivery .form-group {
    padding-bottom: 30px;
}

.parcel-delivery .form-group .field-title {
    min-width: 180px;
}

.parcel-delivery .form-group .field-title span {
    font-size: 10px;
    line-height: 12px;
    text-transform: none;
    display: block;
}

.parcel-delivery .form-group_padding {
    padding-bottom: 0;
}

@media (max-width: 750px) {
    .parcel-delivery input[type='submit'] {
        width: 100%;
    }
}

.radio-custom {
    opacity: 0;
    position: absolute;
}

.radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 29px;
    cursor: pointer;
}

.radio-custom-label {
    position: relative;
}

@media (max-width: 750px) {
    .radio-custom-label {
        width: 85%;
    }
}

.radio-custom + .radio-custom-label:before {
    content: '';
    background: #f7f7f7;
    border: 1px solid #d8d8d8;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    padding: 2px;
    margin-right: 17px;
    text-align: center;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    background: #ACD578;
    box-shadow: inset 0 0 0 7px #f7f7f7;
}

.parcel-delivery .form-group-new {
    display: none;
}

.parcel-delivery .js-form-hidden {
    display: none;
}

.parcel-delivery .js-form-visible {
    display: block;
}

.line-width {
    width: 990px;
    height: 1px;
    position: relative;
    padding-bottom: 33px;
}

.line-width i {
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: #f2f2f2;
    left: -188px;
}

@media (max-width: 1200px) {
    .line-width i {
        left: 0;
    }
}

@media (max-width: 1200px) {
    .line-width {
        width: 100%;
    }
}

@media (max-width: 750px) {
    .line-width {
        display: none;
    }
}

.form-group_padding {
    padding-left: 182px;
}

@media (max-width: 750px) {
    .form-group_padding {
        padding-left: 0;
    }
}

.form-group-txt {
    padding-left: 0;
}

.form-group-txt label strong {
    color: #ACD578;
    font-family: 'GothamPro', sans-serif;
    font-size: 18px;
    font-weight: 900;
}

.form-group-txt label em {
    font-style: normal;
}

.form-group-txt label strong + em {
    padding-left: 10px;
}

.form-group-txt .field-block {
    padding-left: 182px;
}

.form-group-txt .field-block__small {
    padding-left: 0;
}

@media (max-width: 750px) {
    .form-group-txt .field-block {
        padding-left: 0;
    }
}

@media (max-width: 750px) {
    .form-group-txt .radio-custom-label:last-of-type {
        width: 100%;
    }
}

.form-group-txt .radio-custom-label:last-of-type .svg-holder__svg {
    position: absolute;
    width: inherit;
}

.radio-custom-label .svg-holder__tooltip {
    left: -128.5px;
    width: 270px;
    text-align: center;
}

.radio-custom-label .svg-holder__tooltip:before {
    left: 126px;
}

@media (max-width: 1200px) {
    .radio-custom-label .svg-holder__tooltip:before {
        left: 170px;
    }
}

@media (max-width: 750px) {
    .radio-custom-label .svg-holder__tooltip:before {
        left: 110px;
    }
}

@media (max-width: 1200px) {
    .radio-custom-label .svg-holder__tooltip {
        width: 220px;
        left: -173.5px;
    }
}

@media (max-width: 750px) {
    .radio-custom-label .svg-holder__tooltip {
        width: 180px;
        left: -112.5px;
    }
}

@media (max-width: 750px) {
    .radio-custom-label .svg-holder {
        left: 50px;
    }
}

.radio-custom-label .label-text {
    display: inline-block;
}

@media (max-width: 750px) {
    .radio-custom-label .label-text {
        display: inline;
        margin-left: -50px;
        position: relative;
        left: 50px;
        width: 50px;
    }
}

.parcel-status-block {
    margin-bottom: 42px;
}

.parcel-status-main {
    position: relative;
}

.parcel-status-main:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 1px;
    left: 50%;
    top: 10%;
    height: 75%;
    background: #d8d8d8;
}

@media (max-width: 1200px) {
    .parcel-status-main:before {
        height: 90%;
    }
}

@media (max-width: 750px) {
    .parcel-status-main:before {
        width: 0;
    }
}

.parcel-status-head {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
    margin-bottom: 13px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 750px) {
    .parcel-status-head {
        text-align: center;
        border-bottom: none;
    }
}

.parcel-status_left, .parcel-status_right {
    width: 440px;
}

@media (max-width: 1200px) {
    .parcel-status_left, .parcel-status_right {
        width: 330px;
    }
}

@media (max-width: 750px) {
    .parcel-status_left, .parcel-status_right {
        width: 100%;
        float: none;
    }
}

.parcel-status-item {
    border-bottom: 1px solid #d8d8d8;
    padding: 7px 0;
}

.parcel-status-item strong {
    text-transform: uppercase;
    display: inline-block;
    font-size: 12px;
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
    line-height: 24px;
    color: #7d7d7d;
}

@media (max-width: 750px) {
    .parcel-status-item strong {
        font-size: 10px;
        max-width: 60%;
    }
}

.parcel-status-item span {
    text-align: right;
    float: right;
    color: #524d47;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    max-width: 225px;
    position: relative;
}

.parcel-status-item span svg {
    fill: #7d7d7d;
    position: absolute;
    left: -40px;
}

@media (max-width: 1200px) {
    .parcel-status-item span {
        max-width: 120px;
        line-height: 22px;
    }
}

@media (max-width: 750px) {
    .parcel-status-item span {
        font-size: 12px;
        max-width: 40%;
    }

    .parcel-status-item span#preDeliveryAddressText{
        max-width: 100%;
    }
}

.profile-data-parcel {
    padding-top: 33px;
}

@media (max-width: 1200px) {
    .profile-data-parcel {
        padding: 33px 17px 70px 17px;
    }
}

@media (max-width: 750px) {
    .profile-data-parcel {
        padding: 14px 17px 40px 17px;
    }
}

.parcel-status-total {
    color: #524d47;
    font-family: 'GothamPro', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    display: inline-block;
    width: 43%;
}

@media (max-width: 750px) {
    .parcel-status-total {
        width: inherit;
    }
}

.parcel-status-sum {
    color: #524d47;
    font-family: 'DINPro', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    display: inline-block;
}

@media (max-width: 750px) {
    .parcel-status-sum {
        float: right;
    }
}

.parcel-status-block-link .parcel-status-main {
    border-bottom: 1px solid #d8d8d8;
}

.parcel-status-block-link .parcel-status-main:before {
    width: 0;
}

@media (max-width: 1200px) {
    .parcel-status-block-link .parcel-status-main {
        border: none;
    }
}

@media (max-width: 1200px) {
    .parcel-status-block-link .parcel-status_left {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .parcel-status-block-link .parcel-status_right .parcel-status-item {
        border: none;
    }
}

@media (max-width: 750px) {
    .parcel-status-block-link .parcel-status_right .parcel-status-item {
        margin-bottom: 0;
    }
}

@media (max-width: 1200px) {
    .parcel-status-block-link .parcel-status_right {
        float: none;
        width: 100%;
    }
}

.parcel-status-block-link .parcel-status-item {
    border-bottom: none;
}

@media (max-width: 1200px) {
    .parcel-status-block-link .parcel-status-item strong {
        width: 31%;
    }
}

@media (max-width: 1200px) and (max-width: 750px) {
    .parcel-status-block-link .parcel-status-item strong {
        font-size: 12px;
        width: 50%;
    }
}

.parcel-status-block-link .parcel-status-item span {
    max-width: 280px;
    float: none;
}

.parcel-status-block-link .parcel-status-item span:nth-child(2) {
    padding-left: 68px;
}

@media (max-width: 1200px) {
    .parcel-status-block-link .parcel-status-item span:nth-child(2) {
        padding-left: 0;
    }
}

@media (max-width: 750px) {
    .parcel-status-block-link .parcel-status-item span:nth-child(2) {
        display: block;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 1200px) {
    .parcel-status-block-link .parcel-status-item span {
        max-width: none;
        float: none;
    }
}

@media (max-width: 750px) {
    .parcel-status-block-link .parcel-status-item span {
        display: inline-block;
        float: right;
    }
}

@media (max-width: 1200px) {
    .parcel-status-block-link .parcel-status-item {
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 18px;
    }
}

@media (max-width: 750px) {
    .parcel-status-block-link .parcel-status-item {
        padding: 5px 0 17px;
        margin-bottom: 15px;
    }
}

.parcel-status-block-link a {
    display: inline-block;
    text-align: right;
}

.parcel-status-block-link a:first-child {
    width: 64%;
}

.parcel-status-block-link a:last-child {
    width: 35%;
}

.parcel-status-block-link a:hover {
    color: #524d47;
}

@media (max-width: 750px) {
    .parcel-status-block-link a:first-child {
        float: left;
    }
}

@media (max-width: 750px) {
    .parcel-status-block-link a:last-child {
        float: right;
    }
}

@media (max-width: 1200px) {
    .parcel-status-block-link a {
        text-align: center;
        width: 49%;
    }
}

@media (max-width: 750px) {
    .parcel-status-block-link a {
        width: inherit !important;
    }
}

.parcel-status-block-link i {
    font-style: normal;
    display: block;
    text-align: center;
    color: #7d7d7d;
    font-family: 'DINPro', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    padding-top: 5px;
}

@media (max-width: 750px) {
    .parcel-status-block-link i {
        line-height: 18px;
    }
}

@media (max-width: 1200px) {
    .parcel-status-block-link {
        margin-bottom: 30px;
    }
}

.tabs-holder-title .h2 {
    display: inline-block;
    margin-bottom: 23px;
}

.tabs-holder-title a {
    float: right;
    padding-top: 10px;
}

.tabs-holder-title a:hover {
    color: #524d47;
}

@media (max-width: 750px) {
    .parcel-status-block-sum .parcel-status-head {
        border-bottom: 1px solid #d8d8d8;
        text-align: left;
    }
}

@media (max-width: 1200px) {
    .parcel-status-block-sum {
        margin-bottom: 35px;
    }
}

@media (max-width: 750px) {
    .package-parcel .tabs-holder-title {
        text-align: center;
    }
    .package-parcel .tabs-holder-title .h2 {
        margin: 23px 0 17px;
    }
    .package-parcel .tabs-holder-title a {
        padding-bottom: 10px;
    }
}

.balance {
    background: #fff;
    padding: 40px 50px 0;
}

.balance-title {
    color: #524d47;
    font-family: 'GothamPro', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 25px;
    display: inline-block;
}

.balance-about {
    padding-bottom: 46px;
}

@media (max-width: 750px) {
    .balance-about {
        padding-bottom: 16px;
    }
}

.balance-text-info {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 19px 0 7px 0;
}

.balance-text-info strong, .balance-text-info span, .balance-text-info a {
    width: 33%;
    display: inline-block;
}

.balance-text-info p {
    color: #524d47;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 14px;
}

@media (max-width: 750px) {
    .balance-text-info p {
        line-height: 18px;
        margin: 0 0 28px;
    }
}

.balance-text-info strong {
    color: #7d7d7d;
    font-family: 'GothamPro', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
}

@media (max-width: 1200px) {
    .balance-text-info strong {
        width: 210px;
    }
}

@media (max-width: 750px) {
    .balance-text-info strong {
        padding-bottom: 6px;
    }
}

.balance-text-info span {
    color: #ACD578;
    font-family: 'DINPro', sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
}

.balance-text-info span b {
    font-size: 14px;
    line-height: 24px;
    font-weight: 900;
    font-style: normal;
}

.balance-text-info span em {
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #524d47;
    font-style: normal;
    text-transform: none;
    display: block;
}

@media (max-width: 1200px) {
    .balance-text-info span {
        width: 280px;
    }
}

@media (max-width: 750px) {
    .balance-text-info span {
        font-size: 16px;
        text-align: left;
        border-bottom: 1px solid #ececec;
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 4px;
    }
}

.balance-text-info a {
    text-align: right;
}

@media (max-width: 1200px) {
    .balance-text-info a {
        width: 190px;
    }
}

@media (max-width: 750px) {
    .balance-text-info a {
        text-align: left;
    }
}

@media (max-width: 750px) {
    .balance-text-info {
        border-bottom: none;
    }
}

.balance-text i {
    font-style: normal;
    color: #7d7d7d;
    font-family: 'DINPro', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}

.balance-table {
    padding-bottom: 55px;
}

.balance-table-head {
    background-color: lightgrey;
    padding: 3px 50px 5px;
    font-size: 0;
    margin-bottom: 17px;
}

.balance-table-head span {
    color: #524d47;
    font-family: 'GothamPro', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    text-transform: uppercase;
    padding: 8px 15px;
    text-align: left;
    display: inline-block;
}

.balance-table-head span:first-child {
    padding-left: 0;
    width: 92px;
}

@media (max-width: 1200px) {
    .balance-table-head span:first-child {
        width: 72px;
    }
}

.balance-table-head span:nth-child(2) {
    width: 267px;
}

@media (max-width: 1200px) {
    .balance-table-head span:nth-child(2) {
        width: 209px;
    }
}

.balance-table-head span:nth-child(3) {
    width: 273px;
}

@media (max-width: 1200px) {
    .balance-table-head span:nth-child(3) {
        width: 173px;
    }
}

.balance-table-head span:last-child {
    width: 338px;
    padding-right: 0;
}

@media (max-width: 1200px) {
    .balance-table-head span:last-child {
        width: 228px;
    }
}

@media (max-width: 1200px) {
    .balance-table-head {
        padding: 3px 15px 5px;
    }
}

.balance-table table {
    padding: 0 50px 0;
    display: block;
}

.balance-table table tr td {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    color: #524d47;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 15px;
}

.balance-table table tr td span {
    float: right;
}

@media (max-width: 1200px) {
    .balance-table table tr td span {
        width: 100%;
        display: block;
    }
}

.balance-table table tr td:first-child {
    padding-left: 0;
    width: 92px;
}

@media (max-width: 1200px) {
    .balance-table table tr td:first-child {
        width: 72px;
    }
}

.balance-table table tr td:nth-child(2) {
    width: 267px;
}

@media (max-width: 1200px) {
    .balance-table table tr td:nth-child(2) {
        width: 209px;
    }
}

.balance-table table tr td:nth-child(3) {
    width: 273px;
}

@media (max-width: 1200px) {
    .balance-table table tr td:nth-child(3) {
        width: 173px;
    }
}

.balance-table table tr td:last-child {
    width: 338px;
    border-right: none;
    padding-right: 0;
}

@media (max-width: 1200px) {
    .balance-table table tr td:last-child {
        width: 228px;
    }
}

.balance-table table tr:first-child td {
    border-top: none;
}

.balance-table table tr:last-child td {
    border-bottom: none;
}

@media (max-width: 1200px) {
    .balance-table table {
        padding: 0 15px 0;
    }
}

@media (max-width: 1200px) {
    .balance-table {
        padding-bottom: 25px;
    }
}

@media (max-width: 1200px) {
    .balance {
        padding: 40px 15px 0;
    }
}

.balance-text-border .balance-text-info {
    border-top: none;
}

.balance-text-border .balance-text-info span {
    color: #524d47;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 750px) {
    .balance-text-border .balance-text-info span {
        margin-bottom: 4px;
        line-height: 12px;
        font-size: 12px;
    }
}

.balance-padding {
    background: #fff;
}

.balance-padding .balance-table_mobile-wrap {
    border-top: 1px solid lightgrey;
    padding: 17px 10px 15px;
}

.balance-padding .balance-table_mobile-wrap table {
    width: 100%;
}

.balance-padding .balance-table_mobile-wrap table tr {
    border-bottom: 1px solid #f2f2f2;
}

.balance-padding .balance-table_mobile-wrap table tr:last-child {
    border-bottom: none;
}

.balance-padding .balance-table_mobile-wrap table tr td {
    padding: 6px 5px 9px;
    color: #524d47;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.balance-padding .balance-table_mobile-wrap table tr td:first-child {
    width: 56%;
}

.balance-padding .balance-table_mobile-wrap table tr td:last-child {
    width: 44%;
    padding-right: 10px;
    text-align: right;
}

.balance-padding .balance-table_mobile-wrap table tr td span {
    color: #a3a2a2;
    font-family: 'GothamPro', sans-serif;
    font-size: 12px;
    line-height: 21px;
    font-style: normal;
    text-transform: uppercase;
}

.balance .form-group {
    padding-bottom: 0;
}

@media (max-width: 750px) {
    .balance .form-group input {
        width: 100%;
    }
}

.title-head {
    color: #524d47;
    font-family: 'GothamPro', sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 24px;
    text-transform: uppercase;
    padding-bottom: 40px;
}

@media (max-width: 1200px) {
    .title-head {
        font-size: 14px;
    }
}

@media (max-width: 750px) {
    .title-head {
        font-size: 12px;
        line-height: 18px;
    }
}

.settings .mpd-head {
    padding-bottom: 21px;
}

@media (max-width: 750px) {
    .settings .mpd-head {
        padding-bottom: 7px;
        margin-bottom: 0;
    }
}

.settings h3 {
    padding-bottom: 21px;
}

.settings i {
    display: block;
    color: #7d7d7d;
    font-family: 'DINPro', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 750px) {
    .settings i {
        line-height: 14px;
    }
}

.settings .label-for {
    margin-bottom: 15px;
    display: block;
    padding-top: 1px;
    padding-bottom: 2px;
}

@media (max-width: 750px) {
    .settings .label-for {
        width: 90%;
        margin-bottom: 18px;
    }
}

.settings .label-txt {
    color: #7d7d7d;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 750px) {
    .settings .label-txt {
        font-size: 12px;
        line-height: 14px;
        position: relative;
        left: 25px;
    }
}

.settings .icon__icon_insurance {
    fill: lightgrey;
    margin-top: 4px;
    margin-right: 2px;
}

@media (max-width: 750px) {
    .settings .icon__icon_insurance {
        position: absolute;
    }
}

.settings .icon__icon_pack {
    fill: lightgrey;
    margin-top: 4px;
    margin-right: 2px;
}

@media (max-width: 750px) {
    .settings .icon__icon_pack {
        position: absolute;
    }
}

.settings .icon__icon_present {
    fill: lightgrey;
    margin-top: 4px;
    margin-right: 2px;
}

@media (max-width: 750px) {
    .settings .icon__icon_present {
        position: absolute;
    }
}

.main-profile-data.settings .mpd-head-left {
    padding-top: 9px;
}

@media (max-width: 750px) {
    .main-profile-data.settings .mpd-head-left strong {
        font-size: 10px;
        line-height: 24px;
        margin-bottom: 2px;
    }
}

@media (max-width: 1200px) {
    .main-profile-data.settings .mpd-head-left {
        width: 195px;
    }
}

@media (max-width: 750px) {
    .main-profile-data.settings .mpd-head-left {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .main-profile-data.settings .mpd-head-right {
        width: 425px;
    }
}

@media (max-width: 750px) {
    .main-profile-data.settings .mpd-head-right {
        width: 100%;
    }
}

.profile-data .full-width-block .select2-selection--single,
.profile-data .full-width-block .select2-container,
.profile-data .full-width-block .select2-results{
    width: 440px !important;
}

#changePreDeliveryAddressContainer .select2-selection--single{
    height: 50px;
    background-color: white;
    border: 1px solid #9a9191;
    padding-left: 5px;
    margin-bottom: 10px;
}



.profile-data .select2-selection--single {
    background: #fff;
    text-align: right;
    padding: 2px 3px 6px;
    border: 1px solid transparent;
    border-radius: 0 !important;
    width: 220px;
    height: 30px;
}

@media (max-width: 750px) {
    .profile-data .select2-selection--single {
        width: 100%;
        text-align: center;
    }
}

.profile-data .select2-results {
    width: 220px;
}

@media (max-width: 750px) {
    .profile-data .select2-results {
        width: 100%;
    }
}

.profile-data .filter-select-container {
    display: none;
}

.profile-data .select2-selection__rendered {
    padding-top: 0;
}

.profile-data .select2-selection__arrow b:before {
    width: 0;
}

.profile-data .select2-selection--single.active {
    background: #f7f7f7;
    text-align: left;
    padding: 1px 13px 6px 3px;
}

.profile-data .select2-selection--single.active .select2-selection__arrow b:before {
    width: 12px;
    right: 10px;
    top: 16px;
    z-index: 2;
}

.profile-data .filter-select-container.active {
    display: block;
}

.profile-data .select-sm1 .select2-selection--single {
    width: 88px;
    margin-right: 10px;
}

@media (max-width: 750px) {
    .profile-data .select-sm1 .select2-selection--single {
        min-width: 42px;
        width: inherit;
        margin-right: 0;
    }
}

@media (max-width: 750px) {
    .profile-data .select-sm1 .select2-selection--single.active {
        width: 88px;
    }
}

.profile-data .select-sm1 .select2-results {
    width: 88px;
}

@media (max-width: 750px) {
    .profile-data .select-sm1 {
        display: inline-block;
        float: left !important;
    }
}

.profile-data .select-sm2 .select2-selection--single {
    min-width: 42px;
    width: inherit;
}

.profile-data .select-sm2 .select2-selection--single.active {
    width: 122px;
}

.profile-data .select-sm2 .select2-results {
    width: 122px;
}

@media (max-width: 750px) {
    .profile-data .select-sm2 {
        display: inline-block;
        float: right !important;
    }
}

@media (max-width: 750px) {
    .profile-data .select-sm2__width {
        width: 100%;
    }
}

.inline-select {
    display: inline;
}

@media (max-width: 750px) {
    .inline-select {
        display: inline-block;
        min-width: 45%;
        margin: 0 auto;
    }
}

@media (max-width: 750px) {
    .inline-select.active {
        width: 100%;
    }
}

.row-hide {
    display: none;
}

.mpd-main .row-new {
    border-bottom: none;
}

.forclone_deliv, .forclone {
    display: none;
}

@media (max-width: 750px) {
    .parcel-delivery .field-block__locality {
        padding-bottom: 30px;
    }
}

.svg-holder__tooltip_center {
    text-align: center;
    left: -84.5px;
}

.mpd-main .select2-selection--single {
    cursor: default;
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate3d(0, 0, 0);
        transform: rotate3d(0, 0, 0);
    }
    20%, 25% {
        -webkit-transform: rotate3d(1, -1, 0, 180deg);
        transform: rotate3d(1, -1, 0, 180deg);
    }
    45%, 50% {
        -webkit-transform: rotate3d(0, 0, -1, 180deg);
        transform: rotate3d(0, 0, -1, 180deg);
    }
    70%, 75% {
        -webkit-transform: rotate3d(-1, -1, 0, 180deg);
        transform: rotate3d(-1, -1, 0, 180deg);
    }
    95%, 100% {
        -webkit-transform: rotate3d(0, 0, 0);
        transform: rotate3d(0, 0, 0);
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate3d(0, 0, 0);
        transform: rotate3d(0, 0, 0);
    }
    20%, 25% {
        -webkit-transform: rotate3d(1, -1, 0, 180deg);
        transform: rotate3d(1, -1, 0, 180deg);
    }
    45%, 50% {
        -webkit-transform: rotate3d(0, 0, -1, 180deg);
        transform: rotate3d(0, 0, -1, 180deg);
    }
    70%, 75% {
        -webkit-transform: rotate3d(-1, -1, 0, 180deg);
        transform: rotate3d(-1, -1, 0, 180deg);
    }
    95%, 100% {
        -webkit-transform: rotate3d(0, 0, 0);
        transform: rotate3d(0, 0, 0);
    }
}

.tabs-path-cube {
    position: relative;
}

.tp-content-item-start-cube {
    display: none;
}

.cube-container-outer {
    position: relative;
}

.cube-container {
    position: absolute;
    height: 95px;
    width: 100%;
    top: -25px;
}

.position-cube {
    display: none;
    position: absolute;
    left: 50%;
    top: 60%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 750px) {
    .position-cube {
        top: 40%;
    }
}

.cube {
    width: 15px;
    height: 15px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate3d(-7.5px, -7.5px, 0) rotate(45deg);
    transform: translate3d(-7.5px, -7.5px, 0) rotate(45deg);
    -webkit-perspective: 100%;
    perspective: 100%;
}

.cube-loader {
    width: 15px;
    height: 15px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: rotation 2s infinite cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: rotation 2s infinite cubic-bezier(0.165, 0.84, 0.44, 1);
}

.face {
    position: absolute;
    height: 15px;
    width: 15px;
}

.face_1 {
    background: #ACD578;
    -webkit-transform: rotateY(0deg) translateZ(7.5px);
    transform: rotateY(0deg) translateZ(7.5px);
}

.face_2 {
    background: #ACD578;
    -webkit-transform: rotateY(180deg) translateZ(7.5px);
    transform: rotateY(180deg) translateZ(7.5px);
}

.face_3 {
    background: #a24100;
    -webkit-transform: rotateY(90deg) translateZ(7.5px);
    transform: rotateY(90deg) translateZ(7.5px);
}

.face_4 {
    background: #a24100;
    -webkit-transform: rotateY(-90deg) translateZ(7.5px);
    transform: rotateY(-90deg) translateZ(7.5px);
}

.face_5 {
    background: #a24100;
    -webkit-transform: rotateX(-90deg) translateZ(7.5px);
    transform: rotateX(-90deg) translateZ(7.5px);
}

.face_6 {
    background: #a24100;
    -webkit-transform: rotateX(90deg) translateZ(7.5px);
    transform: rotateX(90deg) translateZ(7.5px);
}

.form-group.form-group-auto {
    display: inline-block;
    padding-bottom: 0;
}

.form-group.form-group-auto .field-block input[type='text'] {
    width: 285px;
    top: 1px;
    color: #3a3a3a;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    position: relative;
}

@media (max-width: 1200px) {
    .form-group.form-group-auto .field-block input[type='text'] {
        width: 216px;
    }
}

@media (max-width: 750px) {
    .form-group.form-group-auto .field-block input[type='text'] {
        width: 100%;
    }
}

.form-group.form-group-auto .field-block input[type='text']::-webkit-input-placeholder,
.form-group.form-group-auto .field-block input[type='number']::-webkit-input-placeholder {
    color: #3a3a3a;
}

@media (max-width: 750px) {
    .form-group.form-group-auto .field-block input[type='text']::-webkit-input-placeholder,
    .form-group.form-group-auto .field-block input[type='number']::-webkit-input-placeholder {
        text-transform: inherit;
        text-align: left;
    }
}

.form-group.form-group-auto .field-block input[type='text']:-moz-placeholder,
.form-group.form-group-auto .field-block input[type='number']::-webkit-input-placeholder {
    color: #3a3a3a;
}

@media (max-width: 750px) {
    .form-group.form-group-auto .field-block input[type='text']:-moz-placeholder,
    .form-group.form-group-auto .field-block input[type='number']::-webkit-input-placeholder {
        text-transform: inherit;
        text-align: left;
    }
}

.form-group.form-group-auto .field-block input[type='text']:-ms-input-placeholder,
.form-group.form-group-auto .field-block input[type='number']::-webkit-input-placeholder {
    color: #3a3a3a;
}

@media (max-width: 750px) {
    .form-group.form-group-auto .field-block input[type='text']:-ms-input-placeholder,
    .form-group.form-group-auto .field-block input[type='number']::-webkit-input-placeholder {
        text-transform: inherit;
        text-align: left;
    }
}

@media (max-width: 750px) {
    .form-group.form-group-auto {
        width: 100%;
    }
}

.ui-autocomplete.auto-width,
.ui-autocomplete.auto-width_left {
    width: 285px !important;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-top: none;
    -webkit-transform: none;
    transform: none;
    padding: 0 15px;
    overflow: hidden;
    position: absolute;
    left: 0;
}

.ui-autocomplete.auto-width:before,
.ui-autocomplete.auto-width_left:before {
    width: 0 !important;
}

.ui-autocomplete.auto-width li,
.ui-autocomplete.auto-width_left li {
    text-transform: inherit;
}

.ui-autocomplete.auto-width li:last-child,
.ui-autocomplete.auto-width_left li:last-child {
    padding-bottom: 10px;
}

@media (max-width: 1200px) {
    .ui-autocomplete.auto-width,
    .ui-autocomplete.auto-width_left {
        width: 216px !important;
    }
}

@media (max-width: 750px) {
    .ui-autocomplete.auto-width,
    .ui-autocomplete.auto-width_left {
        width: calc(100% - 30px) !important;
    }
}

.ui-autocomplete.auto-width__all {
    width: 430px !important;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-top: none;
    -webkit-transform: none;
    transform: none;
    padding: 0 15px;
    overflow: hidden;
    position: absolute;
    left: 0;
}

.ui-autocomplete.auto-width__all:before {
    width: 0 !important;
}

.ui-autocomplete.auto-width__all li {
    text-transform: inherit;
}

.ui-autocomplete.auto-width__all li:last-child {
    padding-bottom: 10px;
}

@media (max-width: 1200px) {
    .ui-autocomplete.auto-width__all {
        width: 345px !important;
    }
}

@media (max-width: 750px) {
    .ui-autocomplete.auto-width__all {
        width: calc(100% - 30px) !important;
    }
}

.ui-autocomplete.auto-width__magaz {
    width: 330px !important;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-top: none;
    -webkit-transform: none;
    transform: none;
    padding: 0 15px;
    overflow: hidden;
    position: absolute;
    left: 0;
}

.ui-autocomplete.auto-width__magaz:before {
    width: 0 !important;
}

.ui-autocomplete.auto-width__magaz li {
    text-transform: inherit;
}

.ui-autocomplete.auto-width__magaz li:last-child {
    padding-bottom: 10px;
}

@media (max-width: 1200px) {
    .ui-autocomplete.auto-width__magaz {
        width: 331px !important;
    }
}

@media (max-width: 750px) {
    .ui-autocomplete.auto-width__magaz {
        width: 260px !important;
    }
}

@media (max-width: 750px) {
    .ui-autocomplete.auto-width_left {
        width: calc(100% - 60px) !important;
    }
}

.field-block-autocomp {
    cursor: pointer;
}

.field-block-autocomp span:before {
    content: '';
    background-image: url(../img/content/home/arrow/arrow-down.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 5px;
    position: absolute;
    right: 25px;
    top: 20px;
    z-index: 1;
}

.ui-datepicker {
    width: 280px;
    padding: 3px 22px 25px;
}

.ui-datepicker-div {
    border: none;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ui-datepicker th {
    padding: 10px 1px;
}

.ui-datepicker td {
    padding: 4px;
}

.ui-datepicker-calendar thead {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.ui-datepicker th span {
    color: #6a6a6a;
    font-family: 'GothamPro', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
}

.ui-datepicker-month {
    float: right;
}

.ui-datepicker-year {
    float: left;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 73px;
    height: 30px;
    background-color: #ececec;
    padding: 3px 10px;
    color: #524d47;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    border: none;
    max-height: 200px;
}

.ui-datepicker select.ui-datepicker-month {
    width: 115px;
    position: relative;
}

.ui-datepicker-title {
    position: relative;
}

.ui-datepicker-title:before, .ui-datepicker-title:after {
    display: block;
    content: '';
    background-image: url("../img/content/pages/2arrow.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 12px;
    width: 15px;
    height: 15px;
    z-index: 1;
    cursor: pointer;
}

.ui-datepicker-title:before {
    right: 3px;
}

.ui-datepicker-title:after {
    left: 55px;
}

.ui-datepicker .ui-datepicker-header {
    background: #fff;
    border: none;
    border-radius: 0;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 15px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button {
    background: #fff;
    border: none;
    text-align: center;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #ACD578;
    background: #ACD578;
    color: #fff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active, .ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #ACD578;
    background: #fff;
    color: #524d47;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background-image: url("../img/content/home/arrow/arrow-down.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 17px;
    width: 15px;
    height: 5px;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
    border: none;
    background-color: #fff;
}

.ui-datepicker .ui-datepicker-prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: -5px;
}

.ui-datepicker .ui-datepicker-prev:hover {
    left: -5px;
}

.ui-datepicker .ui-datepicker-next {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: -5px;
}

.ui-datepicker .ui-datepicker-next:hover {
    right: -5px;
}

.ui-datepicker tr:first-child td:nth-child(-n+7) {
    padding-top: 20px;
}

.ui-datepicker-other-month {
    color: #c3c3c3;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.my-data .form-group-select {
    padding-bottom: 0;
}

.my-data .field-block-auto .select2-search--dropdown .select2-search__field {
    width: 220px;
}

@media (max-width: 750px) {
    .my-data .field-block-auto .select2-search--dropdown .select2-search__field {
        width: 100%;
    }
}

.my-data .form-group.form-group-auto .field-block input[type='text'] {
    min-width: 42px;
    width: inherit;
    height: 30px;
    border: none;
    background: #fff;
    pointer-events: none;
    padding: 0 5px;
}

@media (max-width: 750px) {
    .my-data .form-group.form-group-auto .field-block input[type='text'] {
        text-align-last: center;
    }
}

.my-data .form-group.form-group-auto .field-block input[type='text'].active {
    width: 122px;
    border: none;
    text-align: left;
    background: #f7f7f7;
    pointer-events: auto;
    padding: 0 15px 0 3px;
}

.my-data .form-group.form-group-auto__width .field-block input[type='text'].active {
    width: 220px;
}

@media (max-width: 750px) {
    .my-data .form-group.form-group-auto__width .field-block input[type='text'].active {
        width: 100%;
    }
}

@media (max-width: 750px) {
    .my-data .profile-data .select-sm1 .select2-selection--single {
        padding-left: 50px;
    }
}

@media (max-width: 750px) {
    .my-data .profile-data .select-sm1 .select2-selection--single.active {
        padding-left: 0;
    }
}

@media (max-width: 750px) {
    .my-data .add_adress {
        padding-top: 55px;
    }
}

@media (max-width: 750px) {
    .my-data .form-group-check {
        display: inline-block;
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .my-data .form-group .field-block_post {
        width: 100%;
    }
}

@media (max-width: 750px) {
    .my-data .form-group .field-block_post {
        display: inline-block;
    }
}

.my-data .form-group-check .radio-custom-label {
    padding-right: 5px;
}

@media (max-width: 750px) {
    .my-data .form-group-check .radio-custom-label {
        padding-bottom: 5px;
    }
}

.my-data .inline-select.active .field-block-autocomp span:before {
    width: 12px;
    right: 10px;
    top: 16px;
}

.my-data .inline-select .field-block-autocomp span:before {
    width: 0;
}

.my-data .has-error .help-block {
    display: block;
    color: #ff0000;
    font-family: 'DINPro', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    font-style: normal;
}

.my-data .has-error .has-error-input {
    border: 1px solid #ff0000;
}

.ui-autocomplete.auto-width-prof {
    width: 220px !important;
    padding: 0 5px;
}

@media (max-width: 750px) {
    .ui-autocomplete.auto-width-prof {
        width: calc(100% - 50px) !important;
    }
}

@media (max-width: 750px) {
    .select2-container--prof .select2-search--dropdown {
        width: inherit;
    }
}

@media print {
    .center-btn {
        display: none;
    }
    .back.show-mobile {
        display: none;
    }
    .greeting {
        display: none;
    }
    .tabs-links-wrap {
        display: none;
    }
    .package-parcel .tabs-holder-title .orange {
        display: none;
    }
    .header {
        display: none;
    }
    .parcel-status-block-link .parcel-status_right {
        display: none;
    }
    .parcel-status-block-link i {
        display: none;
    }
    .footer-right {
        display: none;
    }
}

.table-block-all {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.table-block-all .table-wrap-block {
    display: inline-block;
    position: relative;
}

.table-block-all .left-block {
    max-width: 40px;
    top: -8px;
}

@media (max-width: 1200px) {
    .table-block-all .left-block {
        padding-bottom: 21px;
    }
}

.table-block-all .right-block {
    max-width: 105px;
}

.form-group-gradient .select2-selection.select2-selection--single.active {
    position: relative;
    overflow: hidden;
}

.form-group-gradient .select2-selection.select2-selection--single.active:after {
    position: absolute;
    content: '';
    top: 24%;
    right: 0;
    width: 20%;
    height: 70%;
    background: -webkit-linear-gradient(left, transparent, #f7f7f7 50%, #f7f7f7);
    background: linear-gradient(to right, transparent, #f7f7f7 50%, #f7f7f7);
}

.inline-select.active .form-group-gradient em {
    content: '';
    top: 24%;
    right: 0;
    width: 20%;
    height: 70%;
    background: -webkit-linear-gradient(left, transparent, #f7f7f7 50%, #f7f7f7);
    background: linear-gradient(to right, transparent, #f7f7f7 50%, #f7f7f7);
    position: absolute;
}

.row .form-group .field-block-autocomp {
    cursor: default;
}

.communic-soc {
    float: right;
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 750px) {
    .communic-soc {
        z-index: 10;
        position: relative;
    }
}

.promocod-inline {
    display: inline-block;
}

.mpd-head {
    width: 100%;
}

.popup-page {
    padding: 180px 0 30px;
}

.content-forms-new .content-forms-tips-off .form-group-select {
    display: none;
}

.content-forms-new .content-forms-tips-off .optionally {
    display: none;
}

.content-forms-new .content-forms-tips-off .form-group.submit {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.content-forms-new .content-forms-tips-off .form-group-about {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    margin-right: auto;
    margin-left: 25px;
}

@media (max-width: 1200px) {
    .content-forms-new .content-forms-tips-off .form-group-about {
        margin-left: inherit;
        margin-right: inherit;
        margin-top: -210px;
    }
}

@media (max-width: 750px) {
    .content-forms-new .content-forms-tips-off .form-group-about {
        margin: inherit;
    }
}

.content-forms-new .content-forms-tips-off .group-check-wrap {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.content-forms-new .content-forms-tips-off .customs-block {
    padding-left: 0;
    display: block;
}

.content-forms_t .content-forms-tips-off .customs-block {
    padding-left: 0;
    display: block;
}

.content-forms_t .content-forms-tips-off .form-group-about {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

@media (max-width: 1200px) {
    .content-forms_t .content-forms-tips-off .form-group-about {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}

.content-forms_t .content-forms-tips-off .form-group-cost {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.content-forms_t .content-forms-tips-off .group-check-wrap-new {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.content-forms_t .content-forms-tips-off .optionally {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
    margin-top: 0;
}

.content-forms_t .content-forms-tips-off .submit {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

@media (max-width: 1200px) {
    .content-forms_t .content-forms-tips-off .form-group-about__top {
        margin-top: -180px;
    }
}

@media (max-width: 750px) {
    .content-forms_t .content-forms-tips-off .form-group-about__top {
        margin-top: 0;
    }
}

.customs-block {
    display: inline-block;
    padding-left: 173px;
}

.customs-block p {
    display: inline-block;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    line-height: 24px;
    padding-right: 15px;
    margin-top: 23px;
    margin-bottom: 23px;
}


.customs-block-parcel p {
    font-size: 14px;
    line-height: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.customs-block-parcel span{
    font-family: 'GothamPro', sans-serif;
    color: #ACD578;
    font-weight: 500;
}

.customs-block-parcel-container{
    height: 50px;
    width: 100px;
    display: table;
    text-align: center;
}

@media (max-width: 1200px) {
    .customs-block p {
        margin-top: 14px;
    }
}

.customs-block span {
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #ACD578;
}

.white-color-and-bg-color-corporate {
    color: white;
    background-color: #ACD578 !important;
}

.declared-value .customs-block span{
    width: 320px!important;
}

.customs-block-text{
    font-size: 12px;
    line-height: 18px;
}
.customs-tooltip-text {
    font-size: 11px;
    line-height: 15px;
}

@media (max-width: 1200px) {
    .customs-block {
        padding-left: 0;
    }
}

@media (max-width: 750px) {
    .content-forms .left-field,
    .content-forms .right-field {
        width: 100%;
    }
}

.hide-field {
    display: none;
}

.show-field {
    display: block;
}

.field-block input::-ms-clear {
    display: none;
}

.registration-block {
    padding: 184px 0 65px;
}

@media (max-width: 1200px) {
    .registration-block {
        padding: 128px 0 55px;
    }
}

@media (max-width: 750px) {
    .registration-block {
        padding: 102px 0 33px;
    }
}

.register-title {
    color: #524d47;
    font-family: 'GothamPro', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

@media (max-width: 1200px) {
    .register-title {
        margin-bottom: 23px;
    }
}

@media (max-width: 750px) {
    .register-title {
        font-size: 14px;
        line-height: 21px;
        text-align: center;
        margin-bottom: 18px;
    }
}

.form-group {
    display: block;
    padding-bottom: 45px;
    position: relative;
}

.form-group .field-title {
    color: #7d7d7d;
    font-family: 'GothamPro', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    min-width: 140px;
}

@media (max-width: 1200px) {
    .form-group .field-title {
        min-width: 123px;
    }
}

@media (max-width: 750px) {
    .form-group .field-title {
        display: none;
    }
}

.form-group .field-title-textarea {
    vertical-align: top;
    padding-top: 10px;
}

.form-group .field-block {
    position: relative;
    display: inline-block;
}

.form-group .field-block input[type='email'],
.form-group .field-block input[type='password'],
.form-group .field-block input[type='text'],
.form-group .field-block input[type='tel'] {
    display: inline-block;
    width: 430px;
    height: 45px;
    background-color: #f7f7f7;
    border: 1px solid #d8d8d8;
    padding: 0 15px;
    border-radius: 0;
    position: relative;
}

@media (max-width: 1200px) {
    .form-group .field-block input[type='email'],
    .form-group .field-block input[type='password'],
    .form-group .field-block input[type='text'],
    .form-group .field-block input[type='tel'] {
        width: 345px;
    }
}

@media (max-width: 750px) {
    .form-group .field-block input[type='email'],
    .form-group .field-block input[type='password'],
    .form-group .field-block input[type='text'],
    .form-group .field-block input[type='tel'] {
        width: 100%;
        margin-bottom: 2px;
    }
}

.form-group .field-block textarea {
    display: inline-block;
    width: 430px;
    background-color: #f7f7f7;
    border: 1px solid #a3a2a2;
    padding: 10px 15px;
    border-radius: 0;
    position: relative;
}

@media (max-width: 1200px) {
    .form-group .field-block textarea {
        width: 345px;
    }
}

@media (max-width: 750px) {
    .form-group .field-block textarea {
        width: 100%;
        margin-bottom: 2px;
    }
}

.form-group .field-block i {
    color: #7d7d7d;
    font-family: 'DINPro';
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    font-style: normal;
    position: absolute;
    left: 145px;
    top: 50px;
}

@media (max-width: 1200px) {
    .form-group .field-block i {
        left: 125px;
    }
}

@media (max-width: 750px) {
    .form-group .field-block i {
        display: block;
        text-align: center;
        left: inherit;
        width: 100%;
    }
}

.discount-subscriber .field-subscriber-email input[type='email']::-webkit-input-placeholder{
    color: white;
}

.discount-subscriber .field-subscriber-email input[type='email']:-moz-placeholder{
    color: white;
}


.form-group .field-block input[type='email']::-webkit-input-placeholder,
.form-group .field-block input[type='password']::-webkit-input-placeholder,
.form-group .field-block input[type='text']::-webkit-input-placeholder,
.form-group .field-block input[type='tel']::-webkit-input-placeholder,
.form-group .field-block input[type='number']::-webkit-input-placeholder {
    color: transparent;
}

@media (max-width: 750px) {
    .form-group .field-block input[type='email']::-webkit-input-placeholder,
    .form-group .field-block input[type='password']::-webkit-input-placeholder,
    .form-group .field-block input[type='text']::-webkit-input-placeholder,
    .form-group .field-block input[type='tel']::-webkit-input-placeholder,
    .form-group .field-block input[type='number']::-webkit-input-placeholder {
        color: #7d7d7d;
        text-align: center;
        text-transform: uppercase;
    }
}

.form-group .field-block input[type='email']:-moz-placeholder,
.form-group .field-block input[type='password']:-moz-placeholder,
.form-group .field-block input[type='text']:-moz-placeholder,
.form-group .field-block input[type='tel']:-moz-placeholder,
.form-group .field-block input[type='number']::-webkit-input-placeholder {
    color: transparent;
}

@media (max-width: 750px) {
    .form-group .field-block input[type='email']:-moz-placeholder,
    .form-group .field-block input[type='password']:-moz-placeholder,
    .form-group .field-block input[type='text']:-moz-placeholder,
    .form-group .field-block input[type='tel']:-moz-placeholder,
    .form-group .field-block input[type='number']::-webkit-input-placeholder {
        color: #7d7d7d;
        text-align: center;
        text-transform: uppercase;
    }
}

.form-group .field-block input[type='email']::-moz-placeholder,
.form-group .field-block input[type='password']::-moz-placeholder,
.form-group .field-block input[type='text']::-moz-placeholder,
.form-group .field-block input[type='tel']::-moz-placeholder,
.form-group .field-block input[type='number']::-webkit-input-placeholder {
    color: transparent;
}

@media (max-width: 750px) {
    .form-group .field-block input[type='email']::-moz-placeholder,
    .form-group .field-block input[type='password']::-moz-placeholder,
    .form-group .field-block input[type='text']::-moz-placeholder,
    .form-group .field-block input[type='tel']::-moz-placeholder,
    .form-group .field-block input[type='number']::-webkit-input-placeholder {
        color: #7d7d7d;
        text-align: center;
        text-transform: uppercase;
    }
}

.form-group .field-block input[type='email']:-ms-input-placeholder,
.form-group .field-block input[type='password']:-ms-input-placeholder,
.form-group .field-block input[type='text']:-ms-input-placeholder,
.form-group .field-block input[type='tel']:-ms-input-placeholder,
.form-group .field-block input[type='number']::-webkit-input-placeholder {
    color: transparent;
}

@media (max-width: 750px) {
    .form-group .field-block input[type='email']:-ms-input-placeholder,
    .form-group .field-block input[type='password']:-ms-input-placeholder,
    .form-group .field-block input[type='text']:-ms-input-placeholder,
    .form-group .field-block input[type='tel']:-ms-input-placeholder,
    .form-group .field-block input[type='number']::-webkit-input-placeholder {
        color: #7d7d7d;
        text-align: center;
        text-transform: uppercase;
    }
}

@media (max-width: 750px) {
    .form-group .field-block {
        display: block;
    }
}

.form-group .field-block__small {
    width: 180px;
    padding-left: 0;
    padding-bottom: 29px;
}

@media (max-width: 750px) {
    .form-group .field-block__small {
        display: inline-block;
        width: 100%;
        margin-top: 20px;
    }
}

@media (max-width: 750px) {
    .form-group .field-block__small .svg-holder {
        left: 0;
    }
}

.form-group .field-block__small input[type='number'],
.form-group .field-block__small input[type='text'] {
    display: inline-block;
    width: 127px;
    height: 45px;
    background-color: #f7f7f7;
    border: 1px solid #d8d8d8;
    padding: 0 15px;
    border-radius: 0;
    position: relative;
    margin: 0 5px;
}

@media (max-width: 750px) {
    .form-group .field-block__small input[type='number'],
    .form-group .field-block__small input[type='text'] {
        width: calc(100% - 33px);
        margin-bottom: 2px;
        margin-left: 0;
    }
}

.form-group .field-block__small .txt-block {
    display: inline-block;
}

@media (max-width: 750px) {
    .form-group .field-block__small .txt-block {
        padding-top: 17px;
    }
}

.form-group .field-block__small .tpanel-price {
    display: inline-block;
    padding-left: 20px;
}

@media (max-width: 750px) {
    .form-group .field-block__small .tpanel-price {
        padding-left: 0;
    }
}

.form-group .field-block__small .tpanel-price_j {
    display: inline-block;
    padding-left: 20px;
}

.hexagon__wrap .form-group {
    padding-bottom: 35px;
}

@media (max-width: 750px) {
    .hexagon__wrap .form-group {
        padding-bottom: 20px;
    }
}

.registration-block .form-group .field-block .field__small {
    width: 222px;
}

@media (max-width: 750px) {
    .registration-block .form-group .field-block .field__small {
        width: 100%;
        margin-bottom: 2px;
    }
}

.registration-block .form-group-select:nth-child(2) .field-block .help-block {
    left: 0;
}

.registration-block .h2__big {
    line-height: normal;
}

.form-group-select {
    padding-bottom: 23px;
    display: inline-block;
}

@media (max-width: 750px) {
    .form-group-select {
        width: 100%;
    }
}

.form-come {
    padding-left: 143px;
}

.form-come p {
    color: #7d7d7d;
    font-family: 'DINPro';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 2px;
}

@media (max-width: 750px) {
    .form-come input[type='submit'] {
        width: 100%;
    }
}

@media (max-width: 750px) {
    .form-come a {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 1200px) {
    .form-come {
        padding-left: 125px;
    }
}

@media (max-width: 750px) {
    .form-come {
        padding-left: 0;
        text-align: center;
    }
}

.left__padding {
    width: 60%;
    position: relative;
}

@media (max-width: 1200px) {
    .left__padding {
        width: 72%;
    }
}

@media (max-width: 750px) {
    .left__padding {
        width: 100%;
    }
}

.registration-social {
    padding-top: 137px;
    display: none;
}

@media (max-width: 750px) {
    .registration-social .soc:last-child {
        margin-right: 0 !important;
    }
}

@media (max-width: 1200px) {
    .registration-social {
        padding-top: 141px;
        display: none;
    }
}

@media (max-width: 750px) {
    .registration-social {
        padding: 0 0 39px;
        text-align: center;
        display: none;
    }
}

.login .registration-social {
    padding-top: 57px;
}

@media (max-width: 1200px) {
    .login .registration-social {
        padding-top: 62px;
    }
}

@media (max-width: 750px) {
    .login .registration-social {
        padding: 0 0 39px;
    }
}

.login .field-block .transition {
    float: right;
    display: block;
    margin-top: 5px;
    margin-right: 70px;
}

@media (max-width: 1200px) {
    .login .field-block .transition {
        margin-right: 35px;
    }
}

@media (max-width: 750px) {
    .login .field-block .transition {
        margin-top: 8px;
        float: none;
        text-align: center;
        margin-right: 0;
    }
}

.register-about-video .magazine-video .video-block .video-wrapper .video-player {
    width: 100%;
}

.register-about-video .magazine-video .video-block .video-wrapper .video-player .video-trigger {
    height: 345px;
}

@media (max-width: 750px) {
    .register-about-video .magazine-video .video-block .video-wrapper .video-player .video-trigger {
        height: 255px;
    }
}

@media (max-width: 750px) {
    .register-about-video .magazine-video .video-block .video-wrapper .video-player {
        height: 315px;
    }
}

.email-confirmation .registration-block {
    padding: 184px 0 100px;
}

.email-confirmation .registration-block .left__padding {
    width: 54%;
}

.email-confirmation .registration-block .left__padding .form-group {
    padding-bottom: 26px;
    display: inline-block;
    vertical-align: top;
}

.email-confirmation .registration-block .left__padding .form-group .field-block {
    margin-right: 7px;
}

@media (max-width: 750px) {
    .email-confirmation .registration-block .left__padding .form-group .field-block {
        margin-right: 0;
        margin-bottom: 5px;
    }
}

@media (max-width: 750px) {
    .email-confirmation .registration-block .left__padding .form-group {
        display: block;
    }
}

.email-confirmation .registration-block .left__padding input[type='submit'] {
    padding: 0 28px;
}

@media (max-width: 750px) {
    .email-confirmation .registration-block .left__padding input[type='submit'] {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .email-confirmation .registration-block .left__padding {
        width: 72%;
    }
}

@media (max-width: 750px) {
    .email-confirmation .registration-block .left__padding {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .email-confirmation .registration-block {
        padding: 128px 0 75px;
    }
}

@media (max-width: 750px) {
    .email-confirmation .registration-block {
        padding: 102px 0 0;
    }
}

.register-about {
    padding-bottom: 20px;
}

.register-about p {
    margin: 0;
}

.register-about p:nth-child(2) {
    margin-bottom: 20px;
}

.field-title {
    min-width: 146px;
}

.select-field {
    display: none;
}

.filter-select-container {
    position: relative;
}

.select2-container {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 9999;
}

@media (max-width: 750px) {
    .select2-container {
        width: 100% !important;
    }
    .hexagon__wrap .select2-container {
        width: 34px !important;
    }
}

.select2-selection--single {
    display: block;
    width: 430px;
    height: 45px;
    background-color: #f7f7f7;
    border: 1px solid #d8d8d8;
    padding: 0 15px;
    cursor: pointer;
    position: relative;
}

.delivery-type-block .select2-selection--single{
    width: 205px!important;
}

.delivery-type-block span{
    float: none!important;
    margin-top: 0px!important;
    line-height: 35px!important;
    -webkit-transform: none!important;
    transform: none!important;
}

.delivery-type-block .select2-selection__arrow b:before{
    right: 18px;
    top: 22px;
}

.hexagon__wrap .select2-selection--single {
    width: 0;
    border: none;
    background-color: #fff;
}

@media (max-width: 1200px) {
    .select2-selection--single {
        width: 345px;
    }
    .hexagon__wrap .select2-selection--single {
        width: 0;
        border: none;
    }
}

@media (max-width: 750px) {
    .select2-selection--single {
        width: 100%;
    }
    .hexagon__wrap .select2-selection--single {
        width: 0;
        border: none;
    }
}

.select2-selection__rendered {
    display: inline-block;
    color: #3a3a3a;
    font-family: 'DINPro';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding-top: 7px;
}

.select2-selection__arrow {
    height: 5px;
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
}

.select2-selection__arrow b:before {
    content: '';
    background-image: url("../img/content/home/arrow/arrow-down.png");
    background-repeat: no-repeat;
    width: 12px;
    height: 5px;
    position: absolute;
    right: 25px;
    top: 20px;
}

.select2-search--dropdown {
    display: block;
    padding: 0;
}

.select2-search__field {
    display: none !important;
}

.select2-results {
    max-height: 200px;
    display: block;
    width: 430px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-top: none;
    padding: 10px 20px 15px;
    list-style-type: none;
    position: absolute;
    top: 0;
    z-index: 9;
    margin: 0;
}

.for-calculate .select2-results {
    left: 0px;
    padding: 0 2px 5px 14px;
    width: 70px;
    text-align: left;
    max-height: inherit;
}

.select2-results .select2-results__options {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.select2-results .select2-results__options .select2-results__option {
    color: #7d7d7d;
    cursor: pointer;
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 5px;
}

.for-calculate .select2-results .select2-results__options .select2-results__option {
    padding-bottom: 2px;
    line-height: 23px;
}

.select2-results .select2-results__options .select2-results__option:last-child {
    padding-bottom: 0;
}

.select2-results .select2-results__options .select2-results__option:hover {
    color: #3a3a3a;
}

@media (max-width: 750px) {
    .select2-results .select2-results__options {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .select2-results {
        width: 345px;
    }
}

@media (max-width: 750px) {
    .select2-results {
        width: 100%;
    }
}

.select2-container--open .select2-selection__arrow b:before {
    content: '';
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (max-width: 750px) {
    .registration2 .form-group:last-child, .registration2 .form-group:nth-child(6) {
        padding-bottom: 23px;
    }
}

@media (max-width: 1200px) {
    .registration2 .form-group .field-block i {
        left: 145px;
    }
}

@media (max-width: 750px) {
    .registration2 .form-group .field-block i {
        left: inherit;
    }
}

@media (max-width: 1200px) {
    .registration2 .field-title {
        min-width: 140px;
    }
}

.registration2 .form-come .btn {
    padding: 0 30px;
}

@media (max-width: 750px) {
    .registration2 .form-come .btn {
        width: 100%;
    }
}

.registration2 .form-come .transition {
    position: relative;
    top: 10px;
    right: -28px;
}

@media (max-width: 750px) {
    .registration2 .form-come .transition {
        top: 0;
        right: 0;
    }
}

@media (max-width: 1200px) {
    .registration2 .form-come {
        padding-left: 143px;
    }
}

@media (max-width: 750px) {
    .registration2 .form-come {
        padding-left: 0;
    }
}

.field-block__locality .select2-selection--single {
    width: 127px;
    margin-right: 15px;
}

@media (max-width: 1200px) {
    .field-block__locality .select2-selection--single {
        width: 115px;
        margin-right: 10px;
    }
}

@media (max-width: 750px) {
    .field-block__locality .select2-selection--single {
        width: 100%;
        margin-right: 0;
    }
}

.field-block__locality .select2-results {
    width: 127px;
}

@media (max-width: 1200px) {
    .field-block__locality .select2-results {
        width: 115px;
    }
}

@media (max-width: 750px) {
    .field-block__locality .select2-results {
        width: 100%;
    }
}

.field-block__city .select2-selection--single {
    width: 285px;
}

@media (max-width: 1200px) {
    .field-block__city .select2-selection--single {
        width: 217px;
    }
}

@media (max-width: 750px) {
    .field-block__city .select2-selection--single {
        width: 100%;
    }
}

.field-block__city .select2-results {
    width: 285px;
}

@media (max-width: 1200px) {
    .field-block__city .select2-results {
        width: 217px;
    }
}

@media (max-width: 750px) {
    .field-block__city .select2-results {
        width: 100%;
    }
}

.remember-password .h2__big {
    margin-bottom: 49px;
}

.remember-password .form-group .field-title {
    min-width: 83px;
}

.remember-password .form-group .field-block input {
    width: 370px;
}

@media (max-width: 750px) {
    .remember-password .form-group .field-block input {
        width: 100%;
    }
}

.remember-password .form-come {
    padding-left: 87px;
}

@media (max-width: 750px) {
    .remember-password .form-come {
        padding-left: 0;
    }
}

.remember-password-mess .left__padding {
    width: 69%;
}

.remember-password-mess .left__padding .h2__big {
    line-height: 48px;
}

@media (max-width: 750px) {
    .remember-password-mess .left__padding .h2__big {
        margin-bottom: 30px;
    }
}

.remember-password-mess .left__padding .form-come {
    padding-left: 0;
}

@media (max-width: 1200px) {
    .remember-password-mess .left__padding {
        width: 82%;
    }
}

@media (max-width: 750px) {
    .remember-password-mess .left__padding {
        width: 100%;
    }
}

.form-group.has-error .field-block input, .form-group.has-error .field-block .select2-selection--single, .form-group.has-error .field-block textarea {
    border: 1px solid #ff0000;
}

.form-group.has-error .field-block i {
    display: none;
}

.form-group.has-error .field-block .help-block {
    position: absolute;
    left: 145px;
    top: 50px;
    display: block;
    color: #ff0000;
    font-family: 'DINPro', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    font-style: normal;
}

.form-group.has-error .help-block {
    position: absolute;
    left: 145px;
    top: 50px;
    display: block;
    color: #ff0000;
    font-family: 'DINPro', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    font-style: normal;
}

@media (max-width: 750px) {
    .form-group.has-error .field-block .help-block {
        left: 0;
    }
}

.form-group.has-error .field-block .help-block-textarea {
    top: 93px;
}

.form-group.has-error .field-block__small .help-block {
    left: 0;
}

@media (max-width: 750px) {
    .form-group.has-error .field-block__small .help-block {
        top: 50px;
    }
}

.content-forms-new-pack .form-group.has-error .help-block {
    left: 174px;
}

@media (max-width: 1200px) {
    .content-forms-new-pack .form-group.has-error .help-block {
        left: 0;
        top: inherit;
    }
}

.content-forms-tips-off .form-group.has-error .help-block {
    left: 0;
    top: inherit;
}

@media (max-width: 1200px) {
    .email-confirmation .form-group.has-error .help-block {
        left: 125px;
    }
}

@media (max-width: 750px) {
    .email-confirmation .form-group.has-error .help-block {
        left: 0;
        top: inherit;
    }
}

.form-group-check {
    padding-bottom: 10px;
    padding-top: 13px;
}

.form-group-check .radio-custom-label {
    padding-bottom: 0;
    padding-right: 43px;
}

.form-group-check .radio-custom + .radio-custom-label:before {
    margin-right: 6px;
}

.form-group-check .radio-custom:checked + .radio-custom-label:before {
    background: #ACD578;
    box-shadow: inset 0 0 0 7px #f7f7f7;
}

.password-link {
    position: relative;
}

.password-link .transition {
    position: absolute;
    right: 70px;
    top: -40px;
}

@media (max-width: 1200px) {
    .password-link .transition {
        right: 35px;
    }
}

@media (max-width: 750px) {
    .password-link .transition {
        margin: auto;
        position: absolute;
        left: 50%;
        right: inherit;
        -webkit-transform: translateX(-50%) translateY(-30%);
        transform: translateX(-50%) translateY(-30%);
    }
}

.field-block-auto .select2-search__field, .select2-container--region .select2-search__field {
    display: block !important;
}

.field-block-auto .select2-search, .select2-container--region .select2-search {
    height: 45px;
}

.field-block-auto .select2-search--dropdown, .select2-container--region .select2-search--dropdown {
    padding: 0;
    position: relative;
    display: block;
    z-index: 9;
}

.field-block-auto .select2-search input, .select2-container--region .select2-search input {
    height: 45px;
}

.field-block-auto input.select2-search__field, .select2-container--region input.select2-search__field {
    border: none;
    background-color: #ACD578;
    color: white;
}

.field-block-auto .select2-search--dropdown .select2-search__field, .select2-container--region .select2-search--dropdown .select2-search__field {
    padding: 0 15px;
    width: 430px;
    box-sizing: border-box;
    max-height: 158px !important;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .field-block-auto .select2-search--dropdown .select2-search__field, .select2-container--region .select2-search--dropdown .select2-search__field {
        width: 345px;
    }
}

@media (max-width: 750px) {
    .field-block-auto .select2-search--dropdown .select2-search__field, .select2-container--region .select2-search--dropdown .select2-search__field {
        width: 100%;
    }
}

.field-block-auto .select2-container--map .select2-search__field, .select2-container--region .select2-container--map .select2-search__field {
    font-size: 15px;
    padding-left: 25px;
}

.field-block-auto .select2-results, .select2-container--region .select2-results {
    top: 45px;
}

.select2-container--prof .select2-search__field {
    display: block !important;
}

.select2-container--prof .select2-search {
    height: 45px;
}

.select2-container--prof .select2-search--dropdown {
    padding: 0;
    position: relative;
    display: block;
    z-index: 9;
}

.select2-container--prof .select2-search input {
    height: 45px;
}

.select2-container--prof input.select2-search__field {
    border: none;
    background-color: #ACD578;
    color: white;
}

.select2-container--prof .select2-search--dropdown .select2-search__field {
    padding: 0 15px;
    width: 220px;
    box-sizing: border-box;
    max-height: 158px !important;
    overflow: hidden;
}

@media (max-width: 750px) {
    .select2-container--prof .select2-search--dropdown .select2-search__field {
        width: 100% !important;
    }
}

.select2-container--prof .select2-container--map .select2-search__field {
    font-size: 15px;
    padding-left: 25px;
}

.select2-container--prof .select2-results {
    top: 45px;
}

.select-field-region {
    display: none;
}

.select2-container--region .select2-results {
    width: 430px;
}

@media (max-width: 1200px) {
    .select2-container--region .select2-results {
        width: 345px;
    }
}

@media (max-width: 750px) {
    .select2-container--region .select2-results {
        width: 100%;
    }
}

.profile-data .select-sm1 .select2-container--prof .select2-results {
    width: 220px;
}

@media (max-width: 750px) {
    .profile-data .select-sm1 .select2-container--prof .select2-results {
        width: inherit;
        text-align: left;
    }
}

@media (min-width: 1200px) {
    @keyframes footscale {
        from {
            -webkit-transform: scale(0);
            transform: scale(0);
        }
        to {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    @-webkit-keyframes footscale {
        from {
            -webkit-transform: scale(0);
            transform: scale(0);
        }
        to {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    .h-top, .h-bottom {
        opacity: 0;
        -webkit-transform: translateY(-20px) scale(1);
        transform: translateY(-20px) scale(1);
    }
    .slider .container {
        display: none;
    }
    .slide {
        /*opacity: 0;*/
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .slide-half.left, .slide-half.right {
        /*opacity: 0;
    transform: scale(1) rotateX(90deg);*/
    }
    .to-animate {
        -webkit-transition: all 0.65s ease 0.25s;
        transition: all 0.65s ease 0.25s;
        -webkit-transform: translateY(40px);
        transform: translateY(40px);
        opacity: 0;
    }
    .to-animate.animated {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
    .profit-see, .profit-slider {
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
    }
    .pr-desc-item, .ff-hex, .warr-item {
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }
    .pr-desc-item:nth-child(2), .ff-hex:nth-child(2), .warr-item:nth-child(2) {
        -webkit-transition-delay: .75s;
        transition-delay: .75s;
    }
    .pr-desc-item:nth-child(3), .ff-hex:nth-child(3), .warr-item:nth-child(3) {
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
    }
    .pr-desc-item:nth-child(4), .ff-hex:nth-child(4), .warr-item:nth-child(4) {
        -webkit-transition-delay: 1.25s;
        transition-delay: 1.25s;
    }
    .terms-left {
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }
    .terms-right {
        -webkit-transition-delay: .75s;
        transition-delay: .75s;
    }
    .stage-overlay__rtl {
        right: -100%;
        opacity: 0;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }
    .stage-overlay__rtl.animated {
        right: 0;
        opacity: 1;
    }
    .stage-overlay__ltr {
        left: 0;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }
    .stage-overlay__ltr.animated {
        left: 0;
        opacity: 1;
        z-index: 5;
    }  .stage-overlay__ltr.firstanim{
           left: -100%;
           opacity: 0;
       }}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}.fancybox-wrap{
     position: absolute;
     top: 0;
     left: 0;
     z-index: 8020;
 }.fancybox-skin{
      position: relative;
      background: #f9f9f9;
      color: #444;
      text-shadow: none;
      border-radius: 4px;
  }.fancybox-opened{
       z-index: 8030;
   }.fancybox-opened .fancybox-skin{
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    }.fancybox-outer, .fancybox-inner{
         position: relative;
     }.fancybox-inner{
          overflow: hidden;
      }.fancybox-type-iframe .fancybox-inner{
           -webkit-overflow-scrolling: touch;
       }.fancybox-error{
            color: #ff0000;
            font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
            margin: 0;
            padding: 15px;
            white-space: nowrap;
        }.fancybox-image, .fancybox-iframe{
             display: block;
             width: 100%;
             height: 100%;
         }.fancybox-image{
              max-width: 100%;
              max-height: 100%;
          }#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{
               background-image: url(../img/general/popup/fancybox_sprite.png);
           }#fancybox-loading{
                position: fixed;
                top: 50%;
                left: 50%;
                margin-top: -22px;
                margin-left: -22px;
                background-position: 0 -108px;
                opacity: 0.8;
                cursor: pointer;
                z-index: 8060;
            }#fancybox-loading div{
                 width: 44px;
                 height: 44px;
                 background: url("../img/general/popup/fancybox_loading.gif") center center no-repeat;
             }
.fancybox-close{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 8040;
    background: #7d7d7d url("../img/general/popup/icon-close.png") 50% 50% no-repeat;
}
.fancybox-nav{
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("../img/general/popup/blank.gif");
    /* helps IE */
    -webkit-tap-highlight-color: transparent;
    z-index: 8040;
}
.fancybox-prev{
    left: 0;
}
.fancybox-next{
    right: 0;
}
.fancybox-nav span{
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}
.fancybox-prev span{
    left: 10px;
    background-position: 0 -36px;
}
.fancybox-next span{
    right: 10px;
    background-position: 0 -72px;
}
.fancybox-nav:hover span{
    visibility:visible;
}
.fancybox-tmp{
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
.fancybox-lock{
    overflow:hidden !important;
    width:auto;
}
.fancybox-lock body{
    overflow: hidden !important;
}
.fancybox-lock-test{
    overflow-y: hidden !important;
}
.fancybox-overlay{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url("../img/general/popup/fancybox_overlay.png");
}
.fancybox-overlay-fixed{
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay{
    overflow: auto;
    overflow-y: scroll;
}
.fancybox-title{
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}
.fancybox-opened .fancybox-title{
    visibility: visible;
}
.fancybox-title-float-wrap{
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}
.fancybox-title-float-wrap .child{
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}
.fancybox-title-outside-wrap{
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap{
    padding-top: 10px;
}
.fancybox-title-over-wrap{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}
.address-select-block .svg-holder__tooltip{
    left: -128.5px;
    width: 270px;
    text-align: center;
}

@media (max-width: 750px) {
    .declared-value .customs-block span{
        width: 260px!important;
    }
    .declared-value .svg-holder__tooltip{
        left: -215px!important;
        width: 12px;
    }
    .declared-value .svg-holder__tooltip:before{
        left: 210px!important;
    }
}

.address-select-block .svg-holder__tooltip:before{
    left: 126px;
}@media (max-width: 1200px){
    .address-select-block .svg-holder__tooltip:before{
        left: 170px;
    }}@media (max-width: 750px){
    .address-select-block .svg-holder__tooltip:before{
        left: 110px;
    }}@media (max-width: 1200px){
    .address-select-block .svg-holder__tooltip{
        width: 220px;
        left: -173.5px;
    }}@media (max-width: 750px){
    .address-select-block .select2-selection--single{
        width: calc(100% - 33px);
    }    .address-select-block .select2-container{
             width: calc(100% - 33px) !important;
         }    .address-select-block .svg-holder__tooltip{
                  width: 180px;
                  left: -112px;
              }    .address-select-block .svg-holder{
                       left: -20px;
                   }}@media (max-width: 1200px) and (min-width: 750px){
    #delivery-address{
        margin-left: 170px;
    }    #first-block{
             float: left;
         }    #second-block{
                  float: left;
              }    .switch-block-1, .switch-block-3, .switch-block-5{
                       width: 370px;
                       height: 60px;
                       display: inline-block;
                   }    .switch-block-2, .switch-block-4, .switch-block-6{
                            width: 300px;
                            height: 60px;
                            display: inline-block;
                        }    .switch-block-7, .switch-block-8, .switch-block-9{
                                 width: 300px;
                                 height: 60px;
                                 display: inline-block;
                             }    #comment-check-shipment{

                                  }}@media (min-width: 1200px){
    .switch-block-1,
    .switch-block-2,
    .switch-block-3,
    .switch-block-4,
    .switch-block-5,
    .switch-block-6,
    .switch-block-7,
    .switch-block-8,
    .switch-block-9 {
        width: 334px;
        height: 60px;
        display: inline-block;
    }

    #first-block {
        float: left;
    }

    #second-block {
        float: left;
    }

    #comment-check-shipment {

    }

    .content-forms-tips-on #delivery-address {
        margin-left: 170px;
    }

    .content-forms-tips-on #comment-check-shipment #block-text-comment {
        margin-left: 0px;
    }

    .content-forms-tips-on #block-text-comment {
        width: 300px;
        margin-left: 180px;
    }

    .content-forms-tips-on #shipmentform-service_check_shipment_comment {

    }
}

#delivery-address {
    width: 330px;
    height: 485px;
    float: left;
    text-align: center;
}

@media (max-width: 736px) and (min-width: 320px){
    #delivery-address {
        height: 450px;
    }
    #delivery-warehouse {
        margin-left: 15px !important;
    }
}

#delivery-address h2{
    color: #7d7c7c;
    margin-bottom: 4px;
}


#delivery-address .help-block
{
    display: block;
    color: #ACD578;
    font-family: 'DINPro', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    font-style: normal;
}



.href-style {
    cursor:pointer;
    color:#ACD578;
    text-decoration:underline;
}

.href-style:hover
{
    color: #524d47;
    text-decoration:none;
}

/*Quick order widget*/
.quick-order{
    color: #a5a5a5;
    pointer-events: none;
    position: relative;
    line-height: 18px;
    font-size: 12px;
    font-family: 'GothamPro', sans-serif;
}
.quick-order-form{
    background: #fff;
    max-width: 332px;
    margin-left: auto;
    pointer-events: auto;
    padding: 10px 20px;
}



@media screen and (min-width: 1201px){
    .slide-0 .container .slider-btn-block,
    .slide-1 .container .slider-btn-block,
    .slide-2 .container .slider-btn-block,
    .slide-3 .container .slider-btn-block{
        width: 100%;
        float: left;
        margin-left: -499px;
        padding-top: 0px;
    }
    .has-qo-form .quick-order-container{
        position: absolute;
        bottom: 0;
        z-index: 1000;
        right: 0;
        left: 0;
    }
    .has-qo-form .slide-half.left{
        padding-top: 30px;
        float: none;
    }
    .has-qo-form .slider-btn-block{
        padding-top: 25px;
        text-align: left;
    }
    .has-qo-form .slider-btn{
        margin-left: 0;
    }
    .vikup .quick-order-container{
        position: relative;
    }
    .vikup .quick-order{
        top: -395px;
        position: absolute;
        margin: 0;
        right: 0;
    }

    .slick-track .quick-order-container .vtov{
        top: -372px;
        position: absolute;
        margin: 0;
        right: 0;
    }

    .slick-track .avto {
        top: -502px!important;
    }
    .avto .quick-order-form{
        height: 402px!important;
    }

    .quick-order{
        margin-top: -372px;
    }
    .quick-order-form{
        margin-right: 119px;
        min-height: 395px;
        min-width: 332px;
    }
    .quick-order-form .goods-details{
        overflow: auto;
        /*height: 94px;*/
    }
    .quick-order-form .goods-details{
        overflow: overlay;
    }
}
@media screen and (max-width: 1200px){
    .has-qo-form.slick-active{
        margin-bottom: 560px;
    }

    .has-qo-form .quick-order-container{
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
    }
    .quick-order-form{
        margin: 40px auto 40px;
        border: 1px solid #a5a5a5;
    }
}
.quick-order h2{
    color: #ACD578;
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
}
html[lang=uk] .quick-order h2 {
    font-size: 21px;
}
.quick-order h2:after{
    content: '';
    display: block;
    width: 38px;
    height: 2px;
    background: #5f065c;
    margin-bottom: 10px;
    margin-left: 2px;
    margin-top: 5px;
}
.quick-order p{
    margin: 10px 0;
}.quick-order .form-group{
     padding-bottom: 13px;
 }
.quick-order .form-group.has-error select,
.quick-order .form-group.has-error input{
    border: 1px solid #ff0000;
}.quick-order .help-block-error{
     display: none;
 }.quick-order .field-quickordermodel-promo,.quick-order .field-quickordermodel-size{
      padding: 0;
  }

.quick-order .field-quickordermodel-email{
    width: 100%;
}

.quick-order .field-quickordermodel-color{
    width: 55%;
}

@media (max-width: 320px){
    .quick-order .field-quickordermodel-color, .col-md-6 #quickordermodel-color{
        width: 54%!important;
    }
    .quick-order #quickordermodel-size{
        margin-right: 10px!important;
    }
}


.quick-order select,
.quick-order .input{
    width: 100%;
    border: 1px solid;
    color: #a5a5a5;
    padding: 0 15px;
    line-height: 34px;
    height: 34px;
    height: 26px;
    text-transform: none;
    font-weight: normal;
    background: #fff;
}
.quick-order select{
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    -ms-appearance: menulist !important;
    padding: 0 10px;
}
.quick-order input[type=number]::-webkit-outer-spin-button,
.quick-order input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}.quick-order input[type='number']{
     -moz-appearance: textfield;
 }.quick-order .input::-webkit-input-placeholder,
  .quick-order .input::-moz-placeholder,
  .quick-order .input:-ms-input-placeholder,
  .quick-order .input:-moz-placeholder{
      color: #a5a5a5;
  }.quick-order #quickordermodel-email{
       margin: 0;
   }
.quick-order #quickordermodel-promo{
    width: 37%;
    margin: 0;
    float: right;
}

.quick-order #quickordermodel-size{
    width: 37%;
    margin: 0;
    float: right;
}

.quick-order .btn{
    width: 100%;
    border-radius: 15px;
    height: 34px;
    line-height: 34px;
    margin: 0 0 10px;
}.quick-order a{
     text-decoration: underline;
     color: #ACD578;
 }.quick-order svg{
      width: 15px;
      fill: #5f065c;
      vertical-align: middle;
  }
.vikup .quick-order-section-full{
    background-color: #f6f6f6;
    padding: 57px 0 70px;
}
.quick-order-full .help-block-error{
    position: absolute;
}
.quick-order-full .form-group-fields {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.quick-order-full .form-group {
    padding-bottom: 25px;
    width: 32%;
}
.quick-order-full .form-group.field-qo-full-age,
.quick-order-full .form-group.field-qo-full-price {
    width: 15%;
}
@media screen and (max-width: 1200px){
    .quick-order-full .form-group {
        width: 49%;
    }
    .quick-order-full .form-group.field-qo-full-age,
    .quick-order-full .form-group.field-qo-full-price {
        width: 23.5%;
    }
}
@media screen and (max-width: 500px){
    .quick-order-full .form-group {
        width: 100% !important;
    }
}
.quick-order-full .form-group .control-label {
    color: #7d7d7d;
    font-family: 'GothamPro', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    vertical-align: middle;
    display: block;
    margin-bottom: 5px;
}
.quick-order-full .select{
    background: #fff;
    padding: 0 28px;
    line-height: 46px;
    height: 45px;
    border: 2px solid transparent;
    border-radius: 0 !important;
    width: 272px;
    margin-right: 10px;
    color: #524d47;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
}
.quick-order-section-small .input,
.quick-order-full .select,
.quick-order-full .input{
    height: 45px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    padding: 0 15px;
    border-radius: 0;
    width: 100%;
    position: relative;
    margin-bottom: 0;
}
.quick-order-section-small .form-group.has-error .input,
.quick-order-full .form-group.has-error .select,
.quick-order-full .form-group.has-error .input {
    border: 1px solid #ff0000;
}
.quick-order-full .select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    -ms-appearance: menulist !important;
    padding: 0 10px;
}
.quick-order-section-small {
    padding: 60px 0 70px;
    color: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../../img/cars_sale_2-1.jpg);
}
.quick-order-section-small h2{
    font-weight: 500;
    max-width: 600px;
    margin: 0 auto 50px;
}
.quick-order-small {
    text-align: center;
}
.quick-order-small .input{
    width: 100%;
    max-width: 450px;
}
.quick-order.avto h2{
    margin-bottom: 19px;
}
.quick-order.avto .form-group-fields.double{
    margin: 0 -5px;
}
.quick-order.avto .form-group-fields.double .form-group {
    width: 50%;
    float:left;
    padding: 0 5px 15px;
}
.quick-order.avto .form-group-fields {
    clear: both;
}
.quick-order.avto .form-group-fields .form-group {
    width: 100%;
}
/*Выкуп товаров из США*/
.vtov .inner-top{
    background: url(../../img/vtov.jpg);
}
.vtov.zp .inner-top{
    background: url(../../img/vzap.jpg);
}
.vtov.sea .inner-top{
    background: url(../../img/sea.jpg) center no-repeat;
    background-size: cover;
}
.vtov.sea .faq-steps .faq-quest {
    display: block;
    float: none;
    margin: 0 auto;
}
.vikup .inner-top{
    min-height: 503px;
    background-size: cover;
}
.vikup .inner-top .breadcrumbs > span a{
    color: #fff;
}
.vikup .inner-top .banner-heading{
    margin-top: 85px;
}
.vikup .shopping-hit, #vt-shops, #vt-products, .vikup .terms, .vikup .vikup-avto-calc{
    margin: 80px 0;
}
.vikup .terms{
    padding: 0;
}
.vikup .car_selection,
.vikup .free-service{
    padding: 80px 0;
}
.vikup.vavt .free-service{
    background: none;
}
@media screen and (min-width: 1201px){
    .vikup .inner-top .banner-heading{
        margin-top: 80px;
        padding-right: 395px;
    }
    .vikup.vavt .inner-top .banner-heading{
        margin-top: 50px;
        font-size: 40px;
    }
}
@media screen and (max-width: 1200px){
    .vikup .inner-top {
        min-height: auto;
        max-height: none;
        padding: 80px 10px 30px;
    }
    .vikup .inner-top .banner-heading {
        font-size: 28px;
        line-height: 34px;
        text-align: center;
        margin-top: 0;
    }
    .vikup .inner-top .banner-heading span h1{
        font-size: 28px;
        line-height: 34px;
    }
}

.vt-steps.stage-ltr .stage-overlay__ltr:after{
    margin-right: 226px;
}.vt-steps{
     margin: 0;
 }.vt-steps.stage-ltr .stage-overlay__ltr:after,
  .vt-steps.stage-ltr .stage-overlay__ltr:before{
      transform: rotate(-56deg);
  }
.vikup .free-service-item {
    width: 180px;
    height: 207px;
    padding: 50px 16px 0 16px;
    background-size: contain;
}
.vikup .free-service-item .free-service-item-text{
    font-size: 16px;
    line-height: 20px;
}
.vikup .free-service-item:last-child {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s;
    margin-right: 0;
}
.vikup .free-service-item:nth-child(4) {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s;
}
.vikup .free-service-item:last-child {
    -webkit-transition-delay: 1.50s;
    transition-delay: 1.50s;
    margin-right: 0;
}
.vikup .online-tabs-item{
    height: 40px;
}
.vikup .online-tabs__center{
    margin: 0;
}
@media (max-width: 750px){
    .vikup  .online-tabs__center {
        padding: 0
    }
}
.vikup .online-tabs-name{
    font-size: 16px;
    line-height: 40px;
}
.vikup .online-tabs-list .show-more-button-field{
    text-align: center;
}
.vikup .online-tabs-list .show-more-button-field #shops-show-more{
    margin: 40px auto;
    padding: 0 40px;
    cursor: pointer;
}
.vikup .online-tabs-list.vzap .list-wrapper{
    overflow: hidden;
    transition: 3s;
    max-height: 300px;
}
.vikup .online-tabs-list.vzap.full .list-wrapper{
    max-height: 1500px;
}
.vikup .online-tabs-list .list-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.vikup .online-tabs-list-item img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    margin: 0 auto;
    display: inline-block !important;
}
#vt-shops .online-tabs-list-item{
    max-width: 300px;
    height: 115px;
    padding: 15px;
    font-size: 0;
    line-height: 115px;
    text-align: center;
    vertical-align: middle;
    box-sizing: content-box;
}
#vt-shops .vzap .online-tabs-list-item{
    width: 33%;
    max-width: none;
    height: 150px;
    line-height: 150px;
    box-sizing: border-box;
}
@media screen and (max-width: 750px){
    #vt-shops .vzap .online-tabs-list-item{
        width: 50%;
    }
}
#vt-shops .online-tabs-list-item a{
    display: block;
    font-size: 0;
    line-height: 115px;
    width: 100%;
    height: 100%;
}#vt-products .online-tabs-list-item{
     width: 300px;
     margin: 20px 10px;
 }#vt-products .item-image{
      line-height: 220px;
      height: 220px;
      text-align: center;
  }#vt-products .item-name{
       font-size: 22px;
       text-align: center;
       line-height: normal;
       margin: 10px 0;
       font-weight: 500;
   }#vt-products .saving{
        font-size: 20px;
        color: #ACD578;
        text-align: center;
        margin: 10px auto;
        width: 250px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ffe7d1;
    }#vt-products .item-price{
         font-size: 18px;
         display: flex;
         flex-direction: row;
         justify-content: space-around;
         color: #ccc;
         text-align: center;
     }#vt-products .pb{
          width: 50%;
      }#vt-products .flag img{
           width: 30px;
           margin-bottom: 5px;
       }
.vikup .shopping-hit .buttons-group{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 15px;
}
.vikup .take-url{
    padding: 80px 0 80px;
    background-color: #fbfbfb;
    margin-bottom: 55px;
}
.vikup .take-url .form-group{
    padding-bottom: 10px;
}
.vikup .take-url .form-group input {
    background: #fff;
}
.vikup .take-url .form-group input::-webkit-input-placeholder {
    color: #a5a5a5;
}.social-networks{
     margin: 80px 0;
 }.social-networks .soc{
      margin: 20px 15px;
      width: 109px;
      height: 125px;
  }.social-networks .soc .icon__fb{
       margin: -23px 0 0 -11px;
   }.social-networks .soc .icon__vk{
        margin: -23px 0 0 -29px;
    }.social-networks .soc .icon__twitter{
         margin: -22.5px 0 0 -22.5px;
     }@media screen and (max-width: 465px){
    .social-networks .soc:last-child{
        display: block;
        text-align: center;
        margin: -22px auto 0;
    }
}
.auction{
    background-color: #f6f6f6;
    padding: 57px 0 70px;
}
.auction .wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.auction h2 span{
    display: block;
    font-size: 16px;
}
.auction .auction-item{
    padding: 0 15px;
    max-width: 250px;
    margin: 20px auto 30px;
}
.auction .auction-item .image{
    font-size: 0;
    line-height: 0;
    padding: 0 15px;
}
.auction .auction-item .image img{
    max-width: 100%;
}
.auction .auction-item .desc{
    margin: 15px 0;
}
.our_help{
    background-color: #f6f6f6;
    padding: 57px 0 70px;
}
.our_help .wrapper{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.our_help .our_help-block{
    position: relative;
    padding: 20px;
    max-width: 220px;
    margin: 20px auto;
    background: #fff;
    border: 1px solid #e2e2e2;
}
.our_help .our_help-block:before{
    content: '';
    background: url(../../img/arrow-right.png) center no-repeat;
    width: 25px;
    height: 120px;
    display: block;
    background-size: contain;
    position: absolute;
    right: -38px;
    top: 50%;
    margin-top: -60px;
}
@media screen and (min-width: 1201px) {
    .our_help .our_help-block:nth-child(4n):before {
        display: none;
    }
}
@media screen and (max-width: 1200px) {
    .our_help .our_help-block {
        max-width: 250px;
    }
    .our_help .our_help-block:before {
        right: -75px;
    }
    .our_help .our_help-block:nth-child(2n):before {
        display: none;
    }
}
@media screen and (max-width: 750px) {
    .our_help .our_help-block {
        max-width: none;
        width: 100%;
    }
    .our_help .our_help-block:before {
        display: none;
    }
}
.our_help .our_help-block .image{
    margin-bottom: 10px;
}
.our_help .our_help-block .image img{
    width: 35px;
}
.our_help .our_help-block .title{
    font-size: 20px;
    color: #ACD578;
    margin: 15px 0;
    height: 50px;
}
.car_selection .wrapper{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.car_selection .u-arts{
    width: 19%;
    margin: 5px;
}
@media screen and (max-width: 1200px){
    .car_selection {
        max-width: 900px;
        margin: 0 auto;
    }
    .car_selection .u-arts{
        width: 45%;
        margin: 5px;
    }
}
@media screen and (max-width: 550px){
    .car_selection {
        max-width: 300px;
    }
    .car_selection .u-arts{
        width: 100%;
        margin: 10px 0;
    }
}
.car_selection .u-arts-item{
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.u-arts-item-name {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100%;
    padding: 30px;
}
.u-arts-item-name-wrapper {
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.u-arts-item-name-wrapper button{
    background: none;
    width: 140px;
    margin: 0 auto;
}
.u-arts-item-name-wrapper .desc{
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    max-width: 100%;
    overflow: hidden;
    font-weight: bold;
}
.u-arts-item-name-wrapper .price{
    color: #ACD578;
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
}
.car_selection .u-arts-item img{
    max-width: 100%;
}

.reviews-all h2 span{
    display: block;
    font-size: 16px;
}
.vikup-avto-calc .calculator{
    max-width: 600px;
    border: 1px solid #b1b1b1;
    margin: 0 auto;
    font-family: 'GothamPro', sans-serif;
    color: #7d7d7d;
    background: #f6f6f6;
}
.vikup-avto-calc .calculator .calc:not(.active){
    display: none;
}
.vikup-avto-calc .calculator .tab-block{
    font-size: 0;
    border-bottom: 1px solid #ddd;
    color: #fff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.vikup-avto-calc .calculator .tab-block .tab {
    display: inline-block;
    width: 50%;
    background-color: #666;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.vikup-avto-calc .calculator .tab:hover,
.vikup-avto-calc .calculator .tab.active {
    background: #222;
}
.form-calc .form-group{
    padding-bottom: 20px;
}
.form-calc .wrapper{
    margin: 30px 20px;
}
.form-calc .labels{
    font-size: 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    color: #524d47;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.form-calc .labels div {
    display: inline-block;
    width: 20%;
    background-color: #f2f2f2;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media screen and (max-width: 750px){
    .form-calc .labels div{
        width: 100%;
        margin: 1px 0;
    }
}
.form-calc .labels div:before {
    position: absolute;
    content: '';
    height: 3px;
    background: #ACD578;
    bottom: 0;
    left: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 0;
    margin-left: 0;
}
.form-calc .labels div.active:before,
.form-calc .labels div:hover:before {
    width: 100%;
    margin-left: -50%;
}
.form-calc .labels div:hover,
.form-calc .labels div.active {
    background: #fff;
    font-weight: bold;
    color: #ACD578;
}
.form-calc .labels div.radio {
    display: none;
}
.form-calc .fc-input-group:not(.fc-all) {
    display: none;
}
.form-calc .fc-input-group{
    margin-bottom: 10px;
    clear: both;
}
.form-calc .control-label {
    color: #7d7d7d;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 0px;
    text-transform: uppercase;
}
.form-calc.tax .fc-input-group.fc-all{
    padding-right: 100px;
    position: relative;
}
.form-calc .fc-input-group input:not(#fc-discount),
.form-calc .fc-input-group select {
    display: inline-block;
    width: 100%;
    height: 45px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    padding: 0 15px;
    border-radius: 0;
    color: #524d47;
    font-weight: normal;
    position: relative;
}
.form-calc .form-group.has-error select, .form-calc .form-group.has-error input:not(#fc-discount) {
    border: 1px solid #ff0000;
}

#delivery-address .has-error{
    border: 1px solid #ff0000;
}

.form-calc .fc-input-group select {
    cursor: pointer;
}
.form-calc .field-fc-currency {
    width: 100px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 25px;
}
.form-calc select {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    -ms-appearance: menulist !important;
}
.form-calc button[type=submit] {
    display: block;
    margin: 0 auto;
    line-height: 45px;
    padding: 0 30px;
}
#fc-discount{
    display: block;
    float: left;
    margin: 5px 10px 0 0;
    cursor: pointer;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    -ms-appearance: checkbox !important;
}
.fc-result table{
    width: 100%;
    line-height: 32px;
    padding: 10px;
    margin: 35px auto 0;
    font-size: 16px;
    border: 1px solid #d8d8d8;
    background: #fff;
}
.fc-result table tr:nth-child(2n){
    background-color: #f7f7f7;
}
.fc-result table td{
    padding: 0 15px;
}
.vikup .profit-list{
    padding-top: 15px;
}
.vikup .profit-list ul li{
    margin-bottom: 10px
}
.vikup .pr-item-img__wrap img{
    margin: -14px auto -20px;
}

#clientCommentInput{
    width: 100%;
    margin-top: 5px;
}

.select-min-with,
.select-min-with .select2-selection,
.select-min-with .select2-selection__rendered,
.select-min-with .select2-results{
    width: 80px !important;
}

.parcel_declared_prices_container{
    display:block;
}
.parcel_declared_price_field_container{
    display: inline-block !important;
    width: 120px;
}
.parcel_declared_price_field_container input{
}

.parcel_declared_price_field_container .help_block{
    position: absolute;
    top: 50px;
    display: block;
    color: #ACD578;
    font-family: 'DINPro', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    font-style: normal;
}

.parcel_declared_price_field_container.form-group{
    padding-bottom: 20px !important;
}

@media (max-width: 750px) {
    .parcel_declared_price_field_container .help_block{
        left: 3px;
    }
    .parcel_declared_price_field_container.form-group{
        padding-bottom: 30px !important;
    }
}

@media (max-width: 1200px) {
    .parcel_declared_price_field_container .help_block{
        left: 3px;
    }
    .parcel_declared_price_field_container.form-group{
        padding-bottom: 35px !important;
    }
}

.field_parcel_description_error_container{
    height: 35px;
    display: table;
    width: 100px;
}
.field_parcel_description_container{
    width: 100px;
}
.field_parcel_description_container .help-block{
    color: #ACD578;
    width: 100px;
    line-height: 12px;
}

.field_parcel_description_label{
    line-height: 13px;
    margin-bottom: 5px;
    font-size: 9px;
}

.btn-sign-up-howitwork{
    margin-left: 117px;
}
#delivery-warehouse input{
    -webkit-appearance: radio!important;
}

#delivery-warehouse{
    padding-bottom: 0px;
    text-align: left;
    margin-left: 66px;
    display: grid;
}
@media (min-width: 750px) {
    .action-buttons-block {
        width: 25%;
        float: left;
    }
}

#referral-link-block{
    text-align: center;
    border: 1px solid #ACD578;
    padding: 10px;
    margin-left: 10px;
}

@media (max-width: 360px){
    #referral-link-block{
        margin-left: 0px;
    }
}

.input-copy-to-clipboard{
    cursor: pointer;
}

.copy-clipboard-up-text {
    color: black;
    position: absolute;
    top: 0px;
    left: 0px;
}

.referral-link-block-text{
    text-transform: uppercase;
    font-family: 'GothamPro', sans-serif;
    font-weight: 500;
    font-size: 12px;
}


.bonus-mini-page{
    background-color: white;
    padding: 40px 50px 40px;
    color : black;
}

.bonus-btn-in-shipment-list{
    display: none;
}




.use-promo-code-block{
    background-color: white;
    padding: 40px 50px 40px;
    color : black;
    border-top: 2px solid #dadada;
}

.content-forms-use-bonus .form-group {
    text-align: center;
    position: relative;
    display: inline-block;
    padding-bottom: 30px;
}

.content-forms-use-bonus .form-group span {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 45px;
}

.content-forms-use-bonus form {
    margin-top: 50px;
    text-align: center;
}

.content-forms-use-bonus label {
    font-family: 'GothamPro', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
}

.content-forms-use-bonus .promocode-input {
    margin-left: 20px;
    background-color: #f7f7f7;
    border: 1px solid #ead490;
    padding: 0 20px;
    width: 200px;
    height: 45px;
}



#choose-address-form .jcf-unselectable,
.container-service-1 .jcf-unselectable,
 #changePreDeliveryAddressContainer .jcf-unselectable,
 #changePreDeliveryPayTypeContainer .jcf-unselectable
{
    display: none!important;
}

#changePreDeliveryPayTypeContainer{
    border-bottom: 1px solid #d8d8d8;
    display: block;
    padding: 7px 0;
}

#changePreDeliveryPayTypeContainer .jcf-select{
    margin-bottom: 0px;
}

.orange-note-txt{
    color: #ACD578;
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
}

.latin_f_l_names_fields_visibility{
    display: none !important;
}

.inherit-width .select2, .inherit-width .select2-selection,.inherit-width .select2-results{
    width: inherit !important;
}
.invoice-file-data{
    text-align: center;
    border: 1px solid #D8D8D8;
}
.invoice-view {
    background-color: lightgreen;
    color: #ACD578;
    padding: 5px;
    border-radius: 4px;
}

.invoice-text {
    color:#E48F3B !important;
}
.form-group.has-error .help-block.help-block-file-upload{
    top:50px!important;
    left:0px!important;
}

.promocode-input{
    margin-left: 0px !important;
}
.country-block{
    padding-top: 10px!important;
    font-size: 10px;
}