/* Start:/local/templates/devade_agrosphere/static/styles/styles.css?1695369464121254*/
@charset "UTF-8";
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

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

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

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

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

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

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

img {
    border-style: none
}

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

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

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

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

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

textarea {
    overflow: auto
}

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

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

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

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

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

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.remodal, [data-remodal-id] {
    display: none
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: ""
}

.remodal-overlay, .remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.remodal-is-initialized {
    display: inline-block
}

.remodal-bg.remodal-is-opened, .remodal-bg.remodal-is-opening {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.remodal-overlay {
    background: rgba(43, 46, 56, .9)
}

.remodal-overlay.remodal-is-closing, .remodal-overlay.remodal-is-opening {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes
}

.remodal-wrapper {
    padding: 10px 10px 0
}

.remodal {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    color: #2b2e38;
    background: #fff
}

.remodal.remodal-is-closing, .remodal.remodal-is-opening {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes
}

.remodal, .remodal-wrapper:after {
    vertical-align: middle
}

.remodal-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent
}

.remodal-close:focus, .remodal-close:hover {
    color: #2b2e38
}

.remodal-close:before {
    font-family: Arial, Helvetica CY, Nimbus Sans L, sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center
}

.remodal-cancel, .remodal-confirm {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0
}

.remodal-confirm {
    color: #fff;
    background: #81c784
}

.remodal-confirm:focus, .remodal-confirm:hover {
    background: #66bb6a
}

.remodal-cancel {
    color: #fff;
    background: #e57373
}

.remodal-cancel:focus, .remodal-cancel:hover {
    background: #ef5350
}

.remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner, .remodal-confirm::-moz-focus-inner {
    padding: 0;
    border: 0
}

@-webkit-keyframes remodal-opening-keyframes {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes remodal-opening-keyframes {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes remodal-closing-keyframes {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes remodal-overlay-opening-keyframes {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes remodal-overlay-closing-keyframes {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 800px
    }
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}

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

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: 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
}

.slick-loading .slick-list {
    background: #fff url(/local/templates/devade_agrosphere/static/styles/../../ajax-loader.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    src: url(/local/templates/devade_agrosphere/static/styles/../slick.eot);
    src: url(/local/templates/devade_agrosphere/static/styles/../slick.eot?#iefix) format("embedded-opentype"), url(/local/templates/devade_agrosphere/static/styles/../fonts/slick.woff) format("woff"), url(/local/templates/devade_agrosphere/static/styles/../fonts/slick.ttf) format("truetype"), url(/local/templates/devade_agrosphere/static/styles/../fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-dots {
    bottom: 20px;
    left: 30px
}

.slick-dots li {
    margin: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    color: #131313
}

.slick-dots li.slick-active button:before {
    font-size: 40px
}

.slick-loading .slick-list {
    background: #fff url(/local/templates/devade_agrosphere/static/styles/../ajax-loader.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    src: url(/local/templates/devade_agrosphere/static/styles/../fonts/slick.eot);
    src: url(/local/templates/devade_agrosphere/static/styles/../fonts/slick.eot?#iefix) format("embedded-opentype"), url(/local/templates/devade_agrosphere/static/styles/../fonts/slick.woff) format("woff"), url(/local/templates/devade_agrosphere/static/styles/../fonts/slick.ttf) format("truetype"), url(/local/templates/devade_agrosphere/static/styles/../fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    border: none
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

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

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

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

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

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

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li, .slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: none
}

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

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #d9d9d9;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #d9d9d9;
    opacity: .75
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    -o-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    -o-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    -o-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    -o-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    -o-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px 44px 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 44px;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-slide--html .fancybox-content {
    margin: 0 0 6px
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: calc(100% - 44px);
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    vertical-align: top;
    width: 100%
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: -webkit-transform;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background: transparent;
    height: 100px;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    background: rgba(30, 30, 30, .6);
    height: 100%;
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

.fancybox-caption:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1
}

.fancybox-caption:after {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    content: "";
    display: block;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid;
    border-color: #888 #888 #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    -ms-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0 0
    }

    .fancybox-slide--image .fancybox-content {
        margin-bottom: 6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 768px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@font-face {
    font-family: GloberRegular;
    src: url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Regular.eot);
    src: url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Regular.woff2) format("woff2"), url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: GloberBlack;
    src: url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.eot);
    src: url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.woff2) format("woff2"), url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: GloberHeavy;
    src: url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.eot);
    src: url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.woff2) format("woff2"), url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: GloberxBold;
    src: url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.eot);
    src: url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.woff2) format("woff2"), url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Source Sans Pro;
    src: url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.eot);
    src: url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.woff2) format("woff2"), url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Source Sans Pro;
    src: url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Regular.eot);
    src: url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Regular.woff2) format("woff2"), url(/local/templates/devade_agrosphere/static/styles/../fonts/SourceSansPro-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body, html {
    font-family: GloberRegular, sans-serif;
    background-color: #f5f5f5
}

main {
    position: relative;
    overflow: hidden;
    padding-bottom: 120px;
    margin-top: -26px
}

button {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6 {
    margin: 0
}

h1 {
    font-size: 44px;
    line-height: 52px
}

h1, h2 {
    font-family: GloberBlack, sans-serif
}

h2 {
    font-size: 32px;
    line-height: 48px
}

h3 {
    font-size: 24px;
    line-height: 30px
}

h3, h4 {
    font-family: GloberBlack, sans-serif
}

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

h5 {
    line-height: 18px
}

h5, h6 {
    font-family: GloberxBold, sans-serif;
    font-size: 16px
}

h6 {
    line-height: 22px
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    h1 {
        font-size: 32px !important;
        line-height: 40px !important
    }

    h2 {
        font-size: 24px !important;
        line-height: 30px !important
    }

    h3 {
        font-size: 18px !important;
        line-height: 24px !important
    }

    h4 {
        font-size: 16px !important;
        line-height: 18px !important
    }

    h5, h6 {
        font-size: 14px !important;
        line-height: 18px !important
    }

    main {
        padding-bottom: 80px;
        margin-top: 0
    }
}

.header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #202427;
    padding: 25px 0 20px;
    background-color: #fff
}

.header, .header__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.header__text {
    font-family: GloberHeavy;
    font-size: 14px;
    width: 20%;
    margin-right: 32px
}

.phone-header {
    margin-left: 32px
}

.phone-header__number {
    font-family: GloberxBold
}

.phone-header__text {
    color: #9aa1a8;
    font-size: 14px
}

.location-header {
    background: url(/local/templates/devade_agrosphere/static/styles/../img/location.svg) no-repeat;
    padding-left: 24px
}

.location-header__city {
    font-family: GloberxBold
}

.location-header__text {
    color: #9aa1a8;
    font-size: 14px
}

.social-header__link {
    text-decoration: none
}

.social-header__item path {
    color: #c8cdd0
}

.social-header__vk:hover path {
    color: #0a36a4
}

.social-header__ok:hover path {
    color: #f7931e
}

.social-header__you:hover path {
    color: #cc1719
}

.nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #0a36a4
}

.nav, .nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav__list {
    list-style: none;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav__item {
    padding: 24px 16px;
    position: relative
}

.nav__item:last-child {
    padding: 0
}

.nav__item:hover {
    background-color: #cc1719;
    border-radius: 0 30px
}

.nav__item:first-child:hover .submenu {
    display: block
}

.nav__item:last-child:hover {
    background-color: transparent;
    border-radius: 0
}

.nav__link {
    text-decoration: none;
    font-family: GloberxBold;
    text-transform: uppercase;
    color: #fff
}

.basket {
    background-color: #cc1719;
    border-radius: 100px;
    height: 80px;
    width: 80px;
    margin: -10px 0;
    position: relative;
    z-index: 11
}

.basket, .basket__count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.basket__count {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 32px;
    height: 32px;
    font-family: GloberxBold;
    color: #cc1719;
    background-color: #fff;
    border-radius: 100px;
    border: 2px solid #cc1719;
    padding-top: 4px
}

.basket:hover:after, .basket:hover:before {
    border-radius: 50%;
    content: "";
    height: 50%;
    left: 50%;
    margin-left: -15%;
    margin-top: -15%;
    position: absolute;
    top: 50%;
    width: 50%
}

.basket:hover:before {
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#24b2ff", endColorstr="#016ea0", GradientType=1)
}

.basket:hover:after {
    -webkit-animation: buttonGrow .4s ease-out;
    animation: buttonGrow .4s ease-out;
    -webkit-box-shadow: 0 0 0 3px transparent;
    box-shadow: 0 0 0 3px transparent;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    z-index: -1
}

.basket:active {
    -webkit-box-shadow: 0 0 0 1px #cc1719;
    box-shadow: 0 0 0 1px #cc1719
}

@-webkit-keyframes buttonGrow {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    75% {
        opacity: .5
    }
    to {
        -webkit-box-shadow: 0 0 0 3px #cc1719;
        box-shadow: 0 0 0 3px #cc1719;
        height: 110%;
        margin-left: -55%;
        margin-top: -55%;
        opacity: 1;
        width: 110%
    }
}

@keyframes buttonGrow {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    75% {
        opacity: .5
    }
    to {
        -webkit-box-shadow: 0 0 0 3px #cc1719;
        box-shadow: 0 0 0 3px #cc1719;
        height: 110%;
        margin-left: -55%;
        margin-top: -55%;
        opacity: 1;
        width: 110%
    }
}

.submenu {
    display: none;
    position: absolute;
    top: 66px;
    left: -5px;
    z-index: 10;
    background-color: #fff;
    width: 1180px;
    padding: 24px 80px;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    border-bottom-right-radius: 140px
}

.submenu__list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.submenu__item {
    width: 33%
}

.sub-item {
    margin-bottom: 32px
}

.sub-item__pic {
    margin-bottom: 8px;
    width: 32px;
    height: 32px
}

.sub-item__title {
    font-family: GloberxBold;
    text-transform: uppercase;
    width: 80%
}

.sub-item__title-link {
    text-decoration: none
}

.sub-item__title-link:hover {
    text-decoration: underline
}

.sub-item__list {
    list-style: none;
    margin-top: 16px;
    width: 60%
}

.sub-item__item {
    margin-bottom: 8px
}

.sub-item__link {
    font-size: 14px;
    color: #202427;
    text-decoration: none
}

.sub-item__link:hover {
    text-decoration: underline
}

.sub-item:nth-child(7n+1) .sub-item__title {
    color: #92278e
}

.sub-item:nth-child(7n+1) .sub-item__pic {
    background: url(/local/templates/devade_agrosphere/static/styles/../img/item-1.svg) no-repeat
}

.sub-item:nth-child(7n+2) .sub-item__title {
    color: #0a36a4
}

.sub-item:nth-child(7n+2) .sub-item__pic {
    background: url(/local/templates/devade_agrosphere/static/styles/../img/item-2.svg) no-repeat
}

.sub-item:nth-child(7n+3) .sub-item__title {
    color: #00aeef
}

.sub-item:nth-child(7n+3) .sub-item__pic {
    background: url(/local/templates/devade_agrosphere/static/styles/../img/item-3.svg) no-repeat
}

.sub-item:nth-child(7n+4) .sub-item__title {
    color: #00a651
}

.sub-item:nth-child(7n+4) .sub-item__pic {
    background: url(/local/templates/devade_agrosphere/static/styles/../img/item-4.svg) no-repeat
}

.sub-item:nth-child(7n+5) .sub-item__title {
    color: #ffe112
}

.sub-item:nth-child(7n+5) .sub-item__pic {
    background: url(/local/templates/devade_agrosphere/static/styles/../img/item-5.svg) no-repeat
}

.sub-item:nth-child(7n+6) .sub-item__title {
    color: #f7931e
}

.sub-item:nth-child(7n+6) .sub-item__pic {
    background: url(/local/templates/devade_agrosphere/static/styles/../img/item-6.svg) no-repeat
}

.sub-item:nth-child(7n+7) .sub-item__title {
    color: #cc1719
}

.sub-item:nth-child(7n+7) .sub-item__pic {
    background: url(/local/templates/devade_agrosphere/static/styles/../img/item-7.svg) no-repeat
}

.sub-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px
}

.sub-lists__list {
    list-style: none;
    width: 40%
}

.sub-lists__item {
    margin-bottom: 8px
}

.sub-lists__link {
    font-size: 14px;
    color: #202427;
    text-decoration: none
}

.sub-lists__link:hover {
    text-decoration: underline
}

.sub-lists__title {
    font-family: GloberxBold;
    color: #9aa1a8
}

.sub-lists__title:hover {
    text-decoration: none
}

.header-mobile, .info-mobile {
    display: none
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .header, .nav {
        display: none
    }

    .header-mobile {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #0a36a4;
        min-height: 70px
    }

    .header-mobile, .header-mobile__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header-mobile__inner {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .basket {
        width: 60px;
        height: 60px;
        margin-bottom: -60px;
        margin-right: 20px
    }

    .basket__count {
        top: -8px;
        right: -12px
    }

    .info-mobile {
        display: none;
        padding-bottom: 48px;
        position: absolute;
        z-index: 10;
        width: 100%;
        max-height: 100vh;
        top: 70px;
        overflow-y: scroll
    }

    .info-mobile__reference {
        background-color: #fff;
        padding: 40px 0 48px
    }

    .nav-mobile {
        background-color: #0a36a4;
        color: #fff;
        padding: 48px 0
    }

    .nav-mobile__list {
        list-style: none
    }

    .nav-mobile__item {
        margin-bottom: 24px
    }

    .nav-mobile__link {
        font-family: GloberxBold;
        line-height: 18px;
        text-transform: uppercase;
        text-decoration: none;
        color: inherit
    }

    .submenu {
        width: calc(100% + 5px);
        border-radius: 0;
        padding-bottom: 80px;
        padding-left: 25px;
        top: 110px
    }

    .submenu__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .submenu__item {
        width: 100%
    }

    .sub-lists {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sub-item__list {
        width: 100%
    }

    .sub-item__title-link {
        font-size: 14px
    }

    .submenu-fix {
        overflow-y: hidden
    }

    .close-menu {
        display: none;
        position: absolute;
        right: 30px
    }

    .question-list {
        margin-top: 48px
    }

    .question-list, .question-list__list {
        list-style: none
    }

    .question-list__item {
        margin-bottom: 12px
    }

    .question-list__link {
        color: #fff;
        text-decoration: none
    }

    .phone-header {
        margin: 0 0 16px
    }

    .phone-header__number {
        font-family: GloberHeavy;
        font-size: 24px;
        line-height: 30px;
        color: #0a36a4
    }

    .location-header {
        margin-bottom: 24px
    }

    .text-header {
        width: 60%
    }

    .show-mobile-menu {
        display: block
    }

    .scroll {
        overflow-y: hidden
    }
}

.footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 180px 0 0 0;
    padding: 42px 80px;
    margin-top: -170px
}

.footer, .footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.footer__info {
    width: 30%
}

.footer__logo {
    margin-bottom: 36px
}

.footer__text {
    color: #0a36a4
}

.footer__text_size_bold {
    font-family: GloberHeavy;
    font-size: 24px
}

.footer__text_color_gray {
    font-size: 14px;
    color: #9aa1a8
}

.footer__contacts {
    margin-top: 16px
}

.footer__address {
    font-style: normal;
    margin-top: 20px
}

.footer__copyright {
    margin-top: 36px
}

.footer__copyright_mobile {
    display: none
}

.footer__social {
    position: absolute;
    right: 0;
    bottom: 0
}

.menu-footer {
    list-style: none
}

.menu-footer__item {
    margin-bottom: 8px
}

.menu-footer__link {
    font-family: GloberxBold;
    text-decoration: none;
    color: #0a36a4
}

.menu-footer__link:hover {
    color: #cc1719
}

.question-footer {
    list-style: none;
    margin-right: 80px
}

.question-footer__item {
    margin-bottom: 8px
}

.question-footer__link {
    color: #0a36a4;
    text-decoration: none
}

.question-footer__link:hover {
    color: #cc1719
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .footer {
        border-radius: 140px 0 0 0
    }

    .footer__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 32px
    }

    .footer__info {
        width: 100%
    }

    .footer__copyright {
        display: none
    }

    .footer__copyright_mobile {
        display: block
    }

    .footer__social {
        left: 0;
        bottom: 25px
    }

    .question-footer {
        display: none
    }

    .menu-footer {
        margin-top: 36px
    }

    .menu-footer__item {
        margin-bottom: 16px
    }
}

.container {
    width: 100%;
    max-width: 1340px
}

.article-container {
    width: 100%;
    max-width: 648px
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .article-container, .container {
        padding: 0 5%
    }
}

.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 8px;
    position: relative;
    z-index: 2;
    color: #9aa1a8
}

.breadcrumbs__list {
    list-style-type: none
}

.breadcrumbs__item {
    display: inline-block
}

.breadcrumbs__item:after {
    content: "/";
    padding: 0 4px
}

.breadcrumbs__item:last-child:after {
    content: ""
}

.breadcrumbs__link {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    color: inherit
}

.breadcrumbs__link:hover {
    text-decoration: underline
}

.breadcrumbs_color_white {
    color: #fff
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .breadcrumbs {
        display: none
    }
}

.slider {
    background-color: #f5f5f5
}

.slider, .slider__item {
    border-bottom-right-radius: 180px
}

.slider__item {
    width: 100%;
    height: 568px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    position: relative
}

.next-js, .prev-js {
    position: absolute;
    top: 40%;
    z-index: 1
}

.prev-js {
    left: 50px
}

.next-js {
    right: 50px
}

.product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -12%
}

.product-info__inner {
    position: relative
}

@media (min-width: 985px) and (max-width: 1500px) {
    .product-info {
        margin-top: -18%
    }
}

.prop-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    background-color: #0a36a4;
    color: #fff;
    padding: 16px 16px 48px 48px;
    border-radius: 110px 0;
    width: 38%;
    position: relative
}

.prop-product__link {
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: inherit;
    opacity: .4;
    background: url(/local/templates/devade_agrosphere/static/styles/../img/prop-product_arrow.svg) no-repeat 0 50%;
    padding-left: 32px
}

.prop-product__link:hover {
    opacity: 1
}

.prop-product__desc {
    margin-top: 48px
}

.prop-product__title {
    font-family: Source Sans Pro;
    font-weight: 700
}

.prop-product__text {
    margin: 8px 0 24px;
    padding-right: 56px
}

.option-prop {
    padding-right: 48px
}

.option-prop__item {
    padding-bottom: 8px
}

.option-prop__value {
    font-family: Source Sans Pro;
    font-weight: 700;
    padding-left: 4px
}

.discount-prop {
    background-color: #cc1719;
    width: 30%;
    padding: 20px;
    border-radius: 0 40px;
    position: absolute;
    top: 20%;
    right: -70px
}

.discount-prop__count {
    font-family: Source Sans Pro;
    font-weight: 700;
    font-size: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.discount-prop__text {
    font-family: Source Sans Pro;
    font-weight: 400;
    font-size: 14px
}

.set-product {
    width: 75%;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    border-radius: 0 110px;
    padding: 48px 64px;
    position: absolute;
    top: 50%;
    right: 0
}

.set-product__text {
    font-size: 14px
}

.set-product__text_size_bold {
    font-family: Source Sans Pro;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase
}

.form-product {
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.form-product, .form-product__inner-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.form-product__inner-item {
    -webkit-box-orient: vertical;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.form-product label {
    margin-bottom: 4px;
    margin-top: 12px;
    margin-left: 12px
}

.form-product__wrap {
    position: relative;
    border: 1px solid #9aa1a8;
    border-radius: 20px;
    width: 160px;
    height: 37px;
    margin: 0 40px 16px 0
}

.form-product__wrap:after {
    content: url(/local/templates/devade_agrosphere/static/styles/../img/select_arrow.svg);
    padding: 0 8px;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 13px;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-product__select {
    border: none;
    border-radius: 20px;
    outline: none;
    width: 100%;
    padding: 8px 25px 8px 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-product__input {
    width: 60px;
    padding: 8px 0;
    border: 1px solid #9aa1a8;
    border-radius: 20px;
    outline: none;
    text-align: center
}

.form-product__input-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-product__add path, .form-product__remove path {
    color: #9aa1a8
}

.form-product__add:hover path, .form-product__remove:hover path {
    color: #0a36a4
}

.input-label {
    margin-right: 10px;
    text-align: center
}

.price-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px
}

.price-product__new {
    font-family: Source Sans Pro;
    font-weight: 700;
    color: #0a36a4;
    font-size: 32px;
    line-height: 48px
}

.price-product__new span {
    font-family: sans-serif;
    font-weight: 700
}

.price-product__text-content {
    margin-left: 16px
}

.price-product__old {
    font-family: Source Sans Pro;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    text-decoration: line-through;
    color: #9aa1a8
}

.price-product__old span {
    font-family: sans-serif;
    font-weight: 700
}

.price-product__text {
    font-family: Source Sans Pro;
    font-weight: 400;
    color: #f7931e;
    text-decoration: none
}

.js-price {
    font-family: GloberxBold, sans-serif !important
}

.btns-product {
    margin-top: 32px
}

.btns-product__btn {
    width: 195px;
    padding: 16px 0 12px;
    border-radius: 100px;
    border: none;
    font-family: Source Sans Pro;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    text-align: center
}

.btns-product__btn_color_red {
    background-color: #cc1719;
    color: #fff;
    margin-right: 24px
}

.btns-product__btn_color_red, .btns-product__btn_color_red:hover {
    -webkit-transition: all .5s ease;
    -o-transition: all ease .5s;
    transition: all .5s ease
}

.btns-product__btn_color_red:hover {
    background-color: #b91315
}

.btns-product__btn_color_white {
    background-color: #fff;
    color: #cc1719;
    border: 2px solid #cc1719
}

.btns-product__btn_color_white, .btns-product__btn_color_white:hover {
    -webkit-transition: all .5s ease;
    -o-transition: all ease .5s;
    transition: all .5s ease
}

.btns-product__btn_color_white:hover {
    background-color: #b91315;
    color: #fff
}

.btns-product__btn-img {
    padding-left: 20px;
    vertical-align: middle
}

.info-side {
    margin-top: 25%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.info-side, .info-side__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.info-side__list {
    list-style: none
}

.info-side__item {
    margin-right: 24px
}

.info-side__link {
    padding: 16px;
    font-family: Source Sans Pro;
    font-weight: 700;
    color: #0a36a4;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: underline
}

.info-side__link:last-child {
    padding-bottom: 32px
}

.info-side__link:hover {
    background-color: #c8cdd0;
    border-radius: 20px 20px 0 0
}

.info-side__link.active {
    display: inline
}

.info-side__content {
    background-color: #fff;
    padding: 64px;
    margin-top: 16px;
    border-radius: 0;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
    position: relative;
    z-index: 1;
    list-style: none
}

@media (min-width: 985px) and (max-width: 1500px) {
    .info-side {
        margin-top: 35%
    }
}

.advantages-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 16px
}

.advantages-content__fig {
    margin: 0 80px 40px 0;
    width: 15%
}

.advantages-content__img {
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    margin-bottom: 8px
}

.spec-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.spec-content__inner {
    width: 100%
}

.spec-content__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-top: 24px
}

.spec-content__link {
    font-size: 14px;
    line-height: 20px;
    color: #0a36a4;
    margin-bottom: 8px;
    text-decoration: none
}

.item-spec__title {
    font-family: Source Sans Pro;
    font-weight: 700;
    text-transform: uppercase;
    margin: 16px 0 8px
}

.item-spec__text {
    font-size: 14px;
    line-height: 20px;
    color: #4c535a;
    margin-bottom: 6px
}

.item-spec__text b {
    font-family: Source Sans Pro;
    font-weight: 700;
    margin-left: 8px
}

.spec-list {
    width: 65%;
    list-style: none
}

.spec-list__item {
    color: #00a651;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.spec-list__item:before {
    content: url(/local/templates/devade_agrosphere/static/styles/../img/done.svg);
    margin-right: 8px
}

.gallery-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.gallery-content__img {
    width: calc(20% - 24px);
    height: 144px;
    margin: 0 24px 24px 0;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.gallery-content__img:hover:after {
    content: ".";
    color: transparent;
    background: url(/local/templates/devade_agrosphere/static/styles/../img/zoom.svg) no-repeat 50%, -webkit-gradient(linear, left bottom, left top, from(rgba(10, 54, 163, .8)), to(rgba(10, 54, 163, .8)));
    background: url(/local/templates/devade_agrosphere/static/styles/../img/zoom.svg) no-repeat 50%, -o-linear-gradient(bottom, rgba(10, 54, 163, .8), rgba(10, 54, 163, .8));
    background: url(/local/templates/devade_agrosphere/static/styles/../img/zoom.svg) no-repeat 50%, linear-gradient(0deg, rgba(10, 54, 163, .8), rgba(10, 54, 163, .8));
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.gallery-content__img:nth-child(5n) {
    margin-right: 0
}

.price-content table {
    border-collapse: collapse
}

.price-content th {
    font-weight: 400;
    padding: 12px
}

.price-content td, .price-content th {
    border: 1px solid #e5e5e5;
    text-align: center
}

.price-content td {
    font-family: Source Sans Pro;
    font-weight: 700;
    padding: 16px
}

.price-content__old-price {
    color: #9aa1a8;
    text-decoration: line-through;
    font-family: Source Sans Pro;
    font-weight: 400
}

.price-content__length {
    font-family: Source Sans Pro !important;
    font-weight: 400;
    font-weight: 400 !important
}

.price-content__table-text {
    font-family: Source Sans Pro !important;
    font-weight: 400
}

.price-content__table-subtext {
    display: block;
    margin-top: 32px
}

.instructions-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 60%
}

.instructions-content__btn {
    display: inline-block;
    border-radius: 100px;
    text-decoration: none;
    width: 75%;
    padding: 12px 32px 8px;
    margin-bottom: 32px;
    background: url(/local/templates/devade_agrosphere/static/styles/../img/download.svg) no-repeat 95% 50%;
    border: 2px solid #cc1719;
    color: #cc1719
}

.instructions-content__btn, .instructions-content h5 {
    font-family: Source Sans Pro;
    font-weight: 700;
    text-transform: uppercase
}

.instructions-content h5 {
    margin: 16px 0 8px
}

.instructions-content h6 {
    margin-top: 10px
}

.instructions-content p {
    font-size: 14px;
    font-family: Source Sans Pro;
    font-weight: 400;
    line-height: 20px;
    color: #4c535a;
    padding: 10px 0 4px
}

.instructions-content b {
    font-family: Source Sans Pro;
    font-weight: 700
}

.instructions-content table {
    border-collapse: collapse;
    text-align: center;
    margin-bottom: 16px
}

.instructions-content th {
    border: 1px solid #e5e5e5;
    padding: 16px;
    font-weight: 400
}

.instructions-content td {
    border: 1px solid #e5e5e5;
    width: 25%;
    padding: 6px 8px;
    font-family: Source Sans Pro;
    font-weight: 700
}

.instructions-content td h5 {
    margin: 0
}

.instructions-content td p {
    color: #202427;
    padding: 0
}

.description-content h5 {
    font-family: Source Sans Pro;
    font-weight: 700;
    text-transform: uppercase;
    margin: 12px 0 0
}

.description-content p {
    color: #4c535a;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 0 12px
}

.description-content .article {
    margin-top: 0
}

.content-side__item {
    display: none
}

.content-side__item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.info-side__link.active {
    background-color: #0a36a4;
    color: #fff;
    border-radius: 20px 20px 0 0
}

.additional-goods {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 120px
}

.additional-goods__title {
    font-family: Source Sans Pro;
    font-weight: 700;
    text-align: center
}

.slider-additional {
    margin-top: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.slider-additional__item {
    width: calc(33.33333% - 24px);
    position: relative;
    border-radius: 60px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .25);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .25);
    text-decoration: none
}

.slider-additional__item:hover {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .45)
}

.slider-additional__img {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 260px;
    position: relative;
}

/* new style for gift block */


.slider-additional__gift-banner{
    /* background: #fff; */
    border-radius: 0 30px;
    position: absolute;
    padding: 12px 3rem 12px 0;
    bottom: 10px;
    left: 10px;
    max-width: 330px;
    /* display: none; */
}

.slider-additional__gift-banner::before{
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    background: url('/local/templates/devade_agrosphere/static/styles/../img/present.png') no-repeat center;
    background-size: contain;
    right: -55px;
    bottom: 0;
}

.slider-additional__gift-banner .slider-additional__new-price{
    color: #0a36a4;
    font-size: 28px;
    line-height: 100%;
    text-align: right;
}

@media screen and (max-width: 850px) {
    .slider-additional__gift-banner{
        background: transparent;
    }
    .slider-additional__gift-banner .slider-additional__new-price{
        display: none;
    }
}

.slider-additional__discount {
    background-color: #f7931e;
    border-radius: 0 30px;
    color: #fff;
    font-family: Source Sans Pro;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    width: 25%;
    padding: 16px;
    position: absolute;
    top: -20px;
    right: -20px
}

.slider-additional__inner {
    padding: 16px 16px 40px
}

.slider-additional__title {
    font-family: Source Sans Pro;
    font-weight: 700;
    color: #0a36a4
}

.slider-additional__text {
    font-size: 14px;
    color: #4c535a
}

.slider-additional__price {
    background-color: #0a36a4;
    padding: 12px 0 8px;
    border-radius: 0 30px;
    width: 75%;
    text-align: center;
    position: absolute;
    bottom: -30px;
    right: 0
}

.slider-additional__new-price {
    color: #fff;
    font-family: Source Sans Pro;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    line-height: 30px
}

.slider-additional__old-price {
    font-size: 16px;
    opacity: .4;
    text-decoration: line-through;
    margin-left: 8px
}

.slider-additional__text-price {
    font-size: 14px
}

.slider-additional__next-js, .slider-additional__prev-js {
    position: absolute;
    bottom: 40%;
    z-index: 1
}

.slider-additional__prev-js {
    left: -48px
}

.slider-additional__next-js {
    right: -48px
}

.slider-additional .slick-slide {
    padding: 20px 0 30px;
    margin-right: 24px
}

.support {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 32px 0 200px;
    background: transparent
}

.support, .support__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.support__info {
    background-color: #00aeef;
    color: #fff;
    border-radius: 0 110px;
    padding: 56px;
    width: 50%;
    margin: 48px -48px 0 0;
    z-index: 1;
    max-height: 420px
}

.support__title {
    font-family: Source Sans Pro;
    font-weight: 700;
    font-size: 44px;
    line-height: 52px
}

.call-support, .support__email {
    margin-top: 36px
}

.call-support__text {
    font-family: Source Sans Pro;
    font-weight: 700
}

.call-support__text_size_large {
    text-transform: uppercase
}

.call-support__text_size_bold {
    font-family: Source Sans Pro;
    font-weight: 700;
    font-size: 24px
}

.call-support__text_size_small {
    font-family: Source Sans Pro;
    font-weight: 400;
    font-size: 14px;
    width: 75%
}

.form-wrap {
    background-color: #fff;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 60px 0;
    padding: 32px 64px 48px
}

.form-wrap__title {
    font-family: Source Sans Pro;
    font-weight: 700
}

.form-wrap__text {
    color: #4c535a;
    text-align: center;
    margin-bottom: 24px
}

.form-wrap__policy {
    color: #9aa1a8;
    font-size: 14px;
    text-align: center;
    width: 95%;
    margin-top: 24px
}

.form-wrap__link {
    color: #0a36a4
}

.form-support {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.form-support label {
    color: #9aa1a8
}

.form-support__input {
    border: 1px solid #9aa1a8;
    border-radius: 100px;
    outline: none;
    width: 290px;
    height: 50px;
    margin-bottom: 12px;
    padding: 0 16px
}

.form-support__input:focus {
    border-color: #0a36a4
}

.form-support__btn {
    border-radius: 100px;
    background-color: #cc1719;
    color: #fff;
    border: none;
    width: 290px;
    padding: 20px 0 16px;
    margin-top: 20px;
    text-transform: uppercase;
    font-family: Source Sans Pro;
    font-weight: 700;
    font-size: 14px
}

.error {
    color: #cc1719 !important;
    margin-bottom: 0;
    border-color: #cc1719
}

@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    51%, to {
        opacity: 1
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    51%, to {
        opacity: 1
    }
}

.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent
}

.hvr-icon-drop .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-drop:active .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:hover .hvr-icon {
    opacity: 0;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    animation-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

main {
    padding-bottom: 60px
}

.product-info {
    margin-top: 60px
}

.product-info__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.product-info__inner .slider-wrapper {
    width: 60%;
    position: relative
}

.product-info__inner .slider-wrapper .discount-prop {
    width: auto;
    color: #fff;
    padding: 20px 30px;
    top: 20px;
    right: 20px
}

.product-info__inner .slider {
    width: 100%
}

.product-info__inner .slider__item {
    height: 580px;
    border-radius: 20px
}

.product-info__inner .slider .slick-arrow {
    cursor: pointer
}

.product-info .prop-product {
    padding: 16px 16px 78px 48px
}

.product-info .set-product {
    width: 100%;
    position: relative;
    top: unset;
    right: unset;
    border-radius: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 50px;
    padding: 48px 34px
}

.product-info .set-product, .product-info .set-product__text-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-info .set-product__text-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 12px
}

.product-info .set-product__text {
    margin: 0 15px 0 0
}

.product-info .set-product .price-n-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.product-info .set-product .price-n-btns .set-product__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

.product-info .set-product .price-n-btns .price-product {
    margin-top: 0
}

.product-info .set-product .title-n-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 15px
}

.product-info .set-product .title-n-form .form-product__wrap {
    margin: 0 15px 16px 0
}

.info-side {
    margin-top: 150px
}

.slider-additional__item {
    border-radius: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.support {
    padding: 32px 0 280px
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .info-side__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        margin-left: 5%
    }

    .info-side__item {
        margin: 0 0 12px
    }

    .info-side__link {
        padding-bottom: 16px !important
    }

    .info-side__link.active {
        border-radius: 0;
        display: inline-block;
        width: 100%
    }

    .info-side__content {
        border-radius: 0;
        padding: 32px;
        width: 100%
    }

    .advantages-content__fig {
        width: calc(50% - 24px);
        margin-right: 24px
    }

    .spec-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .spec-content__list {
        width: 100%
    }

    .gallery-content__img {
        width: calc(50% - 8px);
        height: 120px;
        margin: 0 8px 8px 0
    }

    .gallery-content__img:nth-child(5n) {
        margin-right: 8px
    }

    .gallery-content__img:nth-child(odd) {
        margin-right: 4px
    }

    .gallery-content__img:nth-child(2n) {
        margin-left: 4px;
        margin-right: 0
    }

    .price-content {
        overflow: scroll
    }

    .instructions-content {
        width: 100%;
        overflow: scroll
    }

    .instructions-content__btn {
        width: 100%
    }

    .slider {
        margin-top: 0
    }

    .next-js, .prev-js {
        display: none !important
    }

    .slider__item {
        height: 320px;
        border-bottom-right-radius: 90px
    }

    .prop-product {
        width: 95%
    }

    .prop-product__title {
        width: 50%
    }

    .option-prop {
        padding-right: 0
    }

    .discount-prop {
        width: 35%;
        right: -25px
    }

    .set-product {
        position: relative;
        width: 100%;
        margin-top: -24px;
        padding: 48px 40px;
        border-radius: 0 80px
    }

    .form-product__inner-item.mobile_last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .form-product__wrap:after {
        right: 10px
    }

    .form-product__select {
        margin: 0 0 16px
    }

    .price-product {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .btns-product__btn_color_red {
        margin-bottom: 16px
    }

    .additional-goods {
        margin: 72px 5% 0
    }

    .slider-additional .slick-slide {
        margin: 0 20px
    }

    .support__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .support__info {
        width: 95%;
        padding: 40px 12px 80px 24px;
        margin: 0 0 -20px;
        border-radius: 0 80px
    }

    .form-wrap {
        width: 95%;
        padding: 16px 32px;
        z-index: 1
    }

    .form-wrap__policy {
        width: 100%
    }

    .form-support {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .form-support__btn {
        margin-right: 0;
        margin-top: 16px
    }
}

.page-main-no-breadcrumbs {
    margin-top: 0
}

.layer-1, .layer-1_color_gray, .layer-2, .layer-2_color_gray {
    position: absolute;
    width: 20%;
    height: 100%;
    background-repeat: repeat-y
}

.layer-1 {
    left: -140px
}

.layer-1_color_gray {
    width: 10%;
    left: 20px
}

.layer-2 {
    right: -140px
}

.layer-2_color_gray {
    width: 10%;
    right: 20px
}

.advantages {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    margin-top: -56px;
    position: relative;
    z-index: 1
}

.advantages, .advantages__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.advantages__wrap {
    background-color: #0a36a4;
    border-radius: 110px 0;
    padding: 40px 64px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.advantages__title {
    font-family: GloberxBold
}

.advantages__items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 36px
}

.advantages__item, .advantages__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.advantages__item {
    width: 33.33333%;
    margin: 0 0 22px
}

.advantages__pic {
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    height: 60px
}

.advantages__item-title {
    width: 50%;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 24px
}

.offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #202427;
    text-align: center;
    margin-top: 64px
}

.offer__title {
    font-family: GloberxBold
}

.offer__text {
    line-height: 32px;
    font-size: 20px;
    width: 65%;
    margin: 0 auto
}

.production {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 64px
}

.production__title {
    font-family: GloberxBold;
    text-align: center
}

.production__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin-top: 48px
}

.production__sidebar {
    width: 30%;
    z-index: 1;
    padding-left: 30px;
}

.production__items {
    width: 70%;
    margin-left: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative
}

.production__item {
    width: calc(50% - 24px);
    margin-bottom: 72px;
    margin-right: 24px
}

.production__discount {
    background-color: #cc1719
}

.production__info {
    margin-top: 12px
}

.production__option {
    font-family: GloberxBold;
    font-size: 14px;
    color: #202427;
    margin-bottom: 4px
}

.production__btn { /*display:none*/
}

.sub-test {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.submenu-production {
    display: block;
    position: relative;
    width: 100%;
    padding: 32px 24px;
    border-radius: 40px;
    top: 0;
    left: 0
}

.submenu-production__lists {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    display: none
}

.submenu-production__sub-list {
    width: 100%
}

.submenu-production__container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.submenu-production__container, .submenu-production__inner-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.submenu-production__inner-item {
    width: 100%
}

.submenu-production__pic {
    width: 15px;
    height: 8px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.submenu-production__pic_color_violet {
    background: url(/local/templates/devade_agrosphere/static/styles/../img/arrow-catalog-violet.svg) no-repeat
}

.submenu-production__pic_color_darkblue {
    background: url(/local/templates/devade_agrosphere/static/styles/../img/arrow-catalog-darkblue.svg) no-repeat
}

.submenu-production__pic_color_blue {
    background: url(/local/templates/devade_agrosphere/static/styles/../img/arrow-catalog-blue.svg) no-repeat
}

.submenu-production__pic_color_green {
    background: url(/local/templates/devade_agrosphere/static/styles/../img/arrow-catalog-green.svg) no-repeat
}

.submenu-production__pic_color_yellow {
    background: url(/local/templates/devade_agrosphere/static/styles/../img/arrow-catalog-yellow.svg) no-repeat
}

.submenu-production__pic_color_red {
    background: url(/local/templates/devade_agrosphere/static/styles/../img/arrow-catalog-red.svg) no-repeat
}

.submenu-production__sub-item {
    width: 80%;
    display: none
}

.submenu-production__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.submenu-production__item {
    width: 100%
}

.submenu-production__title {
    width: 85%;
    padding-left: 4px
}

.rotate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .layer-1, .layer-1_color_gray, .layer-2, .layer-2_color_gray {
        display: none
    }

    .advantages__title {
        text-align: center
    }

    .advantages__wrap {
        padding: 32px 8px 32px 32px
    }

    .advantages__item {
        width: 50%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .advantages__item-title {
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-left: 0;
        width: 90%
    }

    .offer__text {
        width: 100%
    }

    .production__sidebar {
        display: none
    }

    .production__item, .production__items {
        width: 100%
    }

    .production__item:nth-child(n+5) { /*display:none*/
    }

    .production__btn {
        width: 75%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: transparent
    }
}

.contacts__title {
    text-align: center;
    margin-top: 40px
}

.about-contacts {
    margin-top: 32px
}

.about-contacts, .about-contacts__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-contacts__phone {
    background-color: #cc1719;
    border-radius: 40px 0;
    color: #fff;
    padding: 24px 40px 32px;
    width: 30%;
    max-height: 100px;
    position: relative;
    z-index: 1
}

.about-contacts__text {
    font-size: 14px;
    line-height: 20px
}

.about-contacts__text_size_bold {
    font-size: 24px;
    line-height: 30px;
    font-family: GloberHeavy
}

.about-contacts__desc {
    color: #4c535a;
    background-color: #fff;
    font-size: 14px;
    padding: 32px 40px;
    border-radius: 0 40px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    width: 40%;
    margin-top: 50px;
    margin-left: -20px
}

.location {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 56px
}

.location, .location__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

.location__item {
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    border-radius: 0 80px;
    padding: 48px;
    width: calc(50% - 48px)
}

.location__title {
    font-family: GloberxBold;
    text-transform: uppercase;
    margin-top: 24px
}

.location__text-content {
    font-size: 14px;
    color: #4c535a;
    line-height: 20px;
    width: 80%
}

.location__text {
    margin-top: 12px
}

.location__map {
    margin-top: 32px
}

.location__map iframe {
    width: 324px;
    height: 230px;
    border-radius: 0 50px
}

.city-location {
    color: #fff;
    background-color: #0a36a4;
    border-radius: 40px 0;
    padding: 28px;
    width: 80%;
    margin: -72px 0 0 -72px
}

.city-location__text {
    font-size: 14px;
    line-height: 20px;
    font-family: GloberRegular;
    margin-left: 12px
}

.city-location__text_size_bold, .phones-location {
    font-size: 24px;
    line-height: 30px;
    font-family: GloberHeavy
}

.phones-location {
    color: #0a36a4;
    margin-top: 32px
}

.email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 56px
}

.email__inner {
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    border-radius: 0 80px;
    padding: 48px
}

.email__box {
    color: #fff;
    background-color: #00a651;
    font-size: 24px;
    line-height: 30px;
    font-family: GloberHeavy;
    border-radius: 40px 0;
    padding: 24px 48px;
    width: 30%;
    margin: -72px 0 0 -72px
}

.email__text {
    font-size: 14px;
    line-height: 20px;
    color: #4c535a;
    margin-top: 16px
}

.email__text_color_red {
    color: #cc1719
}

.email__source {
    color: #0a36a4;
    padding-top: 8px
}

.email__subtitle {
    text-transform: uppercase;
    font-family: GloberxBold;
    margin-top: 24px
}

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

.email__list {
    list-style: none;
    width: calc(50% - 8px)
}

.email__item {
    width: 80%
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .about-contacts__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .about-contacts__phone {
        width: 85%
    }

    .about-contacts__desc {
        width: 90%;
        margin: -15px 0 0 30px;
        padding-right: 32px
    }

    .location {
        margin-top: 88px
    }

    .location__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .location__item {
        width: 100%;
        margin-bottom: 80px;
        padding: 24px
    }

    .location__text-content {
        width: 100%
    }

    .location__map iframe {
        width: 100%;
        height: 230px
    }

    .city-location {
        width: 100%;
        margin: -80px 0 0 -24px
    }

    .city-location__text_size_bold, .phones-location {
        font-size: 18px;
        line-height: 24px
    }

    .email {
        margin-top: 0
    }

    .email__inner {
        padding: 48px 24px
    }

    .email__box {
        width: 100%;
        margin-left: -24px;
        margin-top: -80px
    }

    .email__lists {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .email__list {
        width: 100%
    }
}

.about__title {
    text-align: center;
    margin-top: 40px
}

.company-about {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 32px
}

.company-about, .company-about__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.company-about__info {
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    border-radius: 0 80px;
    padding: 40px;
    margin-right: 24px;
    width: 45%
}

.company-about__title {
    font-family: GloberHeavy;
    color: #0a36a4
}

.company-about__text {
    color: #4c535a;
    margin-top: 16px
}

.company-about__text_size_bold {
    font-family: GloberxBold
}

.company-about__list {
    list-style: none;
    color: #4c535a;
    margin-top: 24px
}

.company-about__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 16px
}

.company-about__item:before {
    content: url(/local/templates/devade_agrosphere/static/styles/../img/done.svg);
    margin-right: 8px
}

.company-about__inner {
    width: 45%;
    margin-top: 64px
}

.company-about__pic {
    background-size: cover;
    background-repeat: no-repeat;
    height: 380px;
    border-radius: 80px 0
}

.other-about {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 72px
}

.other-about, .other-about__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.other-about__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.other-about__text {
    color: #00aeef;
    line-height: 22px
}

.other-about__text_size_huge {
    font-size: 96px;
    line-height: 48px;
    font-family: GloberHeavy
}

.quality-about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    margin-top: 108px
}

.quality-about__inner {
    background-color: #0a36a4;
    padding: 48px 56px 24px;
    border-radius: 80px 0;
    width: 40%;
    text-align: center;
    margin: 0 auto
}

.quality-about__text {
    font-size: 24px;
    line-height: 30px;
    font-family: GloberHeavy;
    padding-bottom: 32px
}

.quality-about__text_size_big {
    font-size: 96px;
    line-height: 52px;
    font-family: GloberBlack;
    padding-bottom: 8px
}

.quality-about .container {
    position: relative
}

.quality-about__circle {
    position: absolute;
    border-radius: 50%
}

.quality-about__circle_color_green {
    width: 60px;
    height: 60px;
    background-color: #00a651;
    top: 0;
    left: 0
}

.quality-about__circle_color_orange {
    width: 160px;
    height: 160px;
    background-color: #f7931e;
    bottom: -70px
}

.quality-about__circle_color_violet {
    width: 90px;
    height: 90px;
    background-color: #92278e;
    top: 30px;
    right: 240px
}

.quality-about__circle_color_blue {
    width: 60px;
    height: 60px;
    background-color: #00aeef;
    top: 70px;
    right: 10px
}

.quality-about__circle_color_yellow {
    width: 100px;
    height: 100px;
    background-color: #ffe112;
    bottom: -50px;
    right: 60px
}

.history-about {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 150px
}

.history-about, .history-about__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.history-about__content {
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    border-radius: 0 80px;
    padding: 56px 40px;
    margin-right: 24px;
    width: 55%
}

.history-about__title {
    font-family: GloberHeavy, sans-serif;
    color: #0a36a4
}

.history-about__text {
    color: #4c535a;
    padding-top: 16px
}

.history-about__text b {
    font-family: GloberxBold, sans-serif
}

.history-about__pic {
    background-size: cover;
    background-repeat: no-repeat;
    width: 65%;
    height: 430px;
    border-radius: 80px 0;
    -ms-flex-item-align: center;
    align-self: center
}

.slogan-about {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 128px;
    color: #fff
}

.slogan-about, .slogan-about__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.slogan-about__pic {
    background-size: cover;
    background-repeat: no-repeat;
    width: 55%;
    min-height: 490px;
    margin-right: 24px;
    border-radius: 80px 0
}

.slogan-about__text-content {
    background-color: #0a36a4;
    border-radius: 80px 0;
    padding: 48px;
    width: 60%;
    -ms-flex-item-align: center;
    align-self: center
}

.slogan-about__title {
    font-family: GloberHeavy
}

.slogan-about__text {
    padding-top: 16px;
    line-height: 22px
}

.slogan-about .container {
    position: relative
}

.slogan-about__circle {
    position: absolute;
    border-radius: 50%
}

.slogan-about__circle_color_yellow {
    width: 70px;
    height: 70px;
    top: 0;
    left: 30px;
    background-color: #ffe112
}

.slogan-about__circle_color_violet {
    width: 25px;
    height: 25px;
    bottom: -30px;
    left: 30px;
    background-color: #92278e
}

.slogan-about__circle_color_green {
    width: 70px;
    height: 70px;
    bottom: -20px;
    left: 430px;
    background-color: #00a651
}

.slogan-about__circle_color_green_size_tiny {
    width: 25px;
    height: 25px;
    bottom: 70px;
    right: 100px;
    background-color: #00a651
}

.slogan-about__circle_color_orange {
    width: 80px;
    height: 80px;
    top: -30px;
    right: 130px;
    background-color: #f7931e
}

.slogan-about__circle_color_blue {
    width: 25px;
    height: 25px;
    top: -50px;
    right: 50px;
    background-color: #00aeef
}

.care-about {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 88px
}

.care-about, .care-about__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.care-about__content {
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    border-radius: 0 80px;
    padding: 40px 40px 72px;
    margin-right: 24px;
    width: 55%
}

.care-about__title {
    font-family: GloberHeavy, sans-serif;
    color: #0a36a4
}

.care-about__text {
    color: #4c535a;
    padding-top: 16px;
    line-height: 22px
}

.care-about__pic {
    background-size: cover;
    background-repeat: no-repeat;
    width: 65%;
    height: 350px;
    border-radius: 80px 0;
    -ms-flex-item-align: center;
    align-self: center
}

.appeal-about {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 120px 0 100px
}

.appeal-about, .appeal-about__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.appeal-about__title {
    margin-bottom: 16px
}

.appeal-about__pic {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 55%;
    height: 460px;
    border-radius: 80px 0
}

.appeal-about__text-content {
    color: #fff;
    background-color: #0a36a4;
    height: 100%;
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 80px 0;
    padding: 56px 40px 40px;
    margin-left: 24px;
    width: 60%
}

.appeal-about__text {
    line-height: 22px;
    padding-bottom: 16px
}

.appeal-about__text_size_medium, .appeal-about__text b {
    font-family: GloberxBold, sans-serif
}

.appeal-about__text_size_medium {
    margin-bottom: -12px
}

.appeal-about__text_size_small {
    font-size: 14px;
    line-height: 20px
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .company-about__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse nowrap;
        flex-flow: column-reverse nowrap
    }

    .company-about__inner {
        width: 100%;
        margin: 0 0 32px
    }

    .company-about__pic {
        height: 265px;
        background-position: 0 50%
    }

    .company-about__info {
        width: 100%;
        padding: 40px 32px
    }

    .other-about {
        margin-top: 32px
    }

    .other-about__box {
        width: 100%
    }

    .other-about__text {
        font-size: 14px;
        line-height: 16px
    }

    .other-about__text_size_huge {
        font-size: 72px;
        line-height: 48px
    }

    .quality-about {
        overflow: hidden;
        padding-bottom: 55px
    }

    .quality-about__inner {
        width: 100%
    }

    .quality-about__text {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 16px
    }

    .quality-about__text_size_big {
        font-size: 72px;
        line-height: 52px;
        padding-bottom: 0
    }

    .quality-about__circle_color_green {
        left: -30px
    }

    .quality-about__circle_color_violet {
        width: 60px;
        height: 60px;
        right: 0
    }

    .quality-about__circle_color_blue, .quality-about__circle_color_orange {
        display: none
    }

    .quality-about__circle_color_yellow {
        right: -65px
    }

    .appeal-about {
        margin: 56px 0 20px
    }

    .appeal-about__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .appeal-about__pic {
        width: 100%;
        height: 265px
    }

    .appeal-about__text-content {
        width: 100%;
        margin: 24px 0 0
    }

    .history-about {
        margin-top: 32px
    }

    .history-about__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse nowrap;
        flex-flow: column-reverse nowrap
    }

    .history-about__pic {
        width: 100%;
        height: 265px;
        background-position: 0 50%
    }

    .history-about__content {
        width: 100%;
        margin-top: 24px;
        padding: 56px 32px
    }

    .slogan-about {
        margin-top: 56px
    }

    .slogan-about__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .slogan-about__pic {
        width: 100%;
        height: 265px;
        margin-right: 0;
        min-height: 0
    }

    .slogan-about__text-content {
        width: 100%;
        max-height: none;
        margin-top: 25px;
        padding: 48px 32px
    }

    .slogan-about__circle {
        display: none
    }

    .care-about {
        margin-top: 56px
    }

    .care-about__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse nowrap;
        flex-flow: column-reverse nowrap
    }

    .care-about__pic {
        width: 100%;
        height: 265px;
        background-position: 50% 0
    }

    .care-about__content {
        margin-top: 24px;
        width: 100%;
        padding: 40px 32px 72px
    }

    .important-about {
        padding: 56px 0 150px
    }

    .important-about__content {
        width: 100%;
        padding: 56px 32px 96px
    }

    .important-about__circle {
        display: none
    }

    .important-about__pic-three {
        height: 250px;
        bottom: -150px;
        right: -50px
    }

    .important-about__pic-five, .important-about__pic-four, .important-about__pic-one, .important-about__pic-two {
        display: none
    }
}

.question {
    margin-top: 24px
}

.question__title {
    text-align: center
}

.list-question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.list-question__list {
    list-style: none;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    border-radius: 80px 0;
    padding: 56px;
    width: 70%;
    margin: 32px auto 0
}

.list-question__item {
    position: relative;
    margin-bottom: 16px
}

.list-question__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.list-question__title {
    font-family: GloberxBold;
    line-height: 24px;
    margin-left: 24px
}

.list-question__arrow {
    background: url(/local/templates/devade_agrosphere/static/styles/../img/question-arrow.svg) no-repeat;
    width: 14px;
    height: 12px;
    margin-right: 12px;
    position: absolute;
    top: 5px;
    left: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.list-question__text {
    font-size: 14px;
    line-height: 20px;
    color: #4c535a;
    padding: 12px 0 0 24px;
    display: none
}

.active {
    display: block
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .list-question__list {
        width: 100%;
        padding: 56px 32px
    }
}

.page-catalog__title {
    text-align: center;
    margin-top: 40px
}

.catalog {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 48px
}

.catalog, .catalog__inner, .catalog__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.catalog__list {
    width: 70%;
    margin-left: 32px;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.catalog__list_category-item {
    width: 100%;
    margin-left: 0
}

.catalog__item {
    width: calc(50% - 24px);
    margin: 0 24px 24px 0
}

.catalog__link {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 50%;
    min-height: 180px;
    text-decoration: none;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 40px 24px 24px;
    position: relative
}

.catalog__link, .catalog__wrap {
    width: 100%;
    border-radius: 60px 0
}

.catalog__wrap {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.catalog__wrap_color_violet {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(146, 39, 142, .7)), to(rgba(146, 39, 142, .7)));
    background: -o-linear-gradient(bottom, rgba(146, 39, 142, .7), rgba(146, 39, 142, .7));
    background: linear-gradient(0deg, rgba(146, 39, 142, .7), rgba(146, 39, 142, .7))
}

.catalog__wrap_color_darkblue {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(10, 54, 164, .7)), to(rgba(10, 54, 164, .7)));
    background: -o-linear-gradient(bottom, rgba(10, 54, 164, .7), rgba(10, 54, 164, .7));
    background: linear-gradient(0deg, rgba(10, 54, 164, .7), rgba(10, 54, 164, .7))
}

.catalog__wrap_color_blue {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 174, 239, .7)), to(rgba(0, 174, 239, .7)));
    background: -o-linear-gradient(bottom, rgba(0, 174, 239, .7), rgba(0, 174, 239, .7));
    background: linear-gradient(0deg, rgba(0, 174, 239, .7), rgba(0, 174, 239, .7))
}

.catalog__wrap_color_green {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 166, 81, .7)), to(rgba(0, 166, 81, .7)));
    background: -o-linear-gradient(bottom, rgba(0, 166, 81, .7), rgba(0, 166, 81, .7));
    background: linear-gradient(0deg, rgba(0, 166, 81, .7), rgba(0, 166, 81, .7))
}

.catalog__wrap_color_yellow {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(250, 219, 6, .7)), to(rgba(250, 219, 6, .7)));
    background: -o-linear-gradient(bottom, rgba(250, 219, 6, .7), rgba(250, 219, 6, .7));
    background: linear-gradient(0deg, rgba(250, 219, 6, .7), rgba(250, 219, 6, .7))
}

.catalog__wrap_color_orange {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(247, 147, 30, .7)), to(rgba(247, 147, 30, .7)));
    background: -o-linear-gradient(bottom, rgba(247, 147, 30, .7), rgba(247, 147, 30, .7));
    background: linear-gradient(0deg, rgba(247, 147, 30, .7), rgba(247, 147, 30, .7))
}

.catalog__wrap_color_red {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(204, 23, 25, .7)), to(rgba(204, 23, 25, .7)));
    background: -o-linear-gradient(bottom, rgba(204, 23, 25, .7), rgba(204, 23, 25, .7));
    background: linear-gradient(0deg, rgba(204, 23, 25, .7), rgba(204, 23, 25, .7))
}

.catalog__subtitle {
    font-family: GloberxBold;
    z-index: 1
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .catalog {
        margin-top: 24px
    }

    .catalog__list {
        width: 100%;
        max-height: none;
        margin-left: 0
    }

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

    .catalog__link {
        min-height: 0;
        max-height: 100px
    }
}

.catalog-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .catalog-section {
        margin-top: 32px
    }
}

.page-cart__title {
    text-align: center;
    margin-top: 40px
}

.cart {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 45px
}

.cart, .cart__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart__inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.products-cart {
    width: 70%
}

.captions-product {
    font-family: GloberxBold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 32px;
    margin-bottom: 12px
}

.captions-product__caption-left {
    width: 75%
}

.captions-product__caption-right {
    color: #9aa1a8;
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product {
    list-style: none
}

.product__item {
    margin-bottom: 45px
}

.product__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.product__inner, .product__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product__inner {
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    border-radius: 80px 0;
    padding: 32px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product__pic-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60%
}

.product__pic {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 115px;
    height: 90px;
    border-radius: 40px 0
}

.product__text-content {
    margin-left: 24px;
    width: 55%
}

.product__title {
    color: #0a36a4;
    font-family: GloberxBold;
    line-height: 22px
}

.product__text-wrap {
    margin-top: 10px;
    font-size: 14px;
    line-height: 16px;
    color: #4c535a
}

.product__price-old {
    color: #202427;
    opacity: .4;
    text-decoration: line-through;
    font-weight: 900;
    font-family: GloberxBold
}

.product__price-new span, .product__price-old span {
    font-family: sans-serif
}

.product__price-new {
    color: #202427;
    font-family: GloberxBold;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700
}

.product__price-discount {
    color: #f7931e;
    font-size: 14px;
    line-height: 20px
}

.product__delete {
    display: inline-block;
    color: #cc1719;
    font-family: GloberxBold;
    cursor: pointer;
    padding-top: 8px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.help-cart {
    background: #dddfe0;
    border-radius: 60px 0;
    width: 25%;
    margin-top: 30px;
    margin-left: 56px;
    padding: 8px 0
}

.help-cart__inner {
    padding: 16px 32px
}

.help-cart__title {
    color: #0a36a4;
    font-family: GloberxBold
}

.help-cart__link, .help-cart__text {
    color: #4c535a;
    font-size: 13px;
    line-height: 16px
}

.help-cart__text {
    padding-top: 6px
}

.help-cart__link {
    color: #0a36a4;
    text-decoration: none
}

.help-cart__contacts, .help-cart__delivery {
    border-bottom: 1px solid #f2f2f2
}

.checkout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 56px
}

.checkout__text {
    font-size: 18px;
    line-height: 24px;
    font-family: GloberHeavy;
    padding-right: 16px
}

.checkout__text_size_large {
    font-size: 32px;
    line-height: 48px
}

.checkout__text span {
    font-family: sans-serif;
    font-weight: 700
}

.order {
    border-top: 1px solid #c8cdd0
}

.order__desc {
    padding-top: 32px;
    font-size: 13px
}

.order__desc, .order__text {
    color: #9aa1a8;
    line-height: 16px
}

.order__text {
    font-size: 14px;
    padding-top: 24px;
    width: 50%
}

.order__link {
    color: #0a36a4
}

.form-order {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.form-order__inner {
    width: 150px;
    margin-right: 16px
}

.form-order__inner label {
    color: #9aa1a8;
    line-height: 22px
}

.form-order__input {
    border: 1px solid #9aa1a8;
    width: 150px;
    height: 40px;
    padding: 0 20px;
    border-radius: 100px
}

.form-order__input:focus {
    outline: none
}

.form-order__btn {
    margin: 16px 0 0
}

.form-order .error {
    font-size: 12px
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .cart {
        margin-top: 8px
    }

    .cart .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .cart .container, .cart__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .captions-product {
        padding-right: 0
    }

    .captions-product__caption-left {
        text-align: center;
        width: 100%
    }

    .captions-product__caption-right {
        display: none
    }

    .products-cart {
        width: 100%
    }

    .product__inner, .product__pic-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .product__pic-inner {
        width: 100%
    }

    .product__text-content {
        margin: 0;
        padding-top: 16px;
        width: 70%
    }

    .product__form {
        padding: 24px 0
    }

    .help-cart {
        margin-left: 0;
        width: 100%
    }

    .checkout {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin: 0 0 24px
    }

    .checkout__text {
        padding-right: 0
    }

    .form-order {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .form-order__inner {
        width: 195px;
        margin-right: 0
    }

    .form-order__input {
        width: 195px;
        margin-bottom: 16px
    }

    .form-order .error {
        font-size: 14px
    }

    .order__text {
        width: 100%
    }
}

.page-stocks {
    margin-top: 24px
}

.page-stocks__title {
    text-align: center
}

.stocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 32px
}

.stocks__list {
    list-style: none
}

.stocks__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

.stocks__pic {
    background-size: cover;
    background-position: 0 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 270px;
    border-radius: 80px 0
}

.stocks__inner {
    background: #f7931e;
    border-radius: 0 80px;
    padding: 48px 32px;
    margin-left: -56px;
    width: 60%
}

.stocks__text-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

.stocks__text {
    font-family: GloberxBold;
    color: #fff;
    text-transform: uppercase;
    line-height: 22px
}

.stocks__text_size_huge {
    font-size: 96px;
    line-height: 52px
}

.stocks__text_size_small {
    font-family: GloberRegular;
    text-transform: none
}

.stocks__text-other {
    padding-bottom: 12px
}

.stocks__text-other:last-child {
    padding-bottom: 0
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .stocks__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .stocks__pic {
        height: 170px
    }

    .stocks__inner {
        width: 100%;
        margin: -20px 0 0
    }

    .stocks__text-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }
}

.article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 26px
}

.article h1 {
    text-align: center;
    margin: 24px 0 64px
}

.article b, .article p {
    font-size: 14px;
    line-height: 20px;
    color: #4c535a
}

.article b {
    font-family: GloberxBold
}

.article p {
    width: 100%;
    padding-bottom: 24px
}

.article a {
    color: #0a36a4
}

.article h2, .article h3, .article h4 {
    font-family: GloberHeavy
}

.article h5, .article h6 {
    font-family: GloberxBold
}

.article h5 {
    text-transform: uppercase
}

.article h2, .article h3, .article h4, .article h5, .article h6 {
    padding: 12px 0
}

.article ol, .article ul {
    color: #4c535a;
    padding-left: 40px
}

.article li {
    padding-bottom: 8px
}

.article ol {
    counter-reset: item;
    list-style: none;
    padding-left: 25px
}

.article ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #4c535a;
    font-family: GloberxBold;
    padding-right: 10px
}

.article figure {
    color: #9aa1a8;
    font-size: 13px;
    line-height: 16px;
    margin: 12px 0
}

.article img {
    width: 100%;
    height: auto
}

.article figcaption {
    padding-top: 6px
}

.article table {
    border-collapse: collapse;
    text-align: center;
    margin-bottom: 16px
}

.article th {
    padding: 16px;
    font-weight: 400
}

.article td, .article th {
    border: 1px solid #e5e5e5
}

.article td {
    width: 25%;
    padding: 16px 8px;
    font-family: GloberxBold, sans-serif;
    font-weight: 700
}

.article td p {
    font-family: GloberRegular, sans-serif;
    font-weight: 400;
    color: #000
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .article h1 {
        margin: 48px 0 24px
    }

    .article table {
        overflow: auto;
        max-width: 100%;
        display: block
    }
}

.page-error {
    margin: 100px 0 0;
    padding-bottom: 20px
}

.error-404 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.error-404, .error-404__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.error-404__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.error-404__title {
    text-transform: uppercase
}

.error-404__text-content {
    position: relative;
    margin-top: 50px
}

.error-404__text {
    line-height: 22px;
    padding-bottom: 8px
}

.error-404__text_size_huge {
    font-family: GloberHeavy, sans-serif;
    font-size: 288px;
    line-height: 84%;
    letter-spacing: .02em;
    color: #f7931e
}

.error-404__pic {
    width: 70%;
    height: auto;
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.error-404__link {
    text-decoration: none;
    color: #0a36a4
}

@media screen and (min-width: 320px) and (max-width: 800px) {
    .error-404__text_size_huge {
        font-size: 170px
    }

    .error-404__pic {
        top: -15px
    }
}

.slider_small {
    width: 100%;
    max-width: 800px;
    /*margin-left: calc(50% - 200px);*/
    margin-bottom: 60px;
    /*border-top-left-radius: 180px;*/
    overflow: hidden;
    border-radius: 0;
}

.prop-product {
    min-height: 300px
}

.slider-nav__item {
    min-height: 80px;
    width: 100%;
    border-radius: 10px;
    background-size: cover
}

.slider-nav .slick-slide {
    padding: 10px
}

.additional-goods__title {
    color: #0a36a4
}

.support__title {
    font-family: GloberxBold
}

@media screen and (max-width: 800px) {
    .slider_small {
        margin-bottom: 40px;
        margin-left: 0
    }
}
/* End */


/* Start:/local/templates/devade_agrosphere/static/styles/select2.min.css?173027375816265*/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/* End */


/* Start:/local/templates/devade_agrosphere/styles.css?165114086371647*/
img.logo-header__pic,
img.logo-footer__img {
    width: 100%;
    max-width: 160px;
}

.other-about__text_size_huge {
    line-height: 86px;
}

.instructions-content {
    width: 100%;
}

.instructions-content__video {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}

.instructions-content__video iframe {
    width: calc(50% - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
    height: 300px;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article p {
    display: inline-block;
    width: 100%;
}

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

.slider-nav__item img {
    height: 80px;
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.slider-additional__discount {
    min-width: fit-content;
}

.form-order__fields {
    display: flex;
    flex-flow: row wrap;
}

.form-order__input {
    width: 100%;
    max-width: 230px;
    border-radius: 20px;
}

.form-order__inner {
    width: 40%;
    flex: 1 1 40%;
}

.form-order-select__wrap {
    width: 100%;
    max-width: 230px;
    height: 38px;
    box-sizing: content-box;
}

.form-order-select {
    height: 38px;
}

.form-order__btn {
    min-width: max-content;
    padding: 14px 20px 14px;
}

.order-btn__wrapper {
    width: 30%;
}

.order-btn__wrapper p {
    margin: 15px 0;
}

.order__desc {
    padding: 0;
}

.form-order__text {
    color: grey;
    font-size: 14px;
}

.stocks__item,
.stocks__item:hover {
    text-decoration: none;
    color: white;
}

.slick-arrow:hover {
    cursor: pointer;
}

#truck {
    width: 90px;
    display: block;
    position: absolute;
    top: -5px;
    left: 0;
}

.truck__wrapper {
    position: relative;
    height: 48px;
    width: 100px;
    flex: 0 0 100px;
    margin-right: 10px;
}

.header__text {
    display: flex;
    flex-flow: row nowrap;
    width: 30%;
    color: black;
    text-decoration: none;
}

.header__text:hover {
    color: black;
    text-decoration: none;
}

*, ::after, ::before {

}

.puls-button {
    position: fixed;
    right: 40px;
    bottom: 70px;
    height: 100px;
    width: 100px;
    padding: 0;
    z-index: 10;
    font-size: 1rem;
    background-color: #cc181a;
    border: 0;
    border-radius: 50%;
    color: #efefef;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
}

.puls-button::before,
.puls-button::after {
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    width: 100px;
    padding: 0;
    content: '';
    border-radius: 50%;
    opacity: 0;
}

/*.puls-button::before {*/
/*    z-index: -10;*/
/*    background-color: #cc181a;*/
/*    border: 1px solid #cc181a;*/
/*    color: #fff;*/
/*    -webkint-animation: transmitter-field 2s ease-out 1s infinite;*/
/*    animation: transmitter-field 2s ease-out 1s infinite;*/
/*}*/

.instructions-content__btn {
    width: fit-content;
    padding-right: 50px;
}

.city__map {
    overflow: hidden;
}

/*.form-product__inner-item {*/
/*    width: 50%;*/
/*}*/

.form-product label {
    margin-left: 0;
    margin-right: 12px;
}

.form-order__inner_big {
    width: 100%;
    flex: 1 1 100%;
}

.form-order__input_big {
    max-width: 100%;
}

p.product__text {
    margin: 5px 0;
}

.advantages__title {
    word-break: keep-all;
}

.call-support__text_size_bold {
    color: white;
    text-decoration: none;
}

.footer__text_size_bold a {
    color: black;
    text-decoration: none;
}

.phone-header__number a {
    color: black;
    text-decoration: none;
}

@-webkit-keyframes transmitter-field {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
    }
    75% {
        opacity: 0.75;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
    }
}

@keyframes transmitter-field {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    75% {
        opacity: 0.75;
    }
    100% {
        opacity: 0;
        transform: scale(2);
    }
}

.puls-button::after {
    z-index: -15;
    background-color: transparent;
    border: 1px solid #cc181a;
    color: transparent;
    -webkit-animation: transmitter-circle 2s ease-out 1.5s infinite;
    animation: transmitter-circle 2s ease-out 1.5s infinite;
}

@-webkit-keyframes transmitter-circle {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
    }
}

@keyframes transmitter-circle {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: scale(2);
    }
}

@media screen and (max-width: 800px) {

    /*.form-product__inner-item {*/
    /*    width: 100%;*/
    /*}*/
    .instructions-content__video iframe {
        width: 100%;
        margin-right: 0px;
        height: 200px;
    }

    .product-info .set-product {
        flex-flow: column nowrap;
    }

    .product-info .set-product .price-n-btns .set-product__btns {
        flex-flow: column nowrap;
    }

    .btns-product__btn_color_red {
        margin-right: 0;
    }

    .product-info__inner {
        flex-flow: column nowrap;
    }

    .product-info__inner .slider-wrapper {
        width: 100%;
    }

    .submenu {
        top: 130px;
    }

    .form-order__inner {
        width: 100%;
        flex: 1 1 100%;
        display: flex;
        flex-flow: column nowrap;
    }

    .form-order {
        align-items: flex-start;
    }

    .truck__wrapper {
        display: none;
    }

    .puls-button {
        right: auto;
        bottom: 20px;
        left: 20px;
    }
}


@-webkit-keyframes truck-skew {
    0%, 15%, 48%, 75%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: skewX(-15deg);
        -moz-transform: skewX(-15deg);
        -ms-transform: skewX(-15deg);
        -o-transform: skewX(-15deg);
        transform: skewX(-15deg);
    }
    35%, 38% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: skewX(-13deg);
        -moz-transform: skewX(-13deg);
        -ms-transform: skewX(-13deg);
        -o-transform: skewX(-13deg);
        transform: skewX(-13deg);
    }
    65% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: tskewX(-12deg);
        -moz-transform: tskewX(-12deg);
        -ms-transform: tskewX(-12deg);
        -o-transform: tskewX(-12deg);
        transform: tskewX(-12deg);
    }
    85% {
        -webkit-transform: skewX(-14deg);
        -moz-transform: skewX(-14deg);
        -ms-transform: skewX(-14deg);
        -o-transform: skewX(-14deg);
        transform: skewX(-14deg);
    }
}

@keyframes truck-skew {
    0%, 15%, 48%, 75%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: skewX(-15deg);
        -moz-transform: skewX(-15deg);
        -ms-transform: skewX(-15deg);
        -o-transform: skewX(-15deg);
        transform: skewX(-15deg);
    }
    35%, 38% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: skewX(-13deg);
        -moz-transform: skewX(-13deg);
        -ms-transform: skewX(-13deg);
        -o-transform: skewX(-13deg);
        transform: skewX(-13deg);
    }
    65% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: tskewX(-12deg);
        -moz-transform: tskewX(-12deg);
        -ms-transform: tskewX(-12deg);
        -o-transform: tskewX(-12deg);
        transform: tskewX(-12deg);
    }
    85% {
        -webkit-transform: skewX(-14deg);
        -moz-transform: skewX(-14deg);
        -ms-transform: skewX(-14deg);
        -o-transform: skewX(-14deg);
        transform: skewX(-14deg);
    }
}

@-webkit-keyframes wheel-front-bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -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);
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        -o-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        -o-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -1px, 0);
        -moz-transform: translate3d(0, -1px, 0);
        -ms-transform: translate3d(0, -1px, 0);
        -o-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0);
    }
}

@keyframes wheel-front-bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -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);
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        -o-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        -o-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -1px, 0);
        -moz-transform: translate3d(0, -1px, 0);
        -ms-transform: translate3d(0, -1px, 0);
        -o-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0);
    }
}

@-webkit-keyframes wheel-back-bounce {
    0%, 25%, 58%, 85%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -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);
    }
    45%, 48% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        -o-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    75% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        -o-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    95% {
        -webkit-transform: translate3d(0, -1px, 0);
        -moz-transform: translate3d(0, -1px, 0);
        -ms-transform: translate3d(0, -1px, 0);
        -o-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0);
    }
}

@keyframes wheel-back-bounce {
    0%, 25%, 58%, 85%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -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);
    }
    45%, 48% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        -o-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    75% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        -o-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    95% {
        -webkit-transform: translate3d(0, -1px, 0);
        -moz-transform: translate3d(0, -1px, 0);
        -ms-transform: translate3d(0, -1px, 0);
        -o-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0);
    }
}

@-webkit-keyframes body-bounce {
    0%, 15%, 48%, 75%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -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);
    }
    35%, 38% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        -o-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    65% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        -o-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    85% {
        -webkit-transform: translate3d(0, -1px, 0);
        -moz-transform: translate3d(0, -1px, 0);
        -ms-transform: translate3d(0, -1px, 0);
        -o-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0);
    }
}

@keyframes body-bounce {
    0%, 15%, 48%, 75%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -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);
    }
    35%, 38% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        -o-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    65% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -ms-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        -o-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    85% {
        -webkit-transform: translate3d(0, -1px, 0);
        -moz-transform: translate3d(0, -1px, 0);
        -ms-transform: translate3d(0, -1px, 0);
        -o-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0);
    }
}

@-webkit-keyframes gas-first-flow {
    0% {
        opacity: 0;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -ms-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
    }
    50% {
        opacity: 1;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -ms-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform: translate3d(-20px, -3px, 0);
        -moz-transform: translate3d(-20px, -3px, 0);
        -ms-transform: translate3d(-20px, -3px, 0);
        -o-transform: translate3d(-20px, -3px, 0);
        transform: translate3d(-20px, -3px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -ms-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform: translate3d(-40px, -6px, 0);
        -moz-transform: translate3d(-40px, -6px, 0);
        -ms-transform: translate3d(-40px, -6px, 0);
        -o-transform: translate3d(-40px, -6px, 0);
        transform: translate3d(-40px, -6px, 0);
    }
}

@keyframes gas-first-flow {
    0% {
        opacity: 0;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -ms-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
    }
    50% {
        opacity: 1;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -ms-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform: translate3d(-20px, -3px, 0);
        -moz-transform: translate3d(-20px, -3px, 0);
        -ms-transform: translate3d(-20px, -3px, 0);
        -o-transform: translate3d(-20px, -3px, 0);
        transform: translate3d(-20px, -3px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -ms-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform: translate3d(-40px, -6px, 0);
        -moz-transform: translate3d(-40px, -6px, 0);
        -ms-transform: translate3d(-40px, -6px, 0);
        -o-transform: translate3d(-40px, -6px, 0);
        transform: translate3d(-40px, -6px, 0);
    }
}

@-webkit-keyframes gas-last-flow {
    0% {
        opacity: 0;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -ms-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform: translate3d(30px, 0px, 0);
        -moz-transform: translate3d(30px, 0px, 0);
        -ms-transform: translate3d(30px, 0px, 0);
        -o-transform: translate3d(30px, 0px, 0);
        transform: translate3d(30px, 0px, 0);
    }
    50% {
        opacity: 1;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -ms-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform: translate3d(10px, -5px, 0);
        -moz-transform: translate3d(10px, -5px, 0);
        -ms-transform: translate3d(10px, -5px, 0);
        -o-transform: translate3d(10px, -5px, 0);
        transform: translate3d(10px, -5px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -ms-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform: translate3d(0px, -10px, 0);
        -moz-transform: translate3d(0px, -10px, 0);
        -ms-transform: translate3d(0px, -10px, 0);
        -o-transform: translate3d(0px, -10px, 0);
        transform: translate3d(0px, -10px, 0);
    }
}

@keyframes gas-last-flow {
    0% {
        opacity: 0;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -ms-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform: translate3d(30px, 0px, 0);
        -moz-transform: translate3d(30px, 0px, 0);
        -ms-transform: translate3d(30px, 0px, 0);
        -o-transform: translate3d(30px, 0px, 0);
        transform: translate3d(30px, 0px, 0);
    }
    50% {
        opacity: 1;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -ms-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform: translate3d(10px, -5px, 0);
        -moz-transform: translate3d(10px, -5px, 0);
        -ms-transform: translate3d(10px, -5px, 0);
        -o-transform: translate3d(10px, -5px, 0);
        transform: translate3d(10px, -5px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -ms-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        transition-timing-function: linear;
        -webkit-transform: translate3d(0px, -10px, 0);
        -moz-transform: translate3d(0px, -10px, 0);
        -ms-transform: translate3d(0px, -10px, 0);
        -o-transform: translate3d(0px, -10px, 0);
        transform: translate3d(0px, -10px, 0);
    }
}

#truck {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: truck-skew;
    -moz-animation-name: truck-skew;
    -ms-animation-name: truck-skew;
    -o-animation-name: truck-skew;
    animation-name: truck-skew;
}

#truck #wheel--front {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: wheel-front-bounce;
    -moz-animation-name: wheel-front-bounce;
    -ms-animation-name: wheel-front-bounce;
    -o-animation-name: wheel-front-bounce;
    animation-name: wheel-front-bounce;
}

#truck #wheel--back {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: wheel-back-bounce;
    -moz-animation-name: wheel-back-bounce;
    -ms-animation-name: wheel-back-bounce;
    -o-animation-name: wheel-back-bounce;
    animation-name: wheel-back-bounce;
}

#truck #body {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: body-bounce;
    -moz-animation-name: body-bounce;
    -ms-animation-name: body-bounce;
    -o-animation-name: body-bounce;
    animation-name: body-bounce;
    fill: #cc181a;
}

#truck #gas--first {
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 1.4s;
    -moz-animation-duration: 1.4s;
    -ms-animation-duration: 1.4s;
    -o-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: gas-first-flow;
    -moz-animation-name: gas-first-flow;
    -ms-animation-name: gas-first-flow;
    -o-animation-name: gas-first-flow;
    animation-name: gas-first-flow;
    fill: #dedede;
}

#truck #gas--last {
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 1.6s;
    -moz-animation-duration: 1.6s;
    -ms-animation-duration: 1.6s;
    -o-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: gas-last-flow;
    -moz-animation-name: gas-last-flow;
    -ms-animation-name: gas-last-flow;
    -o-animation-name: gas-last-flow;
    animation-name: gas-last-flow;
    fill: #ececec;
}

/*katyx css*/

.delivery__container {
    display: flex;
    justify-content: center;
}

.arrow {
    display: flex;
    justify-content: center;
    margin: 150px 0px 50px 0;
}

.box {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
}

.bounce-1 {
    animation-name: bounce-1;
    animation-timing-function: linear;
}

@keyframes bounce-1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
}

.arrow img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}


.assembly {
    display: flex;
    position: relative;
}

.assembly p {
    margin-bottom: 30px;
    color: #0a36a4;
    font-size: 21px;
}

.assembly__text {
    padding-top: 140px;
    width: 465px;
    margin: auto 0 auto calc(50% - 500px);
    margin-right: 50px;
}

.assembly__text h3 {
    font-size: 70px;
    margin-bottom: 60px;
    color: #0a36a4;
}

.assembly__text h4 {
    font-size: 40px;
    margin-bottom: 15px;
    color: #0a36a4;
}

.assembly__image {
    padding-top: 50px;
}

.assembly__image img {
    max-width: 750px;
    height: 410px;
    width: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 0 230px;
    box-shadow: -30px 20px 0 10px #0a36a4;
}


.delivery__free h3, .delivery__paid h3 {
    text-align: center;
    margin-bottom: 60px;
}

.delivery__container {
    position: relative;
}

.delivery__container::after {
    content: "";
    width: 330px;
    height: 600px;
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 0;
    background-image: url(/local/templates/devade_agrosphere/static/img/background.png);
}

.free__item {
    margin-bottom: 50px;
}

.free__number-container {
    display: flex;
    justify-content: center;
}

.free__number {
    background-color: #0a36a4;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: white;
    position: relative;
    margin-bottom: 20px;
}

.free__number p {
    font-size: 21px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.free__description {
    text-align: center;
    font-size: 21px;
    color: #0a36a4;
}


.important__mobile {
    display: none;
}

.important {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 190px;
    position: relative;
}

.important__item {
    width: 30%;
    height: 400px;
    padding: 40px 30px;
    position: relative;
    margin-bottom: 30px;
}

.important-border {
    border: 10px solid #0a36a4;
}

.important-right {
    border-radius: 0 110px;
}

.important-left {
    border-radius: 110px 0;
}

.important-red {
    background-color: #ff0000;
}

.important-red p {
    color: white;
}

.important-blue {
    background-color: #0a36a4;
}

.important__p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 200px !important;
}

.important-blue p {
    color: white;
}

.important_img {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.important_img img {
    height: 50px;
    width: auto;
    object-fit: cover;
}

.important__bold {
    font-size: 17px !important;
    font-weight: bold !important;
}

.important__description {
    font-size: 15px;
    margin-bottom: 30px;
    margin-top: 30px;
}


.pickup h3 {
    text-align: center;
}

.pickup__heading {
    color: #0a36a4;
    font-size: 21px;
    text-align: center;
    margin-bottom: 50px;
}

.pickup__container {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.pickup__item-left {
    padding: 50px;
    width: 68%;
    border-radius: 60px 0;
    background-color: #0a36a4;
    height: auto;
    display: flex;
    justify-content: space-between;
    color: white;
    font-size: 21px;
}

.pickup__item-right {
    padding: 50px;
    background-color: #0a36a4;
    width: 30%;
    height: auto;
    border-radius: 0 60px;
    color: white;
    font-size: 21px;

}

.pickup__p {
    max-width: 270px;
    width: 100%;
}

.pickup__mini {
    width: 300px;
    background-color: #cc1719;
    border-radius: 0 20px;
    color: white;
    padding: 20px;
    position: absolute;
    top: -40px;
}

.pickup__mini p {
    font-size: 21px;
    font-weight: bold;
}


.delivery__conditions h3 {
    text-align: center;


}

.conditions__container {
    margin-top: 50px;
    display: flex;
    justify-content: space-evenly;
}

.conditions__description {
    font-size: 21px;
    color: #0a36a4;
    text-align: center;
    font-weight: bold;
}


.conditions__img {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.conditions__img img {
    max-height: 100px;
    height: 100%;
    width: auto;
}

@media screen and (min-device-width: 1100px) {
    .slider__item {
        height: 450px;
    }
}

@media screen and (min-device-width: 1340px) {
    .slider__item {
        height: 500px;
    }
}

@media screen and (min-device-width: 1600px) {
    .slider__item {
        height: 600px;
    }
}

@media screen and (max-device-width: 800px) {

    .footer {
        padding: 42px 20px;
    }

    .assembly {
        display: block;
        padding: 0 5%;
        margin-top: 80px;
    }

    .assembly__text {
        margin: 0;
        padding: 0;
        width: auto;
    }

    .assembly__text h4 {
        font-size: 26px !important;
        line-height: 36px !important;
        text-align: center;
    }

    .assembly__image img {
        height: auto;
        border-radius: 75px 0;

        box-shadow: -10px -20px 0 10px #0a36a4;
    }


    .arrow {
        margin: 80px 0px 50px 0;
    }

    .assembly__text ul, .assembly__text p {
        text-align: center;
    }

    .important__mobile {
        display: block;
        margin-bottom: 30px;
    }

    .important {
        display: block;
        margin: 0;
    }

    .important__item {
        display: flex;
        width: 100%;
        height: auto;

        padding: 20px 30px;
        margin: 0;

    }

    .stages__item img {
        height: 200px;
    }

    .delivery__container::after {
        content: none;
    }

    .free__number {
        display: none;
    }

    .pickup__heading {
        margin-bottom: 100px;
    }

    .pickup__container {
        display: block;
    }

    .pickup__item-left {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        padding: 70px 50px;
        border-radius: 160px 0;
    }

    .pickup__item-left p {
        margin-bottom: 20px;
    }

    .pickup__item-right {
        width: 100%;
    }

    .pickup__mini {
        padding: 35px;
    }

    .pickup__p {
        max-width: 600px;
    }

    .conditions__container {
        display: block;
    }

    .conditions__description {
        width: auto;
        padding: 0 20%;
        margin: 20px 0;
    }

    .important__item {
        display: block;
    }

    .important__item p {
        text-align: center;
    }

    .important-border {
        border: none;
    }

    .important__heading {
        color: #cd2835 !important;
        font-size: 21px;
        font-weight: bold;
    }


    .delivery__free-mobile {
        padding: 30px;
        border-radius: 0 60px;
        background-color: #0a36a4;
        color: white !important;
        font-size: 21px;
    }

    .delivery__paid-mobile {
        padding: 30px;
        border-radius: 60px 0;
        color: #cd2835 !important;
        border: 5px solid #cd2835 !important;
        font-size: 21px;
    }

    .header-mobile__pic {
        width: 100px;
    }

    .burger {
        width: 41px;
        height: 41px;
        background: white;
        border: none;
        border-radius: 40px;
        position: relative;
        outline: none;
        transition: all ease-in-out 0.2s;
    }

    .burger:before,
    .burger:after {
        content: "";
        position: absolute;
        display: block;
        width: 20px;
        box-sizing: border-box;
        left: 50%;
        transform: translateX(-50%);
    }

    .burger:before {
        top: 12px;
        height: 10px;
        border-top: 3px solid #cc1719;
        border-bottom: 3px solid #cc1719;
    }

    .burger:after {
        bottom: 12px;
        height: 3px;
        background: #cc1719;
    }

    .basket {
        width: 41px;
        height: 41px;
        margin: 0 12px 0 0;
    }

    .basket__icon {
        width: 23px;
        height: 23px;
        object-fit: contain;
    }

    .basket__count {
        top: 50%;
        transform: translateY(-50%);
        right: -16px;
        width: 24px;
        height: 24px;
        line-height: 24px;
        padding-top: 0;
        font-size: 14px;
    }

}


/*about*/


.arrow, .icon {
    display: flex;
    justify-content: center;
    margin: 150px 0px 50px 0;
}

.box {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
}

.bounce-1 {
    animation-name: bounce-1;
    animation-timing-function: linear;
}

@keyframes bounce-1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
}

.arrow img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.icon img {
    width: 150px;
    height: 150px;
    object-fit: cover;

}


.about__container {
    display: flex;
    justify-content: center;
}

.assembly {
    display: flex;
    position: relative;
    margin-top: 26px;
}

.assembly p {
    margin-bottom: 30px;
    color: #0a36a4;
    font-size: 21px;
}

.assembly__text {
    padding-top: 140px;
    width: 465px;
    margin: auto 0 auto calc(50% - 500px);
    margin-right: 50px;
}

.assembly, .points__item {
    z-index: 0;
}

.assembly__text ul::before {
    content: "";
    width: 500px;
    height: 600px;
    position: absolute;
    left: 65%;
    top: auto;
    z-index: -1;
    background-image: url(/local/templates/devade_agrosphere/static/img/background.png); /* Путь к фоновому изображению */
}

.assembly__text li {
    font-size: 21px;
    margin-bottom: 10px;
    color: #0a36a4;
    font-weight: bold;
}

.assembly__text li {
    list-style-type: none; /* Убираем маркеры у списка */
}

.assembly__text li:before {
    content: "- "; /* Добавляем в качестве маркера символ */
}

.assembly__text h3 {
    font-size: 70px;
    margin-bottom: 60px;
    color: #0a36a4;
}

.assembly__image {
    padding-top: 50px;
}

.assembly__image img {
    max-width: 750px;
    height: 410px;
    width: 100%;
    object-fit: cover;
    border-radius: 0 230px;
    box-shadow: -30px 20px 0 10px #0a36a4;
}

.points {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
}

.points__item {
    width: 30%;
    background-color: #0a36a4;
    height: 290px;
    color: white;
    padding: 50px;
    z-index: 1 !important;
}

.border__left {
    border-radius: 110px 0;
}

.border__right {
    border-radius: 0 110px;
}

.points__heading {
    text-align: center;
    font-size: 65px;
    font-weight: bold;
}

.points__description {
    font-size: 35px;
    text-align: center;
}


.achievements {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
    position: relative;
}


.achievements:before {
    content: "";
    width: 500px;
    height: 600px;
    position: absolute;
    left: -20%;
    top: -30%;
    z-index: 0;
    background-image: url(/local/templates/devade_agrosphere/static/img/background.png); /* Путь к фоновому изображению */
}


.achievements__item {
    padding: 50px;
    width: 48%;
    height: 300px;
    color: white;
    background-color: #0a36a4;
    text-align: center;
    position: relative;
    padding-top: 90px;
}

.achievements__item {
    font-size: 21px;
}

.achievements__year {
    border-radius: 0 40px;
    width: 50%;
    height: 120px;
    position: absolute;
    left: 0;
    top: -20%;;
    background-color: #ef2332;
    padding: 10px 50px;
    text-align: left;
}

.achievements__year-top {
    font-size: 50px;
    font-weight: bold;
}

.achievements__year-left {
    border-radius: 40px 0;
}

.achievements__year-right {
    border-radius: 0 40px;
}

.strengths__item h3 {
    text-align: center;
    color: #0a36a4;
}

.strengths__item p {
    text-align: center;
    color: #0a36a4;
    font-size: 21px;
    margin-bottom: 30px;
}

.strengths__img img {
    width: 100%;
    max-width: 920px;
    height: 260px;
    object-fit: cover;
    border-radius: 0 120px;
    box-shadow: -30px 20px 0 10px #0a36a4;
}

.strengths__img {
    display: flex;
    justify-content: center;

}

.strengths__icon {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.strengths__icon img {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    object-fit: cover;
}

.layer-1, .layer-1_color_gray, .layer-2, .layer-2_color_gray {
    display: none;
}

.small {
    padding: 0 200px;
}


@media screen and (max-device-width: 800px) {


    .assembly {
        display: block;
        padding: 0 5%;
        margin-top: 80px;
    }

    .assembly__text {
        margin: 0;
        width: auto;
        padding: 0;
    }


    .assembly__image img {
        height: auto;
        border-radius: 75px 0;

        box-shadow: -10px -20px 0 10px #0a36a4;
    }

    .points {
        display: block;
    }

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

    .achievements {
        display: block;
    }

    .achievements__item {
        width: 100%;
        margin-bottom: 70px;
    }

    .achievements__year-left {
        left: 52%;
    }

    .small {
        padding: 0;
    }

    .arrow, .icon {
        margin: 80px 0px 50px 0;
    }

    .assembly__text ul, .assembly__text p {
        text-align: center;
    }


    .assembly__text ul::before {
        content: none;
    }

}


/*payment*/


.arrow {
    display: flex;
    justify-content: center;
    margin: 150px 0px 50px 0;
}

.box {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
}

.bounce-1 {
    animation-name: bounce-1;
    animation-timing-function: linear;
}

@keyframes bounce-1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-50px);
    }
    100% {
        transform: translateY(0);
    }
}

.arrow img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.assembly {
    display: flex;
    position: relative;
}

.assembly p {
    margin-bottom: 30px;
    color: #0a36a4;
    font-size: 21px;
}

.assembly__text {
    padding-top: 140px;
    width: 465px;
    margin: auto 0 auto calc(50% - 500px);
    margin-right: 50px;
}

.assembly {
    z-index: 0;
}

.assembly__text ul::before {
    content: "";
    width: 500px;
    height: 600px;
    position: absolute;
    left: 65%;
    top: auto;
    z-index: -1;
    background-image: url(/local/templates/devade_agrosphere/static/img/background.png); /* Путь к фоновому изображению */
}


.assembly__text li {
    font-size: 21px;
    margin-bottom: 10px;
    color: #0a36a4;
    font-weight: bold;
}

.assembly__text li {
    list-style-type: none; /* Убираем маркеры у списка */
}

.assembly__text li:before {
    content: "- "; /* Добавляем в качестве маркера символ */
}

.assembly__text h3 {
    font-size: 70px;
    margin-bottom: 60px;
    color: #0a36a4;
}

.assembly__image {
    padding-top: 50px;
}

.assembly__image img {
    max-width: 750px;
    height: 410px;
    width: 100%;
    object-fit: cover;
    border-radius: 0 230px;
    box-shadow: -30px 20px 0 10px #0a36a4;
}

.payment__container {
    display: flex;
    justify-content: center;
    position: relative;
}

.payment__container::before {
    content: "";
    width: 500px;
    height: 600px;
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: -1;
    background-image: url(/local/templates/devade_agrosphere/static/img/background.png);
}

.important {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 190px;
    position: relative;
}

.grey-background {
    background-color: #f5f5f5 !important;
}

.important__item {
    width: 30%;
    height: 400px;
    padding: 40px 30px;
    position: relative;
    margin-bottom: 30px;
}


.important-border {
    border: 10px solid #0a36a4;
}

.important-right {
    border-radius: 0 110px;
}

.important-left {
    border-radius: 110px 0;
}


.important_img {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.important_img img {
    height: 50px;
    width: auto;
    object-fit: cover;
}

.important__mini {
    position: absolute;
    width: 150px;
    height: auto;
    border-radius: 20px 0;
    background-color: #cc1719;
    padding: 10px;
    top: 95%;
    left: 20%;
}

.important__mini p {
    text-align: center;
}

.important__heading {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.important__description {
    font-size: 15px;
}

.stages__container {
    margin-bottom: 150px;
}

.stages__container h3 {
    text-align: center;
}


.stages {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
}

.stages__item {
    width: 30%;
}

.stages__img {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.stages__img img {
    height: 100px;
    width: auto;
}

.stages__item p {
    text-align: center;
    font-size: 21px;
    color: #0a36a4;
}

.safety h3, .safety p {
    text-align: center;
    color: #0a36a4;
    margin-bottom: 60px;
}

.safety__img {
    display: flex;
    justify-content: center;
}

.safety__img img {
    max-width: 920px;
    width: 100%;
}

.slider-additional__item {
    min-width: 305px;
}

.slick-list,
.slick-track {
    min-width: 100%;
}

div.news-list
{
    word-wrap: break-word;
}
div.news-list img.preview_picture
{
    float:left;
    margin:0 4px 6px 0;
}
.news-date-time {
    color:#486DAA;
}

.discounts__img img {
    max-height: 400px;
}

.discounts__item {
    margin-bottom: 200px;
}

.discounts__item:last-of-type {
    margin-bottom: 100px;
}

.discounts__container {
    position: relative;
}

.discounts__container:after {
    content: "";
    width: 330px;
    height: 600px;
    position: absolute;
    left: -20px;
    top: 10%;
    z-index: 0;
    background-image: url("/local/templates/devade_agrosphere/static/img/background.png");
}

@media screen and (max-device-width: 800px) {


    .assembly {
        display: block;
        padding: 0 5%;
    }

    .assembly__text {
        margin: 0;
        padding: 0;
        width: auto;
    }


    .assembly__image img {
        height: auto;
        border-radius: 75px 0;

        box-shadow: -10px -20px 0 10px #0a36a4;
    }


    .arrow {
        margin: 80px 0px 50px 0;
    }

    .assembly__text ul, .assembly__text p {
        text-align: center;
    }

    .important {
        display: block;
    }

    .important__payment-p {
        font-size: 15px !important;
    }

    .important__item {
        display: flex;
        width: 100%;
        height: auto;
    }


    .important_img {
        margin-right: 20px;
    }

    .important__mini {
        left: 50%;
    }

    .stages {
        display: block;
    }

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

    .stages__item img {
        height: 200px;
    }

    .discounts__item {
        margin-bottom: 90px;
    }

}

/*assembly*/


.arrow, .tools {
    display: flex;
    justify-content: center;
    margin: 150px 0px 50px 0;
}

.box {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
}

.bounce-1 {
    animation-name: bounce-1;
    animation-timing-function: linear;
}

@keyframes bounce-1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-50px);
    }
    100% {
        transform: translateY(0);
    }
}

.tools img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.arrow img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.side, .optional, .benches, .assembly, .important, .conditions {
    z-index: 1;
    margin-bottom: 50px;
}

.assembly {
    display: flex;
}

.assembly__text {
    padding-top: 140px;
    width: 465px;
    margin: auto 0 auto calc(50% - 500px);
    margin-right: 50px;
}

.assembly__text p {
    margin-bottom: 30px;
    color: #0a36a4;
    font-size: 21px;
}

.assembly__text h3 {
    font-size: 70px;
    margin-bottom: 20px;
    color: #0a36a4;
}

.assembly__image {
    padding-top: 50px;
}

.assembly__image img {
    max-width: 750px;
    height: 410px;
    width: 100%;
    object-fit: cover;
    border-radius: 0 230px;
    box-shadow: -30px 20px 0 10px #0a36a4;
}

.assembly__text h3 {
    text-align: left;
}

.important {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 190px;
    position: relative;
}

.important::after {
    content: "";
    width: 500px;
    height: 600px;
    position: absolute;
    left: -31%;
    top: -30%;
    z-index: -1;
    background-image: url(/local/templates/devade_agrosphere/static/img/background.png); /* Путь к фоновому изображению */
}

.important__item {
    width: 30%;
    height: 440px;
    padding: 40px 30px;
    position: relative;
    margin-bottom: 30px;
}

.important-border {
    border: 10px solid #0a36a4;
}

.important-border p {
    color: #0a36a4;
}

.important-right {
    border-radius: 0 110px;
}

.important-left {
    border-radius: 110px 0;
}


.heading__item p {
    text-align: center;
    font-size: 21px;
    color: #0a36a4;
    margin-bottom: 20px;
}

.conditions {
    position: relative;
    padding-bottom: 150px;
}

.conditions::after {
    content: "";
    width: 500px;
    height: 600px;
    position: absolute;
    left: -31%;
    top: 75%;
    z-index: -1;
    background-image: url(/local/templates/devade_agrosphere/static/img/background.png); /* Путь к фоновому изображению */
}

.conditions__item p {
    text-align: center;
    font-size: 21px;
    color: #0a36a4;
    padding: 0 140px;
    margin-bottom: 60px;
    margin-top: 20px;
}

.conditions__img {
    display: flex;
    justify-content: center;
}

.conditions__item img {
    width: auto;
    height: 100px;
    object-fit: cover;
}


.offers-table {
    margin-bottom: 150px;
}

.offers-table h3 {
    font-size: 70px;
    margin-bottom: 20px;
    color: #0a36a4;
    text-align: center;
    line-height: 70px;
}

.table {

    flex-wrap: wrap;
}

.tr {
    display: flex;
    width: 100%;
}

.td:first-child {
    display: block;
    text-align: left;
}

.td__first {

    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.td {
    position: relative;
    border: 2px solid #0a36a4;
    border-bottom: none;
    width: 15%;
    font-size: 21px;
    color: #0a36a4;
    font-weight: 700;
    padding: 11px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.tr:last-child .td {
    border-bottom: 2px solid #0a36a4;
}

.td__text {
    margin: auto;
}

.td__text p {
    color: #0a36a4;
}


.td:first-child {
    width: 65%;
    margin-right: 25px;
}

.td:nth-child(3) {
    border-left: none;
}

.td-one {
    width: 30%;
}

.offers-table__mobile, .side-table__mobile {
    display: none;
}

@media screen and (max-device-width: 1400px) {
    .discounts__container:after {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .slider__item {
        height: 400px;
    }
}

@media screen and (max-device-width: 800px) {
    .offers-table__mobile, .side-table__mobile {
        display: block
    }

    .conditions {
        padding-bottom: 0;
    }


    .assembly {
        display: block;
        padding: 0 5%;
        margin-top: 80px;
    }

    .assembly__text {
        margin: 0;
        width: auto;
        padding: 0;
    }


    .assembly__image img {
        height: auto;
        border-radius: 75px 0;

        box-shadow: -10px -20px 0 10px #0a36a4;
    }

    .arrow {
        margin: 80px 0px 50px 0;
    }

    .assembly__text ul, .assembly__text p {
        text-align: center;
    }

    .assembly__text ul::before {
        content: none;
    }


    .assembly__text h3 {
        text-align: center;
    }

    .important::after, .conditions::after {
        content: none;
    }


    .important {
        display: block;
    }

    .important__item {
        width: 90%;
        height: auto;
    }

    .important__item p:first-child {
        text-align: left;
    }

    .important__item p:nth-child(3n) {
        text-align: left;
    }

    .important__item:nth-child(2n) {
        margin-left: 10%;

    }

    .important__item:nth-child(2n) p {
        text-align: right;
    }


    .important__item p {
        width: auto;
        position: unset;
        font-size: 21px;
        text-align: left;
        top: unset;
        transform: unset;
    }

    .td:first-child {
        width: 55%;
    }

    .td {
        width: 20%;
    }

    .conditions__item p {
        padding: 0;
    }

    .table {
        display: none;
    }

    .table__item {
        margin-bottom: 50px;
    }

    .table__heading p {
        text-align: center;
        font-size: 21px;
        color: #0a36a4;
        font-weight: bold;
    }

    .table__bottom {
        display: flex;
        justify-content: center;
    }

    .table__bottom-left {
        width: 130px;
        background-color: #0a36a4;
        border-radius: 20px 0;
        text-align: center;
        margin-right: 20px;
    }

    .table__bottom-right {
        width: 130px;
        background-color: #ce2835;
        border-radius: 0 20px;
        text-align: center;
    }

    .table__bottom-left p, .table__bottom-right p {
        color: white;
        padding: 10px 20px;
        font-weight: bold;
    }


    .blue {
        background-color: #0a36a4;
    }

    .red {
        background-color: #ce2835;
    }

    .white {
        color: white !important;
    }

    .table__heading-top {
        width: 30px;
        height: 15px;
        border-radius: 10px 0;
        margin: auto;
        margin-bottom: 10px;
    }


    .side-left {
        border-radius: 0 50px;
    }

    .side-right {
        border-radius: 50px 0;
    }

    .side-mobile__item {
        background-color: white;
        border: 5px solid #0a36a4;
        width: 100%;
        padding: 50px;
        position: relative;
        margin-bottom: 80px;
    }

    .side-mobile__mini {
        position: absolute;
        color: white;
        width: 200px;
        padding: 30px;
        background-color: #0a36a4;

        top: 80%;
        left: calc(50% - 100px);

    }

    .side-mobile__header {
        text-align: center;
        font-weight: bold;
    !important;
        font-size: 21px !important;
        color: #0a36a4 !important;
        padding: 0 !important;
    }

    .side-mobile__description {
        text-align: center;
        font-size: 21px !important;
        color: white !important;
        padding: 0 !important;
    }


    .table__bottom-center {
        text-align: center;
        width: 100px;
        padding: 15px;
        border: 5px solid #ce2835;
    }

    .table__bottom-center p {
        padding: 0 !important;
        color: #ce2835;
        font-weight: bold !important;
    }

    .optional-left {
        border-radius: 0 20px;
    }

    .optional-right {
        border-radius: 20px 0;
    }

    .form-support {
        width: 100%;
    }

    .form-support__input {
        width: 100%;
        max-width: 290px;
        box-sizing: border-box;
    }

    .form-support__btn {
        width: 100%;
        max-width: 290px;
        box-sizing: border-box;
    }

    .support__info {
        max-height: initial;
    }

    .slider__item {
        height: 320px;
    }
}

@media screen and (max-width: 340px) {
    .slider__item {
        height: 310px;
    }
}

/*discount*/


.discounts__item h3 {
    text-align: center;
}

.discounts__description {
    text-align: center;
    font-size: 21px;
    color: #0a36a4;
    margin-bottom: 20px;
}

.discounts__description a {
    text-decoration: none;
    color: white;
}

.discounts__img {
    display: flex;
    justify-content: center;
    position: relative;
}

.discounts__img img {
    max-width: 700px;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 180px 0;
    box-shadow: 30px 20px 0 10px #0a36a4;

}

.discount__mini {
    position: absolute;
    height: 140px;
    padding: 30px 35px;
    width: fit-content;
    background-color: #cc1719;
    border-radius: 60px 0;
    bottom: -20px;
    left: calc(30%);
    display: flex;
    justify-content: center;
}

.discount__mini p {
    font-size: 70px;
    color: white;
    font-weight: bold;
}

@media screen and (max-device-width: 800px) {


    .discounts__description {
        margin-bottom: 60px;

    }

    .discounts__container {
        padding: 0 5%
    }

    .discounts__img img {
        max-width: 600px;
        box-shadow: -10px -15px 0 10px #0a36a4;
        border-radius: 100px 0;
    }
}

/*contact*/


.ymaps-map {
    height: 500px !important;
    width: 100% !important;
}

.ymaps-mini-map {
    display: none !important;
}

.ymaps-i-ua_js_yes {
    height: 500px;
}

.contacts__location {
    display: none;
}

.contact, .contact__phone {
    z-index: 1;
}

.contact__item, .city-last {
    position: relative;
}

.contact__item::before {
    content: "";
    width: 500px;
    height: 600px;
    position: absolute;
    left: -30%;
    top: 300px;
    z-index: 0;
    background-image: url(/local/templates/devade_agrosphere/static/img/background.png);
}

.email__image {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.email__image img {
    height: 40px;
    width: auto;
}

.email__item {
    width: 100%;
    margin-bottom: 80px;
}

.email__heading {
    color: #0a36a4;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 20px;
    padding: 0 25%;
}

.email__description {
    color: #0a36a4;
    text-align: center;
    font-size: 21px;
    margin-bottom: 40px;
    padding: 0px 15%;
}

.email__adress {
    text-align: center;
}

.email__adress a {
    text-decoration: none;
    color: #0a36a4;
    font-weight: bold;
}

.arrow, .icon {
    display: flex;
    justify-content: center;
    margin: 150px 0px 50px 0;
}

.box {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
}

.bounce-1 {
    animation-name: bounce-1;
    animation-timing-function: linear;
}

@keyframes bounce-1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
}

.arrow img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.icon img {
    width: 150px;
    height: 150px;
    object-fit: cover;

}


.heading {
    font-weight: bold;
    line-height: 70px;
    font-size: 70px;
    margin-bottom: 20px;
    color: #0a36a4;
    text-align: center;
}

.contact__container, .contact__description {
    display: flex;
    justify-content: center;
}

.contact {
    display: flex;
    justify-content: center;
    text-align: center;
    color: white;
    margin-bottom: 20px;
}

.contact__phone {
    max-width: 700px;
    width: 100%;
    height: auto;
    background-color: #0a36a4;
    padding: 30px;
    border-radius: 80px 0;
}

.contact__phone a {
    text-decoration: none;
    color: white;
}

.phone {
    font-size: 45px;
}

.phone__description {
    font-size: 21px;
}

.contact__description {
    font-size: 21px;
    color: #0a36a4;
}

.city__header {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #0a36a4;
    margin-bottom: 30px;
}

.city__info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.info__item {
    width: 30%;
}

.info__item p {
    margin-bottom: 10px;
    text-align: center;
    color: #0a36a4;
    font-size: 21px;
    padding: 0 40px;
    font-weight: bold;
}

.info__item a {
    text-decoration: none;
    color: #0a36a4;
    font-size: 21px;
    font-weight: bold;
}

.info__img {
    display: flex;
    justify-content: center;
}

.info__img img {
    height: 50px;
    width: auto;
    margin-bottom: 40px;
}

.city__map {
    width: 100%;
    max-width: 985px;
    background-color: gray;
    height: 420px;
    border-radius: 0 80px;
}

.city__map img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 0 80px;
    box-shadow: -30px 20px 0 10px #0a36a4;
}


@media screen and (max-device-width: 800px) {


    .contact__description {
        display: none;
    }

    .icon {
        display: none;
    }

    .city__info {
        display: block;
    }

    .info__item {
        margin-bottom: 30px;
    }

    .city__map img {
        height: 300px;
        box-shadow: -5px 5px 0 5px #0a36a4;
    }

    .phone {
        font-size: 30px;
    }

    .info__item {
        width: 100%;
    }

    .contact__item::before {
        content: none;
    }

    .contact__phone {
        width: 100%;
    }

    .heading {
        font-size: 70px;
        margin-bottom: 40px;
    }

}

/*question*/
.heading {
    margin-bottom: 20px;
    color: #0a36a4;
    text-align: center;
    line-height: 70px;
    font-size: 70px;
    font-weight: bold;
}


.assembly {
    display: flex;
}

.assembly__text {
    padding-top: 140px;
    width: 465px;
    margin: auto 0 auto calc(50% - 500px);
    margin-right: 50px;
}

.question__heading {
    text-align: center;
    color: #0a36a4;
    font-size: 30px;
    margin-bottom: 20px;
    color: #0a36a4;
    font-weight: bold;
}

.assembly__image {
    padding-top: 50px;
}

.assembly__image img {
    max-width: 750px;
    height: 410px;
    width: 100%;
    object-fit: cover;
    border-radius: 0 230px;
    box-shadow: -30px 20px 0 10px #0a36a4;
}


.arrow {
    display: flex;
    justify-content: center;
    margin: 150px 0px 50px 0;
}

.box {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
}

.bounce-1 {
    animation-name: bounce-1;
    animation-timing-function: linear;
}

@keyframes bounce-1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-50px);
    }
    100% {
        transform: translateY(0);
    }
}

.question__container {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.answer {
    color: #0a36a4;
    text-align: center;
    font-size: 20px;
}

.question__img {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.question__img img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

b {
    font-size: 25px;
    margin-bottom: 5px;
}

.arrow img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.question__item {
    margin-bottom: 100px;
}

.question__container:after {
    content: "";
    width: 400px;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-image: url(/local/templates/devade_agrosphere/static/img/background.png); /* Путь к фоновому изображению */
}

.heading__h3 {
    line-height: 70px;
    font-size: 70px;
    text-align: center;
    color: #0a36a4;
    margin: 20px 0;
}

.production__btn {
    padding: 0 20px;
    line-height: 50px;
    margin: 0 auto;
}

.production__discount-text {
    font-size: 16px;
}

#sortForm {
    margin-bottom: 40px;
}

a[href^="https://metrika.yandex.ru"] {
    display: none;
}

@media screen and (max-device-width: 800px) {

    .production__items {
        margin-left: 0;
    }

    .production__item {
        margin-right: 0;
    }

    .heading__h3 {
        line-height: 60px !important;
        font-size: 50px !important;
        text-align: center;
    }

    .assembly {
        display: block;
        padding: 0 5%;
    }

    .assembly__text {
        margin: 0;
        width: auto;
    }

    .question__container:after {
        content: none;
    }

    .assembly__image img {
        height: auto;
        border-radius: 75px 0;

        box-shadow: -10px -20px 0 10px #0a36a4;
    }

    .question__img {
        margin-bottom: 30px;
    }


    .important-border-mobile {
        display: block !important;
        border: none !important;
        width: 100% !important;
        margin-left: 0px !important;
    }

    .important-border-mobile p {
        text-align: center !important;
    }

    .pickup__mini p {
        font-size: 18px;
    }

    .discounts__item h3 {
        line-height: 44px !important;
        font-size: 40px !important;
    }

    .discount__mini {
        height: 100px;
        border-radius: 40px 0;
        right: 0;
        padding: 25px 30px;
        min-width: 120px;
    }

    .discount__mini p {
        font-size: 40px;
    }
}

/* End */


/* Start:/local/templates/devade_agrosphere/template_styles.css?177486921919824*/
.violet {
    color: #92278e;
}

.darkblue {
    color: #0a36a4;
}

.blue {
    color: #00aeef;
}

.green {
    color: #00a651;
}

.yellow {
    color: #ffe112;
}

.orange {
    color: #f7931e;
}

.red {
    color: #cc1719;
}

.mr24 {
    margin-right: 24px !important;
}

.slider-additional__inner {
    /*position: relative;*/
}

.add-to-fav-btn {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 10px;
    background: inherit;
    border: none;
    z-index: 5;
}

.add-to-fav-btn svg {
    width: 100%;
    height: 100%;
    fill: #c5c5c5;
}

.add-to-fav-btn svg:hover {
    fill: #cc1719;
}

.active-svg svg {
    fill: #cc1719 !important;
}

.slider-additional__title {
    padding-right: 25px;
}

.basket__count {
    line-height: 32px;
    padding-top: 0;
}

.favourites-product-page {
    margin-top: 24px;
}

.nav__item {
    padding: 24px 10px;
}

.nav__item.nav__item_no-hover:hover {
    background: transparent;
}

.fav {
    position: relative;
}

.fav__count {
    position: absolute;
    right: -15px;
    top: -15px;
    color: #cc1719;
    background: white;
    border: 2px solid #cc1719;
    height: 25px;
    width: 25px;
    line-height: 20px;
    text-align: center;
    border-radius: 15px;
    display: block;
}

.fav svg {
    fill: #cc1719;
    width: 35px;
    height: 35px;
}

.add-to-fav-btn-detail {
    margin: 15px 0;
}

.add-to-fav-btn-detail svg {
    width: 15px;
    height: 15px;
    fill: #cc1719 !important;
}

.add-to-fav-btn-detail:hover svg {
    fill: white !important;
}

.product-info .set-product .price-n-btns .set-product__btns:last-of-type {
    margin-top: 0;
}

.section-btns {
    margin: 15px 0 20px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.section-btn {
    background-color: #cc1719;
    color: #fff;
    width: auto;
    padding: 0 10px;
    line-height: 40px;
    border-radius: 100px;
    border: none;
    font-family: Source Sans Pro;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
}

.section-btn_transparent {
    color: #cc1719;
    background-color: transparent;
    border: 2px solid #cc1719;
}

#one-click-buy {
    width: 100%;
    max-width: 400px;
}

.one-click-buy__form {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

.coupon-wrap {
    display: flex;
    flex-flow: row;
    justify-content: center;
    margin-bottom: 40px;
}

.coupon-form {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.coupon_btns {
    margin: 0;
}

#sortForm {
    width: 100%;
}

.search {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    margin: 80px auto 120px;
}

.search__form {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-bottom: 60px;
}

.search__form input {
    border: 1px solid #9aa1a8;
    border-radius: 100px;
    outline: none;
    width: 290px;
    height: 50px;
    padding: 0 16px;
    transition: all ease-in-out 0.3s;
}

.search__form input:focus {
    transition: all ease-in-out 0.3s;
    border-color: #0a36a4;
}

.search__form button {
    margin: 0;
    line-height: 26px;
    box-sizing: border-box;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    border-radius: 100px;
    background-color: #cc1719;
    color: #fff;
    width: fit-content;
    padding: 12px 38px;
    text-transform: uppercase;
    font-family: Source Sans Pro;
    font-weight: 700;
    font-size: 14px;
}

.search__form button:hover {
    transition: all ease-in-out 0.5s;
    background-color: #b91315;
}

.search__link {
    display: flex;
}

.search__link svg {
    width: 30px;
    height: 30px;
}

.search h1 {
    font-weight: 400;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    /*color: #212121;*/
    margin: 0 0 4px;
}

.search__subtitle {
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    /*color: #212121;*/
    margin: 0 0 48px;
}

.search__block {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.search-item {
    background: white;
    padding: 28px 32px 32px;
    box-sizing: border-box;
    border-bottom: 4px solid white;
    transition: all ease-in-out 0.3s;
    text-decoration: none;
    color: black;
}

.search-item__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 16px;
    transition: all ease-in-out 0.3s;
    text-decoration: none;
}

.search-item p, .search-item__text, .search-item__text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.search-item p:first-of-type, .search-item__text p:first-of-type {
    margin-top: 0;
}

.search-item p:last-of-type, .search-item__text p:last-of-type {
    margin-bottom: 0;
}

.search-item:hover {
    transition: all ease-in-out 0.3s;
    border-bottom: 4px solid #0a36a4;
}

.search-item:hover .search-item__title {
    transition: all ease-in-out 0.3s;
    color: #0a36a4;
}

.search__empty {
    margin-top: 48px;
}

.search__empty h3 {
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    margin: 0 0 12px;
    text-align: center;
}

.search__empty p {
    font-weight: 400;
    font-size: 21px;
    line-height: 26px;
    margin: 0;
    text-align: center;
}

.item-spec__title {
    font-size: 20px;
}

.typo p,
.typo a {
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0;
}

.typo ul,
.typo ol{
    margin:20px 0
}

.typo li {
    font-size: 16px;
    line-height: 24px;
    margin: 8px 0;
}

.typo h4 {
    font-size: 20px;
    line-height: 24px;
    margin: 10px 0;
}

.additional-goods__subtitle {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0 0;
}

.td__title .td{
    width: 96.9% !important;
    border-bottom: 2px solid #0a36a4;
}

.td__title + .tr .td{
    border-top: none;
}

.td__title .td__text{
    text-align: center;
}

@media screen and (max-width: 1600px) {
    .delivery__container::after {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .achievements__item {
        height: auto !important;
        margin-bottom: 90px !important;
    }

    .assembly__text {
        padding-top: 20px !important;
    }

    .assembly__text .heading {
        line-height: 60px;
        font-size: 50px;
    }

    .question__heading {
        font-size: 45px !important;
        line-height: 50px;
    }

    .stages__container h3 {
        line-height: 60px !important;
        font-size: 50px !important;
    }

    .article .side h3,
    .article .benches h3,
    .article .optional h3 {
        line-height: 46px !important;
        font-size: 40px !important;
    }

    .add-to-fav-btn-detail {
        margin-right: 0 !important;
    }

    .product-info .set-product .price-n-btns .set-product__btns:last-of-type {
        margin-top: 0;
    }

    .search__form {
        flex-direction: column;
        gap: 16px;
    }

    .search-item {
        padding: 24px;
    }

    .search__block {
        gap: 24px;
    }

    .search-item__text {
        font-size: 16px;
        line-height: 20px;
    }

    .search__empty {
        margin-top: 12px;
    }

    .search__empty p {
        font-size: 18px;
        line-height: 24px;
    }

    .search__empty h3 {
        font-size: 24px !important;
        line-height: 28px !important;
        margin: 0 0 16px;
    }

    .search__empty {

    }

    .header-mobile__block {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .search__link svg {
        width: 25px;
        height: 25px;
    }

    .header-mobile__pic {
        margin-left: 35px;
    }
}


/* new style for select in card */

.extra-options__installation {
    .additional{
        background: transparent;
    }
    .form-product__wrap{
        border: none;
        max-width: 190px;
        width: 100%;
        margin-top: 4px;
    }
    label{
        font: 600 15px / 1.2 "Glober", sans-serif;
        color: #3c3c3c;
    }
}

.extra-options__installation .form-product__wrap:after{
    content: none;
}

.extra-options__installation .form-product__wrap .select2-container{
    width: 100% !important;
}
.extra-options__installation .form-product__wrap .select2-container .select2-selection--single{
    width: 100%;
    background-color: transparent;
    border: 1px solid #cfcfcf;
    border-radius: 40px;
    height: 34px;
}

.extra-options__installation .form-product__wrap .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-left: 10px;

    /*line-height: 34px;*/
    font: 600 14px / 34px "Glober", sans-serif;
    color: #3c3c3c;
    /*font-size: 18px;*/
    /*font-style: normal;*/
    /*font-weight: 400;*/
}

.extra-options__installation .form-product__wrap .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border: none;
}

.extra-options__installation .form-product__wrap .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.extra-options__installation .form-product__wrap .select2-container--open .select2-selection__arrow{
    transform: translateY(-50%) rotate(180deg) !important;
}

.extra-options__installation .form-product__wrap .select2-container--default .select2-selection--single .select2-selection__arrow::after{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg id="ion:chevron-down-sharp"%3E%3Cpath id="Vector" d="M4.375 7.1875L10 12.8125L15.625 7.1875" stroke="%23818181" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/%3E%3C/g%3E%3C/svg%3E');
}

.extra-options__installation .form-product__wrap .select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.extra-options__installation .form-product__wrap .select2-container--open .select2-selection--single{
    border-color: #0a36a4;
}

.additional__wrap{
    border: 1px solid #0a36a4 !important;
    border-radius: 12px !important;
    padding: 10px;
    margin-top: 4px;
}

.additional__wrap .select2-container--default .select2-results__option--selected{
    background: #0a36a4 !important;
}

.additional__wrap .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.additional__wrap .select2-container--default .select2-results__option--selected{
    font: 600 14px / 1.28571 "Glober", sans-serif;
    color: #fff;
}

/* new style 2.12.2025 */

.product-info__prop{
    width: 100% !important;
}
.product-info__markets{
    margin-top: 40px;
    display: flex;
    align-items: center;
    flex-flow: wrap;
    gap: 0 16px;
}
.product-info__markets-title{
    margin-bottom: 20px;
    flex-basis: 100%;

    font-weight: 600;
    font-size: 20px;
    color: #000;
}
.product-info__market{
    display: block;
    width: 80px;
    height: 80px;
}

.product-info__market img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.form-support{
    align-items: center;
}

.form-support .form-wrap__policy #user_policy-error,
.order .order__desc #user_policy-error{
    display: none !important;
}
[name="user_policy"]{
    appearance: none;
    width: 14px;
    height: 14px;
}

[name="user_policy"]:before{
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #adb5bd;
    box-sizing: border-box;
}

[name="user_policy"]:checked:before{
    background-color: #2473de;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='2' fill='%232473DE'/%3E%3Cpath d='m13.113 4.58-6.4 6.59-2.515-2.58L2.828 10l3.885 4 7.77-8-1.37-1.42z' fill='%23fff'/%3E%3Cpath d='m13.113 4.58-6.4 6.59-2.515-2.58L2.828 10l3.885 4 7.77-8-1.37-1.42z' fill='%23fff'/%3E%3C/svg%3E");
    border-color: #2473de;
}

[name="user_policy"].error:before{
    border-color: #CC1719;
}

.container-cookie-modal {
    /* Переменные для настройки */
    --color-modal-bg: #fff;
    --color-modal-shadow: rgba(0, 0, 0, 0.15);
    --color-modal-text: #202427;
    --color-modal-text-link: #0a36a4;
    --color-btn-bg: #cc1719;
    --color-modal-btn-text: #fff;
    /* ------------------------ */
    position: fixed;
    left: 20px;
    bottom: 20px;
    background: var(--color-modal-bg, inherit);
    backdrop-filter: blur(7px);
    max-width: 475px;
    width: 100%;
    box-shadow: 0 0 20.2px -1px var(--color-modal-shadow);
    padding: 30px 40px;
    z-index: 10000000000;
    display: grid;
    gap: 15px;

    color: var(--color-modal-text);
}

.container-cookie-modal__text {
    font-family: inherit;
    font-size: 14px;
    font-weight: 300;
    line-height: 130%;
}

.container-cookie-modal__text a,
.container-cookie-modal__link{
    color: var(--color-modal-text-link, inherit);
}

.container-cookie-modal__text a:hover,
.container-cookie-modal__link:hover{
    color: #cc1719;
}

.container-cookie-modal__link{
    text-decoration: none;
}

.container-cookie-modal__buttons {
    display: flex;
    align-items: center;
    gap: 15px;
}

.container-cookie-modal__buttons .btn {
    /*flex-grow: 1;*/
    padding: 6px;
    width: 50%;
    min-height: 46px;
    background: var(--color-btn-bg);
    border: none;
    border-radius: 40px;
    cursor: pointer;

    text-align: center;
    color: var(--color-modal-btn-text, inherit);
    line-height: 100%;
    text-decoration: none;


}
.container-cookie-modal__buttons .btn:hover{
    background-color: #b91315;
}

/* Новые стили для страницы доставки */
.delivery-term{
    padding-top: 80px;
}
.delivery-term .heading__h3{
    margin: 0 0 40px;
}
.delivery-term,
.delivery-discounted{
    margin-bottom: 120px;
}
.delivery-term__text{
    width: min(1000px, 100%);
    margin-inline: auto;
    margin-block: 0 60px;
}
.delivery-term__title,
.delivery-term__text{
    font-family: inherit;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: #0a36a4;
}

.delivery-term__list{
    display: grid;
    /*grid-template: auto / repeat(3, 1fr);*/
    gap: 30px;
}
.delivery-term__item{
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 20px
}
.delivery-term__img{
    width: 110px;
    height: 110px;
}
.delivery-term__img .pict{
    width: 100%;
    height: 100%;
}

.delivery-discounted{
    display: flex;
    flex-flow: column;
    gap: 60px;
}

.delivery-discounted__header{
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 20px;
}
.delivery-discounted__header .heading__h3{
    margin: 0;
    /*line-height: 1;*/
}

.delivery-discounted__sub-title{
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    color: #0a36a4;
}

.delivery-discounted__body{
    display: grid;
    gap: 30px;
}

.delivery-discounted__card{
    border: 9px solid #0a36a4;
    border-radius: 0 100px;
    padding: 62px;
    background: #0a36a4;
    display: flex;
    flex-flow: column;
    /*justify-content: space-between;*/
    justify-content: center;
    gap: 40px;
    height: 100%;
    min-height: 450px;

    color: #fff;
}

.delivery-discounted__card.transparent{
    background: transparent;
    border-radius: 100px 0;
    /*display: block;*/
    padding: 56px;
    margin-block: auto;

    color: #0a36a4;
}

.delivery-discounted__footer .delivery-term__text{
    margin-bottom: 0;
}

.typo_delivery-discounted{
    font-size: 20px;

    p,
    b{
        margin: 0 0 0.5em;

        font-size: 20px;
        line-height: 1;
    }

    h4{
        margin: 0 0 20px;
    }

    ul{
        /*column-count: 2;*/
        /*column-gap: 30px;*/
        list-style: none;
        margin: 0;
    }

    li{
        font-size: 15px;
        break-inside: avoid-column;
        margin: 0;
        font-weight: 600;
        line-height: 1.27;
    }
}

.delivery__paid:has(.delivery-discounted__sub-title) .heading__h3{
    margin-bottom: 20px;
}

.delivery__paid:has(.delivery-discounted__sub-title) .delivery-discounted__sub-title{
    margin-bottom: 60px;
}

.important__item{
    height: auto;
    min-height: 440px;
}

@media screen and (min-width: 851px){
    .product-info__markets{
        margin-left: 50px;
    }

    .product-info__inner-wrap{
        margin-left: 30px;
    }

    .delivery-term__list{
        grid-template: auto / repeat(3, 1fr);
    }

    .delivery-discounted__body{
        grid-template: auto / repeat(2, 1fr);
        margin-bottom: 10px;
    }

    .typo_delivery-discounted{
        ul{
            column-count: 2;
            column-gap: 30px;
        }
    }
}

@media screen and (max-width: 850px){
    .container-cookie-modal{
        width: 100vw;
        margin-inline: calc(-50vw + 50%);
        inset: auto 0 0 0;

    }
    .container-cookie-modal__buttons{
        flex-flow: column;
        align-items: flex-start;
    }

    .product-info__markets{
        gap: 0 10px;
    }

    .product-info__market{
        width: 60px;
        height: 60px;
    }

    .delivery-discounted__card,
    .delivery-discounted__card.transparent{
        padding: 40px 20px;
    }

    .delivery-term__title,
    .delivery-term__text{
        font-size: 18px;
    }

    .typo_delivery-discounted{
        p,
        b{
            font-size: 18px;
        }
    }
}


.container-cookie-modal.hide{
    display: none !important;
}

.modal-notice{
    position: fixed;
    right: 76px;
    bottom: 60px;
    z-index: 10000;
    width: min(650px, 100%);
}

.modal-notice__body{
    background: #fff;
    border-radius: 0 80px;
    padding: 40px;
}

.modal-notice__close{
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    padding: 24px 48px 20px 20px;
}

.modal-notice__text{
    font-weight: 400;
    font-size: 16px;
    color: #0a36a4;
}

.modal-notice__text p{
    padding-bottom: 0.5em;
}

.modal-notice__text b {
    font-weight: 700;
}

@media screen and (max-width: 850px){
    .modal-notice{
        right: 0;
        left: 0;
    }
}

@media screen and (min-width: 320px) and (max-width: 800px){
    .close-menu{
        right: 60px;
    }

    /*.sub-lists__link{*/
    /*    color: #fff;*/
    /*}*/
}

.hide{
    display: none;
}

/* End */
/* /local/templates/devade_agrosphere/static/styles/styles.css?1695369464121254 */
/* /local/templates/devade_agrosphere/static/styles/select2.min.css?173027375816265 */
/* /local/templates/devade_agrosphere/styles.css?165114086371647 */
/* /local/templates/devade_agrosphere/template_styles.css?177486921919824 */