/* Start:/bitrix/templates/ranavexim/slick/slick.css?17600922941776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

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

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/bitrix/templates/ranavexim/slick/slick-theme.css?17600922943145*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/bitrix/templates/ranavexim/slick/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/bitrix/templates/ranavexim/slick/./fonts/slick.eot');
    src: url('/bitrix/templates/ranavexim/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/ranavexim/slick/./fonts/slick.woff') format('woff'), url('/bitrix/templates/ranavexim/slick/./fonts/slick.ttf') format('truetype'), url('/bitrix/templates/ranavexim/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

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

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

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/bitrix/templates/ranavexim/fancybox/fancybox.css?176009229313841*/
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;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 *{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;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;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;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;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;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;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--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;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;transform-origin:top left;transition-property:opacity,-webkit-transform;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-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{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--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;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;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.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;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;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{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.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:nth-child(1),.fancybox-button--pause svg:nth-child(1),.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);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;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-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{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:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0;text-align:center;z-index:99996}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-44px;z-index:-1}.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 #888;border-bottom-color:#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{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;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);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-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-caption{padding:12px}.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-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;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;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;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:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/news.list/press_list/style.css?1760092293150*/
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;
}

/* End */


/* Start:/bitrix/templates/ranavexim/styles.css?176009229379440*/
@font-face {
    font-family: "Proxima Nova Bold";
    src: url("/bitrix/templates/ranavexim/fonts/ProximaNova-Bold.otf") format("opentype"),
    url("/bitrix/templates/ranavexim/fonts/ProximaNova-Bold.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Proxima Nova Rg";
    src: url("/bitrix/templates/ranavexim/fonts/ProximaNova-Reg.otf") format("opentype"),
    url("/bitrix/templates/ranavexim/fonts/ProximaNova-Reg.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "DIN Round Pro";
    src: url("/bitrix/templates/ranavexim/fonts/FFDINRoundPro-Regular.otf") format("opentype"),
    url("/bitrix/templates/ranavexim/fonts/FFDINRoundPro-Regular.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "DIN Round Pro - Bold";
    src: url("/bitrix/templates/ranavexim/fonts/FFDINRoundPro-Bold.otf") format("opentype"),
    url("/bitrix/templates/ranavexim/fonts/FFDINRoundPro-Bold.woff") format("woff");
    font-display: swap;
}

.slick-slider *{
    transition: all 0s;
}
b, strong, .bold{
        font-weight: 700;
    }
*:after,
*:before{
    pointer-events: none;
}

::selection {
    background-color: #de3966;
    color: #fff;
}
.admin_panel #header .logo{
    z-index: 999;
}
.uppercase-word{
    text-transform: uppercase; 
    font-weight: 700;
    font-family: "DIN Round Pro - Bold";
}
.site-wrapper *{
   transition: all 0.2s; 
}
*{
    margin:0px;
    padding: 0px;
    box-sizing: border-box;
    text-rendering: optimizeLegibility
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Proxima Nova Rg", Helvetica, Arial;
    outline: 0;
}
body{
    color: #122357;
    font-family: "Proxima Nova Rg";
    font-size: 18px;
    font-weight: 400;
}

a{
    text-decoration: none;
    color: #122357;
}
.container{
    max-width: 1280px;
    margin:0 auto;
    padding-left: 70px;
    padding-right: 70px;
}
a.logo{
    display: inline-block;
    width:154px;
    height: 34px;
    background: url(/bitrix/templates/ranavexim/images/logo.svg) no-repeat;
    position: relative;
    
}
.color a{
    color: #de3966;
}
#header{
    z-index: 9999;
}
a.logo:hover{
    background: url(/bitrix/templates/ranavexim/images/logo-h.svg) no-repeat;
}
#header.front-page{
    background: url(/bitrix/templates/ranavexim/images/promo-image.png) center center no-repeat;
    height:840px;
}
#top-menu{
    max-width: 1280px;
    border-radius: 0 0 6px 6px;
    background-color: #ffffff;
    padding:40px 70px;
    display: flex;
    justify-content: space-between;
    height: 111px;
    position: fixed;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index:999;	
}
#top-menu .menu{
    width: 590px;
    color: #122357;
    font-family: "Proxima Nova Rg";
    font-size: 16px;
    font-weight: 700;
}
#top-menu .menu ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#top-menu .menu ul li{
    display: inline-block;
}
.buy-product .tel:hover{
    color: #de3966;
}
#top-menu .menu ul li a{
    display: block;
    color: #122357;
    font-family: "Proxima Nova Rg";
    font-size: 16px;
    font-weight: 700;
    padding: 7px 0;
    border-bottom: 3px solid transparent;
    padding-bottom: 4px;
}
.sticky-wrap p,
.sticky-wrap div{
    z-index: 1;
    position: relative;
}
.flex{
    display: flex;
    flex-shrink: 0;
}
.flex img{
    width: 100%;
}
.front-about-sticky .sticky-element{
    z-index: 0;
}

.faq-block .btns .btn{
    border: 2px solid #de3966;
    color: #122357;
}
#top-menu .menu ul li a:hover{
    border-bottom: 3px solid #e03664;
    padding-bottom: 4px;
}
#top-menu .menu ul li a.active{
    color: #e03664;
}
.header-btn{
    padding:15px 33px;
    border-radius: 4px;
    border: 2px solid #122357;
    background-color: #ffffff;
    color: #122357;
    font-family: "Proxima Nova Rg";
    font-size: 16px;
    font-weight: 700;
    margin-top: -10px;
    display: inline-block;
}
.header-btn:hover,
.header-btn.active{
    border-color: #e03664;
}
.promo-content .text{
    color:#fff;
    margin-top:250px;
    width:460px;
    float:left;
}
.promo-content .text .title{
    font-family: "DIN Round Pro - Bold";
    font-size: 68px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 70px;
}
.promo-content .text .subtitle{
    font-family: "DIN Round Pro";
    font-size: 34px;
    font-weight: 700;
    line-height: 50px;
}
.promo-content .text .description{
    font-family: "Proxima Nova Rg";
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}
.btn{
    padding:20px 50px;
    display: inline-block;
    color: #ffffff;
    font-family: "Proxima Nova Rg";
    font-size: 16px;
    font-weight: 700;
    margin-right: 20px;
    border-radius: 4px;
    border: 1px solid #eee4d1;
    background-color: #ffffff;
    color: #122357;
    cursor: pointer;
}
.btn:hover{
    border: 1px solid #fbb58e;
}
.history-image-right{
    background: url(/bitrix/templates/ranavexim/images/history-photo-1.png) no-repeat right top;
    background-position-y:100px;
}
.history-2-col{
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}
.history-2-col div:first-child{
    max-width:420px;
}
.history-2-col div:last-child{
    max-width: 600px;
}
.main-content .history-image-right p{
    max-width: 660px;
}
.btn.btn-color{
    border-radius: 4px;
    background-color: #de3966;
    color:#fff;
    border:none;
}
.btn.btn-border{
    border-radius: 4px;
    border: 2px solid #fbb58e;
    padding: 18px 50px;
    background: none;
    color:#fff;
}
.link-instruction{
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    font-family: "Proxima Nova Rg";
}
#footer .col-3 .press-1{
    background-size: 100px
}
.partners-list a:hover{
    border: 1px solid #fbb58e;
}
.promo-content .separator{
    width: 448px;
    height: 1px;
    background-color: #ffffff;
    opacity: 0.3;
    margin-top: 27px;
    margin-bottom: 34px;
}
.slick-slide{
    padding-left: 20px;
}
.slick-slider .slick-list{
    margin-left: -20px;
}
.slick-list *{
    transition: all 0s;
}
.play-video-btn{
    margin-right:141px;
    margin-top:222px;
    float: right;
    width: 270px;
    height: 270px;
    background: url(/bitrix/templates/ranavexim/images/promo-play.png);
    background-size: auto 270px;
}
.play-video-btn:hover{
    background: url(/bitrix/templates/ranavexim/images/promo-play-h.png);
    background-size: auto 270px;
    cursor: pointer;
}
.property-list .item div[class^=icon]:hover{
    border-color: #d3d7e4;
    background-color: #f5f7ff;
    cursor: pointer;
}
.foot-promo div{
    z-index: 1;
    position: relative;
}
.foot-promo{
    z-index: 0;
}
.property-list .item div[class^=icon]{
    border: 2px solid #fff;
    box-sizing: content-box;
}
.checkbox-input.error{
    color: #c42c55;
}
.front-about .title{
    color: #122357;
    font-family: "DIN Round Pro - Bold";
    font-size: 34px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
}
.front-about .title .regular{
    font-family: "DIN Round Pro";
}
.front-about .first-block{
    padding:75px 0;
    border-bottom: 1px solid #d8d8d8;
    background-position-y: 85px;
}
.faq-block .btns{
    display: none;
}
.front-about .first-block .content{
    width:400px;
}
.front-about .first-block .content .title{
    border-bottom:1px solid #d8d8d8;
    padding-bottom:25px;
    margin-bottom:20px;
}
p{
    margin-bottom: 30px;
    line-height: 28px;
}
.front-about .first-block .content .btn{
    margin-bottom: 32px;
}
.front-about .second-block .title{
    margin-top:40px;
    margin-bottom:45px;
}
.property-list{
    display: flex;
    justify-content: space-between;
    text-align: center;
    font-family: "DIN Round Pro - Bold";
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    padding-bottom: 105px;
}
.property-list .item div[class^=icon]{
    border-radius: 6px;
    background-color: #fafbff;
    width: 224px;
    height: 224px;
    margin:0px auto;
    margin-bottom: 30px;
    background-size: auto 56px;
}
.property-list .item{
    width: 275px;
}
.property-list .item .icon-1{
    background: url(/bitrix/templates/ranavexim/images/prop-ico-1.png) no-repeat center;
    background-color: #fafbff;
}
.property-list .item .icon-2{
    background: url(/bitrix/templates/ranavexim/images/prop-ico-2.png) no-repeat center;
    background-color: #fafbff;
}
.property-list .item .icon-3{
    background: url(/bitrix/templates/ranavexim/images/prop-ico-3.png) no-repeat center;
    background-color: #fafbff;
}
.property-list .item div.icon-4{
    background: url(/bitrix/templates/ranavexim/images/prop-ico-4.png) no-repeat center;
    background-color: #fafbff;
    background-size: auto 77px;
}
.front-about .first-block{
    background: url(/bitrix/templates/ranavexim/images/front-ranavexim.png) no-repeat right center;
    background-position-y: 60px;
}
.link-instruction{
    position: relative;
    display: block;
}
.link-instruction:before{
    content: " ";
    width:29px;
    height:36px;
    display: inline-block;
    margin-right: 10px;
    background: url(/bitrix/templates/ranavexim/images/instruction.png) no-repeat;
    position: absolute;
    left:-39px;
    top:-8px;
    background-size: 100%;
}
.yellow-bg{
    background-color: #fff7e8;
}
.fancybox-content{
    border-radius: 6px;
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.2);
}
.fancybox-iframe{
    border-radius: 6px;
}
#header .logo{
    z-index: 999999;
}
.faq-slider .content .title{
    font-family: "DIN Round Pro - Bold";
    font-size: 34px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
}
.faq-slider .content{
    padding-top: 60px;
    width: 580px;
}
.faq-slider .content .title{
    padding-bottom: 24px;
    border-bottom: 1px solid #d8d8d8;
    
}
.faq-slider .content .title .faq-count{
    font-family: "Proxima Nova Rg";
    font-size: 18px;
    text-transform: initial;
    float:right;
}
.faq-slider .question{
    line-height: 28px;
    padding:16px 40px;
    border: 1px solid #eee4d1;
    background-color: #ffffff;
    margin-bottom: 25px;
    display: inline-block;
    margin-left: 20px;
    font-size: inherit;
    text-transform: inherit;
    font-weight: inherit;
    font-family: inherit;
}
.faq-slider .answer{
    border: 1px solid #eee4d1;
background-color: #ffffff;
    padding:30px 50px;
    margin-left: -20px;
}
.faq-slider .admin{
    margin-top:10px;
    margin-bottom: 32px;
}
.faq-slider .admin .portrait{
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    background: url(/bitrix/templates/ranavexim/images/photo.png) no-repeat;
}
.faq-slider .admin .name{
    float: left;
    margin-right: 5px;
    line-height: 40px;
}
.faq-slider .admin .spec{
    color:#555;
    line-height: 40px;
    text-transform: lowercase;
}
.faq-slider .btns{
    padding-top:30px;
    border-top: 1px solid #d8d8d8;
    padding-bottom: 105px;
}
.faq-slider{
    background: url(/bitrix/templates/ranavexim/images/faq-photo.png) no-repeat right center;
}
.title,
h2,
h3,
h4{
    font-family: "DIN Round Pro - Bold";
    font-size: 34px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
}
.partners .title{
    margin-bottom: 37px;
}
.partners{
    padding: 60px 70px;
    padding-bottom: 10px;
}
.partners-list a{
    border-radius: 4px;
    border: 1px solid #eee4d1;
    background-color: #ffffff;
    width: 224px;
    height: 120px;
    display: block;
    margin-bottom: 50px;
    background-position: center;
    background-repeat: no-repeat;
}
.partners .partners-list a.no-image{
    background-color: #fff!important;
    line-height: 120px;
    font-weight: 700;
    font-family: "DIN Round Pro - Bold";
}
.partners-list{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.partners-list a.farm-1{
    background-image: url(/bitrix/templates/ranavexim/images/farm-1.png);
}
.partners-list a.farm-2{
    background-image: url(/bitrix/templates/ranavexim/images/farm-2.png);
}
.partners-list a.farm-3{
    background-image: url(/bitrix/templates/ranavexim/images/farm-3.png);
}
.partners-list a.farm-4{
    background-image: url(/bitrix/templates/ranavexim/images/farm-4.png);
}
.partners-list a.farm-5{
    background-image: url(/bitrix/templates/ranavexim/images/farm-5.png);
}
.partners-list a.farm-6{
    background-image: url(/bitrix/templates/ranavexim/images/farm-6.png);
}
.partners-list a.farm-7{
    background-image: url(/bitrix/templates/ranavexim/images/farm-7.png);
}
.partners-list a.farm-8{
    background-image: url(/bitrix/templates/ranavexim/images/farm-8.png);
}
#footer{
    font-family: "DIN Round Pro";
}
#footer .first-block{
    padding:42px 70px 20px 70px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
}
#footer .col-1 .text{
    margin-top:0px;
}
#footer .col-1 a.logo{
    margin-top:15px;
}
.color-title{
    color: #de3966;
    font-family: "DIN Round Pro - Bold";
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}
#footer .col-2 a{
    display: block;
    line-height: 30px;
    font-family: "DIN Round Pro";
}
#footer .col-3 .press-1{
    min-width: 100px;
    height: 54px;
    display: inline-block;
    margin-right: 20px;
}
#footer .separator{
    height: 1px;
    background-color: #eee;
}
#footer .second-block .footer-text{
    font-family: "DIN Round Pro";
    font-size: 24px;
    line-height: 27px;
    text-transform: uppercase;
    margin:40px 0;
    border-left:2px solid #de3966;
    padding-left:15px;
}
#footer .second-block{
    padding-left:53px;
}
.press-list a{
    background-position: center;
    background-repeat: no-repeat;
}
.press-list .press-1{
    background-image: url(/bitrix/templates/ranavexim/images/press-1.png);
}
.press-list .press-2{
    background-image: url(/bitrix/templates/ranavexim/images/press-2.png);
}
.press-list .press-3{
    background-image: url(/bitrix/templates/ranavexim/images/press-3.png);
}
.map-dummy{
    background: url(/bitrix/templates/ranavexim/images/mapdummy.png) no-repeat center;
    z-index: 1;
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
}
.map-container{
    position: relative;
    height: 800px;
}
.map-content{
    position: relative;
    z-index: 2;
    padding: 60px 70px;
    height: 100%;
}
.icon-9.title-w-icon:before{
    background: url(/bitrix/templates/ranavexim/images/history-ico-1.png) no-repeat;
    
}
.icon-10.title-w-icon:before{
    background: url(/bitrix/templates/ranavexim/images/history-ico-2.png) no-repeat;
}
.icon-11.title-w-icon:before{
    background: url(/bitrix/templates/ranavexim/images/history-ico-3.png) no-repeat;
}
.btns-bottom{
    position: absolute;
    bottom: 60px;
}
.map-content .title{
    margin-bottom: 16px;
}
.map-content .text-input{
    max-width: 320px;
}
.text-input label,
.textarea-input label{
    position: absolute;
    top:20px;
    left:25px;
    color: #6e7478;
    font-family: "Proxima Nova Rg";
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}
.text-input,
.textarea-input{
    position: relative;
}
.map-content .text-input input{
   box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1); 
}
.text-input input,
.textarea-input textarea{
    height: 60px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: none;
    border-radius: 2px;
    background-color: #ffffff;
    padding: 28px 25px 11px 25px;
    color: #122357;
    font-family: "Proxima Nova Rg";
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 2px;
    border: 1px solid #e3e3e3;
    background-color: #ffffff;
    margin-bottom: 10px;
    resize: none;
}
.textarea-input textarea{
    height:200px;
}
.fancybox-toolbar .fancybox-button.fancybox-button--close:hover{
    background: url(/bitrix/templates/ranavexim/images/close-h.svg) no-repeat;
}
.search-icon{
    width: 21px;
    height: 21px;
    position: absolute;
    top:20px;
    right:25px;
    border:none;
    background: url(/bitrix/templates/ranavexim/images/search-btn.svg) no-repeat;
    cursor: pointer;
}
.search-icon:hover{
    background: url(/bitrix/templates/ranavexim/images/search-btn-h.svg) no-repeat;
}
.btn.btn-color:hover{
    background-color: #c42c55;
}
.btn.btn-border:hover{
    border: 2px solid #ffffff;
}
.faq-count button{
    width: 42px;
    height: 42px;
    border-radius: 2px;
    border: 1px solid #eee4d1;
    background-color: #ffffff;
    bottom: -14px;
    position: relative;
    margin-left: 10px;
    cursor: pointer;
}
.faq-count .next-btn{
    background-image: url(/bitrix/templates/ranavexim/images/chevron-r.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 14px;
}
.faq-count .next-btn:hover{
    background-image: url(/bitrix/templates/ranavexim/images/chevron-r-h.png);
}
.faq-count .prev-btn{
    background-image: url(/bitrix/templates/ranavexim/images/chevron-l.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 14px;
}
.faq-count .prev-btn:hover{
    background-image: url(/bitrix/templates/ranavexim/images/chevron-l-h.png);
}
.farm-partners{
    box-shadow: 0 -1px 0 rgba(210, 210, 210, 0.5);
}
.heading h1{
    color: #122357;
    font-family: "DIN Round Pro - Bold";
    font-size: 68px;
    font-weight: 700;
    line-height: 70px;
    text-transform: uppercase;
    padding-top: 108px;
    padding-bottom: 93px;
}
#header{
    background:#edf1fc;
}
.foot-promo .title{
    color: #122357;
    font-family: "DIN Round Pro - Bold";
    font-size: 60px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
}
.foot-promo{
    padding-top:110px;
    padding-bottom: 110px;
}
.foot-promo .description{
    font-size: 21px;
    line-height: 35px;
    text-transform: uppercase;
    margin-top: 40px;
    width: 580px;
}
.front-about .green-cross .title{
    margin: 40px 0;
}
.front-about .green-cross p{
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 200px;
    padding-right: 60px;
    background: url(/bitrix/templates/ranavexim/images/green-cross.png) no-repeat left center;
    background-size: 160px;
}
.foot-promo .promo-list{
    width: 520px;
    margin:40px 0 60px;
    font-family: "DIN Round Pro - Bold";
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
}
#header .menu ul li:last-child{
    display: none;
}
.promo-list > div{
    padding:30px 30px 0px 60px;
    display: inline-block;
    width: 49%;
    font-family: "DIN Round Pro - Bold";
    font-weight: 700;
}
.property-list .item .text{
    font-family: "DIN Round Pro - Bold";
    font-size: 16px;
    font-weight: 700;
}
.promo-list > .item-1{
    background: url(/bitrix/templates/ranavexim/images/foot-prom-1.png) no-repeat left bottom;
    background-size: 40px auto;
}
.promo-list > .item-2{
    background: url(/bitrix/templates/ranavexim/images/foot-prom-2.png) no-repeat left bottom;
    background-size: 40px auto;
}
.promo-list > .item-3{
    background: url(/bitrix/templates/ranavexim/images/foot-prom-3.png) no-repeat left bottom;
    background-size: 40px auto;
}
.promo-list > .item-4{
    background: url(/bitrix/templates/ranavexim/images/foot-prom-4.png) no-repeat left bottom;
    background-size: 40px auto;
}
.foot-promo{
    position: relative;
}
.foot-promo:before{
    position: absolute;
    width:380px;
    height: 680px;
    display: block;
    background: url(/bitrix/templates/ranavexim/images/foot-prom-image.png) no-repeat left;
    content: " ";
    z-index: 1;
    right:160px;
    top:-60px;
}
.title-w-icon{
    font-family: "DIN Round Pro - Bold";
    font-size: 34px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 80px;
    position: relative;
}
.btn-border-pink{
    color: #de3966;
    border:2px solid #de3966;
}
.btn-border-pink:hover{
    color: #de3966;
    border:2px solid #de3966;
}
.main-content p,
.main-content ul,
.main-content ol{
    margin: 20px 0;
    /*max-width: 750px;*/
}
ol.product-ol{
    max-width: 100%;
}
.wide-image{
    margin-top: 40px;
    width: 100%;
}
img + .title-w-icon{
    margin-top:80px!important;
}
img + p{
    margin-top:60px!important;   
}
p + img,
ol + img,
ul + img{
    margin-top:20px!important;
}
.attention{
    margin: 80px 0;
    border-left: 4px solid #de3966;
    padding-left: 30px;
    font-family: "DIN Round Pro";
    font-size: 22px;
    line-height: 32px;
    
}
.main-content ul li{
    display: block;
    position: relative;
    margin-bottom: 20px;
}
.main-content ul li:before{
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #de3966;
    content: " ";
    border-radius: 50%;
    left: -24px;
    top:8px;
}
.circle-ol .title{
    font-family: "DIN Round Pro - Bold";
    font-size: 21px;
    font-weight: 700;
    line-height: 50px;
    text-transform: initial;
}
.circle-ol li{
    position: relative;
    display: block;
    margin-top: 40px;
}
.circle-ol{
    counter-reset: item
}
.circle-ol li:before{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 2px solid #de3966;
    content: counter(item);
    counter-increment: item;
    display: block;
    line-height: 40px;
    text-align: center;
    font-family: "DIN Round Pro - Bold";
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    left: -60px;
    top:5px;
}
ol.product-ol li{
    position: relative;
    display: block;
    margin-bottom: 40px;
}
ol.product-ol{
    counter-reset: item;
    width:100%;
    margin-top:60px;
}
ol.product-ol li:before{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #de3966;
    background-color: #ffffff;
    content: counter(item);
    counter-increment: item;
    display: block;
    line-height: 50px;
    text-align: center;
    font-family: "DIN Round Pro - Bold";
    font-size: 21px;
    font-weight: 700;
    position: absolute;
    left: -25px;
    top:-25px;
}
ol.product-ol .small-desc{
    font-family: "Proxima Nova Rg";
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #4a4a4a;
    padding-top:20px;
    margin-top:20px;
    position: relative;
    width: 225px;
}
ol.product-ol .small-desc:before{
    height:1px;
    width:225px;
    position: absolute;
    content: " ";
    top:0px;
    background:#ddd;
}
.product-ol li{
    line-height: 28px;
    padding-left: 565px;
    min-height: 380px;
}
.blue-bg{
    background:#F8FAFF;
}
.product-ol li:after{
    content: " ";
    clear: both;
    display: block;
}
.product-ol li:nth-child(1){
    background: url(/bitrix/templates/ranavexim/images/circle-ol-img-1-new.png) no-repeat top left;
}
.product-ol li:nth-child(2){
    background: url(/bitrix/templates/ranavexim/images/circle-ol-img-2-new.png) no-repeat top left;
}
.product-ol li:nth-child(2) .small-desc{
    padding-top: 160px;
    background: url(/bitrix/templates/ranavexim/images/furac.png) no-repeat top left;
    width: 260px;
}
.product-ol li:nth-child(2) .small-desc:before{
    display: none;
}
.product-ol li:nth-child(3){
    background: url(/bitrix/templates/ranavexim/images/circle-ol-img-3.png) no-repeat top left;
}
.product-ol li:nth-child(1) .small-desc{
    position: absolute;
    bottom: 0px;
}
.product-ol li:nth-child(3) .small-desc{
    position: absolute;
    left:0px;
    bottom: 0px;
}
.product-ol li:nth-child(3) .small-desc:before{
    width:485px;
}
.small-ol{
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
}
.small-ol li{
    display: block;
    position: relative;
}
.small-ol{
   counter-reset: item; 
}
.map-container .text-input input[type="text"]{
    padding-right: 60px;
}
.small-ol li:before{
    content: counter(item) ".";
    counter-increment: item;
    position: absolute;
    left:-20px;
    font-weight: 700;
}
.about-product-block{
    margin-top:80px;
}
.title-w-icon:before{
    content: " ";
    width:50px;
    height:50px;
    position: absolute;
    left:-60px;
    background-size: contain!important;
}
div.title-w-icon:before{
    background-size: 40px auto!important;
}
.title-w-icon.icon-1:before{
    background: url(/bitrix/templates/ranavexim/images/title-ico-1.png) center center no-repeat;
}
.title-w-icon.icon-2:before{
    background: url(/bitrix/templates/ranavexim/images/title-ico-2.png) center center no-repeat;
}
.title-w-icon.icon-3:before{
    background: url(/bitrix/templates/ranavexim/images/title-ico-3.png) center center no-repeat;
}
.title-w-icon.icon-4:before{
    background: url(/bitrix/templates/ranavexim/images/title-ico-4.png) center center no-repeat;
}
.title-w-icon.icon-5:before{
    background: url(/bitrix/templates/ranavexim/images/title-ico-5.png) center center no-repeat;
}
.title-w-icon.icon-6:before{
    background: url(/bitrix/templates/ranavexim/images/burns-ico-title.png) center center no-repeat;
}
.main-content > p:first-child{
    margin-top:55px;
}
.main-content ul.iconic-ul-1 li{
    margin-bottom:60px;
    display: block;
    
}
.main-content .title,
.main-content h2,
.main-content h3,
.main-content h4{
    margin-top: 80px;
    margin-bottom: 30px;
}
.attention-bold{
    font-family: "DIN Round Pro - Bold";
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin:40px 0;
    padding-top:15px;
    padding-bottom: 15px;
}
.main-content ul.iconic-ul-1 li:before{
    width: 50px;
    height: 50px;
    left:-65px;
    border:none;
    border-radius: 0px;
    top:-10px;
}

.main-content ul.iconic-ul-1 li:nth-child(1):before{top:0px; background: url(/bitrix/templates/ranavexim/images/burns-ico-1.png) top center no-repeat;}
.main-content ul.iconic-ul-1 li:nth-child(2):before{background: url(/bitrix/templates/ranavexim/images/burns-ico-2.png) top center no-repeat;}
.main-content ul.iconic-ul-1 li:nth-child(3):before{background: url(/bitrix/templates/ranavexim/images/burns-ico-3.png) top center no-repeat;}
.main-content ul.iconic-ul-1 li:nth-child(4):before{background: url(/bitrix/templates/ranavexim/images/burns-ico-4.png) top center no-repeat;}
.simple-ol{
    counter-reset: item;
}
.simple-ol li{
    position: relative;
    display: block;
    margin:40px 0;
}

.simple-ol li:before{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 2px solid #de3966;
    content: counter(item);
    counter-increment: item;
    display: block;
    line-height: 40px;
    text-align: center;
    font-family: "DIN Round Pro - Bold";
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    left: -60px;
    top: -10px;
}
.wide-image-wo-padding{
    margin-left:-60px;
    width:100%;
}
.main-content ul.iconic-ul-2 li:before{
    width: 50px;
    height: 50px;
    left:-65px;
    border:none;
    border-radius: 0px;
    top:-10px;
}
ymaps[class*="inner-panes"]:before{
    content: " ";
    display: block;
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    background: #FFF7E8;
    opacity: 0.4;
    z-index: 1000;
}
.main-content ul.iconic-ul-2 li{
    margin-bottom: 40px;
}
.main-content ul.iconic-ul-2{
    margin-bottom: 100px;
}

.main-content ul.iconic-ul-2 li:nth-child(1):before{top:0px; background: url(/bitrix/templates/ranavexim/images/burns-ico-2.png) top center no-repeat;}
.main-content ul.iconic-ul-2 li:nth-child(2):before{background: url(/bitrix/templates/ranavexim/images/burns-ico-4.png) top center no-repeat;}
.main-content ul.iconic-ul-2 li:nth-child(3):before{background: url(/bitrix/templates/ranavexim/images/burns-ico-3.png) top center no-repeat;}
.main-content > p:last-child{
    margin-bottom:100px;
}

.two-cols-content > div:nth-child(1):before{
    background: url(/bitrix/templates/ranavexim/images/abr-ico-1.png) top left no-repeat;
}
.two-cols-content > div:nth-child(2):before{
    background: url(/bitrix/templates/ranavexim/images/abr-ico-2.png) top left no-repeat;
}
.two-cols-content .item{
    margin-bottom: 30px;
    padding-top: 0px;
    position: relative;
}
.two-cols-content .item:before{
    display: block;
    content: " ";
    width: 50px;
    height: 50px;
    position: absolute;
    left: -60px;
    background-size: contain;
}
.main-content .image{
    margin-top: 40px;
}
.big-title{
    font-family: "DIN Round Pro - Bold";
    font-size: 68px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top:75px;
    margin-bottom:50px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.big-title span{
    display: block;
    font-size: 34px;
    line-height: 50px;
    font-family: "DIN Round Pro";
}
.about-first-block{
    padding-right: calc(100% - 600px);
    position: relative;
}
.first-block ol{
    margin: 20px 0px 40px 20px;
}
.front-about .first-block .content{
    width: 500px;
}
.about-first-block .sticky-element{
    content: " ";
    display: block;
    height: 536px;
    width: 547px;
    position: absolute;
    right:0px;
    top:0px;
    margin-top: -200px;
    background: url(/bitrix/templates/ranavexim/images/product-new.png) top center no-repeat!important;
    background-size: contain!important;
}
.about-first-block .title-w-icon{
    font-size: 21px;
    font-weight: 700;
    line-height: 50px;
    text-transform: initial;
    margin-top:50px;
}
.color{
    color: #de3966;
}
.instructions{
    margin-top:100px;
}
.about-first-block .btns{
    margin-top:40px;
}
.instructions .item .name{
    font-family: "DIN Round Pro - Bold";
    font-size: 21px;
    font-weight: 700;
    line-height: 50px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 0px;
    text-transform: none;
}
.instructions{
    margin-bottom: 130px
}
.instructions > .item{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.instructions > .item > br{
    height:20px;
    display: block;
    content: " ";
}
.instructions .item:nth-child(4),
.instructions .item:nth-child(5){
    border:none;
}
.instructions .item{
    line-height: 28px;
}
.scheme-items .item{
    margin-bottom:30px;
    min-height: 300px;
    position: relative;
    padding-left: 320px;
    padding-top: 30px;
}
.scheme-items .item:before{
    content: " ";
    width:300px;
    border: 2px solid #f1f1f1;
    display: block;
    height: 300px;
    border-radius: 3px;
    background-size:contain;
    background-position: right center;
    position: absolute;
    left:0px;
    top:0px;
}
.scheme-items .item:nth-child(1):before{
    background-image: url(/bitrix/templates/ranavexim/images/hand-1-new.jpg);
}
.scheme-items .item:nth-child(2):before{
    background-image: url(/bitrix/templates/ranavexim/images/hand-2-new.gif);
}
.instructions .instruction-link{
    font-family: "Proxima Nova Rg";
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: #de3966;
}
.articles-block{
    padding-top:100px;
    padding-bottom:100px;
}
.articles-block .title{
    margin-bottom: 40px;
}
.articles-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.articles-list .item{
    width:340px;
    display: block;
    height:225px;
    text-align: center;
    color: #ffffff;
    font-family: "DIN Round Pro - Bold";
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    line-height: 225px;
}
.articles-list .item:nth-child(1){background: url(/bitrix/templates/ranavexim/images/article-img-1.png) no-repeat;}
.articles-list .item:nth-child(2){background: url(/bitrix/templates/ranavexim/images/article-img-2.png) no-repeat;}
.articles-list .item:nth-child(3){background: url(/bitrix/templates/ranavexim/images/article-img-3.png) no-repeat;}
.title-w-icon.icon-7:before{
    background: url(/bitrix/templates/ranavexim/images/about-ico-1.png) no-repeat center center;
}
.title-w-icon.icon-8:before{
    background: url(/bitrix/templates/ranavexim/images/about-ico-2.png) no-repeat center center;
}
.instructions .name:before{
    content: " ";
    width: 50px;
    height: 50px;
    position: absolute;
    left: -60px;
    background-size: contain;
}
.articles-list a:hover{
    background-size: 105% 105%!important;
    -webkit-filter: brightness(86%);   
}
.articles-list a{
    background-size: 100% 100%!important;
    border-radius: 8px;
}
.instructions .item:nth-child(2) .name:before{
    background: url(/bitrix/templates/ranavexim/images/about-ico-3.png) no-repeat center center;
}
.instructions .item:nth-child(3) .name:before{
    background: url(/bitrix/templates/ranavexim/images/about-ico-4.png) no-repeat center center;
}
.instructions .item:nth-child(4) .name:before{
    background: url(/bitrix/templates/ranavexim/images/about-ico-5.png) no-repeat center center;
}
.promo-404 .title{
    margin-bottom: 15px;
}
.promo-404 .btn{
    margin-top: 27px;
}
.faq-block .filter{
    color: #ccc;
    font-family: "Proxima Nova Rg";
    font-size: 16px;
    font-weight: 400;
    line-height: 50px;
    border-bottom: 1px solid #ddd;
}
.faq-block{
    padding-right: calc(100% - 620px);
    position: relative;
    margin-bottom: 220px;
}
.question .text{
    border-radius: 2px;
    background-color: #f5f8ff;
    padding:16px 40px;
    line-height: 28px;
}
.question:before,
.question:after,
.answer:before,
.answer:after{
    clear:both;
    content: " ";
    display: block;
}
.question{
    margin-top: 40px;
}
.question .author{
    float:left;
    margin-top: 15px;
    margin-bottom: 20px;
}
.question .date{
    float:right;
    color: #ccc;
    margin-top: 15px;
    margin-bottom: 20px;
}
.answer .text{
    border-radius: 4px;
    background-color: #fff6e7;
    padding: 30px 40px;
}
.answer .admin{
    margin-top: 10px;
    margin-bottom: 32px;
}
.answer .admin .portrait{
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    background: url(/bitrix/templates/ranavexim/images/photo.png) no-repeat;
}
.answer .admin .name{
    float: left;
    margin-right: 5px;
    line-height: 40px;
}
.answer .admin .spec{
    color: #555;
    float: left;
    line-height: 40px;
    text-transform: lowercase;
}
.answer .date{
    float: right;
    line-height: 40px;
    color: #ccc;
    margin-top:10px;
}
.answer .admin{
    float:left;
}
.faq-block .faq-list .item{
    border-bottom: 1px solid #ddd;
}
.faq-form-block{
    padding:80px 50px 62px 50px;
    border-radius: 6px;
    border: 2px solid #d8deee;
    background-color: #ffffff;
    width: 345px;
    position: absolute;
    top:0px;
    right:0px;
    margin-top: 50px;
}
.faq-form-block .btn.btn-color{
    padding-left:0px;
    padding-right: 0px;
    width: 100%;
    text-align: center;
    margin:20px 0;
}
.faq-form-block .text{
    padding-top: 60px;
    font-family: "DIN Round Pro - Bold";
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    background: url(/bitrix/templates/ranavexim/images/faq-ico-1.png) no-repeat left top;
}
.faq-form-block .sm-text{
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.faq-form{
    margin-top:30px;
    margin-bottom: 100px;
    padding-right: calc(100% - 420px);
}
.checkbox-input{
    margin:20px 0 30px 0px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}
.checkbox-input input[type="checkbox"]{
    display: none;
}
.checkbox-input label:before{
    content: " ";
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    left:0px;
    top:-2px;
    background: url(/bitrix/templates/ranavexim/images/checkbox.png) no-repeat center center;
}
.checkbox-input label{
    padding-left:35px;
    position: relative;
    display: block;
    cursor: pointer;
}
.checkbox-input input:checked + label:before{
    background: url(/bitrix/templates/ranavexim/images/checkbox-ok.png) no-repeat center center;
}
.faq-form:before{
    position: absolute;
    top:-100px;
    right:0px;
    display: block;
    width:547px;
    height:636px;
    content: " ";
    background: url(/bitrix/templates/ranavexim/images/faq-form-img.png) no-repeat top center;
}
.faq-form{
    position: relative;
}
.faq-form .btn.btn-color{
    width: 280px;
}
.heading{
    position: relative;
}
.sub-h1{
    font-family: "DIN Round Pro - Bold";
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    position: absolute;
    bottom: 50px;
    left:0px;
    margin-left:70px;
}
font.notetext{
    background:#edfcee;
    display: block;
    max-width: 420px;
    padding: 20px 25px 20px 25px;
}
a.back-to{
    font-family: "Proxima Nova Rg";
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #122357;
    opacity: 0.4;
    position: absolute;
    left:0px;
    top:75px;
    margin-left:70px;
    display: none;
}
a.back-to.visible{
        display: block;
    }
    .partners .partners-list:nth-child(n+4){
    display: none;
}
.partners.active .partners-list:nth-child(n+4){
    display: flex;
}
a.back-to:before{
    content: " ";
    width:7px;
    height:12px;
    display: block;
    position: absolute;
    top:8px;
    left: -17px;
    background: url(/bitrix/templates/ranavexim/images/back-icon-1.png) no-repeat center center;
}
.text-input.error input,
.textarea-input.error textarea{
    border-bottom: 2px solid #ff7878!important;
}
.text-input.error:after,
.textarea-input.error:after{
    content: "Поле заполнено неправильно";
    color: #000000;
    font-family: "Proxima Nova Rg";
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 25px;
    display: block;
}
.faq-slider-body .admin:before,
    .faq-slider-body .admin:after{
        content: " ";
        display: block;
        clear: both;
    }
.map-content .btns-top .btn{
    padding:20px 25px;
    border: none;
    margin:0px;
    float:left;
}
.map-content .btns-top .btn:first-child{
    border-radius: 2px 0 0 2px;
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1);
}
.map-content .btns-top .btn:last-child{
    border-radius: 0 2px 2px 0;
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1);
}
.map-content .btns-top{
    top:125px;
    position: absolute;
    right:0px;
    padding-right: 70px;
}
.partners .btns .btn{
    border: 2px solid #de3966;
    color: #122357;
}
.partners .btns{
    margin-bottom: 48px;
}
.buy-product .tel{
    font-family: "DIN Round Pro - Bold";
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    display: block;
}
.buy-product .text{
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin:30px 0;
        z-index: 1;
    position: relative;
}
.buy-2-cols{
    width: 565px;
    display: flex;
    justify-content: space-between;
}

.buy-product{
    padding: 60px 0;
    border-top: 1px solid #e8e3d9;
}
.farm-partners{
    border-top: 1px solid #e8e3d9;
}
.buy-link{
    width:120px;
    height: 40px;
    display: block;
    background: url(/bitrix/templates/ranavexim/images/buy-item.png) no-repeat center center;
}
.buy-product .container{
    position: relative;
}
.buy-product .container:before{
    width: 380px;
    height: 505px;
    content: " ";
    display: block;
    position: absolute;
    right:60px;
    bottom:-60px;
    background: url(/bitrix/templates/ranavexim/images/wherebuy-image.png) no-repeat bottom;
    z-index: 0;
}
.map-page:before{
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    height:230px;
    content: " ";
    display: block;
    background: url(/bitrix/templates/ranavexim/images/map-top-gradient.png) repeat-x top;
    z-index: 2;
    pointer-events: none;
}
.map-page:after{
    position: absolute;
    left:0px;
    right:0px;
    bottom:0px;
    height:230px;
    content: " ";
    display: block;
    background: url(/bitrix/templates/ranavexim/images/map-bottom-gradient.png) repeat-x bottom;
    z-index: 1;
    pointer-events: none;
}
.map-dummy,
.address-list{
    display: none;
}
.map-dummy.active,
.address-list.active{
    display: block;
}
.address-list table{
    display: block;
    margin-left: -20px;
    margin-right: -50px;
    padding-right: 30px;
    margin-top: 20px;
}
.address-list table thead{
    display: block;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
}
.address-list table thead tr{
    padding: 10px 0;
    background: #fff;
}
.address-list table thead:after{
    display: block;
    height: 1px;
    width:calc(100% - 40px);
    margin: 0 auto;
    content: " ";
    background-color: #d8d8d8;
}
.address-list table tr{
    width: 100%;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.address-list table td,
.address-list table th{
    text-align: left;
}
.address-list table td{
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 60px;
}
.address-list table td:first-child,
.address-list table th:first-child{
    width: 30%;
    padding-left:20px;
}
.address-list table td,
.address-list table th{
    width: 50%;
}
.address-list table td:last-child,
.address-list table th:last-child{
    width: 20%;
    padding-right:20px;
}
.address-list table tbody{
    height: 460px;
    display: block;
    width: 100%;
    
}
.address-list table tbody tr:hover{
    border-radius: 2px;
    background-color: #edf1fc;
}
body *::-webkit-scrollbar {
    width: 10px;
    border-radius: 5px;
    background-color: #eee;
}

body *::-webkit-scrollbar-thumb {
    width: 10px;
    border-radius: 5px;
    background-color: #ddd;
    opacity: 0.1;
}
.address-list table{
    overflow: auto;
    overflow-y: overlay;
}
.address-list table td:first-child, .address-list table th:first-child{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 10px;
}
.address-list td.instock{
    position: relative;
}
.address-list td.instock:before{
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-image: linear-gradient(180deg, #b4ec51 0%, #429321 100%);
    content: " ";
    top:25px;
    left:-20px;
}
.empty-query{
    width: 320px;
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background-color: #ffffff;
    padding:80px 50px 10px 25px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    background-image: url(/bitrix/templates/ranavexim/images/query-error.svg);
    background-repeat: no-repeat;
    background-position: 20px 25px;
    position: absolute;
    top:60px;
    transition: all 0s;
    /*animation-name: fadein;
    animation-duration: 0.225s;*/
    z-index: 3;
}
.map-container .text-input input[type="text"]{
    text-overflow: ellipsis;
}
.map-content{
    pointer-events: none;
}
.map-content .form,
.map-content .btns-top,
.map-content .btns-bottom,
.map-content .address-list,
.map-content .form *{
    pointer-events: auto;
}
.map-content .form{
	display: inline-block;
	width: 100%;
	max-width: 320px;
}
.focus-out .popup{
	display: none!important;
}
.focus-out .popup:hover{
	display: block!important;
}
.map-contentainer #map-wrapper *{
	font-family: "DIN Round Pro - Bold";
}
#map-wrapper,
#map-wrapper *{
    transition: all 0s;
}
.popup.results ul{
    display: block;
    width: 320px;
    padding:10px 0px;
}
.popup.results ul li{
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    padding:0px 25px;
    max-width: 320px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.popup.results ul li:hover{
	cursor: pointer;
	font-weight: 700;
}
.popup.results{
    position: absolute;
    z-index: 4;
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background-color: #ffffff;
    top:60px;
}
.sticky-element{
    transition: all 0s;
}
.big-title .uppercase-word{
    font-family: "DIN Round Pro - Bold";
}
.empty-query .text{
    margin-bottom: 20px;
}
.history-pic{
    height: 540px;
    background: url(/bitrix/templates/ranavexim/images/history-pic.png) center center no-repeat;
    border-radius: 6px;
    background-color: #fafbff;
    margin-top: 60px;
    margin-bottom: 20px;
}
@keyframes fadein {
    0% {opacity: 0;}
    100% {opacity:1;}
}
.text-input input:focus + label,
.textarea-input textarea:focus + label,
.text-input input.has-value + label,
.textarea-input textarea.has-value + label{
    font-size: 13px;
    top:10px;
}
.text-input input:hover,
.textarea-input textarea:hover{
    border: 1px solid #cbcbcb;
}
.text-input input:focus,
.textarea-input textarea:focus{
    box-shadow: 0 0 3px #208cff;
    border: 1px solid #208cff;
}
#footer a:hover,
.link-instruction:hover{
    color: #de3966;
}
.fancybox-is-open .fancybox-bg{
    background-color: #ffffff;
    opacity: 0.97!important;
}
#footer .col-1 .text .avexima-name{
    font-family: "DIN Round Pro";
}
.fancybox-toolbar .fancybox-button.fancybox-button--close{
    background: url(/bitrix/templates/ranavexim/images/close.svg) no-repeat;
    top: 0;
    width:23px;
    height:23px;
    float:right;
}

.fancybox-toolbar .fancybox-button--zoom,
.fancybox-toolbar .fancybox-button--thumbs{
    display: none!important;
}

@media only screen and (min-width : 1024px) {

.fancybox-toolbar{
    max-width: 1280px;
    margin: 0 auto;
    left:0px;
    right:0px;
    top:0px;
    padding:30px 70px;
}
.buy-product .container:before{
    background:none;
}
.buy-product .container:before{
    background:url(/bitrix/templates/ranavexim/images/about-ranavexim.png) no-repeat;
    width:600px;
    height:500px;
    background-size: cover;
    }
    .history-pic{
    background-size: 300px;
    background-position: center;
    background-color: #fafbff;
    height: 180px;
}
.foot-promo:before{
    width:700px;
    height: 400px;
    bottom:80px;
    top:initial;
    right:0px;
}
.fancybox-slide{
    padding-top: 220px!important;
    margin:0 auto;
    right:0;
}
.fancybox-toolbar .fancybox-button.fancybox-button--close svg{
    display: none;
}
.promo-content .text .subtitle{
    white-space: nowrap;
}
.front-about .green-cross{
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.front-about .green-cross p{
    padding:0px;
    max-width: 380px;
    padding-bottom: 180px;
    background-position: bottom left;
    margin-bottom: 0px;
}
.front-about .first-block{
    border-bottom: none;
    background: none;
}
.front-about-sticky{
    position: relative;
}
.front-about-sticky .sticky-element{
    background: url(/bitrix/templates/ranavexim/images/product-new.png) no-repeat right center;
    background-size: contain;
    width: 650px;
    height: 650px;
    top: 0px;
    margin-top: 60px;
}
.right-image{
    float:right;
    margin-left: 40px;
    max-width:540px;
    margin-bottom: 40px;
    border-radius: 6px;
}

}

@media only screen and (max-width : 1220px) {
    .foot-promo:before{
        background-position: -60px;
        right:0px;
        width: 475px;
    }
}

@media only screen and (max-width : 1024px) {
    .fancybox-toolbar .fancybox-button.fancybox-button--close{
        margin: 23px;
    }
    .right-image{
        max-width: 100%;
    }
    .front-about-sticky .sticky-element{
        display: none;
    }
    .container,
    #top-menu{
        transform: translateX(0px);
        padding-left: 40px;
        padding-right: 40px;
        border-radius: 0px;
    }
    .main-content .history-image-right p{
        max-width: 480px;
    }
    .link-instruction{
        margin-left: 40px;
    }
    .faq-slider{
        background-position-x: calc(100% + 120px);
    }
    #footer .col-1 .text{
        max-width:300px;
    }
    .instructions .item .name,
    .title-w-icon{
        margin-left: 50px;
    }
.about-first-block{
    padding-right: 0px;
}
    .about-first-block .sticky-element{
        display: none;
    }
    .circle-ol .title{
        margin-left: 60px;
    }
    .circle-ol li:before{
        left:0px;
    }
    .two-cols-content > div{
        width: 420px;
    }
    .simple-ol li{
        margin-left: 60px;
    }
    .main-content ul.iconic-ul-1 li,
    .main-content ul.iconic-ul-2 li{
        margin-left: 60px;
    }
    .wide-image-wo-padding{
        margin-left: 0px;
    }
    .faq-block {
        padding-right: calc(100% - 560px);
    }
    .articles-list .item{
        width:280px;
        height: 180px;
        line-height: 180px;
    }
}


@media only screen and (max-width : 1023px){
    body{
        font-size: 16px;
    }
    .scheme-items .item{
        padding-left: 0px;
        min-height: 0px;
    }
    .scheme-items .item:before{
        display: none;
    }
    .flex{
        flex-direction: column;
    }
#footer .col-1 .text .avexima-name{
    font-family: "DIN Round Pro";
    display: block;
}
.address-list table{
        margin-right: -40px;
}
    .history-pic{
        height: 360px;
    }
    .history-pic{
        background-size: 400px;
    }
    .property-list .item div[class^=icon]{
        background-color: #fff!important;
    }
    .main-content .history-image-right p{
        max-width: 320px;
    }
    .history-image-right{
        background: url(/bitrix/templates/ranavexim/images/tablet-history-photo-1.png) no-repeat right top;
        background-position-y: 120px;
    }
    .history-2-col div:first-child{
        width: 274px;
    }
    .history-2-col div:last-child{
        width: 365px;
    }
    .history-2-col{
        margin-bottom: 60px;
    }
    .property-list .item div[class^=icon]:hover{
        border: none;
        background-color: none;
    }
    .promo-content .text .title{
        font-size: 26px;
        line-height: 30px;
    }
    .promo-content .text{
        margin-top: 70px;
        width: 380px;
    }
    .promo-content .text .subtitle{
        font-family: "DIN Round Pro";
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .promo-content .separator{
        width: 350px;
    }
    .promo-content .text .description{
        font-family: "Proxima Nova Rg";
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
    }
    #header.front-page{
        background: url(/bitrix/templates/ranavexim/images/tablet-promo-bg.png);
        height: 510px;
    }

    .btn,
    .btn.btn-border,
    .btn.btn-color{
        font-size: 15px;
        padding: 20px 40px;
        border-radius: 2px;
        margin-right: 15px;
    }
    #top-menu{
        height: 70px;
        padding:20px 40px;
        border-radius: 0px;
    }
    .play-video-btn{
        width: 148px;
        height: 148px;
        background: url(/bitrix/templates/ranavexim/images/tablet-promo-play.png);
        background-size: 148px;
        margin-top:80px;
        margin-right: 60px;
    }
    .play-video-btn:hover{
        background: url(/bitrix/templates/ranavexim/images/tablet-promo-play.png);
        background-size: 148px;
    }
    .front-about .first-block{
        padding: 40px 0;
        
        background: url(/bitrix/templates/ranavexim/images/product-new.png) no-repeat right bottom;
        background-size: 400px;
        background-position-y: calc(100% - 48px);
    }
    .front-about .first-block .content{
        width: 310px;
    }
    .front-about .title{
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }
    .front-about .first-block .content .title{
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    p{
        font-size: 16px;
        font-weight: 400;
        line-height: 25px;
    }
    .link-instruction{
        font-size: 15px;
        font-weight: 700;
        line-height: 25px;
    }
    .property-list{
        display: flex;
        flex-wrap: wrap;
    }

    .property-list .item .text{
        font-family: "DIN Round Pro - Bold";
        font-size: 13px;
        font-weight: 700;
        line-height: 20px;
        text-align: left;
    }
    .property-list .item div[class^=icon]{
        width: 60px;
        height: 60px;
        margin-right: 20px;
        margin-bottom: 50px;
        float: left;
    }
    .property-list .item{
        width:320px;
    }
    .property-list .item div.icon-1{
        background: url(/bitrix/templates/ranavexim/images/tablet-prop-ico-1.png) no-repeat top;
        background-size: 52px 41px;
    }
    .property-list .item div.icon-2{
        background: url(/bitrix/templates/ranavexim/images/tablet-prop-ico-2.png) no-repeat top;
        background-size: 44px 43px;
    }
    .property-list .item div.icon-3{
        background: url(/bitrix/templates/ranavexim/images/tablet-prop-ico-3.png) no-repeat top;
        background-size: 52px 30px;
    }
    .property-list .item div.icon-4{
        background: url(/bitrix/templates/ranavexim/images/tablet-prop-ico-4.png) no-repeat top;
        background-size: 45px 51px;
    }
    .front-about .second-block .title{
        margin-top: 35px;
        margin-bottom: 25px;
    }
    .property-list{
        padding-bottom: 0px;
    }
    .faq-slider{
        background: none;
    }
    .faq-slider .content{
        width: auto;
        padding-top: 40px;
    }
    .faq-slider .answer,
    .faq-slider .question{
        margin-left: 0px;
    }
    .faq-slider .admin .name,
    .faq-slider .admin .spec{
        font-size: 13px;
        line-height: 20px;
        display: block;
        float: none;
    }
    .faq-slider .btns{
        padding-bottom: 40px;
    }
    .faq-slider .admin{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .title,
    .partners .title{
        font-family: "DIN Round Pro - Bold";
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .map-container{
        height: 550px;
    }
    .partners{
        padding:40px;
    }
    .partners-list a{
        width: 150px;
        height: 92px;
        margin-bottom: 23px;
    }
    #footer .second-block{
        padding-left: 40px;
    }
    #footer .first-block{
        padding: 40px;
        flex-wrap: wrap;
    }
    #footer .first-block .col-1{
        width: 100%;
        clear: right;
    }
    #footer .col-1 .text{
        max-width: 100%;
        margin-right: 0px;
        font-family: "DIN Round Pro";
        font-size: 15px;
        line-height: 25px;
        text-transform: uppercase;
        margin-bottom: 30px;
    }
    #footer .second-block .footer-text{
        font-size: 18px;
        line-height: 23px;
    }
    .faq-slider .content .title{
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
    }
    .faq-slider .content .title .faq-count{
        float: none;
    }
    .faq-count .prev-btn,
    .faq-count .next-btn{
        position: absolute;
        top:0px;
        left: 200px;
    }
    .faq-count .next-btn{
        left: 250px;
    }
    .faq-slider .content .title{
        position: relative;
    }
    .faq-count span{
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
    }
    .heading h1{
        font-size: 26px;
        font-weight: 700;
        line-height: 30px;
        padding-top:30px;
        padding-bottom: 35px;
    }
    .big-title{
        font-size: 26px;
        line-height: 30px;
        margin-top: 30px;
        margin-bottom: 35px;
    }
    .big-title span{
        font-size: 22px;
        text-transform: initial;
        line-height: 30px;
    }
    .main-content .title-w-icon{
        margin-left: 0px;
        padding-top: 60px;
        margin-bottom: 20px;
        text-transform: uppercase;
        margin-top: 35px;
        line-height: 30px;
    }
    .title-w-icon:before{
        top:0px;
        left:0px;
        background-position-x:0!important;
    }
    .about-first-block{
        padding-right: calc(100% - 365px);
    }
    .instructions{
        margin-top:60px;
        padding-bottom:0px;
        margin-bottom: 0px;
    }
    .main-content .title{
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .about-first-block .sticky-element{
        display: block;
        width: 370px;
        height: 320px;
        background: url(/bitrix/templates/ranavexim/images/tablet-about-ranavexim.png) top right no-repeat;
        margin-top: -100px;
        right: 0px
    }
    .instructions .item .name{
        font-size: 16px;
        font-weight: 700;
        line-height: 25px;
        margin-left: 0px;
        padding-top: 60px;
        font-family: "Proxima Nova Rg";
    }
    .instructions .name:before{
        top:0px;
        left:0px;
        background-position-x:left!important;
    }
    .articles-list .item{
        width: 210px;
        height: 126px;
        line-height: 126px;
    }
    .articles-block{
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .about-product-block{
        margin-top:40px;
    }
    .foot-promo .title{
        font-size: 26px;
        font-weight: 700;
        line-height: 30px;
    }
    .foot-promo{
        padding:40px;
        padding-bottom: 50px;
    }
    .promo-list > div{
        font-family: "DIN Round Pro - Bold";
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        padding-top: 20px;
        padding-left: 50px;
        white-space: nowrap;
        margin-bottom: 20px;
    }
    .main-content p, .main-content ul, .main-content ol{
        max-width: 480px;
    }
    .foot-promo .description{
        font-family: "DIN Round Pro";
        font-size: 16px;
        line-height: 25px;
        width: 350px;
        margin-top: 15px;
    }
    .foot-promo .promo-list{
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .foot-promo .promo-list{
        width: 350px;
    }
    .instructions > .item:last-child .name{
    padding-top: 0px;
    padding-bottom: 20px;
}
.instructions > .item .item{
    position: relative;
    padding-top: 100px;
    padding-bottom: 0px;
}
.instructions > .item .item:before{
    border-radius: 100%;
    border: 2px solid #de3966;
    background-color: #ffffff;
    display: block;
    line-height: 50px;
    text-align: center;
    font-family: "DIN Round Pro - Bold";
    width: 80px;
    height: 80px;
    line-height: 30px;
    font-size: 13px;
    left: 0px;
    top: 0px;
}
    .foot-promo:before{
        background: url(/bitrix/templates/ranavexim/images/tablet-foot-prom-image.png) no-repeat top right
    }
    .padding-b-80{
        padding-bottom: 80px;
    }
    .two-cols-content .item:before{
        position: static;
        margin-bottom: 0px;
    }
    .right-image{
        margin-bottom: 40px;
    }
    ol.product-ol li{
        padding-left:300px;
        min-height: 210px;
        background-size: 280px!important;
    }
    ol.product-ol li:before{
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        left:-15px;
        top:-15px;
    }
    ol.product-ol{
        max-width: 100%;
    }
    .main-content ol.product-ol li{
        margin-bottom: 70px;
        width: auto;
    }
    
    .attention{
        font-size: 18px;
        line-height: 27px;
        margin: 40px 0;
        width:500px;
    }
    .main-content div.title-w-icon{
        font-family: "DIN Round Pro - Bold";
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
    }
    
    .wide-image{
        max-width: 540px;
    }
    img + p{
        margin-top: 40px!important;
    }
    p + img, 
    ol + img, 
    ul + img{
        margin-top: 10px!important;
    }
    .circle-ol .title{
        font-size: 16px;
        font-weight: 700;
        line-height: 18px;
        width: 205px;
        margin-left: 45px;
        display: block;
    }
    .main-content .circle-ol .title{
        margin-top: 30px;
    }
    .circle-ol li:before{
        width:30px;
        height:30px;
        line-height: 30px;
        font-size: 13px;
        font-weight: 700;
        top:0px;
    }
    .attention + .small-ol{
        border-top: 1px solid #ccc;
        padding-top: 10px;
    }
    .main-content .image{
        width:540px;
    }
    .two-cols-content > div{
        width: 300px;
        line-height: 25px;
    }
    .simple-ol li{
        margin-left: 0px;
        padding-top: 50px;
        margin:30px 0;
    }
    .simple-ol li:before{
        width:30px;
        height:30px;
        line-height: 30px;
        top:0px;
        left:0px;
        font-size: 13px;
        font-weight: 700;
    }

    .foot-promo:before{
        background-image:none!important;
        display: none!important;
    }
    img + .title-w-icon{
        margin-top: 40px!important;
    }
    .wide-image-wo-padding{
        width:540px;
    }
    .main-content ul.iconic-ul-2 li{
        margin-left: 0px;
        padding-top: 60px;
    }
    .main-content ul.iconic-ul-2 li:before{
        top:0px;
        left:0px;
    }
    .faq-block{
        padding-right: 0px;
        margin-bottom: 140px;
    }
    .faq-block .faq-list{
        padding-right: calc(100% - 365px);
    }
    .faq-block .filter{
        font-size: 13px;
        font-weight: 400;
        line-height: 33px;
    }
    .faq-block .btns{
        margin-top: 40px;
        display: block;
    }
    .faq-block .btns .btn{
        width: 280px;
        text-align: center;
        font-weight: 400;
    }
    .faq-form-block{
        margin-top: 40px;
        border: 1px solid #d4d9dc;
        border-radius: 4px;
    }
    .faq-form-block{
        padding: 40px 25px;
        width: 280px;
    }
    .question{
        margin-top: 20px;
    }
    .faq-form-block .text{
        font-family: "DIN Round Pro - Bold";
        font-size: 18px;
        font-weight: 700;
        line-height: 25px;
        text-transform: uppercase;
    }
    .faq-form-block .sm-text{
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
    }
    .question .text,
    .answer .text{
        padding: 15px 20px;
        line-height: 25px;
    }
    .question .author,
    .question .date,
    .answer .date
    {
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
    }

    .answer .date{
        margin-top: 20px;
        line-height: 40px;
    }
    .answer .admin .name,
    .answer .admin .spec{
        font-size: 13px;
        line-height: 20px;
        display: block;
        float: none;
    }
    .answer .admin{
        width:240px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .faq-form:before{
        background: url(/bitrix/templates/ranavexim/images/tablet-faq-form-img.png) no-repeat top right;
        right: -40px;
        top: -60px;
    }
    .faq-form {
        margin-top: 30px;
        margin-bottom: 60px;
        padding-right: calc(100% - 325px);
    }
    font.notetext{
        background:#edfcee;
        display: block;
        max-width: 325px;
        padding: 20px 25px 20px 25px;
    }
    .checkbox-input label{
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        white-space: nowrap;
    }
    #footer{
        border-top:1px solid #e3e3e3;
    }
    a.back-to{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        top:10px;
        margin-left: 58px;
    }
    a.back-to:before{
        top:4px;
        left: -15px;   
    }
    .sub-h1{
        font-size: 15px;
        line-height: 20px;
        text-transform: uppercase;
        top:60px;
        margin-left: 40px;
    }
    .map-content{
        padding: 20px 40px;
    }
    .map-content .btns-top{
        top: 65px;
    }
    .map-content .btns-top .btn{
        padding:10px 20px;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .address-list table td{
        line-height: 40px;
    }
    .address-list table td:last-child, table th:last-child{
        text-align: right;
    }
    td.instock:before{
        position: relative;
        left:0px;
        float: right;
        top:14px;
    }
    td.instock{
        font-size: 0px;
    }
    .address-list table th{
        color: #6e7478;
        font-family: "Proxima Nova Rg";
        font-size: 13px;
        font-weight: 400;
        line-height: 17px;
    }
    .address-list table td:first-child, .address-list table th:first-child{
        width:40%;
    }
    .address-list table{
        height: 360px;
    }
    .partners .btns{
        display: none;
    }
    .farm-partners.with-btns .partners{
        padding-bottom:100px;
    }
    .history-2-col div:last-child{
    width:90%;
    background-size: 80%;
    height: 100px;
}
    .buy-product .container:before{
        background: url(/bitrix/templates/ranavexim/images/tablet-wherebuy-image.png) no-repeat right bottom;
        bottom:-40px;
        right: 20px;
    }
    .buy-product .container:before{
    background: url(/bitrix/templates/ranavexim/images/about-ranavexim.png) no-repeat right bottom;
    right:0px;
    background-size:280px;
}
    .buy-product{
        border-top: 1px solid #e8e3d9;
        padding: 40px 0;
    }
    .buy-product .title{
        font-size: 26px;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: 0px;
    }
    .buy-product .text{
        margin: 16px 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
    }
    .buy-product .tel{
        font-size: 16px;
        font-weight: 700;
        line-height: 25px;
    }
    .buy-product .item:nth-child(2) .text{
        margin-bottom: 30px;
    }
    .buy-2-cols{
        width: 475px;
    }
    #header a.logo{
        background: url(/bitrix/templates/ranavexim/images/tablet-logo.png) no-repeat;
        background-size: 143px auto;
    }
    .header-btn{
        font-family: "DIN Round Pro - Bold";
        font-size: 15px;
        font-weight: 700;
        line-height: 30px;
        padding: 0px;
        position: absolute;
        border: none;
        background: none;
        top: 28px;
        right: 30px;
        display: block;
        padding-left: 30px;
        background: url(/bitrix/templates/ranavexim/images/pin.png) no-repeat left;
        background-size: 20px 26px;
    }
    #top-menu{
        position: fixed;
        display: block;
        left:0px;
        right:0px;
        z-index: 9999;
        top:0px;
        border-bottom: 1px solid #e9e9e9;
    }
    #header{
        padding-top: 70px;
    }
    #header a.logo{
        position: absolute;
        left: calc(50% - 77px);

    }
    #top-menu .menu ul{
        display: none;
    }
    #top-menu.active .menu ul{
        display: block;
    }
    #top-menu .menu .hamburger{
        width:20px;
        height: 20px;
        content: " ";
        display: block;
        background: url(/bitrix/templates/ranavexim/images/hamburger.svg) no-repeat center;
        position: absolute;
        top: 25px;
    }
    #header .menu ul li a{
        font-family: "DIN Round Pro";
        font-size: 18px;
        line-height: 60px;
        text-transform: uppercase;
    }
    #header .menu ul li{
        display: block;
        text-align: center;
        max-width: 540px;
        margin:0 auto;
        border-bottom: 1px solid #e9e9e9;
    }
    #header .menu ul{
        position: absolute;
        top:70px;
        padding-top: 25px;
        background: #fff;
        left:0px;
        right: 0px;
    }
    #top-menu .menu{
        height: 100%;
    }
    #top-menu.active .menu .hamburger{
        background: url(/bitrix/templates/ranavexim/images/hamburger-close.svg) no-repeat center;
    }
    #top-menu.active .menu ul{
        height: 954px;
        overflow: auto;
    }
    #top-menu.active .menu ul{
        background-image: url(/bitrix/templates/ranavexim/images/tablet-menu-bg.png);
        background-position-y: calc(100% + 400px);
        background-repeat: no-repeat;
    }
    #top-menu.active .header-btn{
        display: none;
    }
    #header .menu ul li a.wherebuy-link{
        font-family: "DIN Round Pro - Bold";
        font-weight: 700;
        
    }
    #header .menu ul li:last-child{
        border-bottom: none;
        display: block;
    }
    #header .menu ul li a.wherebuy-link:before{
        width: 20px;
        height: 26px;
        content: " ";
        display: inline-block;
        margin-right: 10px;
        margin-bottom: -6px;
        background: url(/bitrix/templates/ranavexim/images/pin.png);
        background-size: 20px 26px;
    }
    .answer .admin .name, .faq-slider .admin .name{
    	font-size: 16px;
        line-height: 40px;
    }
    .front-about .green-cross .title{
    margin-bottom: 0px;
}
.address-list td.instock:before{
        left: 15px!important;
        float: right;
        top: 15px!important;
    }

}
@media only screen and (max-width : 767px){
    .container, #top-menu{
        padding-left: 20px;
        padding-right: 20px;
    }
    .instructions .item:nth-child(5){
        padding-bottom: 0px;
    }
    .history-2-col div{
        width: 100%!important;
    }
    .history-image-right{
        background: url(/bitrix/templates/ranavexim/images/mobile-history-photo-1.png) no-repeat bottom center;
        padding-bottom: 200px;
    }   
    .front-about .green-cross p{
    padding:0px;
    padding-top: 190px;
    background-position: center top;
}
.front-about .green-cross .title{
    margin-bottom: 40px;
}
    .history-2-col{
        display: block;
    }
    .container{
        max-width: 320px;
    }
    .header-btn{
        font-size: 0px;
        margin-right: -10px;
        background: url(/bitrix/templates/ranavexim/images/pin.png) no-repeat center;
        background-size: 20px 26px;
    }
    #header.front-page{
        background: url(/bitrix/templates/ranavexim/images/mobile-promo-bg.jpg);
        background-size: cover;
        height: 700px;
        position: relative;
    }
    .promo-content .text{
        max-width: 100%;
    }
    .promo-content .btns{
        bottom: 35px;
        position: absolute;
        width: 280px;
    }
    .promo-content .text{
        margin-top: 34px;
    }
    .promo-content .text .title{
        margin-bottom: 5px;
    }
    .promo-content .text .subtitle{
        font-size: 20px;
        line-height: 20px;
        font-family: "DIN Round Pro";
    }
    .btn{
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
        font-family: "Proxima Nova Rg";
        font-size: 15px;
        font-weight: 700;
    }
    .promo-content .separator{
        display: none;
    }
    .map-content .text-input{
        max-width: 100%;
    }
    .faq-count .prev-btn, .faq-count .next-btn{
        left: 180px;
        top: 5px;
    }
    .faq-count .next-btn{
        left: 230px;
    }
    .front-about .first-block .content{
        max-width: 100%;
    }
    .property-list .item div[class^=icon]{
        margin-bottom: 20px;
    }
    .property-list .item:last-child div[class^=icon]{
        margin-bottom: 40px;
    }
    .play-video-btn{
        margin-top: 50px;
    }
    .faq-slider .content{
        padding-top: 30px;
    }
    .faq-slider .content .title{
        padding-bottom: 20px;
        margin-bottom: 0px;
    }
    .faq-slider .question{
        margin-bottom: 20px;
    }
    .faq-slider .answer,
    .faq-slider .question{
        padding: 20px;
        line-height: 22px;
    }
    .faq-slider .btns{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .map-content{
        padding-top:30px;
        padding-bottom: 20px;
    }
    .btns-bottom{
        bottom: 20px;
        width: 280px;
    }
    .front-about .first-block{
        padding-top: 340px;
        margin-top: 20px;
        background: url(/bitrix/templates/ranavexim/images/product-new.png) no-repeat top center;
        background-size: 320px;
    }
    .partners-list a{
        width: 130px;
        height: 82px;
        margin-bottom: 20px;
        background-size: contain;
    }
    .partners-list{
        flex-wrap: wrap;
    }
    #footer .col-1 .text{
        font-size: 13px;
        line-height: 25px;
    }
    #footer .first-block{
        padding: 20px;
    }
    #footer .col-1 .text{
        margin-top: 20px;
    }
    #footer .color-title{
        margin-bottom: 10px;
    }
    #footer .col-2 a{
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 20px;
    }
    #footer .col-3 .press-1{
        min-width: 80px;
        height: 45px;
        margin-right: 10px;
        border-radius: 2px;
        border: 1px solid #dde1ea;
        background-size: contain;
    }
    #footer .col-3 .press-1:last-child{
        margin-right: 0px;
    }
    #footer .second-block .footer-text{
        font-size: 16px;
        line-height: 23px;
        margin:30px 0;
    }
    .about-first-block .sticky-element{
        position: static;
        transform: translateY(0px)!important;
        margin-top:20px;
        width: 100%;
    }
    .big-title{
        margin-top: 30px;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    .main-content div.title-w-icon{
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .instructions .item .name{
        margin-bottom: 10px;
    }
    .instructions .item{
        padding-bottom: 30px;
    }
    .instructions{
        padding-bottom: 40px;
    }
    .articles-list .item{
        width: 280px;
        height: 160px;
        margin-bottom: 20px;
        line-height: 160px;
    }
    .articles-list{
        flex-wrap: wrap;
    }
    .articles-block{
        padding-bottom: 20px;
    }
    .main-content ul{
        margin-left: 30px;
    }
    .main-content ol.product-ol li{
        padding:0px;
        font-size: 16px;
        font-weight: 400;
        line-height: 25px;
    }
    .product-ol li:nth-child(1){
        padding-top: 207px!important;
        background: url(/bitrix/templates/ranavexim/images/circle-ol-img-1-new.png) no-repeat top center;
    }
    .product-ol li{
        margin-right: 0px!important;
    }
    .product-ol li{
        margin-bottom:35px!important;
        margin-left: 0px!important;
    }
    .product-ol li .small-desc{
        position: static!important;
        
        width: 100%!important;
        margin-top: 50px!important;
        text-align: left!important;
    }
    .product-ol li:nth-child(1) .desc{
        padding-bottom: 0px;
    }
    ol.product-ol .small-desc:before{
        display: none!important;
    }
    .product-ol li .desc{
        width: 100%!important;
        float: none!important;
    }
    .product-ol li:nth-child(2){
        background: url(/bitrix/templates/ranavexim/images/circle-ol-img-2-new.png) no-repeat top;
        padding-top: 220px!important;
    }
    .product-ol li:nth-child(3){
        background: url(/bitrix/templates/ranavexim/images/mobile-circle-ol-img-3.png) no-repeat top;
        padding-top: 210px!important;
    }
    .attention{
        width: calc(100% + 20px);
        margin-left: -20px;
        padding-left: 16px;
        font-size: 18px;
        line-height: 27px;
    }
    .attention + .small-ol{
        margin-left: 20px;
        margin-bottom: 60px;
    }
    .small-ol li:before{
        content: counter(item);
        font-family: "DIN Round Pro - Bold";
        font-size: 14px;
        font-weight: 700;
    }
    .attention + .small-ol{
        margin-left: 0px;
    }
    .attention + .small-ol li{
        margin-left: 20px;
    }
    .foot-promo .promo-list,
    .foot-promo .description{
        width: 100%;
    }
    .promo-list > div{
        display: block;
        width: 100%;
        font-family: "DIN Round Pro - Bold";
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        text-transform: uppercase;
    }
    .promo-list > div{
        margin-bottom: 40px;
    }
    .foot-promo:before{
        display: none;
    }
    .foot-promo{
        
        background-position-y: 20px;
        padding-top: 40px;
    }
    .main-content .image{
        width: 100%;
    }
    .two-cols-content{
        display: block;
    }
    .two-cols-content > div{
        margin-top: 20px;
        padding-top: 50px
    }
    .main-content > p:first-child{
        margin-top: 30px;
    }
    .main-content .image{
        margin-top: 30px;
    }
    img + p{
        margin-top: 30px!important;
    }
    .main-content > p:last-child{
        margin-bottom: 60px;
    }
    #footer .second-block{
        padding-left: 20px;
    }
    .wide-image-wo-padding{
        width: 100%;
    }
    .main-content ul.iconic-ul-1, 
    .main-content ul.iconic-ul-2{
        margin-left: 0px;
    }
    .main-content ul.iconic-ul-1 li:before{
        top:0px;
    }
    .main-content ul.iconic-ul-1 li{
        margin-bottom: 30px;
    }
    .main-content ul.iconic-ul-2{
        margin-bottom: 60px;
    }
    .faq-form-block{
        transform: translateY(0px)!important;
        position: static;
    }
    .answer .admin{
        width:180px;
    }
    .faq-block{
        margin-bottom: 60px;
    }
    .faq-form:before{
        display: none;
    }
    .checkbox-input label{
        white-space: initial;
    }
    .checkbox-input label:before{
        top:3px;
    }
    a.back-to{
        margin-left: 38px;
    }
    .sub-h1{
        margin-left: 20px;
    }
    .map-content .btns-top{
        position: static;
        margin-top: 10px;
        display: flex;
        width: 100%;
    }
    .map-content .btns-top .btn{
        display: block;
        white-space: nowrap;
    }
    .map-container{
        height: 644px;
    }
    .partners .btns{
        display: block;
        margin-top: 10px;
    }
    .buy-product .container:before{
        display: none;
    }
    .farm-partners.with-btns .partners{
        padding-bottom: 1px;
    }
    .buy-2-cols{
        display:block;
        width: 100%;
    }
    .buy-2-cols .item{
        margin-bottom: 30px;
    }
    .buy-product .item:nth-child(2) .text{
        margin-bottom: 20px;
    }
    .buy-product{
        padding-bottom: 280px;
    background: url(/bitrix/templates/ranavexim/images/about-ranavexim.png) bottom center no-repeat;
    background-size: 320px;
        background-position: bottom center;
        background-repeat: no-repeat;
    }
    body *::-webkit-scrollbar {
        width: 6px;
        border-radius: 5px;
        background-color: #eee;
    }

    body *::-webkit-scrollbar-thumb {
        width: 6px;
        border-radius: 5px;
        background-color: #ddd;
        opacity: 0.1;
    }
    .address-list table th:nth-child(2),
    .address-list table td:nth-child(2){
        display: none;
    }
    .address-list table td:last-child, .address-list table th:last-child{
        padding-right: 0px;
    }
    .address-list table thead:after{
        width: 100%;
    }
    .address-list table td{
        font-size: 15px;
        font-weight: 400;
        line-height: 40px;
    }
    .address-list table td:last-child{
        font-size: 0px!important;
    }
    .address-list td.instock:before{
        position: relative;
        left: 0px!important;
        float: right;
        top: 14px!important;
    }

    .address-list table td:first-child, .address-list table th:first-child{
        width: 80%;
    }
    .address-list table{
        margin-right: -20px;
        padding-right: 20px;
    }
    .empty-query{
        width: 280px;
    }
    .product-ol li:nth-child(1),
    .product-ol li:nth-child(2),
    .product-ol li:nth-child(3){
        padding-left: 0px;
    }
    #header .menu ul li{
        max-width: 260px;
    }
    #top-menu .menu ul li a{
        padding:0px;
    }
    #top-menu.active .menu ul{
        background-image: url(/bitrix/templates/ranavexim/images/mobile-menu-bg.png);
        background-position-x: center;
        background-position-y: 100%;
        height: 770px;
    }
    #footer .col-3 .press-1{
        background-size: 60px;
    }
    .partners-list a{
        background-size: 110px;
    }
    .about-first-block .sticky-element{
        background: url(/bitrix/templates/ranavexim/images/mobile-about-ranavexim.png) top right no-repeat;
        margin-top: 50px;
        height: 280px;
    }
    .instructions .item:nth-child(4){
        margin-bottom: 0px;
    }
    
    .history-pic{
        height: 180px;
    }
    .history-pic{
        background-size: 200px;
        margin-top: 20px;
    }
    .right-image{
        max-width: 100%!important;
    }
}
/* IE11 hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .address-list table td:first-child, .address-list table th:first-child,
    .address-list table td:last-child, .address-list table th:last-child{

        display: block;
    }

    .address-list table td, .address-list table th{
       display: block;
    }
    .foot-promo::before{
        top:100px;
    }
}
.partners-list a.blank-item{
    opacity: 0;
    height: 0px;
    margin-bottom: 0px;
}
.about-first-block ol{
    margin-left: 20px;
}
.about-first-block ul{
    margin-left: 20px;
}
.main-content .about-first-block ul li{
    margin-bottom: 5px;
}
.content-img{
    border-radius: 10px;
    max-width: 100%;
}

#footer .second-block.text-fixed .footer-text{
    position: fixed;
    bottom: 0px;
    z-index: 100;
    left: 0px;
    right: 0px;
    background: #fff;
    margin: 0px;
    padding: 20px;
    text-align: center;
    color: #ccc;
    box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.1);
    cursor: pointer;
}
#footer .second-block.text-fixed .footer-text:after{
    position: absolute;
    top: 1px;
    right: 10px;
    content: "\00D7"
}
#footer .second-block.text-fixed .btn{
    margin-top: 20px;
}
#footer .second-block.text-fixed{
    margin-bottom: 40px;
}
.news-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 40px;
}
.news-grid img{
    max-height: 200px;
    width: 100%;
    object-fit: cover;
}
.news-grid .news-title{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.news-grid .news-preview{
    padding: 20px;
    
}
.news-grid .news-item{
background-color: #fafafa;
}
.news-date{
    color: #ccc;
    margin-bottom: 10px;
}
.typograph h2,
.typograph h3{
    margin-top: 30px;
}
.news-detail{
    margin-top: 40px;
}
.typograph ol{
    margin-left: 30px;
}
.bg-color{
    background: #de3966;
    color: #fff;
    padding: 20px;
}


.uteka-widget-header__inner{
	justify-content: space-between;
}

.additional-links{
	height: 32px;
}
@media(max-width:1023px){
	.uteka-widget-header__inner{
		padding: 20px 0;
		height: auto;
		gap: 20px;
	}
}

.ranavexim__btn{
    display: flex;
    width: 270px;
    height: 150px;
    align-items: center;
    justify-content: center;
    text-align: center;
	background: #ffc000;
	border-radius: 60px;
    margin: 0 auto;
	border: 1px solid;
}
.ranavexim__btn_red{
background: #de3966;
color: #fff;
}
.ranavexim__btn:hover{
	text-decoration: underline;
}
/* End */
/* /bitrix/templates/ranavexim/slick/slick.css?17600922941776 */
/* /bitrix/templates/ranavexim/slick/slick-theme.css?17600922943145 */
/* /bitrix/templates/ranavexim/fancybox/fancybox.css?176009229313841 */
/* /bitrix/templates/.default/components/bitrix/news.list/press_list/style.css?1760092293150 */
/* /bitrix/templates/ranavexim/styles.css?176009229379440 */