

/* Start:/local/templates/jarvis/components/hf/checklist.schedule/jarvis/style.css?1642897999835*/
.checklist_list {
    display: flex;
    flex-direction: column;
}
.accordion__checklist .accordion__text {
    display: flex;
    align-items: center;
}
.accordion__checklist button {
    font-size: 22px;
    height: 32px;
    padding: 0 10px;
    margin-left: 10px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition: all .3s ease-out;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
    color: #f49b00;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-color: #f49b00;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
}
.accordion__checklist button.active {
    color: #fff;
    background-color: #f49b00;
}
.completed p {
    text-decoration: line-through;
}
/* End */


/* Start:/local/templates/jarvis/components/bitrix/menu/menu_link/style.css?165523212677*/
.child {
    display: none;
}

.parant:hover > .child {
    display: block;
}
/* End */


/* Start:/local/templates/jarvis/template_styles.css?1655133488105699*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
.tablebodytext {
    display: none;
}
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after 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;
}

p {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
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/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 when focused and also mouse hovered in all browsers.
 */

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 variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * 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: -.5em;
}

sub {
    bottom: -.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

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

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea { /* 1 */
    font: inherit; /* 2 */
    margin: 0;
    color: inherit; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] { /* 2 */
    cursor: pointer;
    -webkit-appearance: button; /* 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 {
    padding: 0;
    border: 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'] { /* 1 */ /* 2 */
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

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

/**
 * 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 { /* 1 */
    padding: 0;
    border: 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-spacing: 0;
    border-collapse: collapse;
}

td,
th {
    padding: 0;
}

/* Jarvis Icon*/
@font-face {
    font-family: 'JarvisIcon';
    src:  url('/local/templates/jarvis/fonts/JarvisIcon/JarvisIcon.eot?7ux5cx');
    src:  url('/local/templates/jarvis/fonts/JarvisIcon/JarvisIcon.eot?7ux5cx#iefix') format('embedded-opentype'),
    url('/local/templates/jarvis/fonts/JarvisIcon/JarvisIcon.ttf?7ux5cx') format('truetype'),
    url('/local/templates/jarvis/fonts/JarvisIcon/JarvisIcon.woff?7ux5cx') format('woff'),
    url('/local/templates/jarvis/fonts/JarvisIcon/JarvisIcon.svg?7ux5cx#JarvisIcon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'JarvisIcon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-calendar:before {
    content: "\e900";
}
.icon-file:before {
    content: "\e974";
}
.icon-file1:before {
    content: "\e975";
}
.icon-phone:before {
    content: "\e901";
}
.icon-tv:before {
    content: "\e902";
}
.icon-camera:before {
    content: "\e903";
}
.icon-camera1:before {
    content: "\e904";
}
.icon-microphone:before {
    content: "\e905";
}
.icon-coffee:before {
    content: "\e906";
}
.icon-checkmark:before {
    content: "\e907";
}
.icon-cancel:before {
    content: "\e908";
}
.icon-plus:before {
    content: "\e909";
}
.icon-minus:before {
    content: "\e90a";
}
.icon-notice:before {
    content: "\e90b";
}
.icon-cog:before {
    content: "\e90c";
}
.icon-warning:before {
    content: "\e90d";
}
.icon-suitcase:before {
    content: "\e90e";
}
.icon-picture:before {
    content: "\e90f";
}
.icon-pictures:before {
    content: "\e910";
}
.icon-pacman:before {
    content: "\e911";
}
.icon-cassette:before {
    content: "\e912";
}
.icon-watch:before {
    content: "\e976";
}
.icon-chronometer:before {
    content: "\e913";
}
.icon-alarmclock:before {
    content: "\e914";
}
.icon-time:before {
    content: "\e915";
}
.icon-checkmark1:before {
    content: "\e916";
}
.icon-cancel1:before {
    content: "\e917";
}
.icon-eye:before {
    content: "\e918";
}
.icon-chart:before {
    content: "\e919";
}
.icon-chart1:before {
    content: "\e91a";
}
.icon-chart2:before {
    content: "\e91b";
}
.icon-location:before {
    content: "\e91c";
}
.icon-gamepad:before {
    content: "\e91d";
}
.icon-alarm:before {
    content: "\e91e";
}
.icon-phone1:before {
    content: "\e91f";
}
.icon-open:before {
    content: "\e920";
}
.icon-map:before {
    content: "\e921";
}
.icon-trashcan:before {
    content: "\e922";
}
.icon-graduate:before {
    content: "\e923";
}
.icon-bowling:before {
    content: "\e924";
}
.icon-bowlingpin:before {
    content: "\e925";
}
.icon-3dglasses:before {
    content: "\e926";
}
.icon-refrigerator:before {
    content: "\e927";
}
.icon-mouse:before {
    content: "\e928";
}
.icon-smiley:before {
    content: "\e929";
}
.icon-sad:before {
    content: "\e92a";
}
.icon-mute:before {
    content: "\e92b";
}
.icon-hand:before {
    content: "\e92c";
}
.icon-medal:before {
    content: "\e92d";
}
.icon-medal1:before {
    content: "\e92e";
}
.icon-key:before {
    content: "\e92f";
}
.icon-locked:before {
    content: "\e930";
}
.icon-unlocked:before {
    content: "\e931";
}
.icon-magnifier:before {
    content: "\e932";
}
.icon-zoomin:before {
    content: "\e933";
}
.icon-zoomout:before {
    content: "\e934";
}
.icon-transformers:before {
    content: "\e935";
}
.icon-batman:before {
    content: "\e936";
}
.icon-spaceinvaders:before {
    content: "\e937";
}
.icon-skeletor:before {
    content: "\e938";
}
.icon-bomb:before {
    content: "\e939";
}
.icon-lamp:before {
    content: "\e93a";
}
.icon-lamp1:before {
    content: "\e93b";
}
.icon-cube:before {
    content: "\e93c";
}
.icon-box:before {
    content: "\e93d";
}
.icon-moneybag:before {
    content: "\e93e";
}
.icon-grid:before {
    content: "\e93f";
}
.icon-grid1:before {
    content: "\e977";
}
.icon-list:before {
    content: "\e940";
}
.icon-list1:before {
    content: "\e978";
}
.icon-tools:before {
    content: "\e941";
}
.icon-brush:before {
    content: "\e942";
}
.icon-chat:before {
    content: "\e943";
}
.icon-comments:before {
    content: "\e944";
}
.icon-volume:before {
    content: "\e945";
}
.icon-volume1:before {
    content: "\e946";
}
.icon-download:before {
    content: "\e947";
}
.icon-calculator:before {
    content: "\e948";
}
.icon-attachment:before {
    content: "\e949";
}
.icon-pencil:before {
    content: "\e94a";
}
.icon-pin:before {
    content: "\e94b";
}
.icon-discout:before {
    content: "\e94c";
}
.icon-edit:before {
    content: "\e94d";
}
.icon-scissors:before {
    content: "\e94e";
}
.icon-profile:before {
    content: "\e94f";
}
.icon-rotate:before {
    content: "\e950";
}
.icon-rotate1:before {
    content: "\e951";
}
.icon-dollar:before {
    content: "\e952";
}
.icon-dollar1:before {
    content: "\e953";
}
.icon-pig:before {
    content: "\e954";
}
.icon-addressbook:before {
    content: "\e955";
}
.icon-safe:before {
    content: "\e956";
}
.icon-envelope:before {
    content: "\e957";
}
.icon-envelope1:before {
    content: "\e958";
}
.icon-radioactive:before {
    content: "\e959";
}
.icon-male:before {
    content: "\e95a";
}
.icon-female:before {
    content: "\e95b";
}
.icon-heart:before {
    content: "\e95c";
}
.icon-info:before {
    content: "\e95d";
}
.icon-rocket:before {
    content: "\e95e";
}
.icon-book:before {
    content: "\e95f";
}
.icon-barcode:before {
    content: "\e960";
}
.icon-expand:before {
    content: "\e961";
}
.icon-collapse:before {
    content: "\e962";
}
.icon-badge:before {
    content: "\e963";
}
.icon-ticket:before {
    content: "\e964";
}
.icon-ticket1:before {
    content: "\e965";
}
.icon-blocked:before {
    content: "\e966";
}
.icon-stop:before {
    content: "\e967";
}
.icon-keyboard:before {
    content: "\e968";
}
.icon-checked:before {
    content: "\e969";
}
.icon-error:before {
    content: "\e96a";
}
.icon-add:before {
    content: "\e96b";
}
.icon-minus1:before {
    content: "\e96c";
}
.icon-pictures1:before {
    content: "\e96d";
}
.icon-globe:before {
    content: "\e96e";
}
.icon-yingyang:before {
    content: "\e96f";
}
.icon-tags:before {
    content: "\e970";
}
.icon-clipboard:before {
    content: "\e971";
}
.icon-clipboard1:before {
    content: "\e972";
}
.icon-switch:before {
    content: "\e973";
}

/* Jarvis Icon*/

/* font-family: "Light"; */

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

/* font-family: "Regular"; */

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

/* font-family: "Medium"; */

@font-face {
    font-family: 'Montserrat-Medium';
    font-weight: normal;
    font-style: normal;
    src: url('/local/templates/jarvis/fonts/Montserrat/Montserrat-Medium.eot');
    src: url('/local/templates/jarvis/fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/jarvis/fonts/Montserrat/Montserrat-Medium.woff') format('woff'), url('/local/templates/jarvis/fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
}

/* font-family: "SemiBold"; */

@font-face {
    font-family: 'Montserrat-SemiBold';
    font-weight: normal;
    font-style: normal;
    src: url('/local/templates/jarvis/fonts/Montserrat/Montserrat-SemiBold.eot');
    src: url('/local/templates/jarvis/fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/jarvis/fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'), url('/local/templates/jarvis/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
}

/* font-family: "Bold"; */

@font-face {
    font-family: 'Montserrat-Bold';
    font-weight: normal;
    font-style: normal;
    src: url('/local/templates/jarvis/fonts/Montserrat/Montserrat-Bold.eot');
    src: url('/local/templates/jarvis/fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/jarvis/fonts/Montserrat/Montserrat-Bold.woff') format('woff'), url('/local/templates/jarvis/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    height: 100%;
    background-color: #fff;
}

body {
    font: 400 14px/1.5 'Montserrat-Regular', 'Arial', serif;
    font-size: calc(13px + (18 - 13) * ((100vw - 375px) / (1920 - 375)));
    font-weight: normal;
    font-style: normal;
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    transition: all .3s ease-out;
    color: #333;
}

a {
    transition: color, .2s;
}

a:hover {
    text-decoration: none;
}

h1 {
    font-family: 'Montserrat-Bold', 'Arial', serif;
    font-size: calc(18px + (28 - 18) * ((100vw - 375px) / (1920 - 375)));
    font-weight: normal;
    line-height: initial;
    margin-top: 0;
    margin-bottom: 20px;
}

h2 {
    font-family: 'Montserrat-Bold', 'Arial', serif;
    font-size: calc(16px + (25 - 16) * ((100vw - 375px) / (1920 - 375)));
    font-weight: normal;
    line-height: initial;
    margin-top: 0;
    margin-bottom: 20px;
}

h3 {
    font-family: 'Montserrat-Bold', 'Arial', serif;
    font-weight: bold;
    margin-bottom: 15px;
}

.light {
    font-family: 'Montserrat-Regular', 'Arial', serif;
    font-size: 12px;
    line-height: 16px;
    color: rgba(51, 51, 51, .6);
}

.text_18 {
    font-size: calc(14px + (22 - 14) * ((100vw - 375px) / (1920 - 375)));
}

.text_16 {
    font-size: calc(13px + (18 - 13) * ((100vw - 375px) / (1920 - 375)));
}

.text_15 {
    font-size: calc(12px + (17 - 12) * ((100vw - 375px) / (1920 - 375))) !important;
}

.text_14,
.nav__link {
    font-size: calc(12px + (16 - 12) * ((100vw - 375px) / (1920 - 375)));
}

.orange {
    color: #f49b00;
}

.semibold {
    font-family: 'Montserrat-SemiBold', 'Arial', serif;
}

.regular {
    font-family: 'Montserrat-Regular', 'Arial', serif;
}

.bold {
    font-family: 'Montserrat-Bold', 'Arial', serif;
}

.mb_6 {
    margin-bottom: 6px;
}
.mt_9 {
    margin-top: 9px;
}
.mt_12 {
    margin-top: 12px;
}
.mb_12 {
    margin-bottom: 12px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_32 {
    margin-bottom: 32px;
}
.mt_32 {
    margin-top: 32px;
}

.light_gray {
    opacity: .7;
}

.limit {
    max-width: 980px;
}

.short {
    max-width: 60%;
}

.header {
    margin-bottom: 20px;
    padding: 0;
    background-color: #fff;
}

.header__inner {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.header__inner .header_top {
    width: 100%;
    padding: 10px 32px;
    background-color: #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__inner .header_bottom {
    display: flex;
    width: 100%;
    padding: 0 32px;
    align-items: center;
}

.header__inner .header_bottom .search {
    position: relative;
    width: 70%;
    padding: 16px 0;
}

.header__inner .header_bottom .search .loop {
    position: absolute;
    top: 34px;
    right: 12px;
    border: 0;
    outline: none;
    background-color: transparent;
}

.header__inner .header_bottom .catalog {
    display: flex;
    width: 15%;
    padding: 16px;
    border-right: 1px solid #e5e5e5;
    align-items: center;
    justify-content: center;
}

.header__inner .header_bottom .catalog .link {
    font-family: 'Montserrat-SemiBold', 'Arial', serif;
}

.header__inner .header_bottom .cart {
    display: flex;
    width: 15%;
    align-items: center;
    justify-content: center;
}

.header__inner .header_bottom .cart .cart_inner {
    display: block;
}

.header__inner .header_bottom .cart .cart_inner .link {
    font-family: 'Montserrat-SemiBold', 'Arial', serif;
}

.header__inner .header_bottom .cart .cart_inner p {
    width: 100%;
    text-align: right;
}

.header_mobile {
    display: none;
    width: 100%;
    padding: 0 32px;
    background-color: #fff;
}

.header_mobile__inner {
    display: flex;
    width: 100%;
    padding: 12px 0;
    align-items: center;
    justify-content: space-between;
}
.sidebar_inner__top .logo {
    max-width: 160px;
}
.header_mobile__inner .logo {
    width: 60px;
}

.header_mobile__inner .logo img {
    display: block;
    width: 100%;
}
.sidebar .contact {
    margin-left: 10px;
}

.nav__list {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
}

.nav__list li {
    flex: 0 1 auto;
}

.nav__list li:first-child .nav__link {
    padding-left: 0;
}

.nav__list li:last-child .nav__link {
    padding-right: 0;
}

.nav__link {
    font-family: 'Montserrat-Medium', 'Arial', serif;
    padding: 18px 24px;
    text-decoration: none;
    opacity: .7;
    color: #333;
}

.nav__link .link {
    font-size: calc(12px + (16 - 12) * ((100vw - 375px) / (1920 - 375)));
}

.nav__link:first-child {
    padding-left: 0;
}

.nav__link:last-child {
    padding-right: 0;
}

.page-container {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 320px;
    min-height: 100%;
    background-color: #fff;
    justify-content: flex-start;
    align-items: stretch;
}

.page {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.page__inner {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    flex-grow: 1;
}

.page__item {
    margin-bottom: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff;
}

.content_inner {
    width: 100%;
    margin-bottom: 50px;
    padding: 0 32px;
}

.content_inner__title {
    margin-bottom: 24px;
}

.content_inner__title h2 {
    margin-bottom: 0;
}

.footer {
    width: 100%;
}

.footer__inner {
    display: flex;
    flex-direction: column;
}

.footer__inner_accordion {
    display: none;
}

.footer__inner_top {
    display: flex;
    width: 100%;
    padding: 32px;
    background-color: #f5f5f5;
    align-items: stretch;
}

.footer__inner_top .footer_item {
    width: 33.333%;
    margin-right: 32px;
}

.footer__inner_top .footer_item .links_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.footer__inner_top .footer_item .links_list li {
    padding: 6px 0;
}

.footer__inner_bottom {
    display: flex;
    width: 100%;
    padding: 32px;
    background-color: #fff;
    align-items: center;
    justify-content: space-between;
}

.form__item {
    font-size: calc(12px + (16 - 12) * ((100vw - 375px) / (1920 - 375)));
    display: inline-block;
    width: 100%;
    height: 54px;
    padding: 5px 12px;
    vertical-align: top;
    color: #333;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
}

.form__item:focus, input[name="CHECKLIST_TIME[]"]:focus, input[name="TARIFF_TIME"]:focus {
    border-color: #f49b00;
    outline: 0;
}

input[name="CHECKLIST_TIME[]"], input[name="TARIFF_TIME"] {
    font-size: calc(12px + (16 - 12) * ((100vw - 375px) / (1920 - 375)));
    display: inline-block;
    width: 100%;
    height: 54px;
    padding: 5px 12px;
    vertical-align: top;
    color: #333;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
}

.clock_block {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 54px;
}
.clock_block input {
    font-weight: bold;
    font-size: 16px;
}
.clock_block::before {
    content: "\e915";
    position: absolute;
    font-family: 'JarvisIcon' !important;
    font-size: 51px;
    opacity: 0.1;
    left: 16px;
    bottom: 12px;
    pointer-events: none;
    color: #999;
    height: 54px;
}
.clock_block .bx-clock-icon {
    /*display: none;*/
    opacity: 0;
}

.form__item[disabled] {
    cursor: default;
    background-color: #f5f7f9;
}

.form__item:focus::-webkit-input-placeholder {
    transition: color .3s;
    color: transparent;
}

.form__item:focus::-moz-placeholder {
    transition: color .3s;
    color: transparent;
}

.form__item_big {
    padding: 20px 12px;
}

.form__textarea {
    font-size: calc(12px + (16 - 12) * ((100vw - 375px) / (1920 - 375)));
    width: 100%;
    height: 100px;
    padding: 12px 20px;
    resize: none;
    color: #333;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
}

.form__textarea:focus {
    border-color: #f49b00;
    outline: 0;
}

.form__textarea[disabled] {
    cursor: default;
    background-color: #f5f7f9;
}

.form__textarea:focus::-webkit-input-placeholder {
    transition: color .3s;
    color: transparent;
}

.form__textarea:focus::-moz-placeholder {
    transition: color .3s;
    color: transparent;
}

.form__textarea_custom {
    border: 1px solid transparent;
    border-radius: 10px 10px 0 0;
    box-shadow: none;
}

.form__textarea_custom:focus {
    border-color: transparent;
    outline: 0;
}

.error {
    border-color: red;
}

.error::-webkit-input-placeholder {
    transition: color .3s;
    color: red;
}

.error::-moz-placeholder {
    transition: color .3s;
    color: red;
}

.calc_dl {
    max-width: -webkit-fill-available !important;
}

.calc_dl .loadimg {
    position: absolute;
    z-index: 1000;
    display: none;
}

.calc_dl .over {
    position: fixed;
    z-index: 999;
    top: -35px;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 328px;
    height: 395px;
    margin-top: 2px;
    margin-left: 2px;
    opacity: .85;
    background-color: white;
}

.calc_dl body {
    font-size: 14px;
    margin: 0;
    color: #111;
    background: #fff;
}

.calc_dl input[type='text'] {
    font-size: 13px;
    height: 50px;
    margin: 4px 6px 8px 0;
    padding: 0 0 0 8px;
    color: #1f1f1f;
    border: 1px solid #e5e5e5;
}

.calc_dl input[type='text']:focus {
    border-color: #f49b00;
    outline: none;
    outline: 0;
}

.calc_dl input[type=text][disabled]:hover {
    cursor: pointer;
}

.calc_dl select[disabled] {
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    background-color: #ebebe4;
}

.calc_dl input[type='checkbox'] {
    position: relative;
    top: 2px;
    margin: 5px 1px 3px 1px;
}

.calc_dl input[type=checkbox][disabled]:hover {
    cursor: pointer;
}

.calc_dl .place::-webkit-input-placeholder {
    color: red;
}

.calc_dl .place:-moz-placeholder {
    color: red;
}

.calc_dl .place2 {
    color: red !important;
    border: 1px solid #f99 !important;
    background: #ffbfbf !important;
}

.calc_dl .logo {
    display: block;
    width: 200px;
    margin: 10px auto 13px;
}

.calc_dl .main {
    width: 330px;
    border: 1px solid #ccc;
}

.calc_dl .little {
    font-size: 13px;
    display: inline-block;
    margin-top: 8px;
}

.calc_dl .mini {
    display: block;
    display: block;
    float: left;
    width: 58px;
    height: 50px;
}

.calc_dl .second {
    float: left;
    width: 111px;
    margin-right: 12px;
}

.calc_dl .second div {
    display: flex;
    margin-bottom: 8px;
    align-items: center;
}

.calc_dl .second div input {
    min-width: 80px;
    margin-bottom: 0;
}

.calc_dl .clear {
    clear: both;
}

.calc_dl .bottom_gray {
    font-size: 11px;
    line-height: 95%;
    display: inline-block;
    padding-top: 5px;
    text-align: left;
    color: #aaa;
}

.calc_dl .gray {
    font-size: 13px;
    line-height: 100%;
    display: inline-block;
    text-align: left;
    color: #898a8c;
}

.calc_dl .second_right {
    float: left;
    width: 200px;
    margin-top: 8px;
}

.calc_dl .second_right a {
    font-size: 13px;
    display: inline;
    width: 175px;
    text-decoration: none;
    color: #2685d1;
    border-bottom: 1px dotted;
}

.calc_dl .korotki {
    width: 99px;
}

.calc_dl .select {
    display: inline-block;
    width: 200px;
    height: 50px;
    margin: 3px;
    padding: 4px 12px;
    text-indent: .01px;
    text-overflow: '';
    color: #1f1f1f;
    border: 1px solid #e5e5e5;
    background: url(/local/templates/jarvis/../arrow.png) no-repeat right white;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.calc_dl .select::-ms-expand {
    display: none;
    appearance: none;
}

.calc_dl .button {
    font-family: 'Montserrat-Medium', 'Arial', serif;
    font-size: 14px;
    display: block;
    width: 100%;
    height: 50px;
    margin: 0 auto;
    margin-top: 10px;
    cursor: pointer;
    color: #fff;
    border-color: #f49b00;
    outline-style: none;
    background-color: #f49b00;
}

.calc_dl .button :active {
    padding: 1em;
    outline-style: none;
}

.calc_dl .abz {
    font-size: 13px;
    display: inline-block;
    padding: 7px 7px 3px 0;
}

.calc_dl .labbot {
    font-size: 11px;
    display: block;
    width: 265px;
    margin: 2px auto;
}

.calc_dl .gray {
    color: #777;
}

.calc_dl .form_big {
    width: 190px;
}

.calc_dl .inside {
    position: relative;
    width: 290px;
    color: #3c3c3c;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #fff;
}

.calc_dl .border_top {
    width: 292px;
    margin: 0;
    padding: 0;
    border-top: 6px solid #666;
}

.calc_dl .line_border {
    width: 292px;
    height: 8px;
    margin: -1px 0 0;
    background: url(/local/templates/jarvis/../bottom_bg1.png) repeat-x -6px 0;
    background-position: center;
}

.calc_dl .pr {
    font-size: 13px;
    display: inline-block;
    width: 35%;
    margin-left: 14px;
}

.calc_dl .pr1 {
    font-size: 24px;
}

.calc_dl .pr2 {
    font-size: 17px;
}

.calc_dl .pr3 {
    font-size: 13px;
    display: inline-block;
    width: 58%;
    margin-left: 14px;
}

.calc_dl .isay {
    position: relative;
    top: 2px;
    right: -3px;
    cursor: pointer;
}

.calc_dl .gray_mini {
    font-size: 11px;
    color: gray;
}

.calc_dl #tooltip {
    font-size: 10px;
    position: absolute;
    z-index: 100;
    padding: 15px;
    text-align: center;
    color: #fff;
    background: #111;
}

.calc_dl #tooltip:after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    content: '';
    border-top: 10px solid #111;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.calc_dl #tooltip.top:after {
    top: -20px;
    bottom: auto;
    border-top-color: transparent;
    border-bottom: 10px solid #111;
}

.calc_dl #tooltip.left:after {
    left: 10px;
    margin: 0;
}

.calc_dl #tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}

.calc_dl #mod_con {
    position: absolute;
    z-index: 200;
    top: 25%;
    left: 16px;
}

.calc_dl #modal1 {
    height: 146px;
    margin-top: 7px;
}

.calc_dl #modal2 {
    height: 121px;
}

.calc_dl #example2 {
    margin-top: 20px;
    margin-bottom: 5px;
}

.calc_dl .inside {
    position: relative;
    width: 303px;
    color: #3c3c3c;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #fff;
}

.calc_dl .border_top {
    width: 305px;
    margin: 0;
    padding: 0;
    border-top: 6px solid #666;
}

.calc_dl .line_border {
    width: 305px;
    height: 8px;
    margin: -1px 0 0;
    background: url(/local/templates/jarvis/../bottom_bg1.png) repeat-x -6px 0;
    background-position: center;
}

.calc_dl .mt16 {
    margin-bottom: 16px;
}

.calc_dl .h55 {
    height: 55px;
}

.calc_dl .grayplace {
    color: #777 !important;
}

.calc_dl div#strahovka input[type='checkbox'] {
    position: relative;
    top: 2px;
    left: 19px;
    display: inline;
    margin: -3px 0 3px 1px;
    vertical-align: middle;
}

/* fuck ie */

.internet-explorer .page__inner {
    height: calc(100vh - 70px - 50px);
}

.link {
    font-size: calc(13px + (18 - 13) * ((100vw - 375px) / (1920 - 375)));
    display: inline-block;
    transition: color, .2s;
    vertical-align: top;
    text-decoration: none;
    color: #333;
}

.link:hover, .link.selected {
    color: #f49b00;
}

.link:focus,
.link:active {
    text-decoration: none;
    outline: 0;
}

.link_orange {
    color: #f49b00;
}

.link_orange:hover {
    color: #333;
}

.layout-inner,
.page__inner,
.slider-buttons-wrapper {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.layout-padding,
.page__item {
    padding-right: 20px;
    padding-left: 20px;
}

.btn {
    font-family: 'Montserrat-Medium', 'Arial', serif;
    font-size: 15px;
    position: relative;
    display: inline-block;
    height: 54px;
    padding: 5px 24px;
    cursor: pointer;
    transition: all .3s ease-out;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f49b00;
    border-radius: 0;
    outline: 0;
    background-color: #f49b00;
    box-shadow: none;
}
.btn_small {
    font-size: 12px;
    height: 32px;
    padding: 3px 10px;
}

.btn:hover,
.btn:active,
.btn:focus {
    text-decoration: none;
    outline: 0;
}

.btn:hover,
.btn:focus {
    border-color: #f45200;
    background-color: #f45200;
}

.btn:active {
    background-color: #f45200;
}

.btn_disabled {
    cursor: default;
    color: #656f73;
    border-color: #b3b8c0;
    background-color: #f5f7f9;
}

.btn_disabled:hover,
.btn_disabled:active,
.btn_disabled:focus {
    color: #656f73;
    border-color: #b3b8c0;
    background-color: #f5f7f9;
}

.btn_white {
    color: #f49b00;
    border-color: #f49b00;
    background-color: #fff;
}

.btn_white:hover,
.btn_white:active,
.btn_white:focus {
    color: #fff;
    border-color: #f49b00;
    background-color: #f49b00;
}

.add {
    display: flex;
    width: 36px;
    height: 36px;
    transition: all .3s ease-out;
    border: 0;
    background-color: #e5e5e5;
    align-items: center;
    justify-content: center;
}

a.btn, span.btn {
    display: flex;
    max-width: 300px;
    align-items: center;
    justify-content: center;
}

.btn_img {
    display: flex;
    border: 0;
    background-color: transparent;
    align-items: center;
    justify-content: center;
}

.form__checkbox, .form__radio {
    font-size: calc(12px + (16 - 12) * ((100vw - 375px) / (1920 - 375)));
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    padding-left: 25px;
    cursor: pointer;
    vertical-align: top;
}

.form__checkbox_hidden, .form__radio_hidden {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    margin: 0;
    opacity: 0;
}

.form__checkbox_indicator {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    transition: all .1s;
    border: 1px solid #747880;
    border-radius: 3px;
    background: #fff;
}
.form__radio_indicator {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    transition: all .1s;
    border: 1px solid #747880;
    border-radius: 8px;
    background: #fff;
}

.form__checkbox_indicator:after, .form__radio_indicator:after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 6px;
    content: '';
    transition: all .25s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}

.form__checkbox_text {
    color: #333;
}

.form__checkbox > input:checked ~ .form__checkbox_indicator, .form__radio > input:checked ~ .form__radio_indicator {
    border-color: #f49b00;
    background: #f49b00;
}

.form__checkbox > input:checked ~ .form__checkbox_indicator:after, .form__radio > input:checked ~ .form__radio_indicator:after {
    -webkit-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg);
}

.form__checkbox > input:not(checked) ~ .form__checkbox_indicator:after, .form__radio > input:not(checked) ~ .form__radio_indicator:after {
    -webkit-transform: scale(0) rotate(-45deg);
    transform: scale(0) rotate(-45deg);
}

.form__checkbox > input:focus ~ .form__checkbox_indicator, .form__radio > input:focus ~ .form__radio_indicator {
    border-color: #4b88b8;
}

.form__checkbox > input:focus ~ .form__checkbox_indicator:after, .form__radio > input:focus ~ .form__radio_indicator:after {
    border-color: #edf0f0;
}

.form__checkbox > input:disabled ~ .form__checkbox_indicator, .form__radio > input:disabled ~ .form__radio_indicator {
    cursor: default;
    background-color: #e3e4e6;
}

.form__checkbox > input:disabled ~ .form__checkbox_indicator:after, .form__radio > input:disabled ~ .form__radio_indicator:after {
    border-color: #edf0f0;
}

.form__checkbox > input:disabled ~ .form__checkbox_text, .form__radio > input:disabled ~ .form__radio_text {
    cursor: default;
    color: #747880;
}

.main_box {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 320px;
    margin-bottom: 50px;
    padding: 32px;
    background-image: url('/local/templates/jarvis/../img/fone.jpg');
    background-size: cover;
    align-items: flex-start;
    justify-content: center;
}

.main_box h1,
.main_box p {
    max-width: 50%;
    color: #fff;
}

.main_box p {
    font-size: calc(14px + (18 - 14) * ((100vw - 375px) / (1920 - 375)));
    opacity: .6;
}

.text-image {
    display: flex;
    width: 100%;
    align-items: center;
}

.text-image .left {
    margin-right: 32px;
}

.image50 {
    width: 100%;
}

.image50 .left img {
    width: 100%;
    min-width: 27vw;
}

.gray_box {
    display: flex;
    width: 100%;
    align-items: stretch;
    justify-content: space-between;
}

.gray_box__item {
    width: calc(50% - 16px);
    margin-right: 32px;
    padding: 20px;
    background: rgba(245, 245, 245, .35);
}

.gray_box__item:last-child {
    margin-right: 0;
}

.list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.list li {
    padding: 12px 0;
}

.with_link {
    display: flex;
    margin-bottom: 32px;
    align-items: flex-end;
    justify-content: space-between;
}

.with_link h2 {
    margin-bottom: 0;
}

.search_list {
    width: auto;
}

.search_list li {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.search_list li .info_box {
    position: absolute;
    z-index: 2;
    left: 40px;
    display: flex;
    visibility: hidden;
    width: auto;
    min-width: 480px;
    opacity: 0;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
    align-items: center;
    justify-content: flex-start;
}

.search_list li .info_box .left {
    max-width: 200px;
    padding: 20px;
    border-right: 1px solid #e5e5e5;
}

.search_list li .info_box .left img {
    width: 100%;
}

.search_list li .info_box .right {
    padding: 20px;
}

.search_list li:hover .info_box {
    visibility: visible;
    transition: all .3s ease-out;
    opacity: 1;
}

.filters {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
    align-items: flex-start;
    justify-content: flex-start;
}

.filters_top {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    align-items: center;
    justify-content: space-between;
}

.filters_top .left .filters_button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.filters_top .left .filters_button img {
    margin-right: 12px;
}

.filters_top .right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.filters_top .right .btn_img:first-child {
    margin-right: 12px;
}

.filters_bottom {
    display: flex;
    width: auto;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.pagination {
    display: flex;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    align-items: center;
    justify-content: flex-start;
}

.pagination .pages {
    display: flex;
    margin: 0 60px;
    align-items: center;
    justify-content: center;
}

.pagination .pages .page_n {
    display: flex;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    cursor: pointer;
    transition: all, .2s ease-out;
    align-items: center;
    justify-content: center;
}

.pagination .pages .page_n:hover {
    color: #fff;
    background-color: #f49b00;
}

.pagination .pages .page_n:last-child {
    margin-right: 0;
}

.pagination .pages .p_active {
    color: #fff;
    background-color: #f49b00;
}

.filters_box {
    visibility: hidden;
    width: 100%;
    height: 0;
    transition: all, .2s ease-out;
    opacity: 0;
}

.filters_box__inner {
    display: flex;
    width: 100%;
    padding: 12px 0;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.filters_box__inner .file_item {
    display: flex;
    cursor: pointer;
    transition: all, .2s ease-out;
    align-items: center;
    justify-content: center;
}

.filters_box__inner .file_item:hover {
    transition: all, .2s ease-out;
    background-color: #f49b00;
}

.filters_box__inner .file_item:hover p {
    color: #fff;
}

.filters_box__inner .file_item p {
    margin-right: 0;
}

.f_opened {
    visibility: visible;
    height: 100%;
    transition: all, .2s ease-out;
    opacity: 1;
}

.style_listed .tile_item {
    display: flex;
    width: 100%;
    margin-right: 0;
    align-items: center;
}

.style_listed .tile_item__img {
    width: 30%;
    padding: 32px;
}

.style_listed .tile_item:nth-child(3n+3),
.style_listed .tile_item:nth-child(2n),
.style_listed .tile_item:nth-child(4n+4) {
    margin-right: 0;
}

.contacts_tile {
    display: flex;
    width: 100%;
    align-items: stretch;
    justify-content: space-between;
}

.contacts_tile__item {
    width: 33.3333%;
}

.contacts_form {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 32px;
    background-color: #f5f5f5;
    align-items: center;
    justify-content: center;
}

.contacts_form p {
    text-align: center;
}

.maps_container {
    display: flex;
    width: 100%;
    margin-bottom: 60px;
    align-items: center;
    justify-content: space-between;
}

.maps_container .left,
.maps_container .right {
    width: 50%;
}

.map {
    width: 100%;
    height: 200px;
}

.map__box {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
}

.promo {
    width: 100%;
    max-height: 300px;
    margin-bottom: 40px;
}

.promo img {
    display: block;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -o-object-fit: cover;
    object-fit: cover;
}

.text_about {
    display: flex;
    width: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}

.text_about .left {
    width: 40%;
    margin-right: 80px;
}

.text_about .right {
    width: 60%;
}

.about_container {
    display: flex;
    width: 100%;
    align-items: stretch;
    justify-content: space-between;
}

.about_container .left_menu {
    width: 25%;
    margin-right: 60px;
}

.about_container .right_content {
    width: 75%;
}

.about_container .right_content__box {
    width: 100%;
    margin-bottom: 40px;
}

.rc_title {
    width: 100%;
    margin-bottom: 32px;
    padding: 32px;
    background-color: #f5f5f5;
}

.about_contacts {
    display: flex;
    width: auto;
    align-items: flex-start;
    justify-content: flex-start;
}

.about_contacts .ac_box {
    margin-right: 56px;
}

.item_main {
    display: flex;
    width: 100%;
    align-items: flex-start;
}

.item_main .right {
    width: 60%;
}

.item_main .right .light_gray {
    font-size: calc(12px + (17 - 12) * ((100vw - 375px) / (1920 - 375))) !important;
    max-width: 720px;
}

.item_main .right .add_info {
    display: flex;
    width: 100%;
    align-items: stretch;
    justify-content: flex-start;
}

.item_main .right .add_info .quantity {
    margin-right: 60px;
}

.item_main .right .add_info .price .text_18 {
    line-height: 16px;
    margin-bottom: 16px;
}

.item_main .right .add_info .price .link {
    font-size: calc(12px + (16 - 12) * ((100vw - 375px) / (1920 - 375)));
    line-height: 14px;
}

.item_main .right .buttons {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}

.item_main .right .buttons .btn {
    min-width: 216px;
}

.item_main .right .buttons .btn:first-child {
    margin-right: 30px;
}

.delivery_items {
    display: flex;
    width: 100%;
    align-items: stretch;
    justify-content: flex-start;
}

.delivery_items__item {
    display: flex;
    margin-right: 12px;
    padding: 6px;
    border: 1px solid #e5e5e5;
    align-items: center;
    justify-content: center;
}

.delivery_items__item img {
    width: 100%;
}

.delivery_items__item:last-child {
    margin-right: 0;
}

.calc {
    width: 100%;
}

.calc form {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
}

.calc .input_box {
    width: calc(33.333% - 22px);
    margin-right: 32px;
    margin-bottom: 20px;
}

.calc .input_box .btn {
    width: 100%;
}

.calc .input_box .dropdown {
    height: 56px;
}

.calc .input_box:nth-child(3n+3) {
    margin-right: 0;
}

.calc .input_box:last-child {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.descr_lines {
    max-width: 50%;
    margin-top: 30px;
    margin-bottom: 40px;
}

.descr_lines__item {
    display: flex;
    margin-bottom: 20px;
    align-items: flex-end;
}

.descr_lines__item p {
    font-size: 16px;
    line-height: 16px;
}

.descr_lines__item .divider {
    width: auto;
    min-width: 120px;
    margin: 0 8px;
    margin-bottom: 2px;
    border-bottom: 1px dashed #e5e5e5;
    flex: 1;
}

.call_body p {
    max-width: 320px;
}

.call_body .btn {
    width: 100%;
}

.info_buble {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 100%;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
    max-width: 420px;
    padding: 24px;
    transition: all .3s;
    opacity: 0;
    background-color: #fff;
    box-shadow: 10px 10px 27px 3px rgba(0, 0, 0, .1);
    justify-content: center;
    align-items: flex-start;
}

.info_buble__inner {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.info_buble__inner .left {
    width: 40%;
    margin-right: 24px;
}

.info_buble__inner .left img {
    display: block;
    width: 100%;
}

.info_buble__inner .right .ib_name {
    font-size: 16px;
    margin-bottom: 12px;
}

.info_buble__inner .right .bigger {
    font-size: 18px;
}

.info_buble p {
    font-size: 12px;
}

.info_buble p:first-child {
    font-family: 'Montserrat-Medium', 'Arial', serif;
}

.search {
    position: relative;
}

.search .info_buble {
    top: 100%;
    right: 0;
    left: auto;
}

.search:focus .ib_search {
    visibility: visible;
    opacity: 1;
}

.search:focus-within .ib_search {
    visibility: visible;
    opacity: 1;
}

.search:active .ib_search {
    visibility: visible;
    opacity: 1;
}

.search .ib_element {
    top: 0 !important;
    left: 100% !important;
}

.tile_item.slick-slide {
    min-height: 473px;
}

.category_list {
    width: 100%;
    margin-bottom: 40px;
}

.category_list .cat_list {
    -webkit-column-count: 3;
    column-count: 3;
}

.bar_box {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
}

.sidebar {
    position: fixed;
    top: 0;
    width: 24vw;
    height: 100vh;
    background-color: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
    align-self: flex-start;
}

.sidebar_inner {
    position: relative;
    overflow: auto;
    width: 100%;
    height: 100vh;
}

.sidebar_inner__top {
    display: flex;
    width: 100%;
    padding: 32px;
    border-bottom: 1px solid #e5e5e5;
    align-items: center;
    justify-content: space-between;
}

.sidebar_inner__top .logo img {
    display: block;
    width: 100%;
}

.sidebar_inner__body {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 32px;
    justify-content: space-between;
}

.sidebar_inner__body .catalog_menu .accordion .accordion__text {
    font-size: 1vw;
}

.sidebar_inner__body .button_box {
    position: absolute;
    bottom: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.sidebar_inner__body .button_box .btn {
    width: 240px;
}

.content {
    width: 76vw;
}

.accordion__item_open .accordion__content {
    overflow: auto;
    /*max-height: 210px;*/
}

.accordion__item_open .accordion__content::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.accordion__item_open .accordion__content::-webkit-scrollbar-button {
    background-color: #666;
}

.accordion__item_open .accordion__content::-webkit-scrollbar-track {
    background-color: #999;
}

.accordion__item_open .accordion__content::-webkit-scrollbar-track-piece {
    background-color: #fff;
}

.accordion__item_open .accordion__content::-webkit-scrollbar-thumb {
    height: 50px;
    border-radius: 3px;
    background-color: #666;
}

.accordion__item_open .accordion__content::-webkit-scrollbar-corner {
    background-color: #999;
}

.accordion__item_open .accordion__content::-webkit-resizer {
    background-color: #666;
}

.accordion {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: none;
}

.accordion__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.accordion__btn {
    font-family: 'Montserrat-Medium', 'Arial', serif;
    font-size: 15px;
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 60px;
    padding: 12px;
    cursor: default;
    transition: all .15s;
    text-decoration: none;
    color: #333;
    background-color: transparent;
    align-items: center;
    justify-content: space-between;
    will-change: background-color;
}

.accordion__btn:before {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 2px;
    display: block;
    width: 2px;
    height: 8px; /* vertical element */
    content: '';
    transition: all .15s;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: #333;
    will-change: transform, width;
}

.accordion__btn:after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 8px;
    height: 2px; /* horizontal element */
    content: '';
    transition: all .15s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #333;
    will-change: transform;
}

.accordion__item_open .accordion__btn {
    border-bottom-color: transparent;
    background-color: transparent;
}

.accordion__item_open .accordion__btn:before {
    height: 2px;
}

.accordion__item_open .accordion__content {
    display: block;
}

.accordion__content {
    display: none;
    padding: 10px 0 10px 0;
    background-color: transparent;
    will-change: height;
}

.accordion__content ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.accordion__content ul li {
    margin-bottom: 12px;
}

.accordion__content p {
    font-size: 16px;
    margin-bottom: 13px;
}

.accordion__content a {
    font-size: calc(12px + (16 - 12) * ((100vw - 375px) / (1920 - 375)));
}

.accordion__text {
    font-size: 1vw;
    font-weight: normal;
    position: absolute;
    left: 0;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.accordion__text:hover {
    transition: all .2s;
    color: #f49b00;
}

.acc_text {
    max-width: 80%;
}

.acc_text ol li {
    margin-bottom: 8px;
}

.dropdown {
    position: relative;
}

.dropdown_opened > .dropdown__list {
    display: block;
}

.dropdown {
    border: 1px solid #e5e5e5;
}

.dropdown .dropdown__text {
    overflow: hidden;
    width: 100%;
    max-width: 85%;
    height: 60px;
    padding: 0 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #5e5e66;
    justify-content: flex-start;
}

.dropdown .dropdown__text:after {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 8px;
    height: 8px;
    content: '';
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    color: transparent;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}

.dropdown .dropdown__list {
    overflow: auto;
    min-width: 100%;
    height: 200px;
}

.dropdown .dropdown__item {
    overflow: hidden;
    height: 50px;
    padding: 0 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dropdown_opened .dropdown__text::after {
    top: 27px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.dropdown_opened .dropdown__text {
    background-color: transparent;
}

.dropdown_opened .dropdown__item:hover li a {
    color: #fff;
}

.dropdown__list {
    position: absolute;
    z-index: 11;
    top: 100%;
    display: none;
    overflow-y: auto;
    width: 100%;
    min-width: 320px;
    margin: 0;
    padding: 0;
    list-style: none;
    transition: all .3s ease-out;
    border: 1px solid #e5e5e5;
    background-color: #fff;
}

.dropdown__list li {
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
}

.dropdown__list li a {
    color: #000;
}

.dropdown__list .dropdown__item:hover a {
    color: #fff;
}

.dropdown_opened .dropdown__text p::after {
    top: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.dropdown_opened .dropdown__text {
    background-color: transparent;
}

.dropdown_opened .dropdown__item:hover li a {
    color: #fff;
}

.dropdown__text p::after {
    font-size: 10px;
    position: absolute;
    top: 5px;
    right: -20px;
    width: 9px;
    height: 9px;
    content: '';
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    color: transparent;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}

.dropdown__text {
    font-size: 17px;
    display: flex;
    cursor: pointer;
    color: #000;
    background-color: transparent;
    align-items: center;
    justify-content: center;
}

.dropdown__text p {
    position: relative;
    transition: all .3s;
}

.dropdown__text p a:hover {
    transition: all .3s;
    color: #f49b00;
}

.dropdown__item {
    font-size: 14px;
    display: flex;
    width: 100%;
    margin-bottom: 0 !important;
    cursor: pointer;
    transition: all .2s ease-in-out;
    color: #000;
    border-top: 0;
    background-color: #fff;
    align-items: center;
}

.dropdown__item a {
    padding: 16px 20px;
}

.dropdown__item:hover {
    transition: all .2s ease-in-out;
    color: #fff;
    background-color: #f49b00;
}

.dropdown__item:last-child {
    border-bottom: 0;
}

ul li::before,
ol li::before {
    height: 2px;
}

.dropdown_number {
    border: 0;
}

.dropdown_number .dropdown__text {
    font-family: 'Montserrat-SemiBold', 'Arial', serif;
    font-size: calc(12px + (16 - 12) * ((100vw - 375px) / (1920 - 375)));
    display: flex;
    flex-direction: column;
    max-width: 100%;
    height: auto;
    margin-right: 0;
    padding-left: 0;
    align-items: flex-start;
}

.dropdown_number .dropdown__text a {
    font-size: calc(11px + (15 - 11) * ((100vw - 375px) / (1920 - 375)));
}

.dropdown_number .dropdown__text p {
    width: 100%;
}

.dropdown_number .dropdown__text p:after {
    display: none;
}

.dropdown_number .dropdown__text .light {
    text-align: right;
}

.dropdown_number .dropdown__text:after {
    top: 4px;
    right: 0;
}

.dropdown_number .dropdown__list {
    height: auto;
}

.dropdown_number .dropdown__item {
    font-family: 'Montserrat-SemiBold', 'Arial', serif;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    height: auto;
    margin-right: 0;
    padding: 10px;
    padding-left: 10px;
    align-items: flex-start;
}

.dropdown_number .dropdown__item a {
    font-size: calc(12px + (16 - 12) * ((100vw - 375px) / (1920 - 375)));
    padding: 0;
}

.dropdown_simple .dropdown__text p::after {
    display: none;
}

.tile {
    display: flex;
    width: 100%;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.tile_item {
    position: relative;
    z-index: 2;
    width: calc(33.333% - 22px);
    margin-right: 32px;
    margin-bottom: 32px;
    text-decoration: none;
    color: #333;
    border: 1px solid #e5e5e5;
}

.tile_item:nth-child(3n+3) {
    margin-right: 0;
}

.tile_item__img {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 264px;
    padding: 32px;
    align-items: center;
    justify-content: center;
}

.tile_item__img img {
    display: block;
    width: 100%;
    max-height: 200px;
    -o-object-fit: contain;
    object-fit: contain;
}

.tile_item__text {
    width: 100%;
    padding: 20px;
}

.tile_item__text .item_name {
    font-family: 'Montserrat-SemiBold', 'Arial', serif;
    font-size: calc(14px + (18 - 14) * ((100vw - 375px) / (1920 - 375)));
    margin-bottom: 12px;
}

.tile_item__text .item_descr {
    font-size: calc(10px + (14 - 10) * ((100vw - 375px) / (1920 - 375)));
    line-height: 18px;
    display: -webkit-box;
    overflow: hidden; /* fallback */
    max-height: 90px;
    margin-bottom: 14px;
    text-overflow: ellipsis;
    opacity: .7; /* fallback */
    -webkit-line-clamp: 5; /* number of lines to show */
}

.tile_item__text .item_price {
    display: flex;
    align-items: center;
}

.tile_item__text .item_price .new {
    font-family: 'Montserrat-SemiBold', 'Arial', serif;
    font-size: calc(12px + (16 - 12) * ((100vw - 375px) / (1920 - 375)));
    margin-right: 12px;
}

.tile_item__text .item_price .old {
    font-size: calc(10px + (14 - 10) * ((100vw - 375px) / (1920 - 375)));
    text-decoration: line-through;
}

.tile_item .add {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
}

.tile_item:hover {
    border-color: #f49b00;
}

.tile_item:hover .add {
    background-color: #f49b00;
}

.slider_items .tile_item:nth-child(3n+3) {
    margin-right: 32px;
}

.slider_items {
    overflow: hidden;
}

.slider_items .slick-list {
    overflow: hidden;
    margin-right: -32px;
}

.slider_nav {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}

.slider_nav .btns {
    display: flex;
    width: auto;
    align-items: center;
}

.slider_nav .btns .btn_slides:hover {
    cursor: pointer;
    opacity: .5;
}

.slider_nav .btns .btn_left {
    margin-right: 32px;
}

.tile_item .video {
    width: 100%;
}

.tile_item .video iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 200px;
}

.tile_news .tile_item {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 6px 0 6px 12px;
    border: 0;
    border-left: 3px solid #c4c4c4;
    /*align-items: center;*/
    justify-content: center;
}

.tile_news .tile_item .text_15 {
    font-family: 'Montserrat-Medium', 'Arial', serif;
}

.tile_news .tile_item:after {
    position: absolute;
    top: 0;
    left: -3px;
    width: 3px;
    height: 0;
    content: '';
    transition: all .2s ease-out;
    background-color: #f49b00;
}

.tile_news .tile_item:hover:after {
    height: 100%;
    transition: all .2s ease-out;
}

.tile_article .tile_item {
    border: 0;
}

.tile_article .tile_item .image {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    max-height: 300px;
    margin-bottom: 20px;
}

.tile_article .tile_item .image img {
    z-index: 1;
    display: block;
    width: 100%;
    transition: all .5s ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
    -o-object-fit: cover;
    object-fit: cover;
}

.tile_article .tile_item:hover .image img {
    transition: all .5s ease-out;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.tile_categ {
    display: flex;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    align-items: stretch;
    flex-wrap: wrap;
}

.tile_categ__item {
    width: calc(50% - 40px);
    margin-right: 80px;
    margin-bottom: 50px;
}

.tile_categ__item:nth-child(2n) {
    margin-right: 0;
}

.tile_categ__item .head {
    display: flex;
    width: 100%;
    height: 140px;
    margin-bottom: 12px;
    padding: 32px;
    background-color: #f5f5f5;
    background-image: url('/local/templates/jarvis/../img/cat01.jpg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    align-items: center;
    justify-content: flex-start;
}

.tile_categ__item .head p {
    max-width: 60%;
}

.tile_categ__item .cat02 {
    background-image: url('/local/templates/jarvis/../img/cat002.jpg');
}

.tile_categ__item .cat03 {
    background-image: url('/local/templates/jarvis/../img/cat03.jpg');
}

.tile_categ__item .cat04 {
    background-image: url('/local/templates/jarvis/../img/cat004.jpg');
}

.tile_categ__item .body_box ul li {
    margin-bottom: 0;
    padding: 6px 0;
}

.sale {
    font-size: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #f49b00;
}

.present {
    font-size: 14px;
}

.tile_item__text .item_price {
    position: absolute;
    bottom: 20px;
    padding-top: 20px;
}

.tile_item__text .item_descr {
    margin-bottom: 40px;
}

/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

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

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

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.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;
    outline: none;
}

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

.slick-slide img {
    display: block;
}

.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;
}

/* Slider */

/* Icons */

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
}

/* Arrows */

.slick-prev,
.slick-next {
    position: absolute;
    z-index: 5;
    display: inline-block;
    padding: 0;
    content: '';
    cursor: pointer;
    color: transparent;
    border-radius: 0;
    outline: none;
}

.slick-prev {
    right: 150px;
    bottom: 500px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-next {
    right: 100px;
    bottom: 500px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

/* Dots */

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    z-index: 2;
    bottom: -100px;
    left: 0;
    display: flex;
    width: 100%;
    max-width: 1240px;
    height: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: flex-start;
}

.slick-dots li {
    position: relative;
    display: flex;
    width: 16px;
    height: 2px;
    margin-right: 20px;
    margin-bottom: 32px;
    padding: 0;
    cursor: pointer;
    transition: all .4s ease-in-out;
    opacity: 1;
    border: 0;
    background-color: transparent;
    align-items: center;
    justify-content: center;
}

.slick-dots li:last-child {
    margin-bottom: 0;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    position: static;
    display: block;
    width: 16px;
    height: 2px;
    cursor: pointer;
    transition: all .4s ease-in-out;
    color: transparent;
    border: 0;
    outline: none;
    background-color: #e5e5e5;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
    background-color: #f49b00;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    display: none;
}

.slick-dots li.slick-active {
    width: 16px;
    height: 2px;
    opacity: 1;
    background-color: #f49b00;
}

.slick-dots li.slick-active button {
    width: 16px;
    transition: all .4s ease-in-out;
    background-color: #f49b00;
}

.slider-buttons-wrapper {
    position: relative;
    bottom: 180px;
    display: flex;
    height: 50px;
    margin: 0 auto;
}

.slider-buttons {
    width: 100px;
    height: 50px;
    margin-top: -33px;
    margin-left: auto;
}

.hamburger {
    position: relative;
    z-index: 50;
    display: none; /* more then menu-mobile */
    width: 24px;
    height: 18px;
    margin-left: 20px;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}

.hamburger__item,
.hamburger span,
.hamburger span:before,
.hamburger span:after {
    display: block;
    width: 24px;
    height: 2px;
    transition: all .25s ease-out;
    background: #000;
}

.hamburger span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.hamburger span:before,
.hamburger span:after {
    position: absolute;
    display: block;
    content: '';
}

.hamburger span:before {
    top: -6px;
}

.hamburger span:after {
    top: 6px;
}

.hamburger_active span {
    background: transparent;
}

.hamburger_active span:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #000;
}

.hamburger_active span:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #000;
}

.slinky-menu {
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.slinky-menu > ul {
    position: relative;
    left: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.slinky-menu ul,
.slinky-menu li {
    margin: 0;
    list-style: none;
}

.slinky-menu ul {
    width: 100%;
    padding: 0;
}

.slinky-menu a {
    font-size: 14px;
    display: flex;
    text-decoration: none;
    align-items: center;
}

.slinky-menu a span {
    line-height: 1.4;
    flex: 1;
}

.slinky-menu li ul {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
}

.slinky-menu .header {
    position: static;
    display: flex;
    background-color: #fafafa;
}

.scrollable {
    overflow-y: auto;
    height: 400px;
}

.slinky-menu .header .title {
    line-height: 1.4;
    margin: 0;
    flex: 1;
    order: 1;
}

.slinky-theme-default {
    background: transparent;
}

.slinky-theme-default .title {
    padding: 20px 20px 20px 0;
    color: #000;
}

.slinky-theme-default li {
    line-height: 1;
    border-bottom: 1px solid #ccc;
}

.slinky-theme-default li:first-child {
    border-top: 1px solid #ccc;
}

.slinky-theme-default a:not(.back) {
    padding: 20px;
    color: #000;
}

.slinky-theme-default a:not(.back):hover {
    background: rgba(90, 200, 250, .25);
}

.slinky-theme-default a:not(.back):active {
    background: rgba(90, 200, 250, .5);
}

.slinky-theme-default .next::after,
.slinky-theme-default .back::before {
    width: 1em;
    height: 1em;
    content: '';
    transition: 200ms;
    opacity: 1;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;
    background-size: 1em;
}

.slinky-theme-default .next::after {
    margin-left: 1em;
}

.slinky-theme-default .back::before {
    padding: 20px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.slinky-theme-default .next:hover::after,
.slinky-theme-default .back:hover::before {
    opacity: .75;
}

.slinky-theme-default .next:active::after,
.slinky-theme-default .back:active::before {
    opacity: 1;
}

.menu_wrapper {
    position: fixed;
    z-index: 8;
    top: 90px;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    overflow-y: auto;
    width: 100%;
    height: calc(100vh - 90px);
    transition: all .2s ease-in-out;
    transition-delay: .3s;
    background: rgba(0, 0, 0, .4);
}

.menu_mobile {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 83%;
    max-width: 83%;
    height: 100%;
    transition: all .2s ease-in-out;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    background-color: #fff;
}

.menu_mobile__inner {
    position: relative;
    z-index: 11;
    height: 100%;
}

.menu_mobile__inner .menu_body {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    justify-content: space-between;
}

.menu_mobile__inner .menu_body .menu__list {
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
    padding: 0;
    list-style-type: none;
}

.menu_mobile__inner .menu_body .menu__list_link {
    position: relative;
    width: 100%;
    padding: 20px 12px;
    border-bottom: 1px solid #ccc;
}

.menu_mobile__inner .menu_body .menu__list_link:first-child {
    border-top: 1px solid #ccc;
}

.menu_mobile__inner .menu_body .menu__list_link .arrow {
    position: absolute;
    top: 30px;
    right: 20px;
    width: 5px;
    height: 5px;
    content: '';
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.menu-mobile_opened {
    visibility: visible;
    transition: all .3s ease-in-out;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.menu-mobile_opened .menu_mobile {
    visibility: visible;
    transition: all .3s ease-in-out;
    transition-delay: .3s;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.menu_contacts {
    padding: 0 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}

.menu_contacts .social {
    display: flex;
    align-items: center;
}

.menu_contacts .social a {
    display: flex;
    width: 32px;
    height: 32px;
    margin-right: 12px;
    border: 1px solid #ccc;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.menu_contacts .social a img {
    max-width: 16px;
    max-height: 16px;
}

.menu_contacts .phone-mail {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 24px;
    justify-content: space-between;
    align-items: flex-start;
}

.menu_contacts .phone-mail .link_phone {
    font-size: 14px;
    display: block;
}

.menu_contacts .phone-mail .link_post {
    font-size: 14px;
    display: block;
}

.stopped {
    overflow: hidden;
}

.breadcrumbs {
    margin-bottom: 20px;
}

.breadcrumbs .breadcrumbs_list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex-wrap: wrap;
}

.breadcrumbs .breadcrumbs_list li {
    overflow: hidden;
    margin-bottom: 5px;
}

.breadcrumbs .breadcrumbs_list li a {
    font-size: calc(13px + (18 - 13) * ((100vw - 375px) / (1920 - 375)));
    text-decoration: none;
    color: #000;
}

.breadcrumbs .breadcrumbs_list li a:hover {
    color: #f49b00;
}

.breadcrumbs .breadcrumbs_list li p {
    margin: 0 5px;
    display: inline-block;
    vertical-align: top;
}

.breadcrumbs .breadcrumbs_list .disabled {
    margin-left: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bc_box {
    margin-bottom: 0;
    padding-bottom: 0;
}

.bc_back {
    display: flex;
    align-items: center;
}

.bc_back svg {
    width: 6px;
    margin-right: 6px;
}

.bc_back span {
    font-size: calc(13px + (18 - 13) * ((100vw - 375px) / (1920 - 375)));
}

.mobile {
    display: none;
}

.cart_container {
    width: 100%;
    padding: 40px 0;
    border-top: 1px solid #e5e5e5;
}

.orders {
    width: 100%;
}

.order_row {
    width: 100%;
    margin-bottom: 60px;
}

.order_row:last-child {
    margin-bottom: 0;
}

.order_row__top {
    display: flex;
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e5e5;
    align-items: center;
    justify-content: space-between;
}

.order_row__top .item_inf {
    display: flex;
    width: 30%;
    align-items: center;
    justify-content: flex-start;
}

.order_row__top .item_count {
    display: flex;
    width: 15%;
    margin-right: 0;
    align-items: center;
    justify-content: flex-start;
}

.order_row__top .item_qt {
    width: 20%;
}

.order_row__top .delete {
    width: 5%;
}

.order_row__body {
    display: flex;
    width: 100%;
    padding-top: 32px;
    align-items: center;
    justify-content: space-between;
}

.order_row__body .item_inf {
    display: flex;
    width: 30%;
    align-items: center;
}

.order_row__body .item_count {
    width: 15%;
}

.order_row__body .item_qt {
    width: 20%;
}

.order_row__body .item_qt .qtt {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.order_row__body .delete {
    display: flex;
    width: 5%;
    justify-content: flex-end;
}

.qtt {
    display: flex;
    margin-right: 32px;
    border: 1px solid #c4c4c4;
    align-items: center;
}

.qtt button {
    display: flex;
    padding: 16px 20px;
    border: 0;
    border-radius: 0;
    outline: none;
    background-color: transparent;
    align-items: center;
    justify-content: center;
}

.qtt div {
    font-size: 18px;
    line-height: 14px;
    display: block;
    padding: 16px 20px;
    border-right: 1px solid #c4c4c4;
    border-left: 1px solid #c4c4c4;
}

.itogo {
    display: flex;
    width: 100%;
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #e5e5e5;
    align-items: center;
    justify-content: space-between;
}

.itogo p:first-child {
    width: 45%;
}

.itogo p:nth-child(2) {
    width: 15%;
}

.itogo p:nth-child(3) {
    display: flex;
    width: 40%;
    align-items: center;
    justify-content: flex-end;
}

.no_border {
    padding-top: 0;
    border-top: none;
}

.form_order {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
select {
    height: 56px;
    border: 1px solid #e5e5e5;
    background: #fff;
    width: 100%;
}
.form_order .form__item,
.form_order .form__textarea,
.form_order .file {
    width: calc(50% - 16px);
    margin-right: 32px;
    margin-bottom: 20px;
}

.form_order .form__item:nth-child(2n),
.form_order .form__textarea:nth-child(2n),
.form_order .file:nth-child(2n) {
    margin-right: 0;
}

.form_order .form__textarea {
    height: 180px;
}

.form_order .file .files {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.file_item {
    display: flex;
    margin-right: 20px;
    margin-bottom: 12px;
    padding: 6px 16px;
    border-radius: 20px;
    background-color: #f5f5f5;
    align-items: center;
    justify-content: space-between;
}

.file_item p {
    margin-right: 16px;
}

.file_item .btn_img {
    padding: 0;
}

.file_item .btn_img img {
    display: block;
    width: 15px;
}

.btn_box {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}

.cart_it h2 {
    margin-bottom: 20px;
}

.cart_it p {
    max-width: 600px;
}

.article {
    max-width: 980px;
    margin-top: 20px;
}

.article h1 {
    font-size: calc(18px + (28 - 18) * ((100vw - 375px) / (1920 - 375)));
    line-height: initial;
    max-width: 980px;
    margin-bottom: 25px;
    text-transform: none;
    color: #333;
}

.article h2 {
    font-size: calc(16px + (25 - 16) * ((100vw - 375px) / (1920 - 375)));
    line-height: initial;
    margin-top: 40px;
    margin-bottom: 20px;
    text-transform: none;
    color: #333;
}

.article h3 {
    font-size: calc(16px + (22 - 16) * ((100vw - 375px) / (1920 - 375)));
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 15px;
    text-transform: none;
    color: #333;
}

.article b {
    font-family: 'Montserrat-Medium', 'Arial', serif;
}

.article img {
    margin: 25px 0;
}

.article p {
    font-size: calc(14px + (18 - 14) * ((100vw - 375px) / (1920 - 375)));
    max-width: 980px;
    margin-bottom: 10px;
    letter-spacing: .02em;
}

.article .q {
    font-family: 'Montserrat-Medium', 'Arial', serif;
    max-width: 980px;
    margin: 56px 0;
    padding: 20px 40px;
    border-left: 2px solid #f49b00;
}

.article ol {
    margin-bottom: 20px;
    padding: 0;
    counter-reset: myCounter;
}

.article ol li {
    display: flex;
    margin-bottom: 8px;
    list-style: none;
    align-items: flex-start;
}

.article ol li:before {
    font-family: 'Montserrat-Medium', 'Arial', serif;
    margin: 0 16px 0 0;
    content: counter(myCounter) '.';
    counter-increment: myCounter;
    color: #f49b00;
}

.article ul {
    margin-bottom: 20px;
    padding-left: 25px;
    list-style-type: none;
}

.article ul li {
    position: relative;
    margin-bottom: 8px;
}

.article ul li:before {
    position: absolute;
    top: 6px;
    left: -25px;
    width: 6px;
    height: 6px;
    margin: 0 16px 0 0;
    content: '';
    background-color: #f49b00;
}

.article .lists {
    display: flex;
    margin: 25px 0;
}

.article .lists ul {
    margin-right: 32px;
}

.article .article_img {
    width: 100%;
}

.article .images {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch;
}

.article .images img {
    display: block;
    max-width: calc(50% - 16px);
    margin-right: 32px;
}

.article .images img:nth-child(2n) {
    margin-right: 0;
}

.article .time {
    line-height: 20px;
    margin-bottom: 0;
}

.list-red {
    margin-bottom: 20px;
    padding-left: 25px;
    list-style-type: none;
}

.list-red li {
    font-family: 'Montserrat-Medium', 'Arial', serif;
    position: relative;
    margin-bottom: 16px;
    opacity: .8;
}

.list-red li:before {
    position: absolute;
    top: 6px;
    left: -25px;
    width: 6px;
    height: 6px;
    margin: 0 16px 0 0;
    content: '';
    background-color: #f49b00;
}

.item_main .left {
    display: flex;
    width: 50%;
    margin-right: 32px;
}
/* tabs */
.simple_tabs .tabs__item {
    display: none;
}

.simple_tabs .tabs__item.active {
    display: block;
}

.simple_tabs .tabs__buttons {
    display: flex;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 40px;
    padding: 0;
    list-style-type: none;
    border-bottom: 1px solid #e3e8ed;
    align-items: center;
}

.simple_tabs .tabs__buttons .tabs__btn {
    font-family: 'Montserrat-Medium', 'Arial', serif;
    font-size: 14px;
    line-height: 15px;
    position: relative;
    margin-right: 60px;
    padding: 20px 0;
    cursor: pointer;
    transition: .3s ease-out;
    text-transform: uppercase;
}

.simple_tabs .tabs__buttons .tabs__btn:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 2px;
    content: '';
    transition: .3s ease-out;
    background-color: #f49b00;
}

.simple_tabs .tabs__buttons .tabs__btn:first-child {
    padding-left: 0;
}

.simple_tabs .tabs__buttons .tabs__btn:hover {
    transition: .3s ease-out;
    color: #f49b00;
}

.simple_tabs .tabs__btn.tabs__btn_active {
    transition: .3s ease-out;
    color: #f49b00;
}

.simple_tabs .tabs__btn.tabs__btn_active:after {
    width: 100%;
    transition: .3s ease-out;
}

.simple_tabs .tabs__item {
    width: 100%;
}
/* tabs */

/*.tabs__item {*/
/*    display: none;*/
/*}*/

/*.tabs__item.active {*/
/*    display: block;*/
/*    text-align: center;*/
/*    color: #000;*/
/*}*/

/*.tabs {*/
/*    display: flex;*/
/*    flex-direction: column-reverse;*/
/*    width: 100%;*/
/*}*/

/*.tabs .good_docs {*/
/*    margin-left: 0;*/
/*}*/

/*.tabs__buttons {*/
/*    display: flex;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    list-style-type: none;*/
/*    justify-content: flex-start;*/
/*    align-items: center;*/
/*}*/

/*.tabs__buttons li {*/
/*    margin-bottom: 16px;*/
/*}*/

/*.tabs__buttons li img {*/
/*    display: block;*/
/*    width: 100%;*/
/*}*/

/*.tabs__item {*/
/*    position: relative;*/
/*    padding: 32px;*/
/*}*/

/*.tabs__item .add {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*}*/

/*.tabs__item img {*/
/*    width: 100%;*/
/*}*/

/*.tabs__btn {*/
/*    margin: 0;*/
/*    margin-right: 32px;*/
/*    padding: 12px;*/
/*    cursor: pointer;*/
/*    transition: all .2s;*/
/*    border: 1px solid #e5e5e5;*/
/*}*/

/*.tabs__btn:last-child {*/
/*    margin-right: 0;*/
/*}*/

/*.tabs__btn:hover {*/
/*    border: 1px solid #f49b00;*/
/*}*/

/*.tabs__btn_active {*/
/*    transition: all .2s;*/
/*    border: 1px solid #f49b00;*/
/*}*/

/*.tabs__content {*/
/*    width: 100%;*/
/*    margin-bottom: 32px;*/
/*    border: 1px solid #e5e5e5;*/
/*}*/

/*.tabs__content img {*/
/*    display: block;*/
/*}*/

/*.tabs__content img {*/
/*    display: block;*/
/*    width: auto;*/
/*    max-height: 400px;*/
/*    margin: 0 auto;*/
/*}*/

/*.tabs__buttons li img {*/
/*    display: block;*/
/*    width: auto;*/
/*    max-height: 120px;*/
/*    margin: 0 auto;*/
/*}*/

/*! 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 {
    margin: 0;
    padding: 0;
    vertical-align: top;
    border: 0;
    outline: none;
}

.fancybox {
    width: 100%;
    height: 100%;
}

.fancybox:after {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 32px;
    height: 32px;
    content: '';
    background-color: #f5f5f5;
    background-image: url('/local/templates/jarvis/../img/loop2.svg');
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 70%;
    background-size: 70%;
}

.fancybox-wrap {
    position: absolute;
    z-index: 8020;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fancybox-skin {
    position: relative;
    color: #444;
    border: 1px solid #ccc;
    border-radius: 0;
    background: #f9f9f9;
    text-shadow: none;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(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 {
    font: 14px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
    color: #444;
}

.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(/local/templates/jarvis/fancybox_sprite.png);
}

#fancybox-loading {
    position: fixed;
    z-index: 8060;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    cursor: pointer;
    opacity: .8;
    background-position: 0 -108px;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(/local/templates/jarvis/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
    line-height: 100;
    position: absolute;
    z-index: 8040;
    top: -60px;
    right: 20px;
    display: block;
    overflow: hidden;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background-color: #fff;
}

.fancybox-close:hover {
    opacity: .7;
}

.fancybox-close:hover:after,
.fancybox-close:hover:before {
    background-color: #000;
}

.fancybox-close:after,
.fancybox-close:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 25px;
    height: 2px;
    content: '';
    transition: all .2s;
    background-color: #000;
}

.fancybox-close:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.fancybox-close:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.fancybox-nav {
    position: absolute;
    z-index: 8040;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(/local/templates/jarvis/blank.gif); /* helps IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    z-index: 8040;
    top: 50%;
    visibility: hidden;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
}

.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;
    overflow: visible !important;
    max-width: 99999px;
    max-height: 99999px;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    z-index: 8010;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    -webkit-animation-name: show;
    animation-name: show;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    background-color: rgba(0, 0, 0, .6);
}

.fancybox-overlay-fixed {
    position: fixed;
    right: 0;
    bottom: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    font: normal 13px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;
    position: relative;
    z-index: 8050;
    visibility: hidden;
    text-shadow: none;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    z-index: 8050;
    right: 50%;
    bottom: 0;
    margin-bottom: -35px;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    font-weight: bold;
    line-height: 24px;
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    white-space: nowrap;
    color: #fff;
    border-radius: 15px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, .8);
    text-shadow: 0 1px 2px #222;
}

.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;
    padding: 10px;
    color: #fff;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

.fancybox-video {
    position: relative;
    display: block;
    width: 100%;
    text-decoration: none;
    color: #9da1a7;
}

/*Retina graphics!*/

.popup_wrapper {
    position: fixed;
    z-index: 8;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow-y: auto;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .3);
}

.popup {
    position: absolute;
    z-index: 9;
    top: 5%;
    right: 50%;
    display: none;
    width: auto;
    max-width: 800px;
    margin: 20px 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    background-color: #fff;
}

.popup_inner {
    width: 100%;
    padding: 40px;
}

.popup_inner__body {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    align-items: flex-start;
    justify-content: center;
}

.popup_inner__body h3 {
    margin-top: 0;
}

.visible_popup {
    visibility: visible;
    overflow-y: auto;
    transition: all .3s ease-out;
    pointer-events: auto;
    opacity: 1;
}

.stop {
    overflow-y: hidden;
}

.blocker {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 100%;
    -webkit-animation: show;
    animation: show;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    background: rgba(0, 0, 0, .3);
}

.blocker.behind {
    background-color: transparent;
}

.close-modal {
    position: absolute;
    z-index: 9;
    top: 0;
    right: -60px;
    display: flex;
    width: 50px;
    height: 50px;
    cursor: pointer;
    color: transparent;
    align-items: center;
    justify-content: center;
}

.close-modal .round_link {
    position: relative;
    width: 38px;
    height: 38px;
    margin-right: 0;
}

.close-modal .round_link span {
    color: #fff;
    font-size: 38px;
}

.close-modal .round_link span:after {
    top: -5px;
    left: 5px;
    height: 12px;
    background-color: #fff;
}

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

.clearfix:after {
    clear: both;
}

.responsive-img {
    width: 100%;
    height: auto;
}

.relative {
    position: relative;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.invisible {
    visibility: hidden;
}

.flex-center {
    margin-top: auto;
    margin-bottom: auto;
}

.center {
    text-align: center;
}

.nowrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.last {
    margin-right: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.inline {
    display: inline-block;
    vertical-align: top;
}

.text_bold {
    font-family: 'Montserrat-Bold', 'Arial', serif;
}

.disabled {
    cursor: default;
    color: #b3b8c0;
}

.mar_b_10 {
    margin-bottom: 10px;
}

.mar_b_20 {
    margin-bottom: 20px;
}

.mar_b_30 {
    margin-bottom: 30px;
}

.mar_b_40 {
    margin-bottom: 40px;
}

.mar_b_50 {
    margin-bottom: 50px;
}

.mar_r_10 {
    margin-right: 10px;
}

.mar_r_20 {
    margin-right: 20px;
}

.mar_r_30 {
    margin-right: 30px;
}

.mar_r_40 {
    margin-right: 40px;
}

.mar_r_50 {
    margin-right: 50px;
}

.mar_r_100 {
    margin-right: 100px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url(/local/templates/jarvis/fancybox_sprite@2x.png);
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url(/local/templates/jarvis/fancybox_loading@2x.gif);
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }

}

@media (min-width: 641px) and (max-width: 1199px) {

    /**
        * size on tablet
        */

    .layout-inner,
    .page__inner,
    .slider-buttons-wrapper {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .layout-padding,
    .page__item {
        padding-right: 32px;
        padding-left: 32px;
    }

}

@media (min-width: 1200px) {

    .layout-inner,
    .page__inner,
    .slider-buttons-wrapper {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .layout-padding,
    .page__item {
        padding-right: 20px;
        padding-left: 20px;
    }

}

@media (min-width: 1500px) {

    .tile_catalog .tile_item {
        width: calc(25% - 24px);
    }

    .tile_catalog .tile_item:nth-child(3n+3) {
        margin-right: 32px;
    }

    .tile_catalog .tile_item:nth-child(4n+4) {
        margin-right: 0;
    }

    .style_listed .tile_item {
        display: flex;
        width: 100%;
        margin-right: 0;
        align-items: center;
    }

    .style_listed .tile_item__img {
        width: 30%;
        padding: 32px;
    }

    .style_listed .tile_item:nth-child(3n+3),
    .style_listed .tile_item:nth-child(2n),
    .style_listed .tile_item:nth-child(4n+4) {
        margin-right: 0;
    }

    .category_list {
        width: 100%;
        margin-bottom: 40px;
    }

    .category_list .cat_list {
        -webkit-column-count: 4;
        column-count: 4;
    }

}

@media (max-width: 1200px) {

    .header_top {
        display: none;
    }

    .header_mobile {
        display: block;
    }

    .sidebar {
        display: none;
    }

    .content {
        width: 100%;
    }

    .gray_box {
        flex-direction: column;
        width: 100%;
    }

    .gray_box__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 32px;
    }

    .gray_box__item:last-child {
        margin-bottom: 0;
    }

    .tile_news .tile_item,
    .tile_article .tile_item,
    .tile_video .tile_item {
        width: calc(50% - 16px);
    }

    .tile_news .tile_item:nth-child(3n+3),
    .tile_article .tile_item:nth-child(3n+3),
    .tile_video .tile_item:nth-child(3n+3) {
        margin-right: 32px;
    }

    .tile_news .tile_item:nth-child(2n),
    .tile_article .tile_item:nth-child(2n),
    .tile_video .tile_item:nth-child(2n) {
        margin-right: 0;
    }

    .tile_news .tile_item:last-child,
    .tile_article .tile_item:last-child,
    .tile_video .tile_item:last-child {
        margin-bottom: 0;
    }

    .content_inner {
        margin-bottom: 32px;
    }

    .content_inner .main_box {
        height: 240px;
        margin-bottom: 32px;
    }

    .content_inner .main_box h1 {
        max-width: 70%;
    }

    .footer__inner_top {
        display: none;
    }

    .footer__inner_accordion {
        display: block;
        padding: 0 32px;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

    .burger {
        display: block;
    }

    .burger .hamburger {
        display: block;
    }

    .header__inner .header_bottom .cart {
        justify-content: flex-end;
    }

    .image50 {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }

    .image50 .left {
        overflow: hidden;
        width: 100%;
        height: 300px;
        margin-right: 0;
        margin-bottom: 32px;
    }

    .image50 .left img {
        display: block;
        width: auto;
        min-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .accordion__text {
        font-size: calc(12px + (17 - 12) * ((100vw - 375px) / (1920 - 375))) !important;
    }

    .tile_categ__item {
        width: 100%;
        margin-right: 0;
    }

    .orders {
        overflow: auto;
        width: 100%;
    }

    .orders::-webkit-scrollbar {
        width: 3px;
        height: 3px;
    }

    .orders::-webkit-scrollbar-button {
        background-color: #666;
    }

    .orders::-webkit-scrollbar-track {
        background-color: #999;
    }

    .orders::-webkit-scrollbar-track-piece {
        background-color: #fff;
    }

    .orders::-webkit-scrollbar-thumb {
        height: 50px;
        border-radius: 3px;
        background-color: #666;
    }

    .orders::-webkit-scrollbar-corner {
        background-color: #999;
    }

    .orders::-webkit-resizer {
        background-color: #666;
    }

    .orders .order_row {
        width: 1030px;
    }

    .orders .itogo {
        margin-bottom: 32px;
    }

    .form_order .form__item,
    .form_order .form__textarea,
    .form_order .file {
        width: 100%;
        margin-right: 0;
    }

    .search_list li:hover .info_box {
        display: none;
    }

    .tile_catalog .tile_item {
        width: calc(50% - 16px);
    }

    .tile_catalog .tile_item:nth-child(3n+3) {
        margin-right: 32px;
    }

    .tile_catalog .tile_item:nth-child(2n) {
        margin-right: 0;
    }

    .style_listed .tile_item {
        display: flex;
        width: 100%;
        margin-right: 0;
        align-items: center;
    }

    .style_listed .tile_item__img {
        width: 30%;
        padding: 32px;
    }

    .style_listed .tile_item:nth-child(3n+3),
    .style_listed .tile_item:nth-child(2n),
    .style_listed .tile_item:nth-child(4n+4) {
        margin-right: 0;
    }

    .contacts_tile {
        flex-wrap: wrap;
    }

    .contacts_tile__item {
        width: 50%;
        margin-bottom: 32px;
    }

    .contacts_tile__item:last-child {
        width: 100%;
    }

    .maps_container {
        width: 100%;
        flex-wrap: wrap;
    }

    .maps_container .left,
    .maps_container .right {
        width: 100%;
    }

    .maps_container .left {
        margin-bottom: 20px;
    }

    .about_container .left_menu {
        display: none;
    }

    .about_container .right_content {
        width: 100%;
    }

    .text_about {
        flex-direction: column;
        width: 100%;
        padding-bottom: 0;
        border-bottom: none;
    }

    .text_about .left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .text_about .right {
        width: 100%;
    }

    .item_main {
        flex-direction: column;
        width: 100%;
    }

    .item_main .left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 32px;
    }

    .item_main .right {
        width: 100%;
    }

    .calc .input_box {
        width: calc(50% - 16px);
        margin-right: 32px;
        margin-bottom: 20px;
    }

    .calc .input_box:nth-child(3n+3) {
        margin-right: 32px;
    }

    .calc .input_box:nth-child(2n) {
        margin-right: 0;
    }

    .category_list {
        width: 100%;
        margin-bottom: 30px;
    }

    .category_list .cat_list {
        -webkit-column-count: 2;
        column-count: 2;
    }

}

@media (max-width: 960px) {

    .fancybox-close {
        right: 0;
    }

}

@media (max-width: 640px) {

    /**
        * size on mobile
        */

    .layout-inner,
    .page__inner,
    .slider-buttons-wrapper {
        width: 100%;
        min-width: 375px;
        max-width: 640px;
    }

    .layout-padding,
    .page__item {
        padding-right: 0;
        padding-left: 0;
    }

    .header__inner .header_bottom {
        padding: 0 20px;
    }

    .header {
        margin-bottom: 8px;
    }

    .header_mobile {
        padding: 0 20px;
    }

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

    .content_inner .main_box {
        padding: 20px;
    }

    .content_inner .main_box h1,
    .content_inner .main_box p {
        max-width: 100%;
    }

    .content_inner .main_box h1 {
        margin-bottom: 14px;
    }

    .header__inner .header_bottom .search {
        padding: 7px 0;
    }

    .main_box_box {
        padding: 0;
    }

    .header_mobile__inner .logo {
        width: 45px;
    }

    .header__inner .header_bottom .catalog {
        display: none;
    }

    .header__inner .header_bottom .cart {
        width: 30%;
    }

    .header__inner .header_bottom .search .loop {
        top: 26px;
        right: 9px;
    }

    .header__inner .header_bottom .search .loop img {
        width: 12px;
    }

    .text-image {
        flex-direction: column;
        width: 100%;
    }

    .text-image .left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 14px;
    }

    .text-image .left img {
        width: 100%;
    }

    .no_padding {
        padding: 0;
    }

    .no_padding .gray_box__item:first-child {
        margin-bottom: 0;
    }

    .list li {
        padding: 6px 0;
    }

    .tile_news .tile_item,
    .tile_article .tile_item,
    .tile_video .tile_item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .tile_news .tile_item:last-child,
    .tile_article .tile_item:last-child,
    .tile_video .tile_item:last-child {
        margin-bottom: 12px;
    }

    .tile_news .tile_item:nth-child(2n),
    .tile_news .tile_item:nth-child(3n+3),
    .tile_article .tile_item:nth-child(2n),
    .tile_article .tile_item:nth-child(3n+3),
    .tile_video .tile_item:nth-child(2n),
    .tile_video .tile_item:nth-child(3n+3) {
        margin-right: 0;
    }

    .tile_article .tile_item .image {
        margin-bottom: 12px;
    }

    .menu_wrapper {
        top: 69px;
        height: calc(100vh - 69px);
    }

    .image50 .left {
        height: auto;
    }

    .short {
        max-width: 100%;
    }

    .tile_categ__item {
        width: 100%;
        margin-bottom: 20px;
    }

    .tile_categ__item .head {
        height: 80px;
        padding: 12px;
    }

    .tile_categ__item .body_box {
        padding: 0 12px;
    }

    .btn {
        width: 100%;
    }

    .tile_catalog .tile_item {
        width: 100%;
        margin-right: 0;
    }

    .tile_catalog .tile_item:nth-child(3n+3) {
        margin-right: 0;
    }

    .tile_catalog .tile_item:nth-child(2n) {
        margin-right: 0;
    }

    .pagination {
        justify-content: space-between;
    }

    .pagination .pages {
        margin: 0;
    }

    .contacts_tile {
        flex-wrap: wrap;
    }

    .contacts_tile__item {
        width: 100%;
        margin-bottom: 32px;
    }

    .contacts_tile__item:last-child {
        width: 100%;
    }

    .about_container .right_content__box .rc_title {
        padding: 20px 12px;
    }

    .about_contacts {
        flex-direction: column;
    }

    .about_contacts .ac_box {
        width: 100%;
        margin-bottom: 20px;
    }

    .about_contacts .ac_box .text_16 {
        margin-bottom: 6px;
    }

    .about_contacts .ac_box:last-child {
        margin-bottom: 0;
    }

    .add_info {
        flex-direction: column;
        width: 100%;
    }

    .add_info .quantity {
        width: auto;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .add_info .quantity .qtt {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-right: 0;
    }

    .add_info .price .text-18 {
        font-size: 18px;
    }

    .item_main .right .buttons {
        flex-direction: column;
        width: 100%;
    }

    .item_main .right .buttons .btn {
        width: 100%;
        margin-right: 0;
    }

    .item_main .right .buttons .btn:first-child {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .calc .input_box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .calc .input_box:nth-child(3n+3) {
        margin-right: 0;
    }

    .descr_lines {
        max-width: 100%;
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .article .q {
        margin: 32px 0;
        padding: 20px;
    }

    .popup {
        width: 90%;
    }

    .close-modal {
        top: -40px;
        right: -26px;
    }

    .popup_inner {
        padding: 20px;
    }

    .search .info_buble {
        top: 100%;
        right: auto;
        left: auto;
    }

    .category_list {
        width: 100%;
        margin-bottom: 30px;
    }

    .category_list .cat_list {
        -webkit-column-count: 1;
        column-count: 1;
    }

}

@media (max-height: 799px) {

    .sidebar_inner__body .button_box {
        display: none;
    }

}

@-webkit-keyframes spin {

    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }

}

@keyframes spin {

    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }

}

@-webkit-keyframes show {

    0% {
        display: none !important;
        visibility: hidden;
        opacity: 0;
    }

    1% {
        display: block !important;
    }

    100% {
        visibility: visible;
        height: auto;
        opacity: 1;
    }

}

@keyframes show {

    0% {
        display: none !important;
        visibility: hidden;
        opacity: 0;
    }

    1% {
        display: block !important;
    }

    100% {
        visibility: visible;
        height: auto;
        opacity: 1;
    }

}

@-webkit-keyframes hide {

    0% {
        display: block !important;
        visibility: visible;
        opacity: 1;
    }

    99% {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }

    100% {
        display: none !important;
    }

}

@keyframes hide {

    0% {
        display: block !important;
        visibility: visible;
        opacity: 1;
    }

    99% {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }

    100% {
        display: none !important;
    }

}
/* End */


/* Start:/local/templates/jarvis/js/libs/jquery.slick/slick.css?16234057641846*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.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;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.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;
}

/* End */
/* /local/templates/jarvis/components/hf/checklist.schedule/jarvis/style.css?1642897999835 */
/* /local/templates/jarvis/components/bitrix/menu/menu_link/style.css?165523212677 */
/* /local/templates/jarvis/template_styles.css?1655133488105699 */
/* /local/templates/jarvis/js/libs/jquery.slick/slick.css?16234057641846 */
