

/* Start:/local/templates/xr-butterfly/assets/js/libs/fancybox/jquery.fancybox.min.css?161788689212795*/
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;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;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:transform,opacity;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{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;transform-origin:top left;transition-property:transform,opacity;-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:grab}.fancybox-is-grabbing .fancybox-content{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:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property: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;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.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{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}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;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;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.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-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.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:rgba(0,0,0,0);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:/local/templates/xr-butterfly/assets/js/libs/OwlCarousel2/assets/owl.carousel.min.css?16158364033356*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/xr-butterfly/assets/js/libs/OwlCarousel2/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/templates/xr-butterfly/assets/css/style.min.css?1751633837308256*/
@charset "UTF-8";
.c-g1 {
    color: #F8F8F8;
}

.c-g2 {
    color: #EBEDEF;
}

.c-g3 {
    color: #C6CED3;
}

.c-g4 {
    color: #ACAFBC;
}

.c-g5 {
    color: #79838C;
}

.c-violet {
    color: #6E57FF;
}

.c-orange {
    color: #FFA800;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
    max-width: 100%;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

@font-face {
    font-family: 'SuisseIntl';
    src: url("/local/templates/xr-butterfly/assets/css/../fonts/SuisseIntl-Book.eot?#iefix") format("embedded-opentype"), url("/local/templates/xr-butterfly/assets/css/../fonts/SuisseIntl-Book.otf") format("opentype"), url("/local/templates/xr-butterfly/assets/css/../fonts/SuisseIntl-Book.woff") format("woff"), url("/local/templates/xr-butterfly/assets/css/../fonts/SuisseIntl-Book.ttf") format("truetype"), url("/local/templates/xr-butterfly/assets/css/../fonts/SuisseIntl-Book.svg#SuisseIntl-Book") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SuisseIntl';
    src: url("/local/templates/xr-butterfly/assets/css/../fonts/SuisseIntl-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/xr-butterfly/assets/css/../fonts/SuisseIntl-Bold.otf") format("opentype"), url("/local/templates/xr-butterfly/assets/css/../fonts/SuisseIntl-Bold.woff") format("woff"), url("/local/templates/xr-butterfly/assets/css/../fonts/SuisseIntl-Bold.ttf") format("truetype"), url("/local/templates/xr-butterfly/assets/css/../fonts/SuisseIntl-Bold.svg#SuisseIntl-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rouble';
    src: url("/local/templates/xr-butterfly/assets/css/../fonts/rouble.woff2") format("woff2"), url("/local/templates/xr-butterfly/assets/css/../fonts/rouble.woff") format("woff"), url("/local/templates/xr-butterfly/assets/css/../fonts/rouble.ttf") format("truetype"), url("/local/templates/xr-butterfly/assets/css/../fonts/rouble.svg#als_rublregular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    overflow-x: hidden;
    padding-top: 95px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #F8F8F8;
    font-family: "SuisseIntl", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #12161B;
}

body.is-hold {
    overflow: hidden;
}

@media (max-width: 1024px) {
    body {
        padding-top: 88px;
    }
}

@media (max-width: 767px) {
    body {
        padding-top: 72px;
    }
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    transition: color 200ms ease;
}

a:focus, a:active, a:focus:active {
    outline: none;
}

input,
button,
textarea {
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
}

button {
    border: none;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
    transition: color 250ms ease;
}

iframe {
    display: block;
    max-width: 100%;
}

svg.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    transition: fill 250ms ease;
}

.wrapper {
    width: 100%;
    max-width: 1487px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .wrapper {
        padding-right: 40px;
        padding-left: 40px;
    }
}

@media (max-width: 767px) {
    .wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.videoWrapper img,
.videoWrapper video,
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.rub {
    font-weight: normal;
    font-family: "Rouble", "SuisseIntl", Helvetica, Arial, sans-serif;
    line-height: 100%;
    text-transform: none;
}

.confetti {
    position: absolute;
}

.confetti--red {
    background-color: #E94A3F;
}

.confetti--yellow {
    background-color: #FAA040;
}

.confetti--blue {
    background-color: #5FC9F5;
}

.helpvolunteer__form,
.helppartner__form,
.helpus__form {
    position: relative;
}

/* autoprefixer: off */
_:-ms-fullscreen, :root .main-press-item--big {
    top: 0;
}

/* autoprefixer: on */
.embed {
    margin-bottom: 40px;
}

.btn {
    display: inline-flex;
    box-sizing: border-box;
    text-decoration: none;
    transition: all 200ms ease;
}

.btn[disabled] {
    pointer-events: none;
    background-color: #C6CED3;
    color: rgba(255, 255, 255, 0.7);
    cursor: default;
}

.btn.btn-fw {
    width: 100%;
    justify-content: center;
}

.btn.btn-mini {
    height: 40px;
    padding-right: 25px;
    padding-left: 25px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 40px;
}

.btn.btn-circle {
    justify-content: center;
    align-items: center;
    width: 64px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
}

@media (max-width: 767px) {
    .btn.btn-circle {
        width: 40px;
        height: 40px;
    }
}

.btn.btn-circle.btn-mini {
    width: 40px;
    text-align: center;
}

.btn.hideborder {
    border-color: transparent;
}

.btn-violet {
    height: 64px;
    border: none;
    padding-right: 45px;
    padding-left: 45px;
    border-radius: 32px;
    background-color: #6E57FF;
    font-weight: bold;
    font-size: 22px;
    line-height: 64px;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .btn-violet {
        height: 56px;
        padding-right: 24px;
        padding-left: 24px;
        font-size: 16px;
        line-height: 56px;
    }
}

@media (max-width: 410px) {
    .btn-violet {
        padding-right: 14px;
        padding-left: 14px;
        font-size: 12px;
    }
}

.btn-violet .icon {
    fill: #FFFFFF;
}

.btn-violet:hover {
    background-color: #FFA800;
}

.btn-violet:hover .icon {
    fill: #FFFFFF;
}

.btn-violet:active {
    background-color: #F28D00;
    color: rgba(255, 255, 255, 0.5);
}

.btn-violet:active .icon {
    fill: rgba(255, 255, 255, 0.5);
}

.btn-orange {
    height: 64px;
    border: none;
    padding-right: 45px;
    padding-left: 45px;
    border-radius: 32px;
    background-color: #FFA800;
    font-weight: bold;
    font-size: 22px;
    line-height: 64px;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .btn-orange {
        height: 56px;
        font-size: 16px;
        line-height: 56px;
    }
}

.btn-orange:hover {
    background-color: #F28D00;
}

.btn-orange:active {
    background-color: #BC5409;
    color: rgba(255, 255, 255, 0.5);
}

.btn-red {
    height: 64px;
    border: none;
    padding-right: 45px;
    padding-left: 45px;
    border-radius: 32px;
    background-color: #FA5A00;
    font-weight: bold;
    font-size: 22px;
    line-height: 64px;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .btn-red {
        height: 56px;
        padding-right: 24px;
        padding-left: 24px;
        font-size: 16px;
        line-height: 56px;
    }
}

.btn-red:hover {
    background-color: #F28D00;
}

.btn-red:active {
    background-color: #BC5409;
    color: rgba(255, 255, 255, 0.5);
}

.btn-bordered {
    height: 64px;
    border: 1px solid #C6CED3;
    padding-right: 45px;
    padding-left: 45px;
    border-radius: 32px;
    background-color: transparent;
    font-weight: bold;
    font-size: 22px;
    line-height: 64px;
    color: #12161B;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .btn-bordered {
        height: 56px;
        padding-right: 24px;
        padding-left: 24px;
        font-size: 16px;
        line-height: 56px;
    }
}

.btn-bordered .icon {
    fill: #12161B;
}

.btn-bordered:hover {
    border-color: #FFA800;
    background-color: #FFA800;
    color: #FFFFFF;
}

.btn-bordered:hover .icon {
    fill: #FFFFFF;
}

.btn-bordered:active {
    border-color: #F28D00;
    background-color: #F28D00;
    color: rgba(255, 255, 255, 0.5);
}

.btn-bordered:active .icon {
    fill: rgba(255, 255, 255, 0.5);
}

.btn-link-arrow {
    align-items: center;
    color: #12161B;
}

.btn-link-arrow:hover {
    color: #FFA800;
}

.btn-link-arrow span {
    font-weight: bold;
    font-size: 22px;
    line-height: 100%;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .btn-link-arrow span {
        font-size: 16px;
    }
}

.btn-link-arrow .icon {
    width: 32px;
    height: 20px;
    margin-left: 15px;
    fill: currentColor;
}

.btn-link {
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    color: #FFA800;
    text-transform: uppercase;
}

.btn-link:hover {
    color: #BC5409;
}

.btn-link--black {
    color: #000000;
}

.btn-link--black:hover {
    color: #FFA800;
}

.btn-link-plus {
    align-items: center;
    color: #FFA800;
}

.btn-link-plus:hover {
    color: #BC5409;
}

.btn-link-plus .icon {
    width: 14px;
    height: 14px;
    margin-right: 9px;
    fill: currentColor;
}

.btn-link-plus span {
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
}

.checkbox-default {
    position: relative;
    display: inline-block;
}

.checkbox-default input {
    position: absolute;
    top: 0;
    visibility: hidden;
    opacity: 0;
}

.checkbox-default input:checked + .checkbox-default__in:before {
    border-color: #FFA800;
    background-color: #FFA800;
}

.checkbox-default input:checked + .checkbox-default__in:after {
    opacity: 1;
}

.checkbox-default__in {
    position: relative;
    padding: 0 0 0 37px;
    text-align: left;
    cursor: pointer;
    user-select: none;
}

.checkbox-default__in:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin: 0 16px 0 0;
    border: 1px solid #C6CED3;
    border-radius: 4px;
    box-sizing: border-box;
}

.checkbox-default__in:after {
    content: ' ';
    opacity: 0;
    position: absolute;
    top: 6px;
    left: 10px;
    display: block;
    width: 3px;
    height: 8px;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    transform: rotate(45deg);
}

.checkbox-default__in a {
    color: #FFA800;
    text-decoration: none;
}

.checkbox-default__in a:hover {
    color: #F28D00;
}

.filter-head {
    display: none;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    margin-bottom: 60px;
    border-top: 1px solid #C6CED3;
    border-bottom: 1px solid #C6CED3;
}

@media (max-width: 1024px) {
    .filter-head {
        display: flex;
    }
}

@media (max-width: 767px) {
    .filter-head {
        margin-bottom: 45px;
    }
}

.filter-head__title {
    display: flex;
    align-items: center;
}

.filter-head__title .icon {
    font-size: 20px;
}

.filter-head__title span {
    margin-left: 18px;
}

.filter-search {
    position: relative;
    margin-bottom: 32px;
}

@media (max-width: 1024px) {
    .filter-search {
        margin-bottom: 56px;
    }
}

@media (max-width: 767px) {
    .filter-search {
        margin-bottom: 30px;
    }
}

.filter-search__input {
    height: 56px;
    padding-left: 24px;
    font-size: 16px;
}

.filter-search__button {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    font-size: 20px;
}

.filter-search__button:hover .icon {
    fill: #FFA800;
}

@media (max-width: 1024px) {
    .filter__in {
        display: none;
        margin-right: -40px;
        margin-bottom: 60px;
        margin-left: -40px;
        padding-top: 24px;
        padding-right: 40px;
        padding-bottom: 32px;
        padding-left: 40px;
        background-color: #EBEDEF;
    }
}

@media (max-width: 767px) {
    .filter__in {
        margin-right: -24px;
        margin-bottom: 45px;
        margin-left: -24px;
        padding-right: 24px;
        padding-left: 24px;
    }
}

@media (min-width: 1025px) {
    .filter__in {
        display: block !important;
    }
}

@media (max-width: 1024px) {
    .filter__row {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -20px;
    }

    .filter__row:first-child .filter-item {
        border-top-color: transparent;
        padding-top: 0;
    }
}

@media (max-width: 1024px) {
    .filter__row--two .filter__col {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .filter__row--two .filter__col {
        width: 100%;
    }
}

.filter__col {
    width: 100%;
}

@media (max-width: 1024px) {
    .filter__col {
        padding: 0 20px;
        box-sizing: border-box;
    }
}

.filter-item {
    width: 100%;
    margin-bottom: 10px;
    border-top: 1px solid #C6CED3;
    padding-top: 24px;
}

@media (max-width: 767px) {
    .filter-item {
        margin-bottom: 5px;
    }
}

.filter-item__title {
    margin-bottom: 20px;
}

.filter-range {
    min-height: 85px;
}

.filter-range-values {
    display: flex;
    height: 56px;
    margin-bottom: 24px;
    box-shadow: 0px 8px 24px rgba(22, 32, 46, 0.05);
    background-color: #FFFFFF;
    border-radius: 28px;
}

.filter-range-values input {
    width: 100%;
    height: 56px;
    border: none;
    padding: 0 24px 0 50px;
    box-sizing: border-box;
    background-color: transparent;
    text-align: right;
}

.filter-range-values label {
    position: absolute;
    top: 50%;
    left: 24px;
    color: #C6CED3;
    transform: translate(0, -50%);
}

.filter-range-values__from {
    position: relative;
    width: 50%;
}

.filter-range-values__from:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 24px;
    margin: auto 0;
    background-color: #EBEDEF;
}

.filter-range-values__to {
    position: relative;
    width: 50%;
}

.filter-radio__list {
    margin: 0 -8px 0 0;
}

.filter-radio__list--more {
    display: none;
}

.filter-radio__list label {
    position: relative;
    display: inline-flex;
    cursor: pointer;
}

.filter-radio__list label input {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}

.filter-radio__list label > span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 104px;
    height: 48px;
    margin: 0 8px 8px 0;
    border: 1px solid #C6CED3;
    padding: 0 24px;
    border-radius: 24px;
    box-sizing: border-box;
    line-height: 130%;
    transition: all 200ms ease;
}

.filter-radio__list label > span .rub {
    margin-top: 3px;
    margin-left: 3px;
}

.filter-radio__list label input:checked + span {
    border-color: #FFA800;
    background-color: #FFA800;
    color: #FFFFFF;
}

.filter-radio__more {
    margin-top: 17px;
    margin-left: 10px;
}

.filter-bottom {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-right: -40px;
    margin-left: -40px;
    border-top: 1px solid #C6CED3;
    padding-top: 32px;
    padding-right: 40px;
    padding-left: 40px;
}

@media (max-width: 1024px) {
    .filter-bottom {
        display: flex;
    }
}

@media (max-width: 767px) {
    .filter-bottom {
        margin-right: -24px;
        margin-left: -24px;
        padding-right: 24px;
        padding-left: 24px;
    }
}

.filter-bottom .btn-bordered {
    margin-right: 34px;
}

@media (max-width: 767px) {
    .filter-bottom .btn-bordered {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        justify-content: center;
    }
}

.filter-bottom .btn-link {
    display: flex;
    align-items: center;
}

.filter-bottom .btn-link:last-child {
    margin-left: auto;
}

.filter-bottom .btn-link .icon-x {
    margin-right: 18px;
    font-size: 28px;
}

.filter-presets {
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
}

.filter-presets .btn {
    display: inline-flex;
    align-items: center;
    height: 44px;
    margin: 0 8px 8px 0;
    padding-right: 22px;
    padding-left: 22px;
    border-radius: 25px;
    font-weight: normal;
    font-size: 16px;
}

@media (max-width: 767px) {
    .filter-presets .btn {
        margin-right: 6px;
        padding-right: 20px;
        padding-left: 20px;
    }
}

.gallery-box {
    margin: 0 0 60px 0;
}

@media (max-width: 767px) {
    .gallery-box {
        margin-right: -24px;
        margin-bottom: 80px;
        margin-left: -24px;
    }
}

.gallery-box-list {
    margin: 0 0 25px 0;
}

.gallery-box-list .flickity-page-dots {
    display: none;
}

@media (max-width: 767px) {
    .gallery-box-list .flickity-page-dots {
        display: block;
    }
}

.gallery-box-list__item {
    width: 100%;
}

.gallery-box-list__item img {
    display: block;
    width: 100%;
}

.gallery-box-list__caption {
    margin-top: 10px;
    color: #79838C;
}

@media (max-width: 767px) {
    .gallery-box-list__caption {
        padding: 0 24px;
    }
}

.gallery-box-preview {
    width: calc(100% - 80px);
}

.gallery-box-preview__item {
    position: relative;
    width: calc(16.6666667% - 28px);
    margin-right: 32px;
}

@media (max-width: 1024px) {
    .gallery-box-preview__item {
        width: calc(20% - 28px);
    }
}

.gallery-box-preview__item.is-selected:after {
    opacity: 1;
    transform: translate3d(0, 0%, 0);
}

.gallery-box-preview__item:after {
    content: ' ';
    opacity: 0;
    position: absolute;
    right: -1px;
    bottom: 0;
    left: -1px;
    height: 8px;
    border-bottom: 2px solid #6E57FF;
    background-color: #F8F8F8;
    box-sizing: border-box;
    backface-visibility: hidden;
    transform: translate3d(0, 100%, 0);
    transition: all 250ms ease-in-out;
}

.gallery-box-preview__item img {
    display: block;
    width: 100%;
}

.gallery-box__bt {
    position: relative;
}

@media (max-width: 767px) {
    .gallery-box__bt {
        display: none;
    }
}

.gallery-box__next {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 80px;
    height: 100%;
}

.gallery-box__next:hover .icon {
    fill: #FFA800;
}

.gallery-box__next .icon {
    width: 31px;
    height: 31px;
}

.inp-group {
    margin: 0 0 20px 0;
    box-sizing: border-box;
}

.inp-group .inp-error__text {
    display: none;
}

.inp-group.inp-error .inp-style {
    color: #FA5A00;
}

.inp-group.inp-error .inp-error__text {
    display: block;
}

.inp-error {
    position: relative;
}

.inp-error label {
    color: #FA5A00;
}

.inp-error .inp-style {
    border-color: #FA5A00;
    box-shadow: 0px 8px 24px rgba(22, 32, 46, 0.05), 0 0 0 1px #FA5A00;
}

.inp-error__text {
    position: absolute;
    top: 100%;
    left: 33px;
    margin-top: 3px;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
    color: #FA5A00;
}

@media (max-width: 767px) {
    .inp-error__text {
        position: relative;
        top: initial;
        left: initial;
        margin-left: 20px;
        font-size: 10px;
    }
}

.inp-style {
    height: 64px;
    border: 1px solid transparent;
    padding: 0 0 0 33px;
    border-radius: 32px;
    background-color: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(22, 32, 46, 0.05);
    box-sizing: border-box;
    font-weight: normal;
    font-size: 20px;
    line-height: 100%;
    color: #12161B;
    transition: border-color 200ms ease;
}

.inp-style::-webkit-input-placeholder {
    color: #C6CED3;
}

.inp-style::-moz-placeholder {
    color: #C6CED3;
}

.inp-style:-moz-placeholder {
    color: #C6CED3;
}

.inp-style:-ms-input-placeholder {
    color: #C6CED3;
}

@media (max-width: 767px) {
    .inp-style {
        height: 56px;
        padding-left: 20px;
        font-size: 16px;
    }
}

.inp-style:focus {
    border-color: #FFA800;
}

textarea.inp-style {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 64px;
    padding-top: 15px;
    line-height: 130%;
}

.inp-fw {
    width: 100%;
}

.inp-row-2 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.inp-row-2 .inp-group {
    width: 50%;
    padding: 0 12px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .inp-row-2 .inp-group {
        width: 100%;
    }
}

.inp-row-center {
    justify-content: center;
}

.pagination__sp {
    flex-basis: 100%;
    height: 1px;
    background-color: #C6CED3;
}

.pagination__dots {
    width: 48px;
    margin: 0 24px 0 0;
    color: #ACAFBC;
    text-align: center;
}

.pagination ul {
    display: flex;
    align-items: center;
}

.pagination ul li.is-active a {
    border-color: #FFA800;
    background-color: #FFA800;
    color: #FFFFFF;
}

.pagination ul li:not(:last-child) {
    margin-right: 16px;
}

@media (max-width: 767px) {
    .pagination ul li:not(:last-child) {
        margin-right: 8px;
    }
}

@media (max-width: 767px) {
    .pagination ul li:nth-child(3), .pagination ul li:nth-child(4) {
        display: none;
    }

    .pagination ul li .btn.btn-circle {
        width: 48px;
        height: 48px;
        padding-right: 0;
        padding-left: 0;
    }
}

.submenu {
    margin-bottom: 63px;
}

@media (max-width: 1024px) {
    .submenu {
        display: none;
    }
}

.submenu__in {
    display: flex;
    align-items: center;
    height: 97px;
    border-top: 1px solid #C6CED3;
    border-bottom: 1px solid #C6CED3;
}

.submenu-main {
    position: relative;
    display: flex;
    align-items: center;
    width: 23.3%;
    min-width: 23.3%;
}

.submenu-main:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 32px;
    margin: auto 0;
    background-color: #C6CED3;
}

.submenu-main a {
    display: flex;
    align-items: center;
    color: #12161B;
    text-decoration: none;
}

.submenu-main a:hover .submenu-main__icon .icon {
    fill: #6E57FF;
}

.submenu-main a:hover .submenu-main__text {
    color: #FFA800;
}

.submenu-main__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-right: 16px;
    background-color: #FFFFFF;
    border-radius: 50%;
}

.submenu-main__icon .icon {
    font-size: 12px;
}

.submenu-main__text {
    transition: all 250ms ease;
}

.submenu__nav {
    margin-left: 32px;
}

.submenu__nav ul {
    display: flex;
    flex-wrap: wrap;
}

.submenu__nav ul li {
    padding: 5px 0;
}

.submenu__nav ul li:not(:last-child) {
    margin-right: 24px;
}

.submenu__nav ul li.is-active a {
    color: #FFA800;
}

.submenu__nav ul li a {
    color: #12161B;
    text-decoration: none;
    white-space: nowrap;
}

.submenu__nav ul li a:hover {
    color: #FFA800;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

.acid, .main-children__text, .reports-graph__item.reports-graph__item--3 h3 {
    font-weight: bold;
    font-size: 132px;
    line-height: 112px;
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .acid, .main-children__text, .reports-graph__item.reports-graph__item--3 h3 {
        font-size: 100px;
    }
}

@media (max-width: 767px) {
    .acid, .main-children__text, .reports-graph__item.reports-graph__item--3 h3 {
        font-size: 48px;
        line-height: 64px;
    }
}

.h0, .reports-graph__item h3 {
    font-weight: bold;
    font-size: 66px;
    line-height: 64px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .h0, .reports-graph__item h3 {
        font-size: 36px;
        line-height: 40px;
    }
}

.h1, .menu__list > ul > li > a, .account-head__title h1, .account-child__title h1, .account-profile__title h1, .command__text h1, .doctors__text h1, .documents-head__title h1, .experts-head__title h1, .help-legalentity-thanks__in h3, .help-set-ctrls__value input, .helppartner__text h1, .helpus__text h1, .helpvolunteer__text h1, .join__text h1, .main-volunteer__title h2, .press-entry__text h1, .press-body__title h1, .referential__text h1, .regfund__in h1, .reports_costs__text h1, .reports_online__text h1, .reports__text h1, .trustees__text h1, .wanthelp__text h1, .wanthelp-cards-item__title, .main-program-item-static__text-last {
    font-weight: bold;
    font-size: 56px;
    line-height: 56px;
    text-transform: uppercase;
}

.news-wards-entry .press-entry__text h1 {
    font-size: 32px;
    line-height: 40px;
}

@media (max-width: 767px) {
    .h1, .menu__list > ul > li > a, .account-head__title h1, .account-child__title h1, .account-profile__title h1, .command__text h1, .doctors__text h1, .documents-head__title h1, .experts-head__title h1, .help-legalentity-thanks__in h3, .help-set-ctrls__value input, .helppartner__text h1, .helpus__text h1, .helpvolunteer__text h1, .join__text h1, .main-volunteer__title h2, .press-entry__text h1, .press-body__title h1, .referential__text h1, .regfund__in h1, .reports_costs__text h1, .reports_online__text h1, .reports__text h1, .trustees__text h1, .wanthelp__text h1, .wanthelp-cards-item__title, .main-program-item-static__text-last {
        font-size: 26px;
        line-height: 32px;
    }

    .news-wards-entry .press-entry__text h1 {
        font-size: 24px;
        line-height: 32px;
    }
}

.h2, .doctors__text h3, .join__text h3, .programs_entry__text h3, .referential__text h3, .reports_online_tabs-item__head h3, .trustees-item__description p, .faq-item__head h3 {
    font-weight: normal;
    font-size: 32px;
    line-height: 40px;
}

@media (max-width: 767px) {
    .h2, .doctors__text h3, .join__text h3, .programs_entry__text h3, .referential__text h3, .reports_online_tabs-item__head h3, .trustees-item__description p, .faq-item__head h3 {
        font-size: 20px;
        line-height: 28px;
    }
}

.h3, .menu__list > ul > li ul li a, .subscribe-success__text, .account-box-head__title, .account-box-history__total, .account-child-empty__text h3, .account-child-list__title, .account-profile-group__title, .child-info__name, .childrens-empty__title h3, .expert-sidebar-info__body h3, .experts-item__body h3, .helppartner__form h3, .helpus__form h3, .helpus-logos__title h3, .helpvolunteer__form h3, .join__form h3, .main-children-box__title, .main-press-item--big .main-press-item__date, .main-press-item--big .main-press-item__title h4, .main-program-item-hover__text h4, .main-program-item-static__text h4, .regfund__in h3, .reports-item__title, .txt-attach__title h2 {
    font-weight: bold;
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .h3, .menu__list > ul > li ul li a, .subscribe-success__text, .account-box-head__title, .account-box-history__total, .account-child-empty__text h3, .account-child-list__title, .account-profile-group__title, .child-info__name, .childrens-empty__title h3, .expert-sidebar-info__body h3, .experts-item__body h3, .helppartner__form h3, .helpus__form h3, .helpus-logos__title h3, .helpvolunteer__form h3, .join__form h3, .main-children-box__title, .main-press-item--big .main-press-item__date, .main-press-item--big .main-press-item__title h4, .main-program-item-hover__text h4, .main-program-item-static__text h4, .regfund__in h3, .reports-item__title, .txt-attach__title h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

.h4, .list-line li, .list-number li, .modal_need_auth .modal-dialog .modal-content, .account-head__description, .account-box-item p, .child__text p, .child-review__body, .child-chart-info-item--min .child-chart-info-item__value, .child-chart-info-item__text span, .child-chart-info-acc-item-head__title, .child-chart-info-acc-item-head__summ, .command__text p, .doctors__text p, .documents-head__text, .expert-body__text p, .experts-head__text, .experts-item__body p, .helppartner__text p, .helpus__text p, .helpvolunteer__text p, .join__text p, .main-reviews-item__text p, .main-volunteer__text p, .press-entry__text p, .programs_entry__text p, .referential__text p, .regfund__in p, .reports_costs__text p, .reports_online__text p, .reports_online_tabs-date__title, .reports__text p, .trustees__text p, .wanthelp__text p {
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
}

@media (max-width: 767px) {
    .h4, .list-line li, .list-number li, .modal_need_auth .modal-dialog .modal-content, .account-head__description, .account-box-item p, .child__text p, .child-review__body, .child-chart-info-item--min .child-chart-info-item__value, .child-chart-info-item__text span, .child-chart-info-acc-item-head__title, .child-chart-info-acc-item-head__summ, .command__text p, .doctors__text p, .documents-head__text, .expert-body__text p, .experts-head__text, .experts-item__body p, .helppartner__text p, .helpus__text p, .helpvolunteer__text p, .join__text p, .main-reviews-item__text p, .main-volunteer__text p, .press-entry__text p, .programs_entry__text p, .referential__text p, .regfund__in p, .reports_costs__text p, .reports_online__text p, .reports_online_tabs-date__title, .reports__text p, .trustees__text p, .wanthelp__text p {
        font-size: 18px;
        line-height: 24px;
    }
}

.h5, .help-set-text, .main-press-item--big .main-press-item__description p, .main-trustees-item__description p {
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
}

@media (max-width: 767px) {
    .h5, .help-set-text, .main-press-item--big .main-press-item__description p, .main-trustees-item__description p {
        font-size: 18px;
        line-height: 24px;
    }
}

.base, .checkbox-default__in, .filter-range-values label, .filter-radio__list label > span, .table-base table tbody tr td, .modal_ctrl__text p, .account-box-item h5, .account-autodonate-start__text, .account-autodonate-work__text, .account-child-empty__text p, .child-chart-info-item--min .child-chart-info-item__text, .childrens-empty__text, .documents-item__text, .help-legalentity__text p, .help-legalentity__text2 p, .help-legalentity-thanks__in p, .help-legalentity-info__col p, .help-sms__in p, .help-partner-card__text, .main-children-box__text, .reports_costs-item__title, .reports_costs-item__date, .reports_online_tabs-item__body p, .txt-attach-item__title, .faq-item__body p, .wanthelp-cards-item__text {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}

.base-caps, .filter-head__title span, .pagination__dots, .auth-box-signup-success__text h4, .auth-box-forgot-success__text h4, .links-box-item__title, .modal_ctrl__text h3, .child-account-card__name, .child-graph__title h3, .child-review__title h3, .child-trustees-news__title h3, .child-chart-info-total, .child-chart-info-item__value, .child-card__name, .command-item__name, .doctors__text h4, .help-sms__in h3, .help-partner-card__title, .join__form-success-in, .main .flickity__info .flickity-indexof__index, .main-program__title h2, .main-reviews__title h2, .main-trustees .flickity-indexof__index, .main-trustees-item__title h3, .press-entry-ward__title h2, .archive_program__title h2, .archive_program-item__title, .programs_entry-info__title, .referential-nav-head__title span, .reports-graph__item p, .reports-graph__item.reports-graph__item--3 p, .trustees-item__name h3, .faq__title h2 {
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

@media (max-width: 767px) {
    .base-caps, .filter-head__title span, .pagination__dots, .auth-box-signup-success__text h4, .auth-box-forgot-success__text h4, .links-box-item__title, .modal_ctrl__text h3, .child-account-card__name, .child-graph__title h3, .child-review__title h3, .child-trustees-news__title h3, .child-chart-info-total, .child-chart-info-item__value, .child-card__name, .command-item__name, .doctors__text h4, .help-sms__in h3, .help-partner-card__title, .join__form-success-in, .main .flickity__info .flickity-indexof__index, .main-program__title h2, .main-reviews__title h2, .main-trustees .flickity-indexof__index, .main-trustees-item__title h3, .press-entry-ward__title h2, .archive_program__title h2, .archive_program-item__title, .programs_entry-info__title, .referential-nav-head__title span, .reports-graph__item p, .reports-graph__item.reports-graph__item--3 p, .trustees-item__name h3, .faq__title h2 {
        font-size: 16px;
        line-height: 24px;
    }
}

.small, .gallery-box-list__caption, .submenu-main__text, .submenu__nav ul li a, .blockquote-author__text, .table-base table thead tr th, .auth-box__social p, .auth-box__form .inp-group > label, .auth-box-signup-success__text p, .auth-box-forgot-bt p, .auth-box-forgot-success__text p, .links-box-item__text, .account-sidebar-fill__title, .account-sidebar-text p, .account-profile-group__body .inp-group label:not(.checkbox-default), .child-card__text, .command-item__text, .helppartner__form .inp-group label, .helpus__form .inp-group label, .helpvolunteer__form .inp-group label, .join__form .inp-group label, .main-press-item__description p, .main-program-item-hover__text p, .main-program-item-static__text p, .press-entry__text figure figcaption, .archive_program-item__text, .reviews-box-item__description p {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}

.small-caps, .filter-item__title, .auth-box__tabs ul li a, .auth-box-forgot-head .btn-back span, .header-lang__current, .links-box-item__link, .menu-head__lang h4, .menu-head__lang ul li a, .subscribe-info__text, .account-sidebar-avatar__upload-in span, .account-autodonate-work__status, .documents-item__format, .documents-item__size, .expert-sidebar-info__body p, .help-bankcard-form__title h3, .help-sidebar-filter__title h3, .help-legalentity__text h3, .help-legalentity__text2 h3, .help-partner-card__number, .main .flickity__info .flickity-indexof__of, .main-children-box__links ul li a, .main-press-item__date, .main-press-item__title h4, .main-program-item-static__number, .main-reviews-item__info, .main-trustees .flickity-indexof__of, .main-trustees-item__name, .main-trustees-item__about, .press-entry-sidebar__info h4, .programs_entry-info__text, .referential-nav__list > ul > li h4, .reports_costs-item__info, .reports-item__number, .reviews-box-item__date, .reviews-box-item__title h4, .trustees-item__about, .txt-attach-item__info, .wanthelp-cards-item__number {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.micro, .auth-box__form .inp-group > p, .help-sidebar-filter__bottom p, .help-legalentity-info__col h5, .help-legalentity-info__bt, .help-set-ctrls__info, .help-sms__in small, .help-sms__links, .main-press-item__category, .press-entry-sidebar__info p, .referential-nav__list > ul > li ul li a, .reviews-box-item__category {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}

.micro-caps, .child-account-card__info ul li, .child-info__info ul li, .child-card__label, .child-card__birthday, .child-card__info ul li, .main-children-box__info {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.hr-black {
    width: 100%;
    height: 2px;
    margin: 0 0 60px 0;
    border: none;
    background-color: #12161B;
}

.hr-gray {
    width: 100%;
    height: 1px;
    border: none;
    margin: 0 0 43px 0;
    background-color: #C6CED3;
}

.blockquote {
    position: relative;
    display: block;
    width: 100%;
    margin: -20px 0 60px 0;
    border-bottom: 1px solid #C6CED3;
    padding: 85px 0 45px 0;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .blockquote {
        margin-top: -10px;
        margin-bottom: 30px;
        padding-top: 60px;
        padding-bottom: 30px;
    }
}

.blockquote:before {
    content: ' ';
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    height: 2px;
    background-color: #6E57FF;
}

.blockquote:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 90px;
    height: 38px;
    margin: 0 auto;
    background: #F8F8F8 url("/local/templates/xr-butterfly/assets/images/layout/blockquote-dec.png") center center no-repeat;
    background-size: 56px 38px;
}

.blockquote--author:after {
    background: #F8F8F8 url("/local/templates/xr-butterfly/assets/images/layout/blockquote-dec-2.png") center center no-repeat;
    background-size: 60px 38px;
}

.blockquote--left {
    margin-top: 0;
    padding-top: 60px;
    padding-left: 120px;
}

@media (max-width: 767px) {
    .blockquote--left {
        padding-top: 94px;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .blockquote--left:before {
        top: 0;
    }
}

.blockquote--left:after {
    top: 65px;
    left: 0;
    width: 64px;
    height: 42px;
    margin: 0;
    background: #F8F8F8 url("/local/templates/xr-butterfly/assets/images/layout/blockquote-dec-2.png") center center no-repeat;
    background-size: 64px 42px;
}

@media (max-width: 767px) {
    .blockquote--left:after {
        top: 35px;
    }
}

.blockquote-author {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 20px 0 15px 0;
}

.blockquote-author__photo {
    margin: 0 0 17px 0;
}

.blockquote-author__photo img {
    display: block;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    object-fit: cover;
    object-position: cener;
}

.blockquote-author__text {
    color: #79838C;
}

.list-line {
    margin-bottom: 60px;
}

.list-line li {
    position: relative;
    padding: 0 0 0 40px;
}

.list-line li:not(:last-child) {
    margin-bottom: 30px;
}

.list-line li:before {
    content: ' ';
    position: absolute;
    top: 12px;
    left: 0;
    display: block;
    width: 15px;
    height: 2px;
    background-color: #12161B;
}

.list-number {
    margin-bottom: 60px;
    padding-left: 20px;
}

.list-number li {
    position: relative;
    padding: 0 0 0 20px;
}

.list-number li:not(:last-child) {
    margin-bottom: 30px;
}

.table-base {
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .table-base {
        margin-bottom: 30px;
    }
}

.table-base [align="right"] {
    text-align: right;
}

.table-base.w650 .table-base__in {
    width: 650px;
}

.table-base--toscroll {
    overflow: hidden;
    overflow-x: auto;
}

@media (max-width: 767px) {
    .table-base--toscroll {
        margin-right: -24px;
        margin-left: -24px;
        padding-bottom: 10px;
    }

    .table-base--toscroll .table-base__in {
        padding-right: 24px;
        padding-left: 24px;
        box-sizing: border-box;
    }
}

.table-base table {
    width: 100%;
    border-collapse: collapse;
}

.table-base table thead tr th {
    border-bottom: 2px solid #12161B;
    padding-bottom: 20px;
    color: #79838C;
    text-align: left;
}

.table-base table thead tr th.text-right {
    text-align: right;
}

.table-base table tbody tr td {
    border-bottom: 1px solid #C6CED3;
    padding-top: 13px;
    padding-bottom: 13px;
    vertical-align: top;
}

.uikit-typo {
    border-bottom: 1px solid #ccc;
    padding: 50px 0;
}

.uikit-typo .wrapper {
    display: flex;
    flex-direction: column;
}

.uikit-typo .wrapper > div {
    margin-bottom: 35px;
}

.uikit-buttons {
    border-bottom: 1px solid #ccc;
    padding: 50px 0;
}

.uikit-buttons .wrapper {
    display: flex;
    flex-wrap: wrap;
}

.uikit-buttons__line {
    width: 50%;
    margin: 0 0 35px 0;
}

.uikit-buttons__line > button {
    margin-right: 50px;
    margin-bottom: 20px;
}

.uikit-buttons__inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.uikit-buttons__inline > * {
    margin-right: 50px;
    margin-bottom: 20px;
}

.uikit-inputs {
    padding: 50px 0;
    border-bottom: 1px solid #ccc;
    background-color: #EBEDEF;
}

.uikit-inputs .wrapper {
    display: flex;
}

.uikit-inputs__line {
    margin-right: 50px;
}

.uikit-dropdowns {
    border-bottom: 1px solid #ccc;
    padding: 50px 0;
    background-color: #EBEDEF;
}

.uikit-dropdowns .wrapper {
    display: flex;
}

.uikit-dropdowns__line {
    margin-right: 50px;
}

.uikit-icons {
    border-bottom: 1px solid #ccc;
    padding: 70px 0 50px 0;
}

.uikit-icons ul {
    display: flex;
    flex-wrap: wrap;
}

.uikit-icons ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    border: 1px solid #EBEDEF;
    margin: 0 20px 20px 0;
    background-color: #FFFFFF;
    border-radius: 50%;
    transition: all 200ms ease;
    cursor: pointer;
}

.uikit-icons ul li:hover {
    border-color: #C6CED3;
}

.uikit-icons ul li:hover .icon {
    fill: #293644;
}

.uikit-icons ul li .icon {
    font-size: 24px;
    fill: #79838C;
    transition: all 200ms ease;
}

.auth-box-social {
    margin: 0 0 10px 0;
}

.auth-box-social ul {
    display: flex;
    justify-content: center;
}

.auth-box-social ul li:not(:last-child) {
    margin-right: 8px;
}

.auth-box-social ul li .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    text-decoration: none;
}

.auth-box-social ul li .btn .icon {
    font-size: 17px;
    fill: #FFFFFF;
}

.auth-box-social__vk {
    background-color: #4875aa;
}

.auth-box-social__facebook {
    background-color: #4065b4;
}

.auth-box-social__google {
    border: 1px solid #C6CED3;
    background-color: transpanret;
}

.auth-box-social__mailru {
    background-color: #0059fd;
}

.auth-box {
    z-index: 1000;
    position: absolute;
    top: 100%;
    left: -10px;
    overflow: hidden;
    display: none;
    width: 352px;
    margin: 5px 0 0 0;
    background: #F8F8F8;
    box-shadow: 0px 24px 24px rgba(18, 22, 27, 0.04);
    border-radius: 8px;
    transform: translate3d(-50%, 0, 0);
}

@media (min-width: 1550px) {
    .auth-box {
        left: 50%;
    }
}

@media (min-width: 766px) and (max-height: 700px) {
    .auth-box {
        width: 452px;
        margin-left: -50px;
    }
}

@media (max-width: 767px) {
    .auth-box {
        position: fixed;
        top: 72px;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-y: auto;
        width: auto;
        margin: -1px 0 0 0;
        border-top: 1px solid #C6CED3;
        border-radius: 0;
        transform: none;
        -webkit-overflow-scrolling: touch;
    }
}

.auth-box-backdrop {
    z-index: 999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.auth-box .btn-orange {
    height: 48px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 48px;
}

.auth-box__tabs {
    position: relative;
    border-bottom: 1px solid #C6CED3;
}

.auth-box__tabs ul {
    display: flex;
}

.auth-box__tabs ul li {
    flex-basis: 100%;
}

.auth-box__tabs ul li:not(:last-child) {
    border-right: 1px solid #C6CED3;
}

.auth-box__tabs ul li.active a {
    color: #FFA800;
}

.auth-box__tabs ul li.active a:before {
    height: 2px;
}

.auth-box__tabs ul li.is-hidden {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 0px;
    max-width: 0px;
}

.auth-box__tabs ul li a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 64px;
    color: #12161B;
    text-decoration: none;
    text-align: center;
}

.auth-box__tabs ul li a:hover {
    color: #FFA800;
}

.auth-box__tabs ul li a:before {
    content: ' ';
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 0px;
    background-color: #FFA800;
    transition: all 200ms ease;
}

.auth-box__social {
    padding: 25px 30px 0 30px;
    text-align: center;
}

.auth-box__social p {
    margin: 0 0 10px 0;
    color: #79838C;
}

.auth-box__form {
    padding: 0 30px 15px 30px;
}

.auth-box__form .inp-group {
    margin: 0 0 15px 0;
}

.auth-box__form .inp-group > label {
    display: block;
    margin: 0 0 3px 0;
    text-align: center;
}

.auth-box__form .inp-group .inp-style {
    height: 48px;
    padding: 0;
    font-size: 16px;
    text-align: center;
}

.auth-box__form .inp-group > p {
    margin: 8px 0 0 0;
    color: #79838C;
    text-align: center;
}

.auth-box__form .inp-error__text {
    position: relative;
    right: 0;
    left: 0;
    text-align: center;
}

.auth-box__form .inp-agree {
    padding-top: 0;
    padding-left: 10px;
}

.auth-box__form .inp-agree .checkbox-default__in {
    font-size: 14px;
    line-height: 130%;
    text-align: left;
}

.auth-box-signin .inp-submit {
    padding-top: 15px;
    text-align: center;
}

.auth-box-signin .inp-submit .btn-orange {
    margin-bottom: 15px;
}

.auth-box-signin .inp-submit .btn-link {
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
}

.auth-box-signin .inp-submit .btn-link:hover {
    color: #FFA800;
}

.auth-box-signup .inp-submit {
    padding-top: 10px;
}

.auth-box-signup-success__in {
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    .auth-box-signup-success__in {
        height: calc(100vh - 72px - 64px - 1px);
    }
}

.auth-box-signup-success__text {
    flex-basis: 100%;
    padding: 30px;
    text-align: center;
}

.auth-box-signup-success__text h4 {
    margin: 0 0 10px 0;
    padding: 85px 0 0 0;
    background: url("/local/templates/xr-butterfly/assets/images/auth/butt.png") center top no-repeat;
    background-size: 80px auto;
}

.auth-box-signup-success__text p {
    margin: 0;
    color: #79838C;
}

.auth-box-signup-success__btns {
    border-top: 1px solid #C6CED3;
    padding: 30px;
}

.auth-box-forgot {
    position: relative;
    margin-top: -64px;
}

.auth-box-forgot-head {
    display: flex;
    align-items: center;
    height: 64px;
    margin: 0 0 25px 0;
    border-bottom: 1px solid #C6CED3;
    padding: 0 25px;
    background-color: #F8F8F8;
}

.auth-box-forgot-head .btn-back {
    display: inline-flex;
    align-items: center;
}

.auth-box-forgot-head .btn-back:hover {
    color: #FFA800;
}

.auth-box-forgot-head .btn-back .icon {
    margin-right: 15px;
    font-size: 20px;
    fill: currentColor;
}

.auth-box-forgot-head .btn-back span {
    display: inline-block;
    vertical-align: middle;
}

.auth-box-forgot-bt {
    border-top: 1px solid #C6CED3;
    padding: 25px 30px 0 30px;
    text-align: center;
}

.auth-box-forgot-bt .btn-link {
    margin-bottom: 30px;
}

.auth-box-forgot-bt p {
    margin: 0 0 10px 0;
    color: #79838C;
}

.auth-box-forgot-bt .btn-link {
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
}

.auth-box-forgot-bt .btn-link:hover {
    color: #FFA800;
}

.auth-box-forgot-success {
    background-color: #F8F8F8;
}

.auth-box-forgot-success__in {
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    .auth-box-forgot-success__in {
        height: calc(100vh - 72px - 1px);
    }
}

.auth-box-forgot-success__text {
    flex-basis: 100%;
    padding: 30px;
    text-align: center;
}

.auth-box-forgot-success__text h4 {
    margin: 0 0 10px 0;
    padding: 85px 0 0 0;
    background: url("/local/templates/xr-butterfly/assets/images/auth/butt.png") center top no-repeat;
    background-size: 80px auto;
}

.auth-box-forgot-success__text p {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    color: #79838C;
}

.auth-box-forgot-success__btns {
    border-top: 1px solid #C6CED3;
    padding: 25px 30px;
    text-align: center;
}

.auth-box-forgot-success__btns .btn-link {
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
}

.auth-box-forgot-success__btns .btn-link:hover {
    color: #FFA800;
}

.auth-box-social {
    margin: 0 0 10px 0;
}

.auth-box-social ul {
    display: flex;
    justify-content: center;
}

.auth-box-social ul li:not(:last-child) {
    margin-right: 8px;
}

.auth-box-social ul li .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    text-decoration: none;
}

.auth-box-social ul li .btn .icon {
    font-size: 17px;
    fill: #FFFFFF;
}

.auth-box-social__vk {
    background-color: #4875aa;
}

.auth-box-social__facebook {
    background-color: #4065b4;
}

.auth-box-social__google {
    border: 1px solid #C6CED3;
    background-color: transpanret;
}

.auth-box-social__mailru {
    background-color: #0059fd;
}

.fav-checkbox {
    display: inline-flex;
    user-select: none;
}

.fav-checkbox label {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}

.fav-checkbox label:hover .icon {
    fill: #FFA800;
}

.fav-checkbox label .icon {
    font-size: 22px;
}

.fav-checkbox label input {
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.fav-checkbox label span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #EBEDEF;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.fav-checkbox label span .icon-fav-filled {
    display: none;
    fill: #FFA800;
}

.fav-checkbox label input:checked + span {
    border-color: #FFA800;
    background-color: #FFA800;
}

.fav-checkbox label input:checked + span .icon-fav {
    display: none;
}

.fav-checkbox label input:checked + span .icon-fav-filled {
    display: block;
    fill: #FFFFFF;
}

.footer {
    position: relative;
    padding: 0 0 70px 0;
    background: url("/local/templates/xr-butterfly/assets/images/layout/bg-footer.jpg") right bottom no-repeat;
    background-size: auto 270px;
}

@media (max-width: 767px) {
    .footer {
        background-size: auto 220px;
    }
}

.footer--account {
    background: none;
    padding-bottom: 20px;
}

.footer-top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #C6CED3;
    padding: 60px 0 40px 0;
}

@media (max-width: 1024px) {
    .footer-top {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .footer-top {
        flex-direction: column;
    }
}

.footer-top__row {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
}

@media (max-width: 1024px) {
    .footer-top__row {
        width: 100%;
        margin-bottom: 35px;
    }
}

@media (max-width: 767px) {
    .footer-top__row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}

.footer-top__col {
    width: 33.333333%;
}

@media (max-width: 1024px) {
    .footer-top__col {
        width: auto;
        margin-right: 40px;
    }

    .footer-top__col:first-child {
        margin-right: auto;
    }

    .footer-top__col:last-child {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .footer-top__col {
        width: 100%;
        margin-right: 0;
        padding-bottom: 20px;
    }

    .footer-top__col:first-child {
        margin-right: 0;
    }
}

.footer-top__col h4 {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
}

.footer-top__col h4 a {
    color: #000000;
    text-decoration: none;
}

.footer-top__col h4 a:hover {
    color: #6E57FF;
}

.footer-bt {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .footer-bt {
        position: relative;
        display: block;
    }
}

.footer-bt__row {
    display: flex;
    flex-wrap: wrap;
    width: 75%;
}

@media (max-width: 1024px) {
    .footer-bt__row {
        width: 100%;
    }
}

.footer-bt__col {
    width: 33.333333%;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .footer-bt__col {
        width: 50%;
    }

    .footer-bt__col:nth-child(2n) {
        margin-bottom: 10px;
        padding-right: 32px;
    }

    .footer-bt__col:last-child p {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .footer-bt__col {
        width: 100%;
        text-align: center;
    }

    .footer-bt__col:nth-child(2n) {
        padding-right: 0;
    }
}

.footer-bt__col--fw {
    width: 100%;
}

.footer-bt__col p {
    margin: 0 30px 30px 0;
    font-size: 14px;
    line-height: 16px;
    color: #79838C;
}

@media (max-width: 1024px) {
    .footer-bt__col p {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .footer-bt__col p {
        margin-bottom: 20px;
    }
}

@media (max-width: 1024px) {
    .footer__social {
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .footer__social {
        margin-right: 0;
        margin-bottom: 17px;
    }
}

.footer__social ul {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .footer__social ul {
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
    }

    .footer__social ul li:not(:last-child) {
        margin-right: 0;
    }
}

.footer__social ul li:not(:last-child) {
    margin-right: 8px;
}

.footer__social ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #FFFFFF;
    text-decoration: none;
    transition: all 200ms ease;
}

.footer__social ul li a:hover {
    background-color: #293644;
}

.footer__social ul li a:hover .icon {
    fill: #FFFFFF;
}

.footer__social ul li a .icon {
    font-size: 22px;
}

.footer__terms {
    position: absolute;
    top: 145px;
    right: 0;
}

@media (max-width: 1024px) {
    .footer__terms {
        position: relative;
        top: initial;
    }
}

.footer__terms a {
    font-size: 12px;
    line-height: 100%;
    color: #000000;
    text-decoration: none;
}

.footer__terms a:hover {
    color: #6E57FF;
}

.footer__app {
    align-self: flex-end;
    margin: 0 0 30px 0;
}

@media (max-width: 1024px) {
    .footer__app {
        position: absolute;
        right: 40px;
        bottom: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .footer__app {
        position: relative;
        right: initial;
        margin-top: 25px;
    }
}

.footer__app ul {
    display: flex;
}

@media (max-width: 767px) {
    .footer__app ul {
        justify-content: center;
    }
}

.footer__app ul li:not(:last-child) {
    margin-right: 8px;
}

.footer__app ul li button {
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 20px;
    background-color: #293644;
    font-size: 14px;
    line-height: 100%;
    color: #FFFFFF;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .footer__app ul li button {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.footer__app ul li button:hover {
    background-color: #FFA800;
}

.footer__app ul li button .icon {
    margin-right: 12px;
    font-size: 20px;
    fill: #FFFFFF;
}

.footer-made {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    color: #79838C;
}

@media (max-width: 1024px) {
    .footer-made {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .footer-made {
        position: absolute;
        bottom: 30px;
        color: #FFFFFF;
    }
}

.footer-made a {
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
}

.footer-made img {
    display: inline-block;
    width: 100%;
    max-width: 61px;
    height: auto;
    margin-left: 8px;
}

.header {
    z-index: 2000;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

.header:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    height: 112px;
    background: url("/local/templates/xr-butterfly/assets/images/layout/bg-header.png") center top repeat-x;
    background-size: auto 100%;
}

.header--search .header__nav,
.header--search .header__controls,
.header--search .header-lang {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.header--search .header__search-btn .icon {
    fill: #FFA800;
}

.header--search .header__search-btn .icon:hover {
    fill: #F28D00;
}

.header .wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 95px;
}

@media (max-width: 1024px) {
    .header .wrapper {
        position: relative;
        height: 88px;
        justify-content: center;
    }

    .header .wrapper:after {
        content: " ";
        position: absolute;
        right: 40px;
        bottom: 0;
        left: 40px;
        height: 1px;
        background-color: #C6CED3;
    }
}

@media (max-width: 1024px) and (max-width: 767px) {
    .header .wrapper:after {
        right: 24px;
        left: 24px;
    }
}

@media (max-width: 767px) {
    .header .wrapper {
        height: 72px;
    }
}

.header__logo {
    position: relative;
    width: 23.3%;
    min-width: 23.3%;
    margin-right: 32px;
}

@media (max-width: 1024px) {
    .header__logo {
        width: auto;
        min-width: initial;
        margin-right: auto;
        padding-right: 32px;
    }
}

@media (max-width: 767px) {
    .header__logo {
        padding-right: 0;
    }
}

.header__logo:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 32px;
    margin: auto 0;
    background-color: #C6CED3;
}

@media (max-width: 1024px) {
    .header__logo:after {
        display: none;
    }
}

.header__logo a {
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
}

.header__logo .icon {
    width: 40px;
    height: 48px;
}

.header__logo span {
    margin-left: 15px;
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    white-space: nowrap;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .header__logo span {
        display: none;
    }
}

.header__in {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-basis: 100%;
}

@media (max-width: 1024px) {
    .header__in {
        flex-basis: initial;
    }
}

.header__nav {
    flex-grow: 1;
    transition: opacity 250ms ease;
}

@media (max-width: 1024px) {
    .header__nav {
        display: none;
    }
}

.header__nav ul {
    width: 100%;
}

.header__nav ul li {
    display: inline-flex;
    vertical-align: middle;
}

.header__nav ul li:not(:last-child) {
    margin-right: 20px;
}

.header__nav ul li.hide {
    display: none;
}

.header__nav ul li.is-active a {
    color: #FFA800;
}

.header__nav ul li.overflow-nav {
    position: relative;
    display: none;
}

.header__nav ul li.overflow-nav > span {
    font-size: 26px;
    line-height: 100%;
    cursor: pointer;
    transition: all 200ms ease;
}

.header__nav ul li.overflow-nav > span:hover {
    color: #FFA800;
}

.header__nav ul li.overflow-nav.show-inline-block {
    display: inline-block;
}

.header__nav ul li.overflow-nav .overflow-nav-list {
    position: absolute;
    top: 2px;
    left: -15px;
    display: none;
    width: auto;
    padding: 15px;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-shadow: 0 0 15px 0 rgba(18, 22, 27, 0.1);
    transform: translate3d(0, -15%, 0);
    transition: all 250ms ease-out;
}

.header__nav ul li.overflow-nav .overflow-nav-list.show {
    display: block;
}

.header__nav ul li.overflow-nav .overflow-nav-list li {
    display: flex;
    margin-right: 0;
    color: #12161B;
}

.header__nav ul li.overflow-nav .overflow-nav-list li:not(:last-child) {
    margin-bottom: 15px;
}

.header__nav ul li.overflow-nav .overflow-nav-list li a {
    white-space: nowrap;
}

.header__nav ul li a {
    font-size: 14px;
    line-height: 100%;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

.header__nav ul li a:hover {
    color: #FFA800;
}

.header__controls {
    margin-right: 32px;
    transition: opacity 250ms ease;
}

@media (max-width: 767px) {
    .header__controls {
        margin-right: 0;
        margin-left: 24px;
    }
}

.header__controls > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__controls > ul > li {
    position: relative;
    display: flex;
}

.header__controls > ul > li > .btn.is-active {
    border-color: #FFA800;
    background-color: #FFA800;
}

.header__controls > ul > li > .btn.is-active .icon {
    fill: #FFFFFF;
}

@media (max-width: 350px) {
    .header__controls > ul > li > .btn {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.header__controls > ul > li:not(:last-child) {
    margin-right: 40px;
}

@media (max-width: 767px) {
    .header__controls > ul > li:not(:last-child) {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .header__controls > ul > li:not(:first-child) > .btn {
        display: none;
    }
}

.header__controls > ul > li .js-open-help {
    z-index: 2010;
    position: relative;
}

.header__controls > ul > li .js-open-help:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFA800;
    transform: translate3d(-50%, -50%, 0);
    transition: width 1000ms ease-out, height 1000ms ease-out;
}

.header__controls > ul > li .js-open-help--active:before {
    opacity: 1;
    width: 3000px;
    height: 3000px;
}

.header-lang {
    margin-right: 32px;
    transition: opacity 250ms ease;
}

@media (max-width: 1024px) {
    .header-lang {
        display: none;
    }
}

.header-lang__current {
    position: relative;
    padding: 0 15px 0 0;
    color: #12161B;
    cursor: pointer;
    transition: all 200ms ease;
}

.header-lang__current:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    margin-top: -2px;
    border: 4px solid transparent;
    border-top-color: currentColor;
}

.header-lang__current:hover {
    color: #FFA800;
}

.header__search {
    display: flex;
    align-items: center;
    height: 32px;
    border-left: 1px solid #C6CED3;
    padding-left: 32px;
}

@media (max-width: 1024px) {
    .header__search {
        margin-left: 24px;
        border-right: 1px solid #C6CED3;
        padding-right: 24px;
        padding-left: 24px;
    }
}

@media (max-width: 767px) {
    .header__search {
        border-left: none;
        padding-left: 0;
    }
}

@media (max-width: 350px) {
    .header__search {
        padding-right: 16px;
    }
}

.header__search-btn {
    z-index: 10;
    position: relative;
}

.header__search-btn:hover .icon {
    fill: #FFA800;
}

.header__search-btn .icon {
    font-size: 24px;
}

.header__search-form {
    position: absolute;
    top: 0;
    right: 40px;
    left: 23.3%;
    display: none;
    height: 95px;
    margin-left: 32px;
    padding-right: 140px;
}

@media (max-width: 1024px) {
    .header__search-form {
        left: 280px;
        height: 88px;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .header__search-form {
        left: 60px;
        height: 72px;
        padding-right: 90px;
    }
}

.header__search-form input {
    width: 100%;
    height: 95px;
    border: none;
    padding: 0 0 0 20px;
    background-color: transparent;
    font-size: 30px;
}

@media (max-width: 1024px) {
    .header__search-form input {
        height: 88px;
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .header__search-form input {
        height: 72px;
        font-size: 16px;
    }
}

.header__burger {
    display: none;
    width: 80px;
    height: 88px;
    margin-right: -24px;
    padding-left: 24px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .header__burger {
        display: block;
    }
}

@media (max-width: 767px) {
    .header__burger {
        height: 72px;
    }
}

@media (max-width: 350px) {
    .header__burger {
        padding-left: 0;
    }
}

.header__burger-btn {
    position: relative;
    display: none;
    width: 32px;
    height: 18px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .header__burger-btn {
        display: block;
    }
}

@media (max-width: 350px) {
    .header__burger-btn {
        margin-left: 16px;
    }
}

.header__burger i {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    width: inherit;
    height: 2px;
    border-radius: 2px;
    background-color: #000000;
    transition: top 350ms ease-in-out, background-color 350ms ease;
    backface-visibility: hidden;
    perspective: 1000;
    transform: translate3d(0, 0, 0);
}

.header__burger i:first-child {
    top: 0;
}

.header__burger i:nth-child(2) {
    top: 8px;
}

.header__burger i:last-child {
    top: 16px;
    width: 16px;
}

.header__burger--active i {
    background-color: #FFA800;
}

.header__burger--active i:first-child {
    opacity: 1;
    top: 10px;
    transition: top 350ms ease, width 350ms ease 350ms, transform 500ms ease 350ms, background-color 350ms ease;
    transform: rotate(45deg);
}

.header__burger--active i:nth-child(2) {
    opacity: 0;
    transition: opacity 50ms ease 350ms;
}

.header__burger--active i:last-child {
    opacity: 1;
    top: 10px;
    width: 32px;
    transition: top 350ms ease, width 350ms ease 350ms, transform 500ms ease 350ms, background-color 350ms ease;
    transform: rotate(-45deg);
}

.links-box {
    margin: 0 0 40px 0;
}

@media (max-width: 767px) {
    .links-box {
        margin-bottom: 8px;
    }
}

.links-box__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.links-box__col {
    width: 25%;
    margin: 0 0 40px 0;
    padding: 0 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .links-box__col {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .links-box__col {
        width: 100%;
        margin-bottom: 32px;
    }
}

.links-box-item {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 28px 32px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    text-decoration: none;
}

.links-box-item:hover .links-box-item__link {
    color: #6E57FF;
}

.links-box-item__title {
    margin-bottom: 21px;
    color: #12161B;
    transition: all 250ms ease;
}

.links-box-item__text {
    margin-bottom: 32px;
    color: #12161B;
}

.links-box-item__link {
    margin-top: auto;
    border-top: 1px solid #EBEDEF;
    padding: 20px 0 0 0;
    color: #FFA800;
    transition: all 250ms ease;
}

@keyframes loader {
    from {
        background-position: 0px 0px;
    }
    to {
        background-position: -11800px 0;
    }
}

.loader {
    z-index: 5000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #F8F8F8;
}

.loader__in {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.loader__img {
    width: 200px;
    height: 200px;
    background: url("/local/templates/xr-butterfly/assets/images/loader.png") no-repeat;
    animation: loader 3s steps(59);
    animation-fill-mode: forwards;
}

.menu {
    z-index: 1999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow-y: auto;
    padding-top: 88px;
    background: #F8F8F8;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 1025px) {
    .menu {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .menu {
        padding-top: 72px;
    }
}

.menu-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 88px;
    border-bottom: 1px solid #C6CED3;
}

.menu-head__lang {
    display: flex;
    align-items: center;
}

.menu-head__lang ul {
    display: flex;
    align-items: center;
}

.menu-head__lang ul li {
    margin-left: 15px;
}

.menu-head__lang ul li.is-active a {
    background-color: #FFA800;
    color: #FFFFFF;
}

.menu-head__lang ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #000000;
    text-decoration: none;
}

.menu__list {
    padding: 25px 0 50px 0;
}

.menu__list > ul > li {
    padding-top: 45px;
}

@media (max-width: 767px) {
    .menu__list > ul > li {
        padding-top: 35px;
    }
}

.menu__list > ul > li > a {
    color: #12161B;
    text-decoration: none;
}

.menu__list > ul > li > a:hover {
    color: #FFA800;
}

.menu__list > ul > li ul {
    padding-top: 35px;
}

@media (max-width: 767px) {
    .menu__list > ul > li ul {
        padding-top: 25px;
    }
}

.menu__list > ul > li ul li {
    padding: 10px 0;
}

@media (max-width: 767px) {
    .menu__list > ul > li ul li {
        padding: 7px 0;
    }
}

.menu__list > ul > li ul li a {
    color: #12161B;
    text-decoration: none;
}

.menu__list > ul > li ul li a:hover {
    color: #FFA800;
}

.modal-open {
    overflow: hidden !important;
}

@media (max-width: 767px) {
    .modal-open {
        position: fixed;
    }
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    z-index: 5000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    display: none;
    outline: 0;
    -webkit-overflow-scrolling: touch;
}

.modal.fade .modal-dialog {
    opacity: 0;
    transition: opacity 500ms ease-out;
}

.modal.in .modal-dialog {
    opacity: 1;
}

@media (min-width: 767px) {
    .modal.modal_vam {
        padding: 0 !important;
        text-align: center;
    }

    .modal.modal_vam:before {
        content: '';
        display: inline-block;
        height: 100%;
        margin-right: -6px;
        vertical-align: middle;
    }

    .modal.modal_vam .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
}

.modal-dialog {
    position: relative;
    width: auto;
}

@media (max-width: 1024px) {
    .modal-dialog {
        width: 100%;
    }
}

.modal-content {
    position: relative;
    outline: 0;
}

.modal-backdrop {
    z-index: 4990;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(18, 22, 27, 0.65);
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.in {
    opacity: 1;
}

@media (max-width: 767px) {
    .modal_help {
        background-color: #F8F8F8;
    }
}

.modal_help .modal-dialog {
    display: flex;
    justify-content: center;
}

.modal_help .modal-dialog .modal-content {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1407px;
}

.modal_help__close {
    z-index: 100;
    position: absolute;
    top: 32px;
    right: 32px;
    width: 64px;
    height: 64px;
    border: 1px solid #F8F8F8;
    border-radius: 50%;
    background-color: #FFA800;
    transition: opacity 200ms ease;
}

@media (max-width: 767px) {
    .modal_help__close {
        top: 8px;
        right: 12px;
        width: 50px;
        height: 50px;
    }
}

.modal_help__close:hover {
    background-color: #6E57FF;
}

.modal_help__close .icon {
    display: none;
}

.modal_help__close:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 2px;
    margin: auto;
    background-color: #FFFFFF;
    transform: rotate(45deg);
}

@media (max-width: 767px) {
    .modal_help__close:before {
        width: 24px;
    }
}

.modal_help__close:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 2px;
    margin: auto;
    background-color: #FFFFFF;
    transform: rotate(-45deg);
}

@media (max-width: 767px) {
    .modal_help__close:after {
        width: 24px;
    }
}

@media (max-width: 1024px) {
    .modal_help__close {
        border-color: #C6CED3;
        background-color: transparent;
    }

    .modal_help__close:before, .modal_help__close:after {
        background-color: #000000;
    }
}

@media (max-width: 767px) {
    .modal_help__close {
        border-color: transparent;
    }
}

.modal_ctrl .modal-dialog .modal-content {
    width: 100%;
    max-width: 447px;
    margin: 15px auto;
    padding: 64px 48px 48px 48px;
    background-color: #FFFFFF;
    border-radius: 20px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .modal_ctrl .modal-dialog .modal-content {
        width: auto;
        margin-right: 10px;
        margin-left: 10px;
        padding-top: 48px;
        padding-right: 24px;
        padding-left: 24px;
        padding-bottom: 24px;
    }
}

.modal_ctrl__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 96px;
    height: 96px;
    margin: 0 auto 46px auto;
    border-radius: 50%;
    background-color: #FFA800;
}

.modal_ctrl__icon--violet {
    background-color: #6E57FF;
}

.modal_ctrl__icon .icon {
    font-size: 40px;
    fill: #FFFFFF;
}

.modal_ctrl__icon .icon-alert {
    margin-bottom: 5px;
}

.modal_ctrl__text {
    text-align: center;
}

.modal_ctrl__text h3 {
    margin: 0 0 30px 0;
}

.modal_ctrl__text p {
    margin: 0 0 30px 0;
    color: #79838C;
}

.modal_ctrl__btns {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #EBEDEF;
    padding: 30px 0 0 0;
}

.modal_ctrl__btns--center {
    justify-content: center;
}

@media (max-width: 370px) {
    .modal_ctrl__btns {
        align-items: center;
        flex-direction: column;
    }
}

.modal_ctrl__btns .btn-orange {
    justify-content: center;
    min-width: 159px;
}

@media (max-width: 767px) {
    .modal_ctrl__btns .btn-orange {
        min-width: initial;
    }
}

.modal_ctrl__btns .btn-link {
    padding-right: 0;
    padding-left: 0;
}

@media (max-width: 370px) {
    .modal_ctrl__btns .btn-link {
        margin-top: 10px;
    }
}

.modal_need_auth .modal-dialog {
    width: auto;
    margin: 15px;
}

.modal_need_auth .modal-dialog .modal-content {
    padding: 100px;
    border-radius: 6px;
    background-color: #FFFFFF;
}

@media (max-width: 1024px) {
    .modal_need_auth .modal-dialog .modal-content {
        padding: 100px 60px;
    }
}

@media (max-width: 767px) {
    .modal_need_auth .modal-dialog .modal-content {
        padding: 50px 24px 40px 24px;
        text-align: center;
    }
}

.modal_need_auth .modal-dialog .modal-content a {
    color: #FFA800;
}

.modal_need_auth .modal-dialog .modal-content a:hover {
    color: #F28D00;
}

.modal_need_auth__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin: 0 auto 30px auto;
    background-color: #FFA800;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .modal_need_auth__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 15px;
    }
}

.modal_need_auth__icon .icon {
    font-size: 60px;
    fill: #FFFFFF;
}

@media (max-width: 767px) {
    .modal_need_auth__icon .icon {
        font-size: 30px;
    }
}

.modal_need_auth__close {
    z-index: 100;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 32px;
    height: 32px;
}

.modal_need_auth__close:hover:before, .modal_need_auth__close:hover:after {
    background-color: #FA5A00;
}

.modal_need_auth__close:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 2px;
    margin: auto;
    background-color: #000000;
    transform: rotate(45deg);
}

@media (max-width: 767px) {
    .modal_need_auth__close:before {
        width: 24px;
    }
}

.modal_need_auth__close:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 32px;
    height: 2px;
    margin: auto;
    background-color: #000000;
    transform: rotate(-45deg);
}

@media (max-width: 767px) {
    .modal_need_auth__close:after {
        width: 24px;
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(110, 87, 255, 0.25), 0 0 0 0px rgba(110, 87, 255, 0.45);
    }
    70% {
        box-shadow: 0 0 0 16px rgba(110, 87, 255, 0), 0 0 0 8px rgba(110, 87, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0px rgba(110, 87, 255, 0), 0 0 0 0px rgba(110, 87, 255, 0);
    }
}

.share-link {
    z-index: 2500;
    position: fixed;
    left: 40px;
    bottom: 40px;
    width: 64px;
}

.share-link--active .share-link__item {
    opacity: 1;
}

.share-link--active .share-link__item--telegram {
    top: -50px;
    left: 26px;
}

@media (max-width: 767px) {
    .share-link--active .share-link__item--telegram {
        top: -30px;
        left: 28px;
    }
}

.share-link--active .share-link__item--vk {
    top: -40px;
    left: 55px;
}

@media (max-width: 767px) {
    .share-link--active .share-link__item--vk {
        left: 5px;
        top: -35px;
    }
}

.share-link--active .share-link__item--ok {
    top: -50px;
    left: -25px;
}

@media (max-width: 767px) {
    .share-link--active .share-link__item--ok {
        top: -16px;
        left: 38px;
    }
}

.share-link--active .share-link__item--link {
    top: 30px;
    left: 75px;
}

@media (max-width: 767px) {
    .share-link--active .share-link__item--link {
        top: 23px;
        left: 36px;
    }
}

.share-link--active .share-link__btn {
    animation: none;
}

.share-link--active .share-link__btn .icon-x {
    display: block;
}

.share-link--active .share-link__btn .icon-link {
    display: none;
}

@media (max-width: 1024px) {
    .share-link {
        top: initial;
        left: 40px;
        bottom: 40px;
        transform: none;
        width: 56px;
    }
}

@media (max-width: 767px) {
    .share-link {
        left: 8px;
        bottom: 24px;
        width: 40px;
    }
}

.share-link__item {
    opacity: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #FFA800;
    transition: all 250ms ease-out;
}

@media (max-width: 767px) {
    .share-link__item {
        width: 32px;
        height: 32px;
    }
}

.share-link__item:hover {
    background-color: #6E57FF;
}

.share-link__item--telegram {
    top: 10px;
    left: 10px;
}

.share-link__item--vk {
    top: 10px;
    left: 10px;
}

.share-link__item--ok {
    top: 10px;
    left: 10px;
}

.share-link__item .icon {
    font-size: 24px;
    fill: #FFFFFF;
}

@media (max-width: 767px) {
    .share-link__item .icon {
        font-size: 18px;
    }
}

.share-link__btn {
    z-index: 5;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    padding: 0 3px 0 0;
    border-radius: 50%;
    background-color: #6E57FF;
    box-sizing: border-box;
    animation: pulse 2s infinite;
    transition: background-color 250ms ease;
}

@media (max-width: 1024px) {
    .share-link__btn {
        width: 56px;
        height: 56px;
    }
}

@media (max-width: 767px) {
    .share-link__btn {
        width: 40px;
        height: 40px;
    }
}

.share-link__btn:hover {
    background-color: #FFA800;
}

.share-link__btn .icon {
    font-size: 16px;
    fill: #FFFFFF;
}

.share-link__btn .icon-x {
    display: none;
    font-size: 22px;
}

@media (max-width: 767px) {
    .share-link__btn .icon-x {
        font-size: 18px;
    }
}

.subscribe {
    z-index: 2;
    position: relative;
    margin-bottom: -1px;
    padding: 64px 0;
    background-color: #EBEDEF;
}

@media (max-width: 1024px) {
    .subscribe {
        padding-bottom: 56px;
    }
}

@media (max-width: 767px) {
    .subscribe {
        padding-top: 40px;
        padding-bottom: 50px;
    }
}

.subscribe .wrapper {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .subscribe .wrapper {
        display: block;
    }
}

.subscribe-info {
    display: flex;
    align-items: center;
    margin-right: 40px;
}

@media (max-width: 1024px) {
    .subscribe-info {
        margin-right: 0;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .subscribe-info {
        display: flex;
        flex-direction: column;
    }
}

.subscribe-info__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    min-width: 64px;
    height: 64px;
    margin-right: 24px;
    border-radius: 50%;
    background-color: #6E57FF;
}

@media (max-width: 767px) {
    .subscribe-info__icon {
        margin-right: 0;
        margin-bottom: 24px;
    }
}

.subscribe-info__icon .icon {
    margin-bottom: 3px;
    fill: #FFFFFF;
    font-size: 20px;
}

.subscribe-info__text {
    width: 100%;
    max-width: 440px;
}

@media (max-width: 767px) {
    .subscribe-info__text {
        text-align: center;
    }
}

.subscribe-info__text a {
    color: #FFA800;
}

.subscribe-info__text a:hover {
    color: #F28D00;
}

.subscribe-form {
    display: flex;
    flex-basis: 100%;
    max-width: 845px;
}

@media (max-width: 767px) {
    .subscribe-form {
        flex-direction: column;
    }
}

.subscribe-form form {
    display: inherit;
    flex-basis: inherit;
}

@media (max-width: 767px) {
    .subscribe-form form {
        flex-direction: inherit;
    }
}

.subscribe-form__input {
    flex-basis: 100%;
}

.subscribe-form__input .inp-group {
    margin-bottom: 0;
}

.subscribe-form__input .inp-style:focus {
    border-color: #6E57FF;
    box-shadow: inset 0 0 0 1px #6E57FF, 0px 8px 24px rgba(110, 87, 255, 0.2);
}

@media (max-width: 767px) {
    .subscribe-form__input .inp-style {
        padding-right: 10px;
        padding-left: 10px;
        text-align: center;
    }
}

.subscribe-form__btn {
    margin-left: 32px;
}

@media (max-width: 767px) {
    .subscribe-form__btn {
        margin-top: 16px;
        margin-left: 0;
    }

    .subscribe-form__btn .btn {
        justify-content: center;
        width: 100%;
    }
}

.subscribe-success {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 64px 0;
    background: #EBEDEF url("/local/templates/xr-butterfly/assets/images/layout/bg-subscribe.png") 65% -15px no-repeat;
    background-size: 420px auto;
}

@media (max-width: 1024px) {
    .subscribe-success {
        padding-bottom: 56px;
        background-position: 120px 135px;
        background-size: 275px auto;
    }
}

@media (max-width: 767px) {
    .subscribe-success {
        padding-top: 40px;
        padding-bottom: 50px;
        background-size: 210px auto;
        background-position: center 115%;
    }
}

.subscribe-success .wrapper {
    height: 100%;
}

.subscribe-success__in {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
}

@media (max-width: 1024px) {
    .subscribe-success__in {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .subscribe-success__in {
        justify-content: flex-start;
    }
}

.subscribe-success__title {
    display: flex;
    align-items: center;
    margin-right: 40px;
}

@media (max-width: 1024px) {
    .subscribe-success__title {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .subscribe-success__title {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
    }
}

.subscribe-success__title span {
    color: #6E57FF;
}

@media (max-width: 767px) {
    .subscribe-success__title span {
        display: block;
    }
}

.subscribe-success__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    min-width: 64px;
    height: 64px;
    margin-right: 24px;
    border-radius: 50%;
    background-color: #6E57FF;
}

@media (max-width: 767px) {
    .subscribe-success__icon {
        margin-right: 0;
        margin-bottom: 24px;
    }
}

.subscribe-success__icon .icon {
    margin-bottom: 3px;
    fill: #FFFFFF;
    font-size: 20px;
}

.subscribe-success__text.subscribe-success__text-right {
    text-align: right;
}

@media (max-width: 767px) {
    .subscribe-success__text {
        text-align: center;
    }

    .subscribe-success__text.subscribe-success__text-right {
        text-align: center;
    }
}

.subscribe-success__text a {
    color: #FFA800;
}

.subscribe-success__text a:hover {
    color: #F28D00;
}

@media (max-width: 1024px) {
    .subscribe-success__btn {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }
}

.subscribe-success__btn .btn {
    min-width: 250px;
    justify-content: center;
}

@media (max-width: 767px) {
    .subscribe-success__btn .btn {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .account {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .account {
        padding-top: 30px;
    }
}

.account-menu {
    display: none;
    width: 100%;
    margin: 0 0 30px 0;
}

@media (max-width: 1024px) {
    .account-menu {
        display: block;
    }
}

.account-menu ul {
    display: flex;
}

.account-menu ul li:not(:last-child) {
    margin-right: 30px;
}

@media (max-width: 370px) {
    .account-menu ul li:not(:last-child) {
        margin-right: 20px;
    }
}

.account-menu ul li.is-active a {
    color: #FFA800;
}

.account-menu ul li a {
    color: #12161B;
    text-decoration: none;
}

@media (max-width: 370px) {
    .account-menu ul li a {
        font-size: 15px;
    }
}

.account .wrapper {
    display: flex;
}

@media (max-width: 1024px) {
    .account .wrapper {
        display: block;
    }
}

.account-sidebar {
    overflow: hidden;
    width: 100%;
    min-width: 23.3%;
    max-width: 23.3%;
    margin-right: 32px;
    border-right: 1px solid #C6CED3;
    padding-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1280px) {
    .account-sidebar {
        max-width: 28%;
        min-width: 28%;
    }
}

@media (max-width: 1024px) {
    .account-sidebar {
        display: flex;
        max-width: 100%;
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
        border-right: none;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .account-sidebar {
        display: block;
    }
}

.account-sidebar-info {
    box-sizing: border-box;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .account-sidebar-info {
        min-width: 35%;
        margin-right: 32px;
        border-right: 1px solid #C6CED3;
        padding-right: 32px;
    }
}

.account-sidebar-avatar {
    margin: 0 0 25px 0;
}

.account-sidebar-avatar__image img {
    display: block;
    width: 100%;
    max-width: 296px;
    margin: 0 auto;
}

.account-sidebar-avatar__upload {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background-color: #FFFFFF;
    cursor: pointer;
}

.account-sidebar-avatar__upload input {
    z-index: 5;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 296px;
    height: 296px;
    cursor: pointer;
}

.account-sidebar-avatar__upload-in {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.account-sidebar-avatar__upload-in .icon {
    margin: 0 0 25px 0;
    font-size: 56px;
    fill: #C6CED3;
}

.account-sidebar-avatar__upload-in span {
    text-align: center;
}

.account-sidebar-fill {
    margin: 0 0 30px 0;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .account-sidebar-fill {
        margin-bottom: 0;
    }
}

.account-sidebar-fill__title {
    margin: 0 0 10px 0;
    color: #79838C;
    text-align: center;
}

.account-sidebar-fill__status {
    position: relative;
    width: 100%;
    height: 8px;
    background-color: #EBEDEF;
    border-radius: 4px;
}

.account-sidebar-fill__status--step1 .account-sidebar-fill__status-in {
    background-color: #FA5A00;
}

.account-sidebar-fill__status--step2 .account-sidebar-fill__status-in {
    background-color: #FFA800;
}

.account-sidebar-fill__status--step3 .account-sidebar-fill__status-in {
    background-color: #77cd5b;
}

.account-sidebar-fill__status-in {
    position: absolute;
    top: 0;
    left: 0;
    height: inherit;
    border-radius: 4px;
    background-color: #FFA800;
}

.account-sidebar-text {
    margin: 0 0 30px 0;
    border-top: 1px solid #C6CED3;
    padding: 30px 0 0 0;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .account-sidebar-text {
        flex-grow: 1;
        margin-bottom: 0;
        border-top: none;
        padding-top: 0;
    }
}

.account-sidebar-text p {
    margin: 0 0 15px 0;
}

.account-sidebar-text .btn {
    margin-top: 10px;
}

.account-body {
    flex-basis: 100%;
}

.account-head {
    position: relative;
    display: flex;
    margin: 0 0 50px 0;
}

@media (max-width: 767px) {
    .account-head {
        margin-bottom: 30px;
    }
}

.account-head__in {
    flex-grow: 1;
}

.account-head__title {
    margin: 0 0 20px 0;
}

.account-head__title h1 {
    margin: 0;
    line-height: 130%;
}

.account-head__description a {
    color: inherit;
    text-decoration: none;
}

.account-head__ctrl {
    margin-top: 15px;
    margin-left: 20px;
}

@media (max-width: 767px) {
    .account-head__ctrl {
        position: absolute;
        top: -50px;
        right: -15px;
    }
}

.account-head__ctrl .btn-orange .icon {
    fill: #FFFFFF;
}

.account-box {
    z-index: 3;
    position: relative;
    margin: 0 0 32px 0;
    padding: 44px 48px 25px 48px;
    background-color: #FFFFFF;
}

@media (max-width: 1024px) {
    .account-box {
        padding-top: 32px;
        padding-right: 32px;
        padding-left: 32px;
    }
}

@media (max-width: 767px) {
    .account-box {
        margin-right: -24px;
        margin-left: -24px;
        padding: 24px;
    }

    .account-box:last-of-type {
        margin-bottom: -1px;
    }
}

.account-box-head {
    margin: 0 0 30px 0;
    border-bottom: 1px solid #C6CED3;
    padding: 0 0 40px 0;
}

@media (max-width: 1024px) {
    .account-box-head {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .account-box-head {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
}

.account-box-row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 15px -48px 0 -48px;
    padding-top: 30px;
}

@media (max-width: 1024px) {
    .account-box-row {
        margin-right: -32px;
        margin-left: -32px;
    }
}

@media (max-width: 767px) {
    .account-box-row {
        margin-right: -24px;
        margin-left: -24px;
    }
}

.account-box-row:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 48px;
    left: 48px;
    height: 1px;
    background-color: #EBEDEF;
}

@media (max-width: 1024px) {
    .account-box-row:before {
        right: 32px;
        left: 32px;
    }
}

@media (max-width: 767px) {
    .account-box-row:before {
        right: 24px;
        left: 24px;
    }
}

.account-box-row:first-child {
    margin-top: 0;
    padding-top: 0;
}

.account-box-row:first-child:before {
    display: none;
}

.account-box-row:first-child .account-box-col {
    margin-top: 0;
}

.account-box-row--2 .account-box-col {
    width: 50%;
}

@media (max-width: 767px) {
    .account-box-row--2 .account-box-col {
        width: 100%;
    }
}

.account-box-row--2 .account-box-col:nth-child(2n) {
    border-left: 1px solid #EBEDEF;
}

@media (max-width: 767px) {
    .account-box-row--2 .account-box-col:nth-child(2n) {
        border-left: none;
    }
}

.account-box-col {
    margin: 0 0 15px 0;
    padding: 0 48px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .account-box-col {
        padding: 0 32px;
    }
}

@media (max-width: 767px) {
    .account-box-col {
        padding: 0 24px;
    }
}

.account-box-item h5 {
    margin: 0;
    color: #ACAFBC;
}

.account-box-item p {
    margin: 0;
}

.account-box-item p a {
    color: inherit;
    text-decoration: none;
}

.account-box-item p a:hover {
    color: #FFA800;
}

.account-box-history.table-base {
    margin-bottom: 0;
}

.account-box-history.table-base thead tr th {
    padding-bottom: 10px;
    font-size: 13px;
}

@media (max-width: 767px) {
    .account-box-history.table-base tbody tr td {
        font-size: 13px;
    }
}

.account-box-history.table-base tbody tr td:last-child {
    white-space: nowrap;
}

.account-box-history__total {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 30px 0 0 0;
}

.account-box-history__total h5 {
    margin: 0 10px 0 0;
    color: #ACAFBC;
}

.account-box-history__total .rub {
    margin-left: 5px;
}

.account-autodonate-start {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .account-autodonate-start {
        flex-direction: column;
    }
}

.account-autodonate-start__btn {
    margin: 0 24px 0 0;
}

@media (max-width: 767px) {
    .account-autodonate-start__btn {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .account-autodonate-start__btn .btn {
        justify-content: center;
        width: 100%;
    }
}

.account-autodonate-start__text {
    color: #ACAFBC;
}

.account-autodonate-work {
    position: relative;
    display: flex;
    align-items: center;
}

@media (max-width: 1024px) {
    .account-autodonate-work {
        display: block;
    }
}

@media (max-width: 767px) {
    .account-autodonate-work {
        padding-bottom: 60px;
    }
}

.account-autodonate-work__in {
    display: flex;
    align-items: center;
    width: 60%;
}

@media (max-width: 767px) {
    .account-autodonate-work__in {
        width: 100%;
    }
}

.account-autodonate-work__status {
    position: relative;
    margin: 0 22px 0 0;
}

.account-autodonate-work__status--success {
    display: flex;
    align-items: center;
    color: #77cd5b;
}

.account-autodonate-work__icon {
    position: relative;
    display: block;
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin: 0 16px 0 0;
    background-color: #77cd5b;
    border-radius: 50%;
}

.account-autodonate-work__icon:before {
    content: ' ';
    position: absolute;
    top: 13px;
    left: 17px;
    display: block;
    width: 4px;
    height: 11px;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    transform: rotate(45deg);
}

.account-autodonate-work__btn {
    margin: 0 48px 0 0;
}

@media (max-width: 767px) {
    .account-autodonate-work__btn {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        margin-right: 0;
    }
}

.account-autodonate-work__text {
    border-left: 1px solid #EBEDEF;
    padding-left: 64px;
}

@media (max-width: 1024px) {
    .account-autodonate-work__text {
        margin-top: 24px;
        border-top: 1px solid #EBEDEF;
        border-left: none;
        padding-top: 24px;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .account-autodonate-work__text {
        margin-top: 20px;
        padding-top: 20px;
    }
}

.child-account-card__item {
    position: relative;
    padding: 24px 32px 14px 32px;
    background-color: #FFFFFF;
}

.child-account-card__fav {
    position: absolute;
    top: 16px;
    right: 16px;
}

.child-account-card__avatar {
    margin: 0 0 20px 0;
}

.child-account-card__avatar img {
    display: block;
    width: 144px;
    height: 144px;
    margin: 0 auto;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.child-account-card__name {
    margin: 0 0 15px 0;
    text-align: center;
}

.child-account-card__info ul li {
    color: #ACAFBC;
    text-align: center;
}

.child-account-card__info ul li:not(:last-child) {
    margin-bottom: 2px;
}

.child-account-card__buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
    border-top: 1px solid #EBEDEF;
    padding-top: 32px;
}

.child-account-card__buttons .btn {
    justify-content: center;
    width: 100%;
    max-width: 216px;
}

.child-account-card__buttons .btn:not(:last-child) {
    margin-bottom: 8px;
}

.child-account-card__buttons .btn-link {
    padding-right: 0;
    padding-left: 0;
}

.account-child {
    min-height: 500px;
}

@media (max-width: 1024px) {
    .account-child {
        min-height: initial;
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .account-child {
        padding-top: 30px;
    }
}

.account-child__title {
    margin: 0 0 40px 0;
}

@media (max-width: 767px) {
    .account-child__title {
        margin-bottom: 30px;
    }
}

.account-child__title h1 {
    margin: 0;
}

.account-child-empty {
    display: flex;
    align-items: center;
    margin: 0 0 64px 0;
    padding: 48px;
    background-color: #EBEDEF;
    border-radius: 20px;
}

@media (max-width: 1024px) {
    .account-child-empty {
        margin-bottom: 40px;
        padding: 32px;
    }
}

@media (max-width: 767px) {
    .account-child-empty {
        flex-direction: column;
        padding: 24px;
    }
}

.account-child-empty__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    min-width: 80px;
    height: 80px;
    margin: 0 20px 0 0;
    background-color: #FFFFFF;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .account-child-empty__icon {
        width: 50px;
        min-width: 50px;
        height: 50px;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.account-child-empty__icon .icon {
    font-size: 40px;
    fill: #FFA800;
}

@media (max-width: 767px) {
    .account-child-empty__icon .icon {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .account-child-empty__text {
        text-align: center;
    }
}

.account-child-empty__text h3 {
    margin: 0 0 5px 0;
}

.account-child-empty__text p {
    margin: 0;
    color: #79838C;
}

.account-child-list {
    margin-bottom: 30px;
}

@media (max-width: 1024px) {
    .account-child-list {
        margin-bottom: 10px;
    }
}

.account-child-list__title {
    margin: 0 0 40px 0;
}

@media (max-width: 767px) {
    .account-child-list__title {
        margin-bottom: 20px;
    }
}

.account-child-list__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.account-child-list__items .child-account-card__col {
    width: 25%;
    margin: 0 0 32px 0;
    padding: 0 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .account-child-list__items .child-account-card__col {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .account-child-list__items .child-account-card__col {
        width: 100%;
    }
}

.account-child .child-need-help {
    border-top: 1px solid #C6CED3;
    padding-top: 60px;
}

@media (max-width: 767px) {
    .account-child .child-need-help {
        padding-top: 40px;
    }
}

.account-child .child-need-help__list .press__col {
    width: 25%;
}

@media (max-width: 1024px) {
    .account-child .child-need-help__list .press__col {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .account-child .child-need-help__list .press__col {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .account-profile {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .account-profile {
        padding-top: 30px;
    }
}

.account-profile .wrapper {
    display: flex;
}

@media (max-width: 1024px) {
    .account-profile .wrapper {
        display: block;
    }
}

.account-profile__title {
    margin: 0 0 40px 0;
}

.account-profile__title h1 {
    margin: 0;
}

.account-profile-group {
    margin: 0 0 50px 0;
    border-bottom: 1px solid #C6CED3;
    padding: 0 0 40px 0;
}

.account-profile-group__title {
    margin: 0 0 30px 0;
}

.account-profile-group__body .inp-group label:not(.checkbox-default) {
    display: block;
    margin: 0 0 5px 10px;
}

.account-profile-btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 64px 0;
}

@media (max-width: 767px) {
    .account-profile-btns {
        margin-bottom: 40px;
        flex-direction: column;
    }

    .account-profile-btns .btn-violet {
        justify-content: center;
        width: 100%;
        margin-bottom: 30px;
    }
}

.account-profile-btns .btn-link {
    align-items: center;
}

.account-profile-btns .btn-link:hover {
    color: #FA5A00;
}

.account-profile-btns .btn-link:hover .icon {
    fill: #FA5A00;
}

.account-profile-btns .btn-link .icon {
    margin-left: 15px;
    font-size: 48px;
}

@media (max-width: 767px) {
    .account-profile-btns .btn-link .icon {
        font-size: 30px;
    }
}

@media (max-width: 1024px) {
    .child {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .child {
        padding-top: 30px;
    }
}

.child__in {
    display: flex;
}

@media (max-width: 1024px) {
    .child__in {
        display: block;
    }
}

.child-sidebar {
    width: 100%;
    max-width: 23.3%;
    margin-bottom: 60px;
    margin-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .child-sidebar {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .child-sidebar {
        margin-bottom: 30px;
    }
}

.child-info {
    position: sticky;
    top: 115px;
    text-align: center;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .child-info {
        position: relative;
        top: 0;
        display: flex;
        align-items: center;
        text-align: left;
    }
}

.child-info__thumb {
    position: relative;
    width: 200px;
    min-width: 200px;
    margin: 0 auto 20px auto;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .child-info__thumb {
        margin-right: 40px;
        margin-bottom: 0;
        margin-left: 0;
    }
}

.child-info__thumb img {
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.child-info__fav {
    position: absolute;
    top: -15px;
    right: -15px;
}

@media (max-width: 1024px) {
    .child-info__body {
        flex-basis: 100%;
    }
}

.child-info__name {
    margin-bottom: 25px;
}

@media (max-width: 1024px) {
    .child-info__name {
        margin-bottom: 15px;
    }

    .child-info__name br {
        display: none;
    }
}

.child-info__info {
    margin-bottom: 20px;
}

.child-info__info ul li {
    margin-bottom: 1px;
    color: #79838C;
}

.child-info__buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .child-info__buttons {
        flex-direction: row;
        justify-content: flex-start;
    }
}

.child-info__buttons .btn {
    margin-bottom: 15px;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .child-info__buttons .btn {
        width: 200px;
        margin-bottom: 0;
        margin-right: 15px;
        justify-content: center;
    }
}

.child-info__buttons .btn-orange {
    width: 100%;
    max-width: 200px;
    justify-content: center;
}

.child__body, .press-entry__body {
    width: 100%;
    max-width: 930px;
}

.useful-articles-entry .press-entry__body {
    max-width: inherit;
}

.digest-articles-entry .press-entry__body {
    max-width: inherit;
}

.child__text {
    margin-bottom: 80px;
}

@media (max-width: 1024px) {
    .child__text {
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .child__text {
        margin-bottom: 40px;
    }
}

.child__text p {
    margin: 0 0 25px;
}

.child-gallery {
    margin-bottom: 80px;
}

@media (max-width: 1024px) {
    .child-gallery {
        margin-bottom: 40px;
    }
}

.child-gallery__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

@media (max-width: 767px) {
    .child-gallery__list {
        margin-right: -12px;
        margin-left: -12px;
    }
}

.child-gallery__col {
    width: 25%;
    margin-bottom: 32px;
    padding: 0 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .child-gallery__col {
        width: 33.333333%;
    }
}

@media (max-width: 767px) {
    .child-gallery__col {
        width: 50%;
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px;
    }
}

.child-gallery__item {
    position: relative;
    overflow: hidden;
    display: block;
    cursor: pointer;
}

.child-gallery__item img {
    display: block;
    width: 100%;
    height: auto;
}

.child-gallery__item:hover .child-gallery__zoom {
    opacity: 1;
    transform: scale(1);
}

.child-gallery__zoom {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transform: scale(1.33);
    transition: all 250ms ease-in-out;
}

.child-gallery__zoom .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 23px;
    fill: #FFFFFF;
    transform: translate(-50%, -50%);
}

.child-graph {
    margin-bottom: 65px;
    border-top: 1px solid #C6CED3;
    padding-top: 75px;
}

@media (max-width: 1024px) {
    .child-graph {
        margin-bottom: 50px;
        padding-top: 60px;
    }
}

@media (max-width: 767px) {
    .child-graph {
        margin-bottom: 40px;
        padding-top: 30px;
    }
}

.child-graph__title {
    margin: 0 0 50px 0;
}

@media (max-width: 1024px) {
    .child-graph__title {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .child-graph__title {
        margin-bottom: 30px;
    }
}

.child-graph__body {
    width: 100%;
}

.child-graph__body img {
    display: block;
    max-width: 100%;
    height: auto;
}

.child-review {
    margin-bottom: 65px;
    border-top: 1px solid #C6CED3;
    padding-top: 75px;
}

@media (max-width: 1024px) {
    .child-review {
        margin-bottom: 50px;
        padding-top: 60px;
    }
}

@media (max-width: 767px) {
    .child-review {
        margin-bottom: 30px;
        padding-top: 30px;
    }
}

.child-review__title {
    margin: 0 0 50px 0;
}

@media (max-width: 1024px) {
    .child-review__title {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .child-review__title {
        margin-bottom: 30px;
    }
}

.child-review__body {
    padding: 0 0 0 120px;
    background: url("/local/templates/xr-butterfly/assets/images/layout/blockquote-dec-2.png") 0 0 no-repeat;
    background-size: 72px auto;
}

@media (max-width: 767px) {
    .child-review__body {
        padding-top: 65px;
        padding-left: 0;
    }
}

.child-review__body p {
    margin-bottom: 30px;
}

.child-trustees-news {
    margin-bottom: 65px;
    border-top: 1px solid #C6CED3;
    padding-top: 75px;
}

@media (max-width: 1024px) {
    .child-trustees-news {
        margin-bottom: 50px;
        padding-top: 60px;
    }
}

@media (max-width: 767px) {
    .child-trustees-news {
        padding-top: 30px;
    }
}

.child-trustees-news__title {
    margin: 0 0 50px 0;
}

@media (max-width: 1024px) {
    .child-trustees-news__title {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .child-trustees-news__title {
        margin-bottom: 30px;
    }
}

.child-trustees-news__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.child-trustees-news__col {
    width: 33.3333333%;
    padding: 0 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .child-trustees-news__col {
        width: 50%;
    }

    .child-trustees-news__col:last-child {
        display: none;
    }
}

@media (max-width: 767px) {
    .child-trustees-news__col {
        width: 100%;
    }
}

.child-trustees-news__more {
    display: flex;
    justify-content: center;
}

.child-need-help {
    margin-bottom: 80px;
    border-top: 2px solid #12161B;
    padding-top: 90px;
}

@media (max-width: 1024px) {
    .child-need-help {
        margin-bottom: 40px;
        padding-top: 60px;
    }
}

@media (max-width: 767px) {
    .child-need-help {
        position: relative;
        padding-top: 30px;
        padding-bottom: 20px;
    }
}

.child-need-help-head {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0 0 60px 0;
}

@media (max-width: 767px) {
    .child-need-help-head {
        position: initial;
        margin-bottom: 30px;
    }
}

.child-need-help-head__ctrl {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
}

.child-need-help__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.child-need-help__list .child__col {
    width: 25%;
}

@media (max-width: 1024px) {
    .child-need-help__list .child__col {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .child-need-help__list .child__col {
        width: 100%;
    }
}

.child-chart {
    display: flex;
    width: 100%;
    max-width: 930px;
}

@media (max-width: 767px) {
    .child-chart {
        display: block;
    }
}

.child-chart-image {
    width: 50%;
    padding: 0 110px 0 0;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .child-chart-image {
        width: 40%;
        padding-right: 32px;
    }
}

@media (max-width: 767px) {
    .child-chart-image {
        width: 100%;
        margin-bottom: 20px;
        padding: 0 32px;
    }

    .child-chart-image canvas {
        width: 100%;
        max-width: 270px;
        height: auto;
        margin: 0 auto;
    }
}

.child-chart-info {
    flex-grow: 1;
    width: 100%;
    max-width: 448px;
}

@media (max-width: 767px) {
    .child-chart-info {
        max-width: 100%;
    }
}

.child-chart-info-total {
    display: flex;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #C6CED3;
    padding: 0 0 23px 0;
}

@media (max-width: 767px) {
    .child-chart-info-total {
        justify-content: space-between;
    }
}

.child-chart-info-total__label {
    width: 120px;
}

.child-chart-info-total__value {
    flex-grow: 1;
}

@media (max-width: 767px) {
    .child-chart-info-total__value {
        flex-grow: initial;
    }
}

.child-chart-info-item {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px 0;
}

.child-chart-info-item--min .child-chart-info-item__text {
    color: #79838C;
}

@media (max-width: 767px) {
    .child-chart-info-item {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
}

.child-chart-info-item__circle {
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin: 2px 16px 0 0;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .child-chart-info-item__circle {
        margin-top: 0;
    }
}

.child-chart-info-item__text {
    overflow: hidden;
    margin: 0 15px 0 0;
    flex-grow: 1;
}

.child-chart-info-item__text span {
    overflow: hidden;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.child-chart-info-item__text a {
    color: inherit;
    text-decoration: none;
}

.child-chart-info-item__text a:hover {
    color: #FFA800;
    text-decoration: underline;
}

.child-chart-info-item__value {
    white-space: nowrap;
}

@media (max-width: 767px) {
    .child-chart-info-item__value {
        width: 100%;
        margin-left: 40px;
    }
}

.child-chart-info-acc {
    padding: 30px 0 0 0;
}

.child-chart-info-acc-item {
    border-bottom: 1px solid #C6CED3;
    padding: 0 0 10px 0;
}

.child-chart-info-acc-item:first-child {
    border-top: 1px solid #C6CED3;
}

.child-chart-info-acc-item--active .child-chart-info-acc-item-head__arrow:after {
    transform: rotate(90deg);
}

.child-chart-info-acc-item-head {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0 20px 0;
    cursor: pointer;
}

.help-sberbank .child-chart-info-acc-item-head {
    justify-content: normal;
}

.child-chart-info-acc-item-head__arrow {
    position: relative;
    width: 24px;
    height: 24px;
    margin: 0 15px 0 0;
}

.child-chart-info-acc-item-head__arrow:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 2px;
    margin: auto;
    background-color: #12161B;
}

.child-chart-info-acc-item-head__arrow:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 2px;
    height: 24px;
    margin: auto;
    background-color: #12161B;
    transition: transform 250ms ease-in-out;
}

.child-chart-info-acc-item-head__summ {
    margin-left: auto;
    color: #79838C;
}

.child-chart-info-acc-item-body {
    display: none;
    padding: 0 0 20px 0;
}

@media (max-width: 1024px) {
    .childrens {
        padding-top: 47px;
    }
}

.childrens .wrapper {
    display: flex;
}

@media (max-width: 1024px) {
    .childrens .wrapper {
        display: block;
    }
}

.childrens-sidebar {
    width: 100%;
    max-width: 23.3%;
    min-width: 23.3%;
    margin-right: 32px;
    border-right: 1px solid #C6CED3;
    padding-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1280px) {
    .childrens-sidebar {
        max-width: 28%;
        min-width: 28%;
    }
}

@media (max-width: 1024px) {
    .childrens-sidebar {
        max-width: 100%;
        min-width: 100%;
        margin-right: 0;
        border-right: none;
        padding-right: 0;
    }
}

@media (min-height: 1580px) {
    .childrens .filter {
        position: sticky;
        top: 95px;
    }
}

.childrens-body {
    flex-basis: 100%;
}

.childrens-head {
    margin-bottom: 50px;
}

@media (max-width: 1024px) {
    .childrens-head {
        display: none;
    }
}

@media (max-width: 767px) {
    .childrens-head {
        margin-bottom: 30px;
    }
}

.childrens-head--double {
    display: none;
}

@media (max-width: 1024px) {
    .childrens-head--double {
        display: block;
    }
}

.h1, .childrens-head .h1, .childrens-head .menu__list > ul > li > a, .childrens-head .account-head__title h1, .account-head__title .childrens-head h1, .childrens-head .account-child__title h1, .account-child__title .childrens-head h1, .childrens-head .account-profile__title h1, .account-profile__title .childrens-head h1, .childrens-head .command__text h1, .command__text .childrens-head h1, .childrens-head .doctors__text h1, .doctors__text .childrens-head h1, .childrens-head .documents-head__title h1, .documents-head__title .childrens-head h1, .childrens-head .experts-head__title h1, .experts-head__title .childrens-head h1, .childrens-head .help-legalentity-thanks__in h3, .help-legalentity-thanks__in .childrens-head h3, .childrens-head .help-set-ctrls__value input, .help-set-ctrls__value .childrens-head input, .childrens-head .helppartner__text h1, .helppartner__text .childrens-head h1, .childrens-head .helpus__text h1, .helpus__text .childrens-head h1, .childrens-head .helpvolunteer__text h1, .helpvolunteer__text .childrens-head h1, .childrens-head .join__text h1, .join__text .childrens-head h1, .childrens-head .main-program-item-static__text, .childrens-head .main-volunteer__title h2, .main-volunteer__title .childrens-head h2, .childrens-head .press-entry__text h1, .press-entry__text .childrens-head h1, .childrens-head .press-body__title h1, .press-body__title .childrens-head h1, .childrens-head .referential__text h1, .referential__text .childrens-head h1, .childrens-head .regfund__in h1, .regfund__in .childrens-head h1, .childrens-head .reports_costs__text h1, .reports_costs__text .childrens-head h1, .childrens-head .reports_online__text h1, .reports_online__text .childrens-head h1, .childrens-head .reports__text h1, .reports__text .childrens-head h1, .childrens-head .trustees__text h1, .trustees__text .childrens-head h1, .childrens-head .wanthelp__text h1, .wanthelp__text .childrens-head h1, .childrens-head .wanthelp-cards-item__title {
    margin-bottom: 44px;
}

@media (max-width: 767px) {
    .h1, .childrens-head .h1, .childrens-head .menu__list > ul > li > a, .childrens-head .account-head__title h1, .account-head__title .childrens-head h1, .childrens-head .account-child__title h1, .account-child__title .childrens-head h1, .childrens-head .account-profile__title h1, .account-profile__title .childrens-head h1, .childrens-head .command__text h1, .command__text .childrens-head h1, .childrens-head .doctors__text h1, .doctors__text .childrens-head h1, .childrens-head .documents-head__title h1, .documents-head__title .childrens-head h1, .childrens-head .experts-head__title h1, .experts-head__title .childrens-head h1, .childrens-head .help-legalentity-thanks__in h3, .help-legalentity-thanks__in .childrens-head h3, .childrens-head .help-set-ctrls__value input, .help-set-ctrls__value .childrens-head input, .childrens-head .helppartner__text h1, .helppartner__text .childrens-head h1, .childrens-head .helpus__text h1, .helpus__text .childrens-head h1, .childrens-head .helpvolunteer__text h1, .helpvolunteer__text .childrens-head h1, .childrens-head .join__text h1, .join__text .childrens-head h1, .childrens-head .main-program-item-static__text, .childrens-head .main-volunteer__title h2, .main-volunteer__title .childrens-head h2, .childrens-head .press-entry__text h1, .press-entry__text .childrens-head h1, .childrens-head .press-body__title h1, .press-body__title .childrens-head h1, .childrens-head .referential__text h1, .referential__text .childrens-head h1, .childrens-head .regfund__in h1, .regfund__in .childrens-head h1, .childrens-head .reports_costs__text h1, .reports_costs__text .childrens-head h1, .childrens-head .reports_online__text h1, .reports_online__text .childrens-head h1, .childrens-head .reports__text h1, .reports__text .childrens-head h1, .childrens-head .trustees__text h1, .trustees__text .childrens-head h1, .childrens-head .wanthelp__text h1, .wanthelp__text .childrens-head h1, .childrens-head .wanthelp-cards-item__title {
        margin-bottom: 30px;
    }
}

.childrens-items-head {
    margin-bottom: 42px;
}

@media (max-width: 767px) {
    .childrens-items-head {
        margin-bottom: 30px;
    }
}

.childrens__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px 32px -16px;
}

@media (max-width: 1360px) {
    .childrens__list {
        margin-right: -10px;
        margin-left: -10px;
    }
}

.childrens__bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 110px 0;
}

@media (max-width: 767px) {
    .childrens__bottom {
        margin-bottom: 56px;
    }
}

.childrens__pagination {
    width: calc(66.666666% - 8px);
}

@media (max-width: 1024px) {
    .childrens__pagination {
        width: 100%;
        margin-bottom: 48px;
    }
}

@media (max-width: 767px) {
    .childrens__pagination {
        margin-bottom: 32px;
    }
}

@media (max-width: 1280px) {
    .childrens__more {
        margin-top: 25px;
    }
}

@media (max-width: 1024px) {
    .childrens__more {
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .childrens__more .btn {
        width: 100%;
        justify-content: center;
    }
}

.childrens-empty {
    margin: 0 0 80px 0;
    border-top: 1px solid #C6CED3;
    padding-top: 64px;
    text-align: center;
}

@media (max-width: 1024px) {
    .childrens-empty {
        border-top: none;
        padding-top: 0;
    }
}

.childrens-empty__title {
    margin-bottom: 15px;
    padding-top: 204px;
    background: url("/local/templates/xr-butterfly/assets/images/childrens/ava.png") center top no-repeat;
    background-size: 144px auto;
}

@media (max-width: 767px) {
    .childrens-empty__title {
        padding-top: 180px;
    }
}

@media (max-width: 767px) {
    .childrens-empty__title h3 br {
        display: none;
    }
}

.childrens-empty__text {
    margin: 0 0 60px 0;
    color: #79838C;
}

@media (max-width: 767px) {
    .childrens-empty__text {
        margin-bottom: 35px;
    }

    .childrens-empty__text br {
        display: none;
    }
}

.childrens-empty__button {
    display: flex;
    justify-content: center;
}

@media (max-width: 767px) {
    .childrens-empty__button .btn {
        width: 100%;
        justify-content: center;
    }
}

.child__list .child__col:nth-child(1) .child-card, .child__list .child__col:nth-child(2) .child-card, .child__list .child__col:nth-child(3) .child-card {
    border-top-color: #FFA800;
}

@media (max-width: 1024px) {
    .child__list .child__col:nth-child(3) .child-card {
        border-top-color: transparent;
    }
}

.child__col {
    width: 33.3333333%;
    margin-bottom: 32px;
    padding: 0 16px;
    box-sizing: border-box;
}

@media (max-width: 1280px) {
    .child__col {
        width: 50%;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 1024px) {
    .child__col {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .child__col {
        width: 100%;
    }
}

.child-card {
    overflow: hidden;
    position: relative;
    border-top: 2px solid transparent;
    padding: 24px 24px 32px 24px;
    background-color: #FFFFFF;
    transition: all 250ms ease;
    cursor: pointer;
}

@media (max-width: 1400px) {
    .child-card {
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 30px;
        padding-left: 20px;
    }
}

@media (max-width: 350px) {
    .child-card {
        padding-left: 15px;
    }
}

.child-card:not(.child-card--dead):hover {
    background: url("/local/templates/xr-butterfly/assets/images/childrens/bg-card-hover.jpg") no-repeat;
    background-size: 100% 100%;
}

.child-card:not(.child-card--dead):hover .child-card__name,
.child-card:not(.child-card--dead):hover .child-card__text {
    color: #FFFFFF;
}

.child-card:not(.child-card--dead):hover .child-card__birthday {
    color: #FFA800;
}

.child-card:not(.child-card--dead):hover .child-card__birthday span {
    color: #FFFFFF;
}

.child-card:not(.child-card--dead):hover .child-card__info li {
    color: rgba(255, 255, 255, 0.6);
}

.child-card:not(.child-card--dead):hover .child-card__buttons .btn-link--black {
    color: #FFFFFF;
}

.child-card--birthday .confetti {
    display: none;
}

.child-card--birthday:hover .confetti {
    display: block;
}

.child-card--birthday .child-card__avatar:after {
    content: ' ';
    position: absolute;
    top: -24px;
    right: -32px;
    width: 83px;
    height: 84px;
    background: url("/local/templates/xr-butterfly/assets/images/childrens/birthday.png") no-repeat;
    background-size: 100% 100%;
}

.child-card--dead {
    cursor: initial;
}

.child-card--dead .child-card__avatar img {
    filter: grayscale(100%);
}

.child-card__label {
    position: absolute;
    top: 82px;
    right: 0;
    display: flex;
    align-items: center;
    height: 24px;
    padding: 0 4px;
    background-color: #6E57FF;
    color: #FFFFFF;
}

.child-card__label:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: -12px;
    border: 12px solid transparent;
    border-bottom-color: #6E57FF;
}

.child-card__label:after {
    content: ' ';
    position: absolute;
    left: -12px;
    bottom: 0;
    border: 12px solid transparent;
    border-top-color: #6E57FF;
}

.child-card__birthday {
    position: absolute;
    top: 20px;
    right: 24px;
    color: #6E57FF;
    text-align: right;
}

@media (max-width: 1400px) and (min-width: 1280px) {
    .child-card__birthday {
        font-size: 10px;
    }
}

@media (max-width: 350px) {
    .child-card__birthday {
        right: 15px;
    }
}

.child-card__birthday span {
    color: #FFA800;
}

.child-card__avatar {
    position: relative;
    display: inline-flex;
    margin: 0 0 20px 0;
}

.child-card__avatar img {
    display: block;
    width: 144px;
    min-width: 144px;
    height: 144px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.child-card__name {
    margin-bottom: 15px;
    margin-left: 10px;
}

.child-card__info {
    min-height: 68px;
    margin-bottom: 20px;
    margin-left: 10px;
}

.child-card__info ul li {
    color: #79838C;
}

.child-card__info ul li:not(:last-child) {
    margin-bottom: 2px;
}

.child-card__text {
    overflow: hidden;
    margin-bottom: 20px;
    margin-left: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 85px;
}

.child-card__buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.child-card__buttons .btn-link {
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
    padding-right: 0;
    padding-left: 0;
    line-height: 130%;
    text-align: right;
}

.child-card__buttons .btn-link:hover {
    opacity: 0.75;
}

.command {
    background: url("/local/templates/xr-butterfly/assets/images/command/bg-command.jpg") center center no-repeat;
    background-size: 100% auto;
}


.command.foundation-council-style {
    background-position: top center;
}

.command.foundation-council-style .command__list {
    margin: 0 -16px 0 -16px;
}

@media (max-width: 1024px) {
    .command {
        padding-top: 47px;
        background: url("/local/templates/xr-butterfly/assets/images/command/bg-command-tablet.jpg") center 40% no-repeat;
        background-size: 100% auto;
    }
}

@media (max-width: 767px) {
    .command {
        padding-top: 30px;
        background: none;
    }
}

.command__in {
    margin-bottom: 40px;
    border-bottom: 1px solid #C6CED3;
    padding: 0 0 60px 0;
}

@media (max-width: 1024px) {
    .command__in {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .command__in {
        margin-bottom: 30px;
        padding-bottom: 5px;
    }
}

.command__text {
    width: 100%;
    max-width: 808px;
    margin-left: calc(23.3% + 32px);
}

@media (max-width: 1024px) {
    .command__text {
        max-width: 100%;
        margin-left: 0;
    }
}

.command__text h1 {
    margin-bottom: 44px;
}

@media (max-width: 1024px) {
    .command__text h1 {
        margin-bottom: 30px;
    }
}

.command__text p {
    margin-bottom: 30px;
}

.command__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -16px 40px -16px;
}

@media (max-width: 767px) {
    .command__list {
        margin-bottom: 30px;
    }
}

.command__col {
    width: 25%;
    padding: 0 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .command__col {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .command__col {
        width: 100%;
    }
}

.command__col:nth-child(2n) {
    margin-top: 50px;
}

@media (max-width: 767px) {
    .command__col:nth-child(2n) {
        margin-top: 0;
    }
}

.command-item {
    padding: 32px 52px;
    text-align: center;
}

@media (min-width: 1025px) {
    .command-item:hover {
        background-color: #FFFFFF;
        box-shadow: 0px 8px 24px rgba(22, 32, 46, 0.05);
    }

    .command-item:hover .command-item__name {
        color: #FFA800;
    }
}

@media (max-width: 767px) {
    .command-item {
        padding-top: 0;
        padding-bottom: 35px;
    }
}

.command-item__photo {
    margin: 0 0 20px 0;
}

.command-item__photo img {
    display: block;
    width: 100%;
    max-width: 224px;
    height: auto;
    margin: 0 auto;
    border-radius: 50%;
}

.command-item__name {
    min-height: 55px;
    transition: all 200ms ease;
}

.command-item__text {
    min-height: 50px;
}

@media (max-width: 1024px) {
    .doctors {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .doctors {
        padding-top: 30px;
    }
}

.doctors__text {
    width: 100%;
    max-width: 808px;
    margin-bottom: 50px;
    margin-left: 32px;
    padding-left: 23.3%;
}

@media (max-width: 1024px) {
    .doctors__text {
        max-width: 100%;
        margin-bottom: 40px;
        margin-left: 0;
        padding-left: 0;
    }
}

.doctors__text h1 {
    margin-bottom: 44px;
}

@media (max-width: 1024px) {
    .doctors__text h1 {
        margin-bottom: 30px;
    }
}

.doctors__text h3 {
    margin-bottom: 40px;
}

@media (max-width: 1024px) {
    .doctors__text h3 {
        margin-bottom: 30px;
    }
}

.doctors__text h4 {
    margin-bottom: 30px;
}

.doctors__text p {
    margin-bottom: 30px;
}

.doctors__more {
    margin-top: 64px;
    margin-bottom: 64px;
    margin-left: 32px;
    padding-left: 23.3%;
}

@media (max-width: 1024px) {
    .doctors__more {
        margin-left: 0;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .doctors__more {
        margin-top: 35px;
        margin-bottom: 40px;
    }
}

@media (max-width: 1024px) {
    .doctors__more .btn {
        width: 100%;
        justify-content: center;
    }
}

.documents {
    position: relative;
    background: url("/local/templates/xr-butterfly/assets/images/documents/bg.jpg") left center no-repeat;
    background-size: auto 100%;
}

@media (max-width: 1024px) {
    .documents {
        padding-top: 47px;
        background: none;
    }
}

@media (max-width: 767px) {
    .documents {
        padding-top: 30px;
    }
}

.documents:before {
    content: ' ';
    position: absolute;
    top: -170px;
    right: 0;
    width: 411px;
    height: 325px;
    background: url("/local/templates/xr-butterfly/assets/images/documents/hand.png") no-repeat;
    background-size: cover;
}

@media (max-width: 1450px) {
    .documents:before {
        top: -120px;
        width: 288px;
        height: 228px;
    }
}

@media (max-width: 1024px) {
    .documents:before {
        display: none;
    }
}

.documents-head {
    position: relative;
    width: 100%;
    max-width: 808px;
    margin-bottom: 70px;
    margin-left: calc(23.3% + 32px);
}

@media (max-width: 1024px) {
    .documents-head {
        margin-bottom: 60px;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .documents-head {
        margin-bottom: 35px;
    }
}

.documents-head__title {
    margin-bottom: 44px;
}

@media (max-width: 767px) {
    .documents-head__title {
        margin-bottom: 30px;
    }
}

.documents__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px 92px -16px;
}

@media (max-width: 1024px) {
    .documents__list {
        margin-bottom: 48px;
    }
}

.documents__col {
    width: 25%;
    margin-bottom: 16px;
    padding: 0 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .documents__col {
        width: 50%;
        margin-bottom: 32px;
    }
}

@media (max-width: 767px) {
    .documents__col {
        width: 100%;
        margin-bottom: 24px;
    }
}

.documents-item {
    display: flex;
    flex-direction: column;
    padding: 22px 32px 35px 32px;
    background-color: #FFFFFF;
    color: #12161B;
    text-decoration: none;
    transition: all 250ms ease;
}

.documents-item:hover {
    background: url("/local/templates/xr-butterfly/assets/images/documents/bg-item.jpg") no-repeat;
}

.documents-item:hover .documents-item__text,
.documents-item:hover .documents-item__format,
.documents-item:hover .documents-item__size {
    color: #FFFFFF;
}

.documents-item:hover .documents-item__info {
    border-top-color: rgba(255, 255, 255, 0.2);
}

.documents-item__text {
    min-height: 154px;
    padding-bottom: 20px;
    box-sizing: border-box;
}

.documents-item__info {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #EBEDEF;
    padding-top: 25px;
}

.documents-item__size {
    color: #ACAFBC;
}

@media (max-width: 1024px) {
    .expert {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .expert {
        padding-top: 30px;
    }
}

.expert .wrapper {
    display: flex;
}

@media (max-width: 1024px) {
    .expert .wrapper {
        display: block;
    }
}

.expert-sidebar {
    width: 100%;
    max-width: 23.3%;
    min-width: 23.3%;
    margin-right: 32px;
    border-right: 1px solid #C6CED3;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .expert-sidebar {
        max-width: 100%;
        min-width: 100%;
        margin-right: 0;
        border-right: none;
        padding-right: 0;
    }
}

.expert-sidebar-info {
    position: sticky;
    top: 95px;
    margin-bottom: 50px;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .expert-sidebar-info {
        display: flex;
    }
}

.expert-sidebar-info__thumb {
    margin-bottom: 20px;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .expert-sidebar-info__thumb {
        margin-right: 40px;
        margin-bottom: 0;
    }
}

.expert-sidebar-info__thumb img {
    display: block;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.expert-sidebar-info__body {
    text-align: center;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .expert-sidebar-info__body {
        padding-top: 15px;
        text-align: left;
    }
}

.expert-sidebar-info__body h3 {
    margin-bottom: 10px;
}

.expert-body {
    flex-grow: 1;
    margin-bottom: 20px;
}

@media (max-width: 1024px) {
    .expert-body {
        margin-bottom: 50px;
    }
}

.expert-body__text {
    width: 100%;
    max-width: 808px;
}

.expert-body__text p {
    margin-bottom: 25px;
}

.experts {
    position: relative;
    overflow: hidden;
    background: url("/local/templates/xr-butterfly/assets/images/experts/bg.jpg") left center no-repeat;
    background-size: 40% auto;
}

@media (max-width: 1024px) {
    .experts {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .experts {
        padding-top: 30px;
        background: none;
    }
}

.experts-head {
    position: relative;
    width: 100%;
    max-width: 808px;
    margin-bottom: 70px;
    margin-left: calc(23.3% + 32px);
}

@media (max-width: 1024px) {
    .experts-head {
        margin-bottom: 60px;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .experts-head {
        margin-bottom: 35px;
    }
}

.experts-head__title {
    margin-bottom: 44px;
}

@media (max-width: 767px) {
    .experts-head__title {
        margin-bottom: 30px;
    }
}

.experts__list {
    margin: 0 0 92px 0;
}

@media (max-width: 1024px) {
    .experts__list {
        margin-bottom: 48px;
    }
}

@media (max-width: 767px) {
    .experts__list {
        margin-bottom: 30px;
    }
}

.experts-item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    border-top: 1px solid #C6CED3;
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (max-width: 1024px) {
    .experts-item {
        align-items: flex-start;
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .experts-item {
        flex-direction: column;
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.experts-item:first-child:after {
    content: ' ';
    position: absolute;
    top: 64px;
    right: 0;
    display: block;
    width: 336px;
    height: 290px;
    background: url("/local/templates/xr-butterfly/assets/images/experts/dec1.png") no-repeat;
    background-size: 100% auto;
}

@media (max-width: 1024px) {
    .experts-item:first-child:after {
        top: 0;
        width: 200px;
        height: 172px;
        transform: translate(0, -50%);
    }
}

@media (max-width: 767px) {
    .experts-item:first-child:after {
        display: none;
    }
}

.experts-item:nth-child(3):after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 7%;
    display: block;
    width: 90px;
    height: 111px;
    background: url("/local/templates/xr-butterfly/assets/images/experts/dec2.png") no-repeat;
    background-size: 100% auto;
    transform: translate(0, -50%);
}

@media (max-width: 1024px) {
    .experts-item:nth-child(3):after {
        top: 10px;
        right: -40px;
        transform: none;
    }
}

@media (max-width: 767px) {
    .experts-item:nth-child(3):after {
        display: none;
    }
}

.experts-item:nth-child(4):after {
    content: ' ';
    position: absolute;
    top: 80px;
    left: 0;
    display: block;
    width: 200px;
    height: 247px;
    background: url("/local/templates/xr-butterfly/assets/images/experts/dec3.png") no-repeat;
    background-size: 100% auto;
}

@media (max-width: 1024px) {
    .experts-item:nth-child(4):after {
        top: -10px;
        left: -50px;
        width: 112px;
        height: 138px;
        transform: translate(0, -50%);
    }
}

@media (max-width: 767px) {
    .experts-item:nth-child(4):after {
        display: none;
    }
}

.experts-item:nth-child(2n) {
    padding-left: 25%;
}

@media (max-width: 1024px) {
    .experts-item:nth-child(2n) {
        padding-left: 0;
    }
}

.experts-item__thumb {
    min-width: 328px;
    margin-right: 32px;
}

@media (max-width: 1024px) {
    .experts-item__thumb {
        min-width: 200px;
        margin-right: 40px;
    }
}

@media (max-width: 767px) {
    .experts-item__thumb {
        margin-right: 0;
        margin-bottom: 30px;
    }
}

.experts-item__thumb img {
    display: block;
    width: 328px;
    height: 328px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 1024px) {
    .experts-item__thumb img {
        width: 200px;
        height: 200px;
    }
}

.experts-item__body {
    flex-basis: 100%;
    max-width: 568px;
}

.experts-item__body h3 {
    margin-bottom: 40px;
}

@media (max-width: 1024px) {
    .experts-item__body h3 {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .experts-item__body h3 {
        margin-bottom: 20px;
    }
}

.help-bankcard {
    position: relative;
    min-height: 815px;
    border-left: 1px solid #C6CED3;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .help-bankcard {
        min-height: initial;
        border-left: none;
    }
}

@media (max-width: 1024px) {
    .help-bankcard-set {
        padding-bottom: 140px;
    }
}

.help-bankcard-set .help-set {
    padding-bottom: 0;
}

.help-bankcard-next {
    display: none;
    padding: 70px 70px 50px 70px;
    background-color: #F8F8F8;
}

@media (max-width: 1024px) {
    .help-bankcard-next {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .help-bankcard-next {
        padding: 0 24px 24px 24px;
    }
}

.help-bankcard .help-set-ctrls {
    margin-bottom: 110px;
}

@media (max-width: 767px) {
    .help-bankcard .help-set-ctrls {
        margin-bottom: 70px;
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 1024px) {
    .help-bankcard-form {
        padding-bottom: 24px;
    }
}

.help-bankcard-form__title {
    margin-bottom: 65px;
}

@media (max-width: 1024px) {
    .help-bankcard-form__title {
        margin-bottom: 35px;
    }
}

.help-bankcard-form__title h3 {
    color: #000000;
    text-align: center;
}

.help-bankcard-form__in {
    width: 100%;
    max-width: 808px;
    margin: 0 auto 50px auto;
}

@media (max-width: 1024px) {
    .help-bankcard-form__in {
        max-width: 448px;
    }

    .help-bankcard-form__in .inp-row-2 .inp-group {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .help-bankcard-form__in {
        margin-bottom: 0;
    }
}

.help-bankcard-form__in .inp-group {
    position: relative;
}

.help-bankcard-form__in label {
    display: block;
    margin: 0 0 5px 0;
    font-size: 14px;
    text-align: center;
}

.help-bankcard-form__in p {
    margin: 5px 0 0 0;
    font-size: 12px;
    color: #ACAFBC;
    text-align: center;
}

.help-bankcard-form__type {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 1024px) {
    .help-bankcard-form__type {
        padding-top: 32px;
    }

    .help-bankcard-form__type .btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .help-bankcard-form__type {
        padding-top: 24px;
    }

    .help-bankcard-form__type .btn {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.help-bankcard-form__type .btn:not(:last-child) {
    margin-bottom: 24px;
}

@media (max-width: 1024px) {
    .help-bankcard-form__type .btn:not(:last-child) {
        margin-bottom: 16px;
    }
}

.page-wanthelp-test {
    padding-top: 0;
}

.help {
    overflow: hidden;
}

.help .wrapper {
    display: flex;
    padding-right: 0;
    background-color: #F8F8F8;
}

@media (max-width: 1024px) {
    .help .wrapper {
        position: relative;
        display: block;
        padding-right: 40px;
    }
}

@media (max-width: 767px) {
    .help .wrapper {
        padding-right: 24px;
    }
}

.help-head {
    z-index: 10;
    position: relative;
    display: none;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .help-head {
        display: flex;
    }
}

.help-head .btn {
    margin-top: 32px;
}

@media (max-width: 767px) {
    .help-head .btn {
        margin-top: 14px;
    }
}

.help-head__back {
    display: none;
}

.help-head__back .btn {
    margin-left: -6px;
    border-color: transparent;
}

.help-head__back .btn .icon {
    font-size: 30px;
}

.help-head__close {
    display: none;
}

.help-head__close .btn {
    margin-right: -6px;
}

@media (max-width: 767px) {
    .help-head__close .btn {
        border-color: transparent;
    }

    .help-head__close .btn .icon {
        font-size: 22px;
    }
}

.help-sidebar {
    width: 100%;
    max-width: 23.3%;
    min-width: 23.3%;
    margin-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .help-sidebar {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        padding-top: 40px;
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .help-sidebar {
        padding-top: 24px;
    }
}

.help-sidebar-tabs ul {
    display: flex;
    flex-wrap: wrap;
}

.help-sidebar-tabs ul li {
    margin: 0 8px 8px 0;
}

.help-sidebar-tabs ul li.is-hidden {
    overflow: hidden;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

.help-sidebar-tabs ul li a {
    display: inline-flex;
    align-items: center;
    height: 44px;
    border: 1px solid #C6CED3;
    padding: 0 10px;
    border-radius: 24px;
    color: #12161B;
    text-decoration: none;
}

.help-sidebar-tabs ul li.subactive a, .help-sidebar-tabs ul li.active a {
    border-color: #FFA800;
    background-color: #FFA800;
    color: #FFFFFF;
    transition: none;
}

.help-sidebar-filter {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 70px 0 40px 0;
    padding-top: 30px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .help-sidebar-filter {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.help-sidebar-filter--disabled {
    color: #ACAFBC;
}

@media (max-width: 1024px) {
    .help-sidebar-filter--disabled {
        display: none;
    }
}

@media (max-width: 767px) {
    .help-sidebar-filter--disabled .help-sidebar-filter__title,
    .help-sidebar-filter--disabled .help-sidebar-filter__body {
        display: none;
    }
}

.help-sidebar-filter--disabled .help-sidebar-tabs li {
    pointer-events: none;
}

.help-sidebar-filter--disabled .help-sidebar-tabs li a {
    color: #ACAFBC;
}

.help-sidebar-filter--disabled .help-sidebar-tabs li.subactive a, .help-sidebar-filter--disabled .help-sidebar-tabs li.active a {
    border-color: #ACAFBC;
    background-color: #ACAFBC;
    color: #FFFFFF;
    cursor: default;
    pointer-events: none;
}

.help-sidebar-filter--disabled .filter-presets .btn {
    color: #ACAFBC;
    cursor: default;
    pointer-events: none;
}

.help-sidebar-filter__title {
    margin-bottom: 25px;
}

@media (max-width: 1024px) {
    .help-sidebar-filter__title {
        margin-right: 120px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .help-sidebar-filter__title {
        margin-right: 0;
    }
}

@media (max-width: 1024px) {
    .help-sidebar-filter__title h3 {
        font-size: 22px;
        line-height: 130%;
    }
}

@media (max-width: 767px) {
    .help-sidebar-filter__title h3 {
        font-size: 16px;
    }
}

.help-sidebar-filter__body {
    flex-grow: 1;
}

.help-sidebar-filter__list .filter-item:last-child {
    border-bottom: 1px solid #C6CED3;
}

@media (max-width: 1024px) {
    .help-sidebar-filter__list .filter-item:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }
}

.help-sidebar-filter__list .filter-item--comment:last-child {
    border-bottom: none;
}

.help-sidebar-filter__list .filter-item--comment .inp-style {
    height: 100px;
    border-color: #C6CED3;
    border-radius: 20px;
    background-color: transparent;
    font-size: 16px;
    resize: none;
}

.help-sidebar-filter__list .filter-item--comment .inp-style:focus {
    background-color: #FFFFFF;
}

.help-sidebar-filter__bottom {
    padding-top: 55px;
}

@media (max-width: 1024px) {
    .help-sidebar-filter__bottom {
        z-index: 5;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        height: 140px;
        margin: 0 auto;
        border-top: none;
        padding-top: 0;
        padding-right: 24px;
        padding-left: 24px;
        background-color: #F8F8F8;
        text-align: center;
    }

    .help-sidebar-filter__bottom > div {
        width: 100%;
        max-width: 336px;
    }

    .help-sidebar-filter__bottom .help-sidebar-filter__bottom-help {
        padding-top: 45px;
    }

    .help-sidebar-filter__bottom .help-sidebar-filter__bottom-help p {
        top: 0;
    }

    .help-sidebar-filter__bottom .btn {
        width: 100%;
    }
}

.help-sidebar-filter__bottom-help {
    position: relative;
}

.help-sidebar-filter__bottom-help p {
    position: absolute;
    top: -45px;
    right: 0;
    left: 0;
}

.help-sidebar-filter__bottom-cancel {
    display: none;
}

.help-sidebar-filter__bottom-underst {
    display: none;
}

.help-sidebar-filter__bottom p {
    margin-bottom: 12px;
}

.help__body {
    flex-basis: 100%;
}

@media (max-width: 1024px) {
    .help__body {
        flex-basis: initial;
    }
}

.help__body .tab-content {
    height: 100%;
}

@media (max-width: 1024px) {
    .help__body .tab-content {
        height: auto;
    }
}

.help__body .tab-content .tab-pane {
    height: 100%;
}

@media (max-width: 1024px) {
    .help__body .tab-content .tab-pane {
        height: auto;
    }
}

@media (max-width: 1024px) {
    .help__body {
        margin-right: -40px;
        margin-left: -40px;
    }
}

@media (max-width: 767px) {
    .help__body {
        margin-right: -24px;
        margin-left: -24px;
    }
}

.help-legalentity {
    position: relative;
    min-height: 815px;
    border-left: 1px solid #C6CED3;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .help-legalentity {
        min-height: initial;
        border-left: none;
    }
}

@media (max-width: 1024px) {
    .help-legalentity-set {
        padding-bottom: 140px;
    }
}

.help-legalentity-set .help-set {
    padding-bottom: 0;
}

.help-legalentity-next {
    display: none;
    padding: 70px;
    height: 100%;
    background-color: #F8F8F8;
}

@media (max-width: 1024px) {
    .help-legalentity-next {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .help-legalentity-next {
        padding: 0 24px 0 24px;
    }
}

.help-legalentity .help-set-ctrls {
    margin-bottom: 110px;
}

@media (max-width: 767px) {
    .help-legalentity .help-set-ctrls {
        margin-bottom: 70px;
    }
}

.help-legalentity__in {
    width: 100%;
    max-width: 808px;
    margin: 0 auto 0 auto;
}

@media (max-width: 1024px) {
    .help-legalentity__in {
        margin-bottom: 0;
        padding-bottom: 24px;
    }

    .help-legalentity__in .inp-row-2 .inp-group {
        width: 100%;
        max-width: 448px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .help-legalentity__in {
        margin-bottom: 0;
    }
}

.help-legalentity__in .inp-group {
    position: relative;
}

.help-legalentity__in .inp-group label {
    display: block;
    margin: 0 0 5px 0;
    font-size: 14px;
    text-align: center;
}

.help-legalentity__in .inp-group p {
    margin: 5px 0 0 0;
    font-size: 12px;
    color: #ACAFBC;
    text-align: center;
}

.help-legalentity__text {
    width: 100%;
    max-width: 390px;
    margin: 0 auto;
    text-align: center;
}

.help-legalentity__text h3 {
    margin-bottom: 8px;
}

.help-legalentity__text p {
    margin: 0 0 100px 0;
    color: #ACAFBC;
}

@media (max-width: 767px) {
    .help-legalentity__text p {
        margin-bottom: 32px;
    }
}

@media (max-width: 767px) {
    .help-legalentity__text .btn {
        width: 100%;
        justify-content: center;
        padding-right: 10px;
        padding-left: 10px;
    }
}

.help-legalentity__text2 {
    margin: 0 0 40px 0;
    text-align: center;
}

.help-legalentity__text2 h3 {
    margin-bottom: 30px;
}

.help-legalentity__text2 h3 span {
    color: #ACAFBC;
}

@media (max-width: 767px) {
    .help-legalentity__text2 h3 span {
        display: block;
    }
}

.help-legalentity__text2 p {
    margin: 0 0 30px 0;
}

.help-legalentity__text2 p a {
    color: #FFA800;
}

.help-legalentity__text2 p a:hover {
    color: #F28D00;
}

.help-legalentity-thanks {
    background: url("/local/templates/xr-butterfly/assets/images/help/thanks-butt.jpg") center top no-repeat;
    background-size: auto 350px;
}

@media (max-width: 767px) {
    .help-legalentity-thanks {
        background-size: auto 150px;
    }
}

.help-legalentity-thanks__in {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    padding: 350px 0 0 0;
    text-align: center;
}

@media (max-width: 1024px) {
    .help-legalentity-thanks__in {
        margin-top: -140px;
        padding-top: 380px;
    }
}

@media (max-width: 767px) {
    .help-legalentity-thanks__in {
        margin-top: -80px;
        padding-top: 180px;
    }
}

.help-legalentity-thanks__in h3 {
    margin-bottom: 20px;
}

.help-legalentity-thanks__in p {
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .help-legalentity-thanks__in p {
        margin-bottom: 32px;
    }
}

.help-legalentity-thanks__in .btn {
    width: 100%;
    max-width: 390px;
    margin: 0 auto;
    justify-content: center;
}

.help-legalentity-info__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .help-legalentity-info__list {
        margin-bottom: 32px;
    }
}

.help-legalentity-info__col {
    width: 33.3333333%;
    margin: 0 0 15px 0;
    padding: 0 30px 0 0;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .help-legalentity-info__col {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .help-legalentity-info__col {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .help-legalentity-info__col--blank {
        display: none;
    }
}

.help-legalentity-info__col h5 {
    color: #ACAFBC;
}

.help-legalentity-info__bt {
    margin: 0 0 30px 0;
    color: #ACAFBC;
}

@media (max-width: 1024px) {
    .help-legalentity-info__bt {
        width: 100%;
        max-width: 448px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
}

@media (max-width: 1024px) {
    .help-legalentity-info__buttons {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 448px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 1024px) {
    .help-legalentity-info__buttons .btn {
        width: 100%;
        justify-content: center;
    }
}

.help-legalentity-info__buttons .btn:not(:last-child) {
    margin-right: 24px;
}

@media (max-width: 1024px) {
    .help-legalentity-info__buttons .btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 24px;
    }
}

.help-legalentity .inp-submit {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

@media (max-width: 767px) {
    .help-legalentity .inp-submit {
        margin-top: 24px;
    }
}

.help-legalentity .inp-submit .btn {
    justify-content: center;
    width: 100%;
    max-width: 390px;
}

.help-sberbank {
    min-height: 100%;
    border-left: 1px solid #C6CED3;
    padding: 70px;
    background-color: #FFFFFF;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .help-sberbank {
        min-height: initial;
        border-top: 1px solid #C6CED3;
        border-left: none;
        padding: 0 0 140px 0;
    }
}

.help-sberbank__img {
    margin-bottom: 50px;
}

@media (max-width: 1024px) {
    .help-sberbank__img {
        margin-bottom: 30px;
    }
}

.help-sberbank__img img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .help-sberbank__img img {
        margin-bottom: 15px;
    }
}

.help-sberbank__buttons {
    display: flex;
    justify-content: center;
}

@media (max-width: 1024px) {
    .help-sberbank__buttons {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .help-sberbank__buttons {
        padding-right: 24px;
        padding-left: 24px;
    }

    .help-sberbank__buttons .btn {
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 130%;
    }
}

.help-bankcard, .help-legalentity {
    background-color: #FFA800;
    height: 100%;
}

.help-set {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 70px 0;
    box-sizing: border-box;
    background-color: #FFA800;
    color: #FFFFFF;
    text-align: center;
}

@media (max-width: 1024px) {
    .help-set {
        height: initial;
    }
}

@media (max-width: 767px) {
    .help-set {
        padding: 40px 0;
    }
}

.help-set-kid {
    position: relative;
    width: 100%;
    height: 390px;
    min-height: 390px;
}

@media (max-width: 767px) {
    .help-set-kid {
        height: 50vh;
        max-height: 390px;
        min-height: 250px;
    }
}

.help-set-kid__step {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
}

.help-set-kid__step-1 {
    background-image: url("/local/templates/xr-butterfly/assets/images/help/steps/1.png");
}

.help-set-kid__step-2 {
    background-image: url("/local/templates/xr-butterfly/assets/images/help/steps/2.png");
}

.help-set-kid__step-3 {
    background-image: url("/local/templates/xr-butterfly/assets/images/help/steps/3.png");
}

.help-set-kid__step-4 {
    background-image: url("/local/templates/xr-butterfly/assets/images/help/steps/4.png");
}

.help-set-kid__step-5 {
    background-image: url("/local/templates/xr-butterfly/assets/images/help/steps/5.png");
}

.help-set-kid__step-6 {
    background-image: url("/local/templates/xr-butterfly/assets/images/help/steps/6.png");
}

.help-set-kid__step-7 {
    background-image: url("/local/templates/xr-butterfly/assets/images/help/steps/7.png");
}

.help-set-kid__step-8 {
    background-image: url("/local/templates/xr-butterfly/assets/images/help/steps/8.png");
}

.help-set-kid__step-9 {
    background-image: url("/local/templates/xr-butterfly/assets/images/help/steps/9.png");
}

.help-set-kid__step-10 {
    background-image: url("/local/templates/xr-butterfly/assets/images/help/steps/10.png");
}

.help-set-kid__step-11 {
    background-image: url("/local/templates/xr-butterfly/assets/images/help/steps/11.png");
}

.help-set-kid__step-12 {
    background-image: url("/local/templates/xr-butterfly/assets/images/help/steps/12.png");
}

.help-set-text {
    max-width: 100%;
    min-height: 85px;
    margin-bottom: 20px;
    padding: 0 80px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .help-set-text {
        min-height: 75px;
        margin-bottom: 0px;
        padding: 0 12px;
        font-size: 14px;
        line-height: 130%;
    }
}

.help-set-ctrls {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 395px;
    margin: 0 auto 50px auto;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .help-set-ctrls {
        max-width: 280px;
        margin-bottom: 70px;
    }
}

.help-set-ctrls--black .help-set-ctrls__minus,
.help-set-ctrls--black .help-set-ctrls__plus {
    border-color: #C6CED3;
}

.help-set-ctrls--black .help-set-ctrls__minus:hover,
.help-set-ctrls--black .help-set-ctrls__plus:hover {
    border-color: #FFA800;
    background-color: #FFA800;
}

.help-set-ctrls--black .help-set-ctrls__minus:hover:before, .help-set-ctrls--black .help-set-ctrls__minus:hover:after,
.help-set-ctrls--black .help-set-ctrls__plus:hover:before,
.help-set-ctrls--black .help-set-ctrls__plus:hover:after {
    background-color: #FFFFFF;
}

.help-set-ctrls--black .help-set-ctrls__minus:before, .help-set-ctrls--black .help-set-ctrls__minus:after,
.help-set-ctrls--black .help-set-ctrls__plus:before,
.help-set-ctrls--black .help-set-ctrls__plus:after {
    background-color: #000000;
}

.help-set-ctrls--black .help-set-ctrls__value input {
    color: #000000;
}

.help-set-ctrls--black .help-set-ctrls__info span {
    color: #79838C;
}

.help-set-ctrls__btn {
    width: 64px;
}

@media (max-width: 767px) {
    .help-set-ctrls__btn {
        width: 50px;
    }
}

.help-set-ctrls__minus, .help-set-ctrls__plus {
    position: relative;
    width: 64px;
    height: 64px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    text-indent: -9999px;
    transition: all 200ms ease;
}

@media (max-width: 767px) {
    .help-set-ctrls__minus, .help-set-ctrls__plus {
        width: 50px;
        height: 50px;
    }
}

.help-set-ctrls__minus:hover, .help-set-ctrls__plus:hover {
    background-color: #FFFFFF;
}

.help-set-ctrls__minus:hover:before, .help-set-ctrls__minus:hover:after, .help-set-ctrls__plus:hover:before, .help-set-ctrls__plus:hover:after {
    background-color: #000000;
}

.help-set-ctrls__minus:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 2px;
    margin: auto;
    background-color: #FFFFFF;
}

.help-set-ctrls__plus:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 2px;
    margin: auto;
    background-color: #FFFFFF;
}

.help-set-ctrls__plus:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 2px;
    height: 24px;
    margin: auto;
    background-color: #FFFFFF;
}

.help-set-ctrls__info {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    padding: 15px 0 0 0;
    text-align: center;
}

.help-set-ctrls__value input {
    width: 240px;
    border: none;
    background-color: #fff;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    color: #111;
}

.help-set-ctrls__value input:focus {
    background-color: #FFFFFF;
    color: #12161B;
}

@media (max-width: 767px) {
    .help-set-ctrls__value input {
        width: 160px;
        font-size: 34px;
    }
}

.help-sms {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    min-height: 837px;
    border-left: 1px solid #C6CED3;
    padding: 70px 70px 30px 70px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .help-sms {
        min-height: initial;
        border-top: 1px solid #C6CED3;
        border-left: none;
    }
}

@media (max-width: 767px) {
    .help-sms {
        padding: 24px 24px 0 24px;
    }
}

.help-sms__in {
    width: 100%;
    max-width: 695px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .help-sms__in {
        padding-bottom: 140px;
    }
}

.help-sms__in h3 {
    margin: 0 0 30px 0;
}

@media (max-width: 767px) {
    .help-sms__in h3 {
        margin-bottom: 10px;
    }
}

.help-sms__in p {
    width: 100%;
    max-width: 700px;
    margin: 10px auto;
}

.help-sms__in span {
    color: #FFA800;
}

.help-sms__example small {
    display: block;
    margin: 5px 0;
    color: #79838C;
}

.help-sms__preview {
    margin: 0 0 30px 0;
}

.help-sms__preview img {
    display: block;
    width: 100%;
    max-width: 216px;
    height: auto;
    margin: 0 auto;
}

.help-sms__operators {
    margin: 30px 0;
}

.help-sms__operators img {
    display: block;
    width: 100%;
    max-width: 248px;
    height: auto;
    margin: 0 auto;
}

.help-sms__links {
    margin: 0 0 25px 0;
    line-height: 200%;
    color: #79838C;
}

.help-sms__links a {
    color: inherit;
    text-decoration: none;
}

.help-sms__links a:hover {
    color: #FFA800;
}

@media (max-width: 1024px) {
    .helppartner {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .helppartner {
        padding-top: 30px;
    }
}

.helppartner .wrapper {
    display: flex;
}

@media (max-width: 1024px) {
    .helppartner .wrapper {
        flex-direction: column-reverse;
    }
}

.helppartner__sidebar {
    width: 100%;
    max-width: 23.3%;
    min-width: 23.3%;
    margin-right: 32px;
    padding-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .helppartner__sidebar {
        max-width: 100%;
        min-width: 100%;
        margin-right: 0;
        padding-right: 0;
    }
}

.helppartner__form {
    position: sticky;
    top: 95px;
    margin-bottom: 60px;
}

.helppartner__form h3 {
    margin-bottom: 25px;
    margin-left: 10px;
}

@media (max-width: 1024px) {
    .helppartner__form h3 {
        margin-bottom: 50px;
        margin-left: 0;
    }

    .helppartner__form h3 br {
        display: none;
    }
}

@media (max-width: 767px) {
    .helppartner__form h3 {
        margin-bottom: 30px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .helppartner__form .inp-row {
        display: flex;
        margin: 0 -8px;
    }

    .helppartner__form .inp-row .inp-group {
        width: 50%;
        padding: 0 8px;
    }
}

.helppartner__form .inp-group {
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .helppartner__form .inp-group {
        margin-right: -10px;
        margin-left: -10px;
    }
}

.helppartner__form .inp-group label {
    display: block;
    margin-bottom: 10px;
    margin-left: 10px;
}

.helppartner__form .inp-group .inp-style {
    height: 56px;
    padding-left: 20px;
    font-size: 18px;
}

.helppartner__form .inp-group textarea.inp-style {
    height: auto;
    min-height: 56px;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .helppartner__form .inp-submit {
        display: flex;
        justify-content: flex-end;
    }

    .helppartner__form .inp-submit .btn {
        max-width: 272px;
    }
}

.helppartner__body {
    position: relative;
    flex-grow: 1;
}

@media (max-width: 1024px) {
    .helppartner__body {
        margin-bottom: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .helppartner__body {
        margin-bottom: 0;
        padding-bottom: 20px;
    }
}

.helppartner__body:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -33px;
    width: 1px;
    background-color: #C6CED3;
}

@media (max-width: 1024px) {
    .helppartner__body:before {
        top: initial;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
    }
}

@media (max-width: 767px) {
    .helppartner__body:before {
        display: none;
    }
}

.helppartner__text {
    width: 100%;
    max-width: 808px;
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .helppartner__text {
        margin-bottom: 40px;
    }
}

.helppartner__text h1 {
    margin-bottom: 44px;
}

@media (max-width: 1024px) {
    .helppartner__text h1 {
        margin-bottom: 30px;
    }
}

.helppartner__text p {
    margin-bottom: 30px;
}

.helppartner__list {
    margin-bottom: 120px;
}

@media (max-width: 1024px) {
    .helppartner__list {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .helppartner__list {
        margin-right: -24px;
        margin-left: -24px;
    }
}

.helppartner__list .help-partner-card {
    margin-right: 13%;
}

@media (max-width: 1200px) {
    .helppartner__list .help-partner-card {
        margin-right: 0;
    }
}

@media (max-width: 1024px) {
    .helppartner__list .help-partner-card {
        margin-right: 90px;
    }
}

@media (max-width: 767px) {
    .helppartner__list .help-partner-card {
        margin-right: 0;
    }
}

.helppartner__list .help-partner-card:nth-child(2n) {
    margin-right: 0;
    margin-left: 13%;
}

@media (max-width: 1200px) {
    .helppartner__list .help-partner-card:nth-child(2n) {
        margin-left: 0;
    }
}

@media (max-width: 1024px) {
    .helppartner__list .help-partner-card:nth-child(2n) {
        margin-left: 90px;
    }
}

@media (max-width: 767px) {
    .helppartner__list .help-partner-card:nth-child(2n) {
        margin-left: 0;
    }
}

.help-partner-card {
    display: flex;
    margin-bottom: 32px;
    background-color: #FFFFFF;
    color: #12161B;
    text-decoration: none;
}

.help-partner-card:hover .help-partner-card__title {
    color: #FFA800;
}

.help-partner-card:hover .help-partner-card__more .btn {
    color: #F28D00;
}

@media (max-width: 1024px) {
    .help-partner-card {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .help-partner-card {
        margin-bottom: 0;
    }
}

.help-partner-card__thumb {
    width: 328px;
    min-width: 328px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

@media (max-width: 1024px) {
    .help-partner-card__thumb {
        width: 100%;
        min-width: 100%;
        height: 375px;
    }
}

@media (max-width: 767px) {
    .help-partner-card__thumb {
        height: 224px;
    }
}

.help-partner-card__body {
    padding: 33px 48px;
}

@media (max-width: 767px) {
    .help-partner-card__body {
        padding: 20px 24px;
    }
}

.help-partner-card__number {
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .help-partner-card__number {
        margin-bottom: 15px;
    }
}

.help-partner-card__title {
    margin-bottom: 20px;
    transition: all 200ms ease-in-out;
}

@media (max-width: 767px) {
    .help-partner-card__title {
        margin-bottom: 15px;
    }
}

.help-partner-card__text {
    margin-bottom: 25px;
}

.help-partner-card__more {
    margin-top: 15px;
    border-top: 1px solid #C6CED3;
    padding-top: 30px;
}

@media (max-width: 767px) {
    .help-partner-card__more {
        padding-top: 20px;
        padding-bottom: 10px;
    }
}

@media (max-width: 1024px) {
    .helpus {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .helpus {
        padding-top: 30px;
    }
}

.helpus .wrapper {
    display: flex;
}

@media (max-width: 1024px) {
    .helpus .wrapper {
        flex-direction: column;
    }
}

.helpus__sidebar {
    width: 100%;
    max-width: 23.3%;
    min-width: 23.3%;
    margin-right: 32px;
    padding-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .helpus__sidebar {
        max-width: 100%;
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
        border-bottom: 1px solid #C6CED3;
        padding-right: 0;
        padding-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .helpus__sidebar {
        padding-bottom: 40px;
    }
}

@media (min-height: 840px) {
    .helpus__sidebar-in {
        position: sticky;
        top: 95px;
    }
}

.helpus__form {
    margin-bottom: 60px;
}

@media (max-width: 1024px) {
    .helpus__form {
        display: none;
        margin-bottom: 0;
    }
}

.helpus__form-toggle {
    display: none;
}

@media (max-width: 1024px) {
    .helpus__form-toggle {
        display: block;
    }
}

.helpus__form h3 {
    margin-bottom: 25px;
    margin-left: 10px;
}

@media (max-width: 1024px) {
    .helpus__form h3 {
        margin-bottom: 50px;
        margin-left: 0;
    }

    .helpus__form h3 br {
        display: none;
    }
}

@media (max-width: 767px) {
    .helpus__form h3 {
        margin-bottom: 30px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .helpus__form .inp-row {
        display: flex;
        margin: 0 -8px;
    }

    .helpus__form .inp-row .inp-group {
        width: 50%;
        padding: 0 8px;
    }
}

.helpus__form .inp-group {
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .helpus__form .inp-group {
        margin-right: -10px;
        margin-left: -10px;
    }
}

.helpus__form .inp-group label {
    display: block;
    margin-bottom: 10px;
    margin-left: 10px;
}

.helpus__form .inp-group .inp-style {
    height: 56px;
    padding-left: 20px;
    font-size: 18px;
}

.helpus__form .inp-group textarea.inp-style {
    height: auto;
    min-height: 56px;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .helpus__form .inp-submit {
        display: flex;
        justify-content: flex-end;
    }

    .helpus__form .inp-submit .btn {
        max-width: 272px;
    }
}

.helpus__body {
    position: relative;
    flex-grow: 1;
}

.helpus__body:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -33px;
    width: 1px;
    background-color: #C6CED3;
}

@media (max-width: 1024px) {
    .helpus__body:before {
        display: none;
    }
}

.helpus__text {
    border-bottom: 1px solid #C6CED3;
    margin-bottom: 75px;
    padding-bottom: 45px;
}

@media (max-width: 1024px) {
    .helpus__text {
        display: none;
        margin-bottom: 15px;
        border-bottom: none;
        padding-bottom: 0;
    }
}

.helpus__text--double {
    display: none;
}

@media (max-width: 1024px) {
    .helpus__text--double {
        display: block;
    }
}

.helpus__text h1 {
    margin-bottom: 44px;
}

@media (max-width: 1024px) {
    .helpus__text h1 {
        margin-bottom: 30px;
    }
}

.helpus__text p {
    width: 100%;
    max-width: 808px;
    margin-bottom: 30px;
}

.helpus-logos {
    margin-bottom: 40px;
}

.helpus-logos__title h3 {
    margin-bottom: 40px;
    color: #12161B;
}

@media (max-width: 767px) {
    .helpus-logos__title h3 {
        margin-bottom: 30px;
    }
}

.helpus-logos__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.helpus-logos__col {
    width: 33.33333333%;
    padding: 0 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .helpus-logos__col {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .helpus-logos__col {
        width: 100%;
    }
}

.helpus-logos__item {
    overflow: hidden;
    margin-bottom: 32px;
    backface-visibility: hidden;
}

.helpus-logos__item:hover img {
    transform: scale(1.05);
}

@media (max-width: 767px) {
    .helpus-logos__item {
        margin-bottom: 24px;
    }
}

.helpus-logos__item img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 250ms ease-in-out;
}

@media (max-width: 1024px) {
    .helpvolunteer {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .helpvolunteer {
        padding-top: 30px;
    }
}

.helpvolunteer .wrapper {
    display: flex;
}

@media (max-width: 1024px) {
    .helpvolunteer .wrapper {
        flex-direction: column-reverse;
    }
}

.helpvolunteer__sidebar {
    width: 100%;
    max-width: 23.3%;
    margin-right: 32px;
    padding-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .helpvolunteer__sidebar {
        max-width: 100%;
        margin-right: 0;
        padding-right: 0;
    }
}

.helpvolunteer__form {
    position: sticky;
    top: 95px;
    margin-bottom: 60px;
}

.helpvolunteer__form h3 {
    margin-bottom: 25px;
    margin-left: 10px;
}

@media (max-width: 1024px) {
    .helpvolunteer__form h3 {
        margin-bottom: 50px;
        margin-left: 0;
    }

    .helpvolunteer__form h3 br {
        display: none;
    }
}

@media (max-width: 767px) {
    .helpvolunteer__form h3 {
        margin-bottom: 30px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .helpvolunteer__form .inp-row {
        display: flex;
        margin: 0 -8px;
    }

    .helpvolunteer__form .inp-row .inp-group {
        width: 50%;
        padding: 0 8px;
    }
}

.helpvolunteer__form .inp-group {
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .helpvolunteer__form .inp-group {
        margin-right: -10px;
        margin-left: -10px;
    }
}

.helpvolunteer__form .inp-group label {
    display: block;
    margin-bottom: 10px;
    margin-left: 10px;
}

.helpvolunteer__form .inp-group .inp-style {
    height: 56px;
    padding-left: 20px;
    font-size: 18px;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .helpvolunteer__form .inp-submit {
        display: flex;
        justify-content: flex-end;
    }

    .helpvolunteer__form .inp-submit .btn {
        max-width: 272px;
    }
}

.helpvolunteer__body {
    position: relative;
    max-width: 808px;
    flex-basis: 100%;
}

@media (max-width: 1024px) {
    .helpvolunteer__body {
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .helpvolunteer__body {
        margin-bottom: 40px;
    }
}

.helpvolunteer__body:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -33px;
    width: 1px;
    background-color: #C6CED3;
}

@media (max-width: 1024px) {
    .helpvolunteer__body:before {
        top: initial;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
    }
}

.helpvolunteer__text {
    margin-bottom: 60px;
}

.helpvolunteer__text h1 {
    margin-bottom: 44px;
}

@media (max-width: 1024px) {
    .helpvolunteer__text h1 {
        margin-bottom: 30px;
    }
}

.helpvolunteer__text p {
    margin-bottom: 30px;
}

@media (max-width: 1024px) {
    .join {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .join {
        padding-top: 30px;
    }
}

.join .wrapper {
    display: flex;
}

@media (max-width: 1024px) {
    .join .wrapper {
        flex-direction: column-reverse;
    }
}

.join__sidebar {
    width: 100%;
    max-width: 23.3%;
    margin-right: 32px;
    padding-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .join__sidebar {
        max-width: 100%;
        margin-right: 0;
        padding-right: 0;
    }
}

.join__form {
    position: relative;
    margin-bottom: 60px;
}

.join__form-success {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(248, 248, 248, 0.9);
}

.join__form-success-in {
    text-align: center;
}

.join__form h3 {
    margin-bottom: 25px;
    margin-left: 10px;
}

@media (max-width: 1024px) {
    .join__form h3 {
        margin-bottom: 50px;
        margin-left: 0;
    }

    .join__form h3 br {
        display: none;
    }
}

@media (max-width: 767px) {
    .join__form h3 {
        margin-bottom: 30px;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .join__form .inp-row {
        display: flex;
        margin: 0 -8px;
    }

    .join__form .inp-row .inp-group {
        width: 50%;
        padding: 0 8px;
    }
}

.join__form .inp-group {
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .join__form .inp-group {
        margin-right: -10px;
        margin-left: -10px;
    }
}

.join__form .inp-group label {
    display: block;
    margin-bottom: 10px;
    margin-left: 10px;
}

.join__form .inp-group .inp-style {
    height: 56px;
    padding-left: 20px;
    font-size: 18px;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .join__form .inp-submit {
        display: flex;
        justify-content: flex-end;
    }

    .join__form .inp-submit .btn {
        max-width: 272px;
    }
}

.join__body {
    position: relative;
    max-width: 808px;
    flex-basis: 100%;
}

@media (max-width: 1024px) {
    .join__body {
        margin-bottom: 60px;
        padding-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .join__body {
        margin-bottom: 40px;
        padding-bottom: 0;
    }
}

.join__body:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -33px;
    width: 1px;
    background-color: #C6CED3;
}

@media (max-width: 1024px) {
    .join__body:before {
        top: initial;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
    }
}

.join__text {
    margin-bottom: 60px;
}

.join__text h1 {
    margin-bottom: 44px;
}

@media (max-width: 1024px) {
    .join__text h1 {
        margin-bottom: 30px;
    }
}

.join__text h3 {
    margin-bottom: 40px;
}

@media (max-width: 1024px) {
    .join__text h3 {
        margin-bottom: 30px;
    }
}

.join__text p {
    margin-bottom: 30px;
}

.page-main {
    padding-top: 0;
}

@media (min-width: 1025px) {
    .page-main--animation .header {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
        transition: all 1500ms 500ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .page-main--animation .main-item-first__text {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
        transition: all 1000ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .page-main--animation .main-scrollbt {
        opacity: 0;
        transform: translate3d(0, 200%, 0);
        transition: all 1000ms 1250ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .page-main--animation .share-link {
        opacity: 0;
        transform: translate3d(100%, 100%, 0);
        transition: all 1000ms 2000ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .page-main--animation .flickity-prev-next-button {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
        transition: all 1000ms 4000ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    .page-main--animation .flickity__info {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
        transition: all 1000ms 2500ms cubic-bezier(0.2, 0.8, 0.2, 1);
    }
}

@media (min-width: 1025px) {
    .page-main--loaded .share-link,
    .page-main--loaded .main-scrollbt,
    .page-main--loaded .main-item-first__text,
    .page-main--loaded .header,
    .page-main--loaded .flickity-prev-next-button,
    .page-main--loaded .flickity__info {
        opacity: 1;
        transform: translate3d(0%, 0%, 0);
    }
}

.page-main .flickity-prev-next-button {
    transition: all 200ms ease;
}

.main {
    position: relative;
    height: 100vh;
    min-height: 650px;
}

@media (max-width: 767px) {
    .main {
        height: auto;
        min-height: initial;
    }
}

.main .flickity__info {
    position: absolute;
    right: 0;
    bottom: 55px;
    left: 0;
}

@media (max-width: 767px) {
    .main .flickity__info {
        display: none;
    }
}

.main .flickity__info .wrapper {
    display: flex;
    align-items: center;
}

.main .flickity__info .flickity-indexof {
    display: flex;
    margin-right: 40px;
}

@media (max-width: 1024px) {
    .main .flickity__info .flickity-indexof {
        margin-right: 32px;
    }
}

@media (max-width: 767px) {
    .main .flickity__info .flickity-indexof {
        margin-right: 24px;
    }
}

.main .flickity__info .flickity-indexof__index {
    min-width: 30px;
    color: #12161B;
}

.main .flickity__info .flickity-indexof__of {
    position: relative;
    min-width: 30px;
    margin-top: 2px;
    margin-left: 10px;
    color: #C6CED3;
}

.main .flickity__info .flickity-indexof__of:before {
    content: '•';
    margin-right: 10px;
}

.main .flickity__info .flickity-progress {
    position: relative;
    width: 208px;
    height: 2px;
    background-color: #12161B;
}

@media (max-width: 1024px) {
    .main .flickity__info .flickity-progress {
        width: 115px;
    }
}

.main .flickity__info .flickity-progress__bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: inherit;
    background-color: #FFA800;
}

.main__video {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

@media (max-width: 1024px) {
    .main__video {
        display: none;
    }
}

.main__video video {
    width: 100%;
    height: 100%;
}

.main__list {
    width: 100%;
}

.main__list .flickity-page-dots {
    display: none;
}

@media (max-width: 767px) {
    .main__list .flickity-page-dots {
        display: flex;
        justify-content: center;
        bottom: 24px;
    }
}

.main__list .flickity-prev-next-button {
    top: initial;
    transform: none;
}

@media (max-width: 767px) {
    .main__list .flickity-prev-next-button {
        display: none;
    }
}

.main__list .flickity-prev-next-button.previous {
    bottom: 40px;
    right: 50%;
    left: initial;
    transform: translate(603.5px, 0);
}

@media (max-width: 1407px) {
    .main__list .flickity-prev-next-button.previous {
        right: 120px;
        transform: none;
    }
}

.main__list .flickity-prev-next-button.next {
    right: 50%;
    bottom: 40px;
    transform: translate(683.5px, 0);
}

@media (max-width: 1407px) {
    .main__list .flickity-prev-next-button.next {
        right: 40px;
        transform: none;
    }
}

.main-item {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    min-height: 650px;
    background-color: #F8F8F8;
}

.main-item::after {
    content: ' ';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 50%, #f8f8f8 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 50%, #f8f8f8 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f8f8f8', GradientType=0);
}

@media (max-width: 1024px) {
    .main-item {
        min-height: 500px;
    }
}

.main-item__dec {
    z-index: 5;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: url("/local/templates/xr-butterfly/assets/images/main/main/hand-1-big.png") 0 0 no-repeat;
    background-size: cover;
    pointer-events: none;
}

@media (max-width: 1024px) {
    .main-item__dec {
        display: block;
        background-position: 0 65%;
        background-size: auto 45%;
    }
}

@media (max-width: 767px) {
    .main-item__dec {
        background-position: 0 center;
        background-size: auto 40%;
    }
}

.main-item__dec-2 {
    z-index: 5;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: url("/local/templates/xr-butterfly/assets/images/main/main/hand-2-big.png") right top no-repeat;
    background-size: cover;
    pointer-events: none;
}

@media (max-width: 1024px) {
    .main-item__dec-2 {
        display: block;
        background-position: right 35%;
        background-size: auto 35%;
    }
}

@media (max-width: 767px) {
    .main-item__dec-2 {
        background-position: right 25%;
        background-size: auto 25%;
    }
}

.main-item__desktop {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width: 1024px) {
    .main-item__desktop {
        display: none;
    }
}

.main-item__mobile {
    display: none;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width: 1024px) {
    .main-item__mobile {
        display: block;
    }
}

.main-item-info {
    z-index: 5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-item-info__logo {
    display: flex;
    justify-content: center;
    margin: 0 0 10px 0;
}

.main-item-info__logo img {
    display: block;
    width: auto;
    height: 85px;
}

@media (max-width: 767px) {
    .main-item-info__logo img {
        height: 60px;
    }
}

.main-item-info__title {
    margin: 0 auto 10px auto;
    font-weight: bold;
    font-size: 110px;
    line-height: 120%;
    text-align: center;
}

@media (max-width: 1024px) {
    .main-item-info__title {
        font-size: 80px;
    }
}

@media (max-width: 767px) {
    .main-item-info__title {
        font-size: 40px;
    }
}

.main-item-info__text {
    width: 100%;
    max-width: 600px;
    min-height: 100px;
    margin: 0 auto 60px auto;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}

@media (max-width: 1024px) {
    .main-item-info__text {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (max-width: 767px) {
    .main-item-info__text {
        width: auto;
        min-height: initial;
        margin-right: 24px;
        margin-left: 24px;
        font-size: 16px;
        line-height: 20px;
    }

    .main-item-info__text br {
        display: none;
    }
}

.main-item-info__btn {
    text-align: center;
}

.main-item-first {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 650px;
}

@media (max-width: 1024px) {
    .main-item-first {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

.main-item-first:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: url("/local/templates/xr-butterfly/assets/images/main/main/bg-left.jpg") left bottom no-repeat;
    background-size: auto 80%;
    pointer-events: none;
}

@media (max-width: 1024px) {
    .main-item-first:before {
        display: block;
        background-size: 40% auto;
    }
}

@media (max-width: 767px) {
    .main-item-first:before {
        background-position: 0 center;
        background-size: 50% auto;
    }
}

.main-item-first:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: url("/local/templates/xr-butterfly/assets/images/main/main/bg-right.jpg") right top no-repeat;
    background-size: auto 80%;
    pointer-events: none;
}

@media (max-width: 1024px) {
    .main-item-first:after {
        display: block;
        background-size: 50% auto;
    }
}

@media (max-width: 767px) {
    .main-item-first:after {
        background-position: right 0;
        background-size: 50% auto;
    }
}

.main-item-first .wrapper {
    height: 100%;
}

@media (max-width: 767px) {
    .main-item-first .wrapper {
        z-index: 50;
        position: relative;
    }
}

.main-item-first__text {
    z-index: 20;
    position: absolute;
    right: 0;
    bottom: 15%;
    left: 0;
    width: 100%;
    max-width: 570px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .main-item-first__text {
        max-width: 448px;
        bottom: 30%;
    }
}

@media (max-width: 767px) {
    .main-item-first__text {
        top: 60%;
        bottom: initial;
    }
}

.main-item-first__text p {
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    color: #12161B;
    text-align: center;
}

@media (max-width: 767px) {
    .main-item-first__text p {
        font-size: 16px;
        line-height: 20px;
    }
}

.main-item-first-static {
    position: relative;
    height: 100%;
}

.main-item-first-static .wrapper {
    height: 100%;
}

.main-item-first-static__in {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.main-item-first-static__in .main-item__mobile {
    background-size: 100% auto;
    background-position: center top;
}

.main-item-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 100vh;
    padding: 0 0 60px 0;
}

.main-item-body > img {
    display: block;
    width: 100%;
    height: auto;
}

.main-scrollbt {
    position: absolute;
    right: 0;
    bottom: 53px;
    left: 0;
}

@media (max-width: 767px) {
    .main-scrollbt {
        display: none;
    }
}

.main-scrollbt__btn {
    display: block;
    width: 16px;
    height: 26px;
    margin: 0 auto;
    border: 2px solid #12161B;
    border-radius: 8px;
    text-indent: -9999px;
}

.main-scrollbt__btn:hover {
    border-color: #6E57FF;
}

.main-scrollbt__btn:hover:before {
    background-color: #6E57FF;
}

.main-scrollbt__btn:before {
    content: ' ';
    position: absolute;
    top: 10px;
    right: 0;
    left: 0;
    display: block;
    width: 2px;
    height: 6px;
    margin: 0 auto;
    border-radius: 3px;
    background-color: #12161B;
    animation: trackBallSlide 5s linear infinite;
}

@keyframes trackBallSlide {
    0%,
    28%,
    29.99%,
    30% {
        opacity: 1;
        transform: scale(1) translateY(-6px);
    }
    6% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    14% {
        opacity: 0;
        transform: scale(0.4) translateY(16px);
    }
    15%,
    19% {
        opacity: 0;
        transform: scale(0.4) translateY(-6px);
    }
    36% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    44% {
        opacity: 0;
        transform: scale(0.4) translateY(16px);
    }
    45%,
    49% {
        opacity: 0;
        transform: scale(0.4) translateY(-6px);
    }
    58%,
    59.99%,
    60% {
        opacity: 1;
        transform: scale(1) translateY(-6px);
    }
    66% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    74% {
        opacity: 0;
        transform: scale(0.4) translateY(16px);
    }
    75%,
    79% {
        opacity: 0;
        transform: scale(0.4) translateY(-6px);
    }
    100%,
    88% {
        opacity: 1;
        transform: scale(1) translateY(-6px);
    }
}

.main-children {
    position: relative;
    padding: 0 0 80px 0;
}

@media (max-width: 767px) {
    .main-children {
        padding-bottom: 40px;
    }
}

.main-children:before {
    content: ' ';
    z-index: 50;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(248, 248, 248, 0.8);
    pointer-events: none;
    transition: all 200ms ease;
}

.main-children--fade:before {
    opacity: 1;
    pointer-events: all;
}

.main-children__in {
    position: relative;
    margin: 0 0 40px 0;
}

@media (max-width: 767px) {
    .main-children__in {
        margin-bottom: 20px;
    }
}

.main-children__text {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #EBEDEF;
    transform: translate(-50%, -50%);
}

.main-children__text span {
    margin-left: 320px;
}

@media (max-width: 767px) {
    .main-children__text span {
        margin-left: 114px;
    }
}

.main-children-box {
    z-index: 200;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 688px;
    height: 688px;
    border-radius: 50%;
    box-sizing: border-box;
    background: #6E57FF url("/local/templates/xr-butterfly/assets/images/main/children/bg-box.jpg") center center no-repeat;
    background-size: cover;
    color: #FFFFFF;
    text-align: center;
    transform: translate3d(-50%, -50%, 0) scale(0.5);
    transition: 350ms cubic-bezier(0.2, 0.8, 0.2, 1);
    pointer-events: none;
}

@media (max-width: 767px) {
    .main-children-box {
        width: 100%;
        height: auto;
        padding-right: 24px;
        padding-left: 24px;
        border-radius: 0;
    }
}

.main-children-box--active {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0) scale(1);
    pointer-events: all;
}

.main-children-box__photo {
    margin: 30px 0;
}

@media (max-width: 767px) {
    .main-children-box__photo {
        margin-bottom: 20px;
    }
}

.main-children-box__photo img {
    display: block;
    width: 144px;
    height: 144px;
    margin: 0 auto;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 767px) {
    .main-children-box__photo img {
        width: 100px;
        height: 100px;
    }
}

.main-children-box__title {
    margin: 0 0 10px 0;
    text-align: center;
}

.main-children-box__info {
    margin: 0 0 35px 0;
    opacity: 0.6;
}

.main-children-box__text {
    width: 100%;
    max-width: 450px;
    margin: 0 auto 30px auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 30px 0;
    background: url("/local/templates/xr-butterfly/assets/images/main/children/butt-w.png") center top no-repeat;
    background-size: 23px auto;
}

.main-children-box__links {
    width: 100%;
    max-width: 450px;
    margin: 0 0 30px 0;
}

@media (max-width: 767px) {
    .main-children-box__links {
        width: auto;
        max-width: initial;
        margin-right: -25px;
        margin-left: -25px;
    }
}

.main-children-box__links ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.main-children-box__links ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    min-height: 32px;
    padding: 0 30px;
    box-sizing: border-box;
    text-align: center;
}

@media (max-width: 767px) {
    .main-children-box__links ul li {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.main-children-box__links ul li:first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.main-children-box__links ul li:last-child {
    margin-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 25px;
}

.main-children-box__links ul li a {
    color: #FFA800;
    text-decoration: none;
}

.main-children-box__links ul li a:hover {
    color: #FFFFFF;
}

.main-children__list {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: calc(100vh - 95px);
    max-height: 750px;
    padding: 0 15px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .main-children__list {
        height: calc(70vh - 95px);
    }
}

@media (max-width: 1024px) {
    .main-children__list {
        height: 65vh;
    }
}

.main-children__list .child {
    position: absolute;
    transform: translate3d(0px, 0px, 0);
    cursor: pointer;
    user-select: none;
    will-change: right;
}

.main-children__list .child:hover {
    z-index: 50;
    cursor: pointer;
}

.main-children__list .child:hover img {
    transform: translate3d(0%, 0%, 0%);
    filter: blur(0px);
}

.main-children__list .child:hover:before {
    opacity: 1;
}

.main-children__list .child:before {
    content: ' ';
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border-radius: 50%;
    background: linear-gradient(0deg, rgba(110, 87, 255, 0.5), rgba(110, 87, 255, 0.5));
    transition: opacity 200ms ease;
    pointer-events: none;
}

.main-children__list .child img {
    display: block;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    transform: translate3d(0%, 0%, 0%);
    transform-origin: center center;
    transition: transform 250ms ease;
}

.main-children__list .child--size-1 img {
    width: 48px;
    height: 48px;
    filter: blur(3px);
}

@media (max-width: 767px) {
    .main-children__list .child--size-1 img {
        width: 36px;
        height: 36px;
    }
}

.main-children__list .child--size-2 img {
    width: 88px;
    height: 88px;
}

@media (max-width: 767px) {
    .main-children__list .child--size-2 img {
        width: 66px;
        height: 66px;
    }
}

.main-children__list .child--size-3 img {
    width: 92px;
    height: 92px;
}

@media (max-width: 767px) {
    .main-children__list .child--size-3 img {
        width: 69px;
        height: 69px;
    }
}

.main-children__list .child--size-4 img {
    width: 144px;
    height: 144px;
}

@media (max-width: 767px) {
    .main-children__list .child--size-4 img {
        width: 108px;
        height: 108px;
    }
}

.main-children__list .child--size-5 img {
    width: 160px;
    height: 160px;
}

@media (max-width: 767px) {
    .main-children__list .child--size-5 img {
        width: 120px;
        height: 120px;
    }
}

.main-children__list .child--size-6 img {
    width: 192px;
    height: 192px;
}

@media (max-width: 767px) {
    .main-children__list .child--size-6 img {
        width: 144px;
        height: 144px;
    }
}

.main-children__more {
    text-align: center;
}

.main-children__more .btn {
    justify-content: center;
    min-width: 271px;
    text-align: center;
}

.main-press {
    padding: 128px 0 60px 0;
}

@media (max-width: 1024px) {
    .main-press {
        padding-top: 95px;
    }
}

@media (max-width: 767px) {
    .main-press {
        padding-top: 56px;
    }
}

.main-press__title {
    margin: 0 0 60px 0;
}

@media (max-width: 1024px) {
    .main-press__title {
        margin-bottom: 55px;
    }
}

@media (max-width: 767px) {
    .main-press__title {
        margin-bottom: 30px;
    }
}

.main-press__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.main-press-item {
    position: relative;
    margin: 0 0 52px 0;
}

@media (max-width: 767px) {
    .main-press-item {
        margin-bottom: 24px;
    }
}

.main-press-item--big {
    position: sticky;
    top: 95px;
}

@media (max-width: 767px) {
    .main-press-item--big {
        position: relative;
        top: 0;
        overflow: hidden;
    }
}

.main-press-item--big .main-press-item__thumb img {
    min-height: 380px;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 767px) {
    .main-press-item--big .main-press-item__thumb img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: auto;
        height: 100%;
    }
}

.main-press-item--big .main-press-item__info {
    position: absolute;
    right: 40px;
    bottom: 36px;
    left: 40px;
}

@media (max-width: 767px) {
    .main-press-item--big .main-press-item__info {
        position: relative;
        right: 0;
        bottom: 0;
        left: 0;
        padding-top: 60px;
        padding-right: 24px;
        padding-bottom: 20px;
        padding-left: 24px;
    }
}

.main-press-item--big .main-press-item__title {
    margin-bottom: 25px;
}

.main-press-item--big .main-press-item__title h4 {
    color: #FFFFFF;
}

.main-press-item--big .main-press-item__description {
    margin-bottom: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 20px;
}

.main-press-item--big .main-press-item__description p {
    color: #FFFFFF;
}

@media (max-width: 1240px) {
    .main-press-item--big .main-press-item__description p {
        font-size: 18px;
        line-height: 24px;
    }
}

.main-press-item__thumb {
    margin: 0 0 17px 0;
}

.main-press-item__thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.main-press-item__date {
    color: #ACAFBC;
}

.main-press-item__title {
    margin-bottom: 15px;
}

.main-press-item__title h4 a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.main-press-item__title h4 a:hover {
    color: #FFA800;
}

.main-press-item__description {
    margin-bottom: 6px;
}

.main-press-item__source-title {
    color: #9196A8;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 8px;
    margin-top: -4px;
}

.press-entry__body-item__source-title {
    color: #9196A8;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 28px;
    margin-top: -24px;
}

.main-press-item__category {
    color: #ACAFBC;
}

.main-press-item__category a {
    color: inherit;
    text-decoration: none;
}

.main-press-item__category a:hover {
    color: #FFA800;
}

.main-press__main {
    position: relative;
    width: 50%;
    padding: 0 16px 60px 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .main-press__main {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .main-press__main {
        width: auto;
        margin: 0 -8px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
}

.main-press__cards {
    width: 50%;
    padding: 0 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .main-press__cards {
        width: 100%;
    }
}

.main-press__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.main-press__col {
    width: 50%;
    padding: 0 16px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .main-press__col {
        width: 100%;
    }
}

.main-press__more {
    width: 100%;
    border-top: 1px solid #C6CED3;
    padding: 60px 0 28px 0;
}

.main-program {
    overflow: hidden;
    padding: 80px 0;
}

@media (max-width: 767px) {
    .main-program {
        padding-top: 30px;
        padding-bottom: 0;
    }
}

.main-program__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

.main-program__head--bordered {
    border-top: 2px solid #12161B;
    padding-top: 70px;
}

@media (max-width: 767px) {
    .main-program__head--bordered {
        padding-top: 30px;
    }
}

@media (max-width: 767px) {
    .main-program__head {
        margin-bottom: 30px;
    }

    .main-program__head .btn-link-arrow {
        display: none;
    }
}

.main-program__head .main-program__title {
    margin-bottom: 0;
}

.main-program__title {
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .main-program__title {
        margin-bottom: 30px;
    }
}

.main-program__list {
    overflow: hidden;
}

.main-program-item {
    position: relative;
    display: block;
    text-decoration: none;
    color: #000000;
    cursor: pointer;
}

.main-program-item:last-child .main-program-item-static {
    border-bottom: 1px solid #C6CED3;
}

.main-program-item:nth-child(2n) .main-program-item-static__number {
    margin-left: 240px;
}

@media (max-width: 1024px) {
    .main-program-item:nth-child(2n) .main-program-item-static__number {
        margin-left: 0;
    }
}

.main-program-item:nth-child(2n) .main-program-item-hover__icon {
    margin-left: 240px;
}

@media (max-width: 1024px) {
    .main-program-item:nth-child(2n) .main-program-item-hover__icon {
        margin-left: 0;
    }
}

.main-program-item:nth-child(1) .main-program-item-hover, .main-program-item:nth-child(5) .main-program-item-hover, .main-program-item:nth-child(9) .main-program-item-hover {
    background: #f078ae url("/local/templates/xr-butterfly/assets/images/main/program/bg-program-1.jpg") no-repeat;
    background-size: cover;
}

.main-program-item:nth-child(2) .main-program-item-hover, .main-program-item:nth-child(6) .main-program-item-hover, .main-program-item:nth-child(10) .main-program-item-hover {
    background: #77cd5b url("/local/templates/xr-butterfly/assets/images/main/program/bg-program-2.jpg") no-repeat;
    background-size: cover;
}

.main-program-item:nth-child(3) .main-program-item-hover, .main-program-item:nth-child(7) .main-program-item-hover, .main-program-item:nth-child(11) .main-program-item-hover {
    background: #ffc221 url("/local/templates/xr-butterfly/assets/images/main/program/bg-program-3.jpg") no-repeat;
    background-size: cover;
}

.main-program-item:nth-child(4) .main-program-item-hover, .main-program-item:nth-child(8) .main-program-item-hover, .main-program-item:nth-child(12) .main-program-item-hover {
    background: #4eb9da url("/local/templates/xr-butterfly/assets/images/main/program/bg-program-4.jpg") no-repeat;
    background-size: cover;
}

.main-program-item--more:hover .main-program-item-static__text {
    color: #FFA800;
}

@media (min-width: 1025px) {
    .main-program-item:hover:not(.main-program-item--more) .main-program-item-static {
        opacity: 0;
        visibility: hidden;
    }

    .main-program-item:hover .main-program-item-hover {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }
}

.main-program-item-static {
    display: flex;
    align-items: center;
    height: 224px;
    border-top: 1px solid #C6CED3;
    transition: all 300ms ease;
}

@media (max-width: 1024px) {
    .main-program-item-static {
        display: block;
        height: auto;
        padding-top: 58px;
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .main-program-item-static {
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

.main-program-item-static__number {
    width: 120px;
    min-width: 120px;
    height: 112px;
    margin-right: 120px;
    border-right: 1px solid #C6CED3;
}

@media (max-width: 1024px) {
    .main-program-item-static__number {
        height: 45px;
        border-right: none;
    }
}

@media (max-width: 767px) {
    .main-program-item-static__number {
        height: 32px;
    }
}

@media (max-width: 375px) {
    .main-program-item-static__text-last {
        font-size: 24px;
    }
}

.main-program-item-hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease;
}

@media (max-width: 1024px) {
    .main-program-item-hover {
        display: none;
    }
}

.main-program-item-hover .wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.main-program-item-hover .wrapper:after {
    content: ' ';
    position: absolute;
    top: 5px;
    right: 40px;
    display: block;
    width: 32px;
    height: 20px;
    background: url("/local/templates/xr-butterfly/assets/images/main/program/arrow-right.png") no-repeat;
    background-size: cover;
}

.main-program-item-hover__icon {
    width: 120px;
    min-width: 120px;
    height: 112px;
    margin-right: 120px;
    border-right: 1px solid #FFFFFF;
}

@media (max-width: 1024px) {
    .main-program-item-hover__icon {
        width: 100px;
        min-width: 100px;
        margin-right: 60px;
    }
}

.main-program-item-hover__icon svg,
.main-program-item-hover__icon img {
    display: block;
    width: 60px;
    height: 60px;
}

.main-program-item-hover__icon img {
    object-fit: cover;
    object-position: center;
}

.main-program-item-hover__icon .icon {
    font-size: 60px;
    fill: #FFFFFF;
}

.main-program-item-hover__text, .main-program-item-static__text {
    width: 100%;
    max-width: 808px;
}

.main-program-item-hover__text h4 {
    margin-bottom: 15px;
    color: #FFFFFF;
}

.main-program-item-static__text h4 {
    margin-bottom: 15px;
}

.main-program-item-hover__text p {
    color: #FFFFFF;
}

.main-reports {
    z-index: 20;
    position: relative;
    padding: 30px 0 70px 0;
}

@media (max-width: 767px) {
    .main-reports {
        background: url("/local/templates/xr-butterfly/assets/images/main/reports/bg-mobile.jpg") center center no-repeat;
        background-size: 100% auto;
    }
}

.main-reports__title {
    margin: 0 0 55px 0;
}

.main-reports__title h2 {
    margin: 0;
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    color: #12161B;
    text-align: center;
    text-transform: uppercase;
}

.main-reports__list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.main-reports__item {
    width: 100%;
    max-width: 500px;
    margin: 0 0 75px 0;
    text-align: center;
}

.main-reports__item h4 {
    margin: 0 0 10px 0;
}

.main-reports__item h5 {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0 0 25px 0;
}

.main-reports__item h5:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 64px;
    height: 2px;
    margin: 0 auto;
    background-color: #12161B;
}

.main-reports__item p {
    margin: 0;
}

.main-reports__more {
    text-align: center;
}

.main-reports__px {
    z-index: -1;
    position: absolute;
    top: 30%;
    right: 0;
    left: 0;
    width: 432px;
    height: 296px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .main-reports__px {
        display: none;
    }
}

.main-reports__px > div {
    position: absolute;
}

.main-reports__px-1 {
    display: block;
    width: 432px;
    height: 296px;
    background: url("/local/templates/xr-butterfly/assets/images/main/reports/px/1.png") no-repeat;
}

.main-reports__px-2 {
    top: 85px;
    left: -220px;
    display: block;
    width: 196px;
    height: 174px;
    background: url("/local/templates/xr-butterfly/assets/images/main/reports/px/2.png") no-repeat;
}

.main-reports__px-3 {
    top: 85px;
    right: -120px;
    display: block;
    width: 113px;
    height: 111px;
    background: url("/local/templates/xr-butterfly/assets/images/main/reports/px/3.png") no-repeat;
}

.main-reports__px-4 {
    top: -75px;
    right: 0;
    left: 0;
    display: block;
    width: 112px;
    height: 110px;
    margin: 0 auto;
    background: url("/local/templates/xr-butterfly/assets/images/main/reports/px/4.png") no-repeat;
}

.main-reports__px-5 {
    top: -180px;
    right: 10px;
    display: block;
    width: 58px;
    height: 51px;
    background: url("/local/templates/xr-butterfly/assets/images/main/reports/px/5.png") no-repeat;
}

.main-reports__px-6 {
    top: -130px;
    left: 50px;
    display: block;
    width: 31px;
    height: 23px;
    background: url("/local/templates/xr-butterfly/assets/images/main/reports/px/6.png") no-repeat;
}

.main-reviews {
    overflow: hidden;
    position: relative;
    padding: 120px 0;
}

@media (max-width: 1024px) {
    .main-reviews {
        padding-top: 88px;
        padding-bottom: 88px;
    }
}

@media (max-width: 767px) {
    .main-reviews {
        padding-top: 40px;
        padding-bottom: 60px;
    }
}

.main-reviews:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 208px;
    height: 138px;
    background: url("/local/templates/xr-butterfly/assets/images/main/reviews/q-1.png") no-repeat;
    background-size: cover;
    transform: translate(-703.5px, -50%);
}

@media (max-width: 1024px) {
    .main-reviews:before {
        display: none;
    }
}

.main-reviews:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 50%;
    display: block;
    width: 208px;
    height: 138px;
    background: url("/local/templates/xr-butterfly/assets/images/main/reviews/q-2.png") no-repeat;
    background-size: cover;
    transform: translate(703.5px, -50%);
}

@media (max-width: 1024px) {
    .main-reviews:after {
        display: none;
    }
}

.main-reviews__title {
    margin-bottom: 64px;
}

@media (max-width: 767px) {
    .main-reviews__title {
        margin-bottom: 30px;
    }
}

.main-reviews__title h2 {
    text-align: center;
}

.main-reviews__list {
    width: 100%;
}

@media (max-width: 1024px) {
    .main-reviews__list {
        padding-bottom: 112px;
    }
}

@media (max-width: 767px) {
    .main-reviews__list {
        padding-bottom: 40px;
    }
}

.main-reviews__list .flickity-page-dots {
    bottom: -40px;
    display: none;
}

@media (max-width: 1140px) {
    .main-reviews__list .flickity-page-dots {
        display: block;
    }
}

@media (max-width: 767px) {
    .main-reviews__list .flickity-page-dots {
        bottom: 0;
    }
}

@media (max-width: 1140px) {
    .main-reviews__list .flickity-prev-next-button {
        display: none;
    }
}

.main-reviews__list .flickity-prev-next-button.previous {
    left: 50%;
    transform: translate(-565px, 0);
}

@media (max-width: 1024px) {
    .main-reviews__list .flickity-prev-next-button.previous {
        top: initial;
        bottom: 0;
        left: 40px;
        transform: none;
    }
}

.main-reviews__list .flickity-prev-next-button.next {
    right: 50%;
    transform: translate(565px, 0);
}

@media (max-width: 1024px) {
    .main-reviews__list .flickity-prev-next-button.next {
        top: initial;
        right: 40px;
        bottom: 0;
        transform: none;
    }
}

.main-reviews-item {
    width: 100%;
    padding: 56px 0 0 0;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .main-reviews-item .wrapper {
        padding-right: 0;
        padding-left: 0;
    }
}

.main-reviews-item__box {
    position: relative;
    width: 100%;
    max-width: 928px;
    margin: 0 auto;
    padding: 83px 0 72px 0;
    background-color: #FFFFFF;
    text-align: center;
}

@media (max-width: 767px) {
    .main-reviews-item__box {
        padding-bottom: 32px;
    }
}

.main-reviews-item__photo {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    transform: translate(0, -50%);
}

.main-reviews-item__photo img {
    display: block;
    width: 112px;
    height: 112px;
    margin: 0 auto;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.main-reviews-item__text {
    width: 100%;
    max-width: 69%;
    margin: 0 auto 50px auto;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .main-reviews-item__text {
        max-width: 100%;
        padding-right: 24px;
        padding-left: 24px;
    }
}

.main-reviews-item__text p {
    margin-bottom: 30px;
}

.main-reviews-item__info {
    margin: 0 0 28px 0;
}

.main-reviews-item__info span {
    color: #ACAFBC;
}

@media (max-width: 767px) {
    .main-reviews-item__more {
        padding-bottom: 10px;
    }
}

.main-reviews-item__more .btn {
    justify-content: center;
    min-width: 176px;
    text-align: center;
}

.main-reviews__dec-1 {
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 120px;
    height: 148px;
    background: url("/local/templates/xr-butterfly/assets/images/main/reviews/dec-1.png") no-repeat;
    background-size: 100% 100%;
    transform: translate(-290px, -290px);
}

@media (max-width: 1024px) {
    .main-reviews__dec-1 {
        width: 79px;
        height: 97px;
        transform: translate(-290px, -320px);
    }
}

@media (max-width: 767px) {
    .main-reviews__dec-1 {
        top: 130px;
        left: 15px;
        width: 40px;
        height: 50px;
        transform: none;
    }
}

.main-reviews__dec-2 {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 457px;
    height: 392px;
    background: url("/local/templates/xr-butterfly/assets/images/main/reviews/dec-2.png") no-repeat;
    background-size: 100% 100%;
}

@media (max-width: 1024px) {
    .main-reviews__dec-2 {
        top: 5%;
        left: 55%;
        width: 355px;
        height: 304px;
    }
}

@media (max-width: 767px) {
    .main-reviews__dec-2 {
        top: 10px;
        left: 50%;
        width: 256px;
        height: 221px;
    }
}

.main-reviews__dec-3 {
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 165px;
    height: 150px;
    background: url("/local/templates/xr-butterfly/assets/images/main/reviews/dec-3.png") no-repeat;
    background-size: 100% 100%;
    transform: translate(200px, 220px);
}

@media (max-width: 1024px) {
    .main-reviews__dec-3 {
        width: 128px;
        height: 116px;
        transform: translate(180px, 200px);
    }
}

@media (max-width: 767px) {
    .main-reviews__dec-3 {
        top: initial;
        left: initial;
        right: 20px;
        bottom: 55px;
        width: 75px;
        height: 68px;
        transform: none;
    }
}

.main-trustees {
    position: relative;
    margin-top: -30px;
}

.main-trustees .flickity__info {
    position: absolute;
    right: 0;
    bottom: 199px;
    left: 0;
}

@media (max-width: 1024px) {
    .main-trustees .flickity__info {
        bottom: 79px;
    }
}

@media (max-width: 767px) {
    .main-trustees .flickity__info {
        bottom: 55px;
    }
}

.main-trustees .flickity__info .wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.main-trustees .flickity-indexof {
    display: flex;
    margin-left: 40px;
}

@media (max-width: 1024px) {
    .main-trustees .flickity-indexof {
        margin-left: 32px;
    }
}

@media (max-width: 767px) {
    .main-trustees .flickity-indexof {
        margin-left: 24px;
    }
}

.main-trustees .flickity-indexof__index {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
}

.main-trustees .flickity-indexof__of {
    position: relative;
    margin-top: 2px;
    margin-left: 10px;
    color: #C6CED3;
}

.main-trustees .flickity-indexof__of:before {
    content: '•';
    margin-right: 10px;
}

.main-trustees .flickity-progress {
    position: relative;
    width: 208px;
    height: 2px;
    background-color: #FFFFFF;
}

@media (max-width: 1024px) {
    .main-trustees .flickity-progress {
        flex-basis: 100%;
        width: auto;
    }
}

.main-trustees .flickity-progress__bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: inherit;
    background-color: #FFA800;
}

.main-trustees-item {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 30px 0 0 0;
}

.main-trustees-item__in {
    padding: 100px 0;
    background-color: #EBEDEF;
}

@media (max-width: 1200px) {
    .main-trustees-item__in {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 1024px) {
    .main-trustees-item__in {
        padding-bottom: 200px;
    }
}

@media (max-width: 767px) {
    .main-trustees-item__in {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.main-trustees-item__box {
    width: 100%;
    max-width: 58%;
}

@media (max-width: 1024px) {
    .main-trustees-item__box {
        max-width: 100%;
    }
}

.main-trustees-item__title {
    margin-bottom: 44px;
}

@media (max-width: 767px) {
    .main-trustees-item__title {
        margin-bottom: 30px;
    }
}

.main-trustees-item__info {
    display: flex;
    margin-top: 56px;
    border-top: 1px solid #C6CED3;
    padding-top: 50px;
}

@media (max-width: 1024px) {
    .main-trustees-item__info {
        display: block;
    }
}

@media (max-width: 767px) {
    .main-trustees-item__info {
        margin-top: 33px;
        padding-top: 33px;
    }
}

.main-trustees-item__name {
    width: 210px;
    padding-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .main-trustees-item__name {
        width: auto;
        margin-bottom: 10px;
        padding-right: 0;
    }

    .main-trustees-item__name br {
        display: none;
    }
}

.main-trustees-item__about {
    width: 100%;
    max-width: 500px;
    border-left: 1px solid #C6CED3;
    padding: 3px 0 3px 32px;
    color: #ACAFBC;
}

@media (max-width: 1024px) {
    .main-trustees-item__about {
        border-left: none;
        padding-left: 0;
    }
}

.main-trustees-item__photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

@media (max-width: 1024px) {
    .main-trustees-item__photo {
        top: initial;
        left: 65%;
    }
}

@media (max-width: 767px) {
    .main-trustees-item__photo {
        position: relative;
        left: initial;
        padding-right: 24px;
        padding-left: 24px;
        background-color: #EBEDEF;
    }
}

.main-trustees-item__photo img {
    display: block;
    width: auto;
    height: 100%;
    margin-left: auto;
}

@media (max-width: 1024px) {
    .main-trustees-item__photo img {
        width: 100%;
        height: auto;
    }
}

.main-volunteer {
    padding: 120px 0;
    background: url("/local/templates/xr-butterfly/assets/images/main/volunteer/bg-volunteer.jpg") 65% bottom no-repeat;
    background-size: auto 350px;
}

@media (max-width: 1024px) {
    .main-volunteer {
        padding-top: 0;
        background-position: 0 bottom;
        background-size: auto 300px;
    }
}

@media (max-width: 767px) {
    .main-volunteer {
        padding-bottom: 60px;
        background-size: auto 200px;
    }
}

.main-volunteer__title {
    margin-bottom: 50px;
    border-bottom: 1px solid #C6CED3;
    padding-bottom: 55px;
}

@media (max-width: 767px) {
    .main-volunteer__title {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
}

.main-volunteer__in {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .main-volunteer__in {
        display: block;
    }
}

.main-volunteer__text {
    width: 100%;
    max-width: 58%;
}

@media (max-width: 1024px) {
    .main-volunteer__text {
        max-width: 100%;
        margin-bottom: 52px;
        border-bottom: 1px solid #C6CED3;
        padding-bottom: 55px;
    }
}

@media (max-width: 767px) {
    .main-volunteer__text {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
}

.main-volunteer__btn {
    padding-left: 40px;
}

@media (max-width: 1024px) {
    .main-volunteer__btn {
        display: flex;
        justify-content: flex-end;
        padding-left: 0;
    }
}

.press-entry__in {
    display: flex;
}

@media (max-width: 1024px) {
    .press-entry__in {
        display: block;
    }
}

.press-entry-sidebar {
    width: 100%;
    max-width: 23.3%;
    min-width: 23.3%;
    margin-right: 32px;
    padding-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .press-entry-sidebar {
        max-width: 100%;
        min-width: 100%;
        margin-right: 0;
        border-right: none;
        padding-right: 0;
    }
}

.press-entry-sidebar__info {
    position: sticky;
    top: 95px;
}

@media (max-width: 1024px) {
    .press-entry-sidebar__info {
        position: relative;
        top: 0;
        display: flex;
        justify-content: space-between;
        margin-bottom: 35px;
    }
}

@media (max-width: 767px) {
    .press-entry-sidebar__info {
        display: block;
    }
}

.press-entry-sidebar__info h4 {
    margin-bottom: 20px;
}

@media (max-width: 1024px) {
    .press-entry-sidebar__info h4 {
        width: 240px;
    }
}

.press-entry-sidebar__info p {
    color: #ACAFBC;
}

@media (max-width: 1024px) {
    .press-entry-sidebar__info p {
        flex-basis: 100%;
    }
}

.press-entry-body {
    flex-grow: 1;
}

.press-entry__text {
    width: 100%;
    max-width: 808px;
    margin: 0 0 60px 0;
}

.press-entry__text h1 {
    margin-bottom: 60px;
}

@media (max-width: 1024px) {
    .press-entry__text h1 {
        margin-bottom: 44px;
    }
}

@media (max-width: 767px) {
    .press-entry__text h1 {
        margin-bottom: 30px;
    }
}

.press-entry__text figure {
    margin: 0 0 30px 0;
}

@media (max-width: 767px) {
    .press-entry__text figure {
        margin-right: -24px;
        margin-left: -24px;
    }
}

.press-entry__text figure img {
    display: block;
    max-width: 100%;
    height: auto;
}

.press-entry__text figure figcaption {
    margin-top: 10px;
    color: #79838C;
}

@media (max-width: 767px) {
    .press-entry__text figure figcaption {
        padding-right: 24px;
        padding-left: 24px;
    }
}

.press-entry__text p {
    margin-bottom: 25px;
}

.press-entry__text p a {
    color: #FFA800;
    text-decoration: none;
}

.press-entry__text p a:hover {
    color: #F28D00;
}

.press-entry-ward__title h2 {
    margin-bottom: 55px;
}

@media (max-width: 1024px) {
    .press-entry-ward__title h2 {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .press-entry-ward__title h2 {
        margin-bottom: 30px;
    }
}

.press-entry-ward__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.press-entry .child-need-help__list .press__col {
    width: 25%;
}

@media (max-width: 1024px) {
    .press-entry .child-need-help__list .press__col {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .press-entry .child-need-help__list .press__col {
        width: 100%;
    }
}

@media (min-width: 1025px) {
    .press:before {
        content: ' ';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        width: 1387px;
        margin: 0 auto;
        border-top: 1px solid #C6CED3;
    }
}

.press .wrapper {
    display: flex;
}

@media (max-width: 1024px) {
    .press .wrapper {
        display: block;
    }
}

.press-sidebar {
    width: 100%;
    max-width: 23.3%;
    min-width: 23.3%;
    margin-right: 32px;
    border-right: 1px solid #C6CED3;
    padding-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .press-sidebar {
        max-width: 100%;
        min-width: 100%;
        margin-right: 0;
        border-right: none;
        padding-right: 0;
    }
}

@media (min-height: 990px) {
    .press-sidebar .filter {
        position: sticky;
        top: 95px;
    }
}

.press-sidebar .filter__row:first-child .filter-item:first-child {
    border-top: none;
    padding-top: 0;
}

.press-body {
    flex-basis: 100%;
}

@media (max-width: 1024px) {
    .press-body__title {
        display: none;
    }
}

.press-body__title--double {
    display: none;
}

@media (max-width: 1024px) {
    .press-body__title--double {
        display: block;
    }
}

.press-body__title h1 {
    margin-bottom: 60px;
}

@media (max-width: 1024px) {
    .press-body__title h1 {
        margin-bottom: 44px;
    }
}

@media (max-width: 767px) {
    .press-body__title h1 {
        margin-bottom: 30px;
    }
}

.press__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.press__col {
    width: 33.333333%;
    padding: 0 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .press__col {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .press__col {
        width: 100%;
    }
}

.archive_program {
    padding-bottom: 96px;
}

@media (max-width: 1024px) {
    .archive_program {
        padding-bottom: 64px;
    }
}

@media (max-width: 767px) {
    .archive_program {
        padding-bottom: 104px;
    }
}

.archive_program__title {
    padding-top: 58px;
    padding-bottom: 58px;
}

@media (max-width: 767px) {
    .archive_program__title {
        padding-top: 35px;
        padding-bottom: 25px;
    }
}

.archive_program__list .flickity-page-dots {
    display: none;
}

@media (max-width: 767px) {
    .archive_program__list .flickity-page-dots {
        display: block;
    }
}

.archive_program__list .flickity-prev-next-button {
    width: 32px;
    height: 32px;
    border: none;
    transform: none;
}

.archive_program__list .flickity-prev-next-button:hover {
    background-color: transparent;
}

.archive_program__list .flickity-prev-next-button:hover .flickity-button-icon {
    fill: #FFA800;
}

@media (max-width: 767px) {
    .archive_program__list .flickity-prev-next-button {
        display: none;
    }
}

.archive_program__list .flickity-prev-next-button.previous {
    top: -80px;
    right: 80px;
    left: initial;
}

.archive_program__list .flickity-prev-next-button.previous:before {
    content: ' ';
    position: absolute;
    top: -1px;
    right: -24px;
    width: 1px;
    height: 24px;
    background-color: #C6CED3;
}

.archive_program__list .flickity-prev-next-button.previous .flickity-button-icon {
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
}

.archive_program__list .flickity-prev-next-button.next {
    top: -92px;
    right: 0;
}

.archive_program__list .flickity-prev-next-button.next .flickity-button-icon {
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
}

.archive_program-item {
    display: block;
    width: calc(25% - 24px);
    margin-right: 32px;
    padding: 24px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    color: #000000;
    text-decoration: none;
}

@media (max-width: 1024px) {
    .archive_program-item {
        width: calc(50% - 16px);
    }
}

@media (max-width: 767px) {
    .archive_program-item {
        width: 100%;
        margin-right: 0;
    }
}

.archive_program-item__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 144px;
    height: 144px;
    margin-bottom: 20px;
    border-radius: 50%;
    background-color: #EBEDEF;
}

.archive_program-item__icon .icon {
    font-size: 50px;
}

.archive_program-item__title {
    min-height: 76px;
    margin-bottom: 17px;
}

@media (max-width: 767px) {
    .archive_program-item__title {
        min-height: initial;
    }
}

.archive_program-item__text {
    min-height: 75px;
}

@media (max-width: 767px) {
    .archive_program-item__text {
        min-height: initial;
    }
}

@media (max-width: 1024px) {
    .programs_entry {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .programs_entry {
        padding-top: 30px;
    }
}

.programs_entry .wrapper {
    position: relative;
    display: flex;
    padding-bottom: 50px;
}

.programs_entry .wrapper:after {
    content: ' ';
    position: absolute;
    right: 40px;
    bottom: 0;
    left: 40px;
    height: 1px;
    background-color: #C6CED3;
}

@media (max-width: 1024px) {
    .programs_entry .wrapper:after {
        right: 40px;
        left: 40px;
    }
}

@media (max-width: 767px) {
    .programs_entry .wrapper:after {
        right: 24px;
        left: 24px;
    }
}

@media (max-width: 1024px) {
    .programs_entry .wrapper {
        flex-direction: column;
    }
}

.programs_entry__sidebar {
    width: 100%;
    max-width: 23.3%;
    margin-right: 32px;
    padding-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .programs_entry__sidebar {
        max-width: 100%;
        margin-right: 0;
        padding-right: 0;
    }
}

.programs_entry-info {
    position: sticky;
    top: 115px;
    margin-bottom: 30px;
    text-align: center;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .programs_entry-info {
        position: relative;
        top: 0;
        display: flex;
        align-items: center;
        text-align: left;
    }
}

.programs_entry-info__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    min-width: 200px;
    height: 200px;
    margin: 0 auto 20px auto;
    background: url("/local/templates/xr-butterfly/assets/images/main/program/bg-program-2.jpg") 0 center no-repeat;
    background-size: auto 100%;
    border-radius: 50%;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .programs_entry-info__icon {
        margin-bottom: 0;
        margin-right: 40px;
        margin-left: 0;
    }
}

.programs_entry-info__icon .icon {
    font-size: 70px;
    fill: #FFFFFF;
}

.programs_entry-info__title {
    margin-bottom: 15px;
}

.programs_entry__text {
    width: 100%;
    max-width: 808px;
}

.programs_entry__text h3 {
    margin-bottom: 40px;
}

@media (max-width: 1024px) {
    .programs_entry__text h3 {
        margin-bottom: 30px;
    }
}

.programs_entry__text p {
    margin-bottom: 30px;
}

.referential .wrapper {
    display: flex;
}

@media (max-width: 1024px) {
    .referential .wrapper {
        flex-direction: column;
    }
}

.referential__sidebar {
    width: 100%;
    max-width: 23.3%;
    min-width: 23.3%;
    margin-right: 32px;
    padding-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .referential__sidebar {
        max-width: 100%;
        min-width: 100%;
        margin-right: 0;
        padding-right: 0;
    }
}

.referential-nav {
    position: sticky;
    top: 95px;
    margin-bottom: 40px;
}

.referential-nav-head {
    display: none;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    margin-bottom: 40px;
    border-bottom: 1px solid #C6CED3;
}

@media (max-width: 1024px) {
    .referential-nav-head {
        display: flex;
    }
}

@media (max-width: 767px) {
    .referential-nav-head {
        margin-bottom: 30px;
    }
}

.referential-nav-head__title {
    display: flex;
    align-items: center;
}

.referential-nav-head__title .icon {
    font-size: 20px;
}

.referential-nav-head__title span {
    margin-left: 18px;
}

@media (max-width: 1024px) {
    .referential-nav__in {
        display: none;
        margin-right: -40px;
        margin-bottom: 60px;
        margin-left: -40px;
        padding-top: 24px;
        padding-right: 40px;
        padding-bottom: 32px;
        padding-left: 40px;
        background-color: #EBEDEF;
    }
}

@media (max-width: 767px) {
    .referential-nav__in {
        margin-right: -24px;
        margin-bottom: 45px;
        margin-left: -24px;
        padding-right: 24px;
        padding-left: 24px;
    }
}

@media (min-width: 1025px) {
    .referential-nav__in {
        display: block !important;
    }
}

.referential-nav__list > ul > li.is-active > h4 {
    color: #FFA800;
}

.referential-nav__list > ul > li.is-active > h4 > a {
    color: #FFA800;
}

.referential-nav__list > ul > li.is-active > a {
    color: #FFA800;
}

.referential-nav__list > ul > li:not(:last-child) {
    border-bottom: 1px solid #EBEDEF;
}

@media (max-width: 1024px) {
    .referential-nav__list > ul > li:not(:last-child) {
        border-bottom-color: #C6CED3;
    }
}

.referential-nav__list > ul > li h4 {
    padding: 10px 0;
    transition: all 200ms ease;
    cursor: pointer;
}

.referential-nav__list > ul > li h4:hover {
    color: #FFA800;
}

.referential-nav__list > ul > li h4 a:hover {
    color: #FFA800;
}

.referential-nav__list > ul > li ul {
    display: none;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 15px;
}

.referential-nav__list > ul > li ul li {
    margin-bottom: 5px;
}

.referential-nav__list > ul > li ul li.is-active a {
    color: #FFA800;
}

.referential-nav__list > ul > li ul li a {
    line-height: 100%;
    color: #79838C;
    text-decoration: none;
}

.referential-nav__list > ul > li ul li a:hover {
    color: #FFA800;
}

.referential-nav__bottom {
    display: flex;
    justify-content: flex-end;
    display: none;
}

@media (max-width: 1024px) {
    .referential-nav__bottom {
        display: flex;
    }
}

.referential__body {
    position: relative;
    flex-grow: 1;
}

.referential__body:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -33px;
    width: 1px;
    background-color: #C6CED3;
}

@media (max-width: 1024px) {
    .referential__body:before {
        display: none;
    }
}

.referential__text {
    width: 100%;
    max-width: 808px;
    margin-bottom: 80px;
}

.referential__text a {
    color: #FFA800;
}

.referential__text a:hover {
    color: #F28D00;
}

.referential__text h1 {
    margin-bottom: 44px;
}

@media (max-width: 1024px) {
    .referential__text h1 {
        margin-bottom: 30px;
    }
}

.referential__text h3 {
    margin-bottom: 40px;
}

@media (max-width: 1024px) {
    .referential__text h3 {
        margin-bottom: 30px;
    }
}

.referential__text p {
    margin-bottom: 30px;
}

.regfund {
    margin-bottom: 64px;
}

@media (max-width: 1024px) {
    .regfund {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .regfund {
        padding-top: 30px;
    }
}

.regfund__in {
    width: 100%;
    max-width: 808px;
    margin-left: 32px;
    padding-left: 23.3%;
}

@media (max-width: 1024px) {
    .regfund__in {
        margin-left: 0;
        padding-left: 0;
    }
}

.regfund__in h1 {
    margin-bottom: 44px;
}

@media (max-width: 1024px) {
    .regfund__in h1 {
        margin-bottom: 30px;
    }
}

.regfund__in h3 {
    margin-bottom: 30px;
}

.regfund__in p {
    margin-bottom: 30px;
}

.regfund__in p a {
    color: #FFA800;
}

.regfund__in p a:hover {
    color: #F28D00;
}

@media (max-width: 1024px) {
    .regfund__in .btn {
        width: 100%;
        justify-content: center;
    }
}

.reports_costs {
    position: relative;
}

@media (max-width: 1024px) {
    .reports_costs {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .reports_costs {
        padding-top: 30px;
    }
}

.reports_costs:before {
    content: ' ';
    position: absolute;
    top: 10%;
    right: 0px;
    display: block;
    width: 219px;
    height: 381px;
    background: url("/local/templates/xr-butterfly/assets/images/reports/butt4.jpg") 0 0 no-repeat;
    background-size: 319px auto;
}

@media (max-width: 1024px) {
    .reports_costs:before {
        top: 25%;
        right: 0;
    }
}

@media (max-width: 767px) {
    .reports_costs:before {
        display: none;
    }
}

.reports_costs .wrapper {
    display: flex;
}

@media (max-width: 1024px) {
    .reports_costs .wrapper {
        display: block;
    }
}

.reports_costs__sidebar {
    width: 100%;
    max-width: 23.3%;
    margin-right: 32px;
    border-right: 1px solid #C6CED3;
    padding-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .reports_costs__sidebar {
        max-width: 50%;
        margin-right: 0;
        border-right: none;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .reports_costs__sidebar {
        max-width: 100%;
    }
}

.reports_costs__filter {
    position: sticky;
    top: 115px;
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .reports_costs__filter {
        margin-bottom: 40px;
    }
}

.reports_costs__filter .filter-item {
    border-top: none;
    padding-top: 0;
}

.reports_costs__text {
    z-index: 5;
    position: relative;
    width: 100%;
    max-width: 808px;
    margin-bottom: 30px;
}

@media (max-width: 1024px) {
    .reports_costs__text {
        display: none;
    }
}

.reports_costs__text--double {
    display: none;
}

@media (max-width: 1024px) {
    .reports_costs__text--double {
        display: block;
        margin-bottom: 30px;
        border-bottom: 1px solid #C6CED3;
        padding-bottom: 15px;
    }
}

.reports_costs__text h1 {
    margin-bottom: 44px;
}

@media (max-width: 1024px) {
    .reports_costs__text h1 {
        margin-bottom: 30px;
    }
}

.reports_costs__text p {
    margin-bottom: 30px;
}

.reports_costs__list {
    z-index: 5;
    position: relative;
    margin: 0 0 90px 0;
}

@media (max-width: 1024px) {
    .reports_costs__list {
        margin-bottom: 65px;
    }
}

.reports_costs-item {
    display: flex;
    align-items: center;
    height: 103px;
    margin: 0 0 1px 0;
    padding: 0 32px;
    background-color: #FFFFFF;
    text-decoration: none;
}

@media (max-width: 1024px) {
    .reports_costs-item {
        height: 127px;
    }
}

@media (max-width: 767px) {
    .reports_costs-item {
        display: block;
        height: auto;
        margin-right: -24px;
        margin-left: -24px;
        padding: 22px 24px;
    }
}

.reports_costs-item:hover {
    background: url("/local/templates/xr-butterfly/assets/images/reports/cost-hover.jpg") no-repeat;
    background-size: 100% 100%;
}

.reports_costs-item:hover .reports_costs-item__title {
    color: #FFFFFF;
}

.reports_costs-item:hover .reports_costs-item__info {
    color: #FFFFFF;
}

.reports_costs-item:hover .reports_costs-item__info span {
    color: #FFFFFF;
}

.reports_costs-item__body {
    flex-basis: 100%;
}

@media (max-width: 767px) {
    .reports_costs-item__body {
        min-height: 80px;
        margin-bottom: 15px;
    }
}

.reports_costs-item__title {
    color: #12161B;
}

.reports_costs-item__date {
    margin-top: 10px;
    color: #ACAFBC;
}

.reports_costs-item__info {
    min-width: 200px;
    min-height: 56px;
    border-left: 1px solid #EBEDEF;
    margin-left: 32px;
    padding-left: 32px;
    box-sizing: border-box;
    color: #ACAFBC;
}

@media (max-width: 767px) {
    .reports_costs-item__info {
        min-height: initial;
        margin-left: 0;
        border-top: 1px solid #EBEDEF;
        border-left: none;
        padding-top: 24px;
        padding-left: 0;
    }
}

.reports_costs-item__info span {
    color: #12161B;
}

@media (max-width: 1024px) {
    .reports_online {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .reports_online {
        padding-top: 30px;
    }
}

.reports_online .wrapper {
    display: flex;
}

@media (max-width: 1024px) {
    .reports_online .wrapper {
        display: block;
    }
}

.reports_online__sidebar {
    width: 100%;
    max-width: 23.3%;
    margin-right: 32px;
    border-right: 1px solid #C6CED3;
    padding-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .reports_online__sidebar {
        max-width: 50%;
        margin-right: 0;
        border-right: none;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .reports_online__sidebar {
        max-width: 100%;
    }
}

.reports_online__filter {
    position: sticky;
    top: 115px;
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .reports_online__filter {
        margin-bottom: 40px;
    }
}

.reports_online__filter .filter-item {
    border-top: none;
    padding-top: 0;
}

.reports_online__body {
    flex-basis: 100%;
}

.reports_online__text {
    z-index: 5;
    position: relative;
    width: 100%;
    max-width: 808px;
    margin-bottom: 50px;
}

@media (max-width: 1024px) {
    .reports_online__text {
        display: none;
    }
}

.reports_online__text--double {
    display: none;
}

@media (max-width: 1024px) {
    .reports_online__text--double {
        display: block;
        margin-bottom: 30px;
    }
}

.reports_online__text h1 {
    margin-bottom: 44px;
}

@media (max-width: 1024px) {
    .reports_online__text h1 {
        margin-bottom: 30px;
    }
}

.reports_online__text p {
    margin-bottom: 30px;
}

.reports_online_tabs {
    width: 100%;
    max-width: 928px;
    margin: 0 auto 63px auto;
}

@media (max-width: 767px) {
    .reports_online_tabs {
        margin-bottom: 40px;
    }
}

.reports_online_tabs__list {
    border-top: 1px solid #C6CED3;
    padding-top: 55px;
}

.reports_online_tabs-item {
    display: flex;
    margin: 0 0 56px 0;
    border-bottom: 1px solid #C6CED3;
    padding: 0 0 56px 0;
}

.reports_online_tabs-item:last-child {
    border-bottom: none;
    padding-bottom: 10px;
}

@media (max-width: 767px) {
    .reports_online_tabs-item {
        margin-bottom: 26px;
        padding-bottom: 26px;
    }
}

.reports_online_tabs-item--active .reports_online_tabs-item__status:before {
    transform: rotate(180deg);
}

.reports_online_tabs-item--active .reports_online_tabs-item__status:after {
    transform: rotate(90deg);
}

.reports_online_tabs-item--active .reports_online_tabs-item__head h3 {
    color: #FFA800;
}

.reports_online_tabs-item__status {
    position: relative;
    width: 90px;
    min-width: 90px;
    height: 24px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .reports_online_tabs-item__status {
        width: 50px;
        min-width: 50px;
    }
}

.reports_online_tabs-item__status:before {
    content: ' ';
    position: absolute;
    top: 20px;
    left: 0;
    display: block;
    width: 24px;
    height: 2px;
    background-color: #12161B;
    transition: all 300ms ease-in-out;
}

.reports_online_tabs-item__status:after {
    content: ' ';
    position: absolute;
    top: 9px;
    left: 11px;
    display: block;
    width: 2px;
    height: 24px;
    background-color: #12161B;
    transition: all 300ms ease-in-out;
}

.reports_online_tabs-item__content {
    position: relative;
    flex-basis: 100%;
    padding: 0 0 0 32px;
}

.reports_online_tabs-item__content:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 48px;
    background-color: #C6CED3;
}

@media (max-width: 767px) {
    .reports_online_tabs-item__content:before {
        display: none;
    }
}

@media (max-width: 767px) {
    .reports_online_tabs-item__content {
        border-left: none;
        padding-left: 0;
    }
}

.reports_online_tabs-item__head {
    min-height: 40px;
    user-select: none;
    cursor: pointer;
}

.reports_online_tabs-item__head:hover h3 {
    color: #FFA800;
}

.reports_online_tabs-item__head h3 {
    transition: all 250ms ease-in-out;
}

.reports_online_tabs-item__body {
    display: none;
    padding: 25px 0 0 0;
}

.reports_online_tabs-item__body p {
    color: #293644;
}

.reports_online_tabs-date {
    border-top: 1px solid #C6CED3;
}

.reports_online_tabs-date--active .reports_online_tabs-date__title {
    color: #FFA800;
}

.reports_online_tabs-date--active .reports_online_tabs-date__arrow {
    transform: rotate(225deg);
}

.reports_online_tabs-date:hover .reports_online_tabs-date__title {
    color: #FFA800;
}

.reports_online_tabs-date__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 58px;
    cursor: pointer;
}

.reports_online_tabs-date__arrow {
    width: 10px;
    height: 10px;
    border-right: 2px solid #12161B;
    border-bottom: 2px solid #12161B;
    box-sizing: border-box;
    transform: rotate(45deg);
    transition: all 250ms ease-in-out;
}

.reports_online_tabs-date__body {
    display: none;
    padding-top: 15px;
}

.reports_online_tabs-date__body .table-base {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .reports_online_tabs-date__body .table-base {
        overflow-x: auto;
        width: calc(100vw - 163px);
        margin-right: -40px;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767px) {
    .reports_online_tabs-date__body .table-base {
        width: calc(100vw - 74px);
        margin-right: -24px;
    }
}

@media (max-width: 1024px) {
    .reports_online_tabs-date__body .table-base table {
        width: 930px;
    }
}

.reports_online_tabs-date__body .table-base table tr:last-child td {
    border-bottom: none;
}

.reports_online_tabs-date__body .table-base table tr th,
.reports_online_tabs-date__body .table-base table tr td {
    padding-right: 10px;
    padding-left: 10px;
}

.reports_online_tabs-date__body .table-base table tr th:first-child,
.reports_online_tabs-date__body .table-base table tr td:first-child {
    padding-left: 0;
}

.reports_online_tabs-date__body .table-base table tr th:last-child,
.reports_online_tabs-date__body .table-base table tr td:last-child {
    padding-right: 0;
}

.reports {
    position: relative;
    margin-bottom: 64px;
}

@media (max-width: 1024px) {
    .reports {
        overflow: hidden;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .reports {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.reports:before {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 319px;
    height: 381px;
    background: url("/local/templates/xr-butterfly/assets/images/reports/butt4.jpg") no-repeat;
    background-size: 100% auto;
}

@media (max-width: 1024px) {
    .reports:before {
        width: 211px;
        height: 251px;
        left: initial;
        right: 0;
    }
}

@media (max-width: 767px) {
    .reports:before {
        display: none;
    }
}

.reports:after {
    content: ' ';
    position: absolute;
    top: 40%;
    left: 0;
    display: block;
    width: 211px;
    height: 344px;
    background: url("/local/templates/xr-butterfly/assets/images/reports/butt5.jpg") no-repeat;
    background-size: 100% auto;
}

@media (max-width: 1024px) {
    .reports:after {
        top: 50%;
    }
}

@media (max-width: 767px) {
    .reports:after {
        display: none;
    }
}

@media (max-width: 1024px) {
    .reports {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .reports {
        padding-top: 30px;
    }
}

.reports__text {
    z-index: 5;
    position: relative;
    width: 100%;
    max-width: 808px;
    margin-bottom: 70px;
    margin-left: 32px;
    padding-left: 23.3%;
}

@media (max-width: 1024px) {
    .reports__text {
        margin-bottom: 60px;
        margin-left: 0;
        padding-left: 0;
    }
}

.reports__text h1 {
    margin-bottom: 44px;
}

@media (max-width: 1024px) {
    .reports__text h1 {
        margin-bottom: 30px;
    }
}

.reports__text p {
    margin-bottom: 30px;
}

.reports__list {
    z-index: 2;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px 80px -16px;
}

@media (max-width: 767px) {
    .reports__list {
        margin-bottom: 50px;
    }
}

.reports__col {
    width: 33.333333%;
    padding: 0 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .reports__col {
        width: 100%;
    }
}

.reports-item {
    display: block;
    margin-bottom: 32px;
    border: 1px solid #C6CED3;
    padding: 40px 48px;
    color: #000000;
    text-decoration: none;
}

@media (max-width: 1024px) {
    .reports-item {
        margin-bottom: 24px;
        padding: 20px 24px;
    }
}

.reports-item:hover {
    background: url("/local/templates/xr-butterfly/assets/images/help/help-card-hover.jpg") no-repeat;
    background-size: cover;
}

.reports-item:hover .reports-item__btns .btn {
    color: #FFFFFF;
}

.reports-item__number {
    margin-bottom: 20px;
}

.reports-item__title {
    min-height: 200px;
    margin-bottom: 20px;
}

@media (max-width: 1024px) {
    .reports-item__title {
        min-height: 100px;
    }
}

.reports-item__btns {
    border-top: 1px solid #C6CED3;
    padding-top: 40px;
}

@media (max-width: 767px) {
    .reports-item__btns {
        padding-top: 25px;
    }
}

.reports-graph {
    position: relative;
    margin: 0 0 100px 0;
}

@media (max-width: 1024px) {
    .reports-graph {
        margin-bottom: 30px;
    }
}

.reports-graph__dec1 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 113px;
    height: 110px;
    margin: 0 auto;
    background: url("/local/templates/xr-butterfly/assets/images/reports/butt1.jpg") no-repeat;
    background-size: 100% auto;
}

@media (max-width: 1024px) {
    .reports-graph__dec1 {
        top: 380px;
        right: initial;
    }
}

@media (max-width: 767px) {
    .reports-graph__dec1 {
        display: none;
    }
}

.reports-graph__dec2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;
    display: block;
    width: 195px;
    height: 173px;
    margin: auto 0;
    background: url("/local/templates/xr-butterfly/assets/images/reports/butt2.jpg") no-repeat;
    background-size: 100% auto;
}

@media (max-width: 1024px) {
    .reports-graph__dec2 {
        top: initial;
        left: 0;
        bottom: 25%;
    }
}

@media (max-width: 767px) {
    .reports-graph__dec2 {
        top: 330px;
        right: initial;
        bottom: initial;
        left: -50px;
        width: 120px;
        height: 100px;
    }
}

.reports-graph__dec3 {
    position: absolute;
    top: 0;
    right: 5%;
    bottom: 0;
    display: block;
    width: 113px;
    height: 112px;
    margin: auto 0;
    background: url("/local/templates/xr-butterfly/assets/images/reports/butt3.jpg") no-repeat;
    background-size: 100% auto;
}

@media (max-width: 1024px) {
    .reports-graph__dec3 {
        top: initial;
        right: 0;
        bottom: 15%;
    }
}

@media (max-width: 767px) {
    .reports-graph__dec3 {
        top: 820px;
        right: -20px;
        bottom: initial;
        width: 77px;
        height: 70px;
    }
}

.reports-graph__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: space-between;
    min-height: 800px;
}

@media (max-width: 1024px) {
    .reports-graph__list {
        min-height: initial;
    }
}

.reports-graph__item {
    z-index: 3;
    position: absolute;
    width: 50%;
    text-align: center;
}

@media (max-width: 1024px) {
    .reports-graph__item {
        position: relative;
        width: 100%;
        margin-bottom: 70px;
    }
}

.reports-graph__item h3 {
    position: relative;
    padding-bottom: 50px;
}

.reports-graph__item h3:after {
    content: ' ';
    position: absolute;
    right: 0;
    bottom: 25px;
    left: 0;
    width: 64px;
    height: 2px;
    margin: 0 auto;
    background-color: #12161B;
}

.reports-graph__item--1 {
    top: 0;
    left: 0;
}

.reports-graph__item--2 {
    top: 0;
    right: 0;
}

.reports-graph__item.reports-graph__item--3 {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 512px;
    height: 512px;
    background: url("/local/templates/xr-butterfly/assets/images/reports/bg-circle.jpg") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    transform: translate(-50%, -50%);
}

.reports-graph__item.reports-graph__item--3 h3 {
    font-size: 132px;
    line-height: 112px;
}

@media (max-width: 1024px) {
    .reports-graph__item.reports-graph__item--3 {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto 70px auto;
        transform: translate(0, 0);
    }
}

@media (max-width: 767px) {
    .reports-graph__item.reports-graph__item--3 {
        width: 416px;
        min-width: 416px;
        height: 416px;
        margin: 0 auto 50px auto;
    }
}

@media (max-width: 420px) {
    .reports-graph__item.reports-graph__item--3 {
        margin-left: -25px;
    }
}

@media (max-width: 375px) {
    .reports-graph__item.reports-graph__item--3 {
        margin-left: -45px;
    }
}

@media (max-width: 340px) {
    .reports-graph__item.reports-graph__item--3 {
        margin-left: -70px;
    }
}

.reports-graph__item.reports-graph__item--3 h3 {
    color: #FFFFFF;
}

.reports-graph__item.reports-graph__item--3 h3:after {
    background-color: #FFFFFF;
}

.reports-graph__item.reports-graph__item--3 p {
    color: #FFFFFF;
}

.reports-graph__item--4 {
    bottom: 0;
    left: 0;
}

.reports-graph__item--5 {
    right: 0;
    bottom: 0;
}

.reviews-box {
    padding: 0 0 60px 0;
}

.reviews-box-head {
    display: flex;
    justify-content: space-between;
    margin: 0 0 60px 0;
}

@media (max-width: 767px) {
    .reviews-box-head {
        margin-bottom: 30px;
    }
}

.reviews-box-head__ctrl {
    display: flex;
}

@media (max-width: 767px) {
    .reviews-box-head__ctrl .icon {
        display: none;
    }
}

.reviews-box__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.reviews-box__col {
    width: 25%;
    padding: 0 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .reviews-box__col {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .reviews-box__col {
        width: 100%;
    }
}

.reviews-box-item {
    margin: 0 0 60px 0;
}

@media (max-width: 767px) {
    .reviews-box-item {
        margin-bottom: 30px;
    }
}

.reviews-box-item__thumb {
    margin: 0 0 17px 0;
}

.reviews-box-item__thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.reviews-box-item__date {
    color: #ACAFBC;
}

.reviews-box-item__title {
    margin-bottom: 15px;
}

.reviews-box-item__title h4 a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.reviews-box-item__title h4 a:hover {
    color: #FFA800;
}

.reviews-box-item__description {
    margin-bottom: 6px;
}

.reviews-box-item__category {
    color: #ACAFBC;
}

.reviews-box-item__category a {
    color: inherit;
    text-decoration: none;
}

.reviews-box-item__category a:hover {
    color: #6E57FF;
}

.reviews-box__more {
    display: flex;
    justify-content: center;
}

@media (max-width: 1024px) {
    .trustees {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .trustees {
        padding-top: 30px;
    }
}

.trustees__in {
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .trustees__in {
        margin-bottom: 30px;
    }
}

.trustees__text {
    width: 100%;
    max-width: 808px;
    margin-left: calc(23.3% + 32px);
}

@media (max-width: 1024px) {
    .trustees__text {
        max-width: 100%;
        margin-left: 0;
    }
}

.trustees__text h1 {
    margin-bottom: 44px;
}

@media (max-width: 1024px) {
    .trustees__text h1 {
        margin-bottom: 30px;
    }
}

.trustees__text p {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .trustees__text p {
        margin-bottom: 50px;
    }
}

.trustees__list {
    z-index: 10;
    position: relative;
    margin-bottom: -1px;
}

.trustees-item {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: -30px;
    padding: 30px 0 0 0;
}

@media (max-width: 1024px) {
    .trustees-item {
        display: flex;
        flex-direction: column-reverse;
    }
}

.trustees-item--reverse .trustees-item__in .wrapper {
    display: flex;
    justify-content: flex-end;
}

.trustees-item--reverse .trustees-item__photo {
    right: initial;
    left: 50%;
    transform: translate(calc(-1407px / 2), 0);
}

@media (max-width: 1024px) {
    .trustees-item--reverse .trustees-item__photo {
        left: 0;
        transform: none;
    }
}

.trustees-item__in {
    padding: 100px 0;
    background-color: #EBEDEF;
}

@media (max-width: 1280px) {
    .trustees-item__in {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width: 1024px) {
    .trustees-item__in {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .trustees-item__in {
        padding-top: 30px;
    }
}

.trustees-item__box {
    width: 100%;
    max-width: 50%;
}

@media (max-width: 1024px) {
    .trustees-item__box {
        max-width: 100%;
    }
}

.trustees-item__name {
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .trustees-item__name {
        margin-bottom: 30px;
    }
}

.trustees-item__description {
    width: 100%;
    max-width: 808px;
    border-bottom: 1px solid #C6CED3;
    padding: 0 0 60px 0;
}

@media (max-width: 1280px) {
    .trustees-item__description {
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .trustees-item__description {
        padding-bottom: 30px;
    }
}

@media (max-width: 1280px) {
    .trustees-item__description p {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .trustees-item__description p {
        font-size: 20px;
    }
}

.trustees-item__about {
    width: 100%;
    max-width: 460px;
    margin: 65px 0 0 0;
    color: #ACAFBC;
}

@media (max-width: 1280px) {
    .trustees-item__about {
        margin-top: 45px;
    }
}

@media (max-width: 767px) {
    .trustees-item__about {
        margin-top: 30px;
    }
}

.trustees-item__photo {
    position: absolute;
    top: 0;
    right: 40%;
    bottom: 0;
    transform: translate(calc(1407px / 2), 0);
}

@media (max-width: 1400px) {
    .trustees-item__photo {
        right: 50%;
    }
}

@media (max-width: 1024px) {
    .trustees-item__photo {
        position: relative;
        top: initial;
        left: 0;
        padding-right: 40px;
        padding-left: 40px;
        background-color: #EBEDEF;
        transform: none;
    }
}

@media (max-width: 767px) {
    .trustees-item__photo {
        padding-right: 24px;
        padding-left: 24px;
    }
}

.trustees-item__photo img {
    display: block;
    width: auto;
    max-height: 100%;
    margin-left: 0;
}

@media (max-width: 1024px) {
    .trustees-item__photo img {
        height: auto;
        margin: -30px 0 0 0;
    }
}

.txt__in {
    margin: 0 0 60px 0;
    border-bottom: 2px solid #000000;
}

@media (max-width: 1024px) {
    .txt__in {
        margin-top: 47px;
    }
}

@media (max-width: 767px) {
    .txt__in {
        margin-top: 30px;
    }
}

.txt-title {
    margin-left: calc(23.3% + 32px);
    margin-bottom: 41px;
}

@media (max-width: 1024px) {
    .txt-title {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .txt-title {
        margin-bottom: 32px;
    }
}

.txt-row {
    display: flex;
}

@media (max-width: 1024px) {
    .txt-row {
        display: block;
        margin-bottom: 50px;
    }
}

.txt-sidebar {
    width: 100%;
    max-width: 23.3%;
    margin-bottom: 60px;
    margin-right: 32px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .txt-sidebar {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .txt-sidebar {
        margin-bottom: 30px;
    }
}

.txt-sidebar__in {
    position: sticky;
    top: 95px;
}

@media (max-width: 1024px) {
    .txt-sidebar__in {
        position: relative;
        top: 0;
        display: flex;
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .txt-sidebar__in {
        display: block;
    }
}

.txt-sidebar__head {
    margin-bottom: 22px;
}

@media (max-width: 1024px) {
    .txt-sidebar__head {
        width: 100%;
        max-width: 320px;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .txt-sidebar__head {
        max-width: 100%;
        margin-bottom: 10px;
    }
}

.txt-sidebar__text {
    width: 100%;
    max-width: 280px;
}

.txt-body {
    width: 100%;
    max-width: 808px;
}

.txt-body--offset {
    margin-left: calc(23.3% + 32px);
}

@media (max-width: 1024px) {
    .txt-body--offset {
        margin-left: 0;
    }
}

.txt-body > .h2, .doctors__text .txt-body > h3, .join__text .txt-body > h3, .programs_entry__text .txt-body > h3, .referential__text .txt-body > h3, .reports_online_tabs-item__head .txt-body > h3, .trustees-item__description .txt-body > p, .faq-item__head .txt-body > h3 {
    margin-bottom: 30px;
}

.txt-body > .h3, .menu__list > ul > li ul li .txt-body > a, .txt-body > .subscribe-success__text, .txt-body > .account-box-head__title, .txt-body > .account-box-history__total, .account-child-empty__text .txt-body > h3, .txt-body > .account-child-list__title, .txt-body > .account-profile-group__title, .txt-body > .child-info__name, .childrens-empty__title .txt-body > h3, .expert-sidebar-info__body .txt-body > h3, .experts-item__body .txt-body > h3, .helppartner__form .txt-body > h3, .helpus__form .txt-body > h3, .helpus-logos__title .txt-body > h3, .helpvolunteer__form .txt-body > h3, .join__form .txt-body > h3, .txt-body > .main-children-box__title, .main-press-item--big .txt-body > .main-press-item__date, .main-press-item--big .main-press-item__title .txt-body > h4, .main-program-item-hover__text .txt-body > h4, .regfund__in .txt-body > h3, .txt-body > .reports-item__title, .txt-attach__title .txt-body > h2 {
    margin-bottom: 45px;
}

@media (max-width: 767px) {
    .txt-body > .h3, .menu__list > ul > li ul li .txt-body > a, .txt-body > .subscribe-success__text, .txt-body > .account-box-head__title, .txt-body > .account-box-history__total, .account-child-empty__text .txt-body > h3, .txt-body > .account-child-list__title, .txt-body > .account-profile-group__title, .txt-body > .child-info__name, .childrens-empty__title .txt-body > h3, .expert-sidebar-info__body .txt-body > h3, .experts-item__body .txt-body > h3, .helppartner__form .txt-body > h3, .helpus__form .txt-body > h3, .helpus-logos__title .txt-body > h3, .helpvolunteer__form .txt-body > h3, .join__form .txt-body > h3, .txt-body > .main-children-box__title, .main-press-item--big .txt-body > .main-press-item__date, .main-press-item--big .main-press-item__title .txt-body > h4, .main-program-item-hover__text .txt-body > h4, .regfund__in .txt-body > h3, .txt-body > .reports-item__title, .txt-attach__title .txt-body > h2 {
        margin-bottom: 25px;
    }
}

.txt-body > .h4, .list-line .txt-body > li, .list-number .txt-body > li, .modal_need_auth .modal-dialog .txt-body > .modal-content, .txt-body > .account-head__description, .account-box-item .txt-body > p, .child__text .txt-body > p, .txt-body > .child-review__body, .child-chart-info-item--min .txt-body > .child-chart-info-item__value, .child-chart-info-item__text .txt-body > span, .txt-body > .child-chart-info-acc-item-head__title, .txt-body > .child-chart-info-acc-item-head__summ, .command__text .txt-body > p, .doctors__text .txt-body > p, .txt-body > .documents-head__text, .expert-body__text .txt-body > p, .txt-body > .experts-head__text, .experts-item__body .txt-body > p, .helppartner__text .txt-body > p, .helpus__text .txt-body > p, .helpvolunteer__text .txt-body > p, .join__text .txt-body > p, .main-reviews-item__text .txt-body > p, .main-volunteer__text .txt-body > p, .press-entry__text .txt-body > p, .programs_entry__text .txt-body > p, .referential__text .txt-body > p, .regfund__in .txt-body > p, .reports_costs__text .txt-body > p, .reports_online__text .txt-body > p, .txt-body > .reports_online_tabs-date__title, .reports__text .txt-body > p, .trustees__text .txt-body > p, .wanthelp__text .txt-body > p {
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .txt-body > .h4, .list-line .txt-body > li, .list-number .txt-body > li, .modal_need_auth .modal-dialog .txt-body > .modal-content, .txt-body > .account-head__description, .account-box-item .txt-body > p, .child__text .txt-body > p, .txt-body > .child-review__body, .child-chart-info-item--min .txt-body > .child-chart-info-item__value, .child-chart-info-item__text .txt-body > span, .txt-body > .child-chart-info-acc-item-head__title, .txt-body > .child-chart-info-acc-item-head__summ, .command__text .txt-body > p, .doctors__text .txt-body > p, .txt-body > .documents-head__text, .expert-body__text .txt-body > p, .txt-body > .experts-head__text, .experts-item__body .txt-body > p, .helppartner__text .txt-body > p, .helpus__text .txt-body > p, .helpvolunteer__text .txt-body > p, .join__text .txt-body > p, .main-reviews-item__text .txt-body > p, .main-volunteer__text .txt-body > p, .press-entry__text .txt-body > p, .programs_entry__text .txt-body > p, .referential__text .txt-body > p, .regfund__in .txt-body > p, .reports_costs__text .txt-body > p, .reports_online__text .txt-body > p, .txt-body > .reports_online_tabs-date__title, .reports__text .txt-body > p, .trustees__text .txt-body > p, .wanthelp__text .txt-body > p {
        margin-bottom: 30px;
    }
}

.txt-body > .base-caps, .filter-head__title .txt-body > span, .txt-body > .pagination__dots, .auth-box-signup-success__text .txt-body > h4, .auth-box-forgot-success__text .txt-body > h4, .txt-body > .links-box-item__title, .modal_ctrl__text .txt-body > h3, .txt-body > .child-account-card__name, .child-graph__title .txt-body > h3, .child-review__title .txt-body > h3, .child-trustees-news__title .txt-body > h3, .txt-body > .child-chart-info-total, .txt-body > .child-chart-info-item__value, .txt-body > .child-card__name, .txt-body > .command-item__name, .doctors__text .txt-body > h4, .help-sms__in .txt-body > h3, .txt-body > .help-partner-card__title, .txt-body > .join__form-success-in, .main .flickity__info .txt-body > .flickity-indexof__index, .main-program__title .txt-body > h2, .main-reviews__title .txt-body > h2, .main-trustees .txt-body > .flickity-indexof__index, .main-trustees-item__title .txt-body > h3, .press-entry-ward__title .txt-body > h2, .archive_program__title .txt-body > h2, .txt-body > .archive_program-item__title, .txt-body > .programs_entry-info__title, .referential-nav-head__title .txt-body > span, .reports-graph__item .txt-body > p, .trustees-item__name .txt-body > h3, .faq__title .txt-body > h2 {
    margin-bottom: 35px;
}

.txt-body figure {
    margin: 0 0 60px 0;
}

.txt-body figure figcaption {
    margin-top: 10px;
}

.txt-body img {
    display: block;
    max-width: 100%;
    height: auto;
}

.txt-body a {
    color: #FFA800;
    text-decoration: none;
}

.txt-body a:hover {
    color: #F28D00;
}

.txt-attach {
    margin-bottom: 65px;
}

@media (max-width: 767px) {
    .txt-attach {
        margin-bottom: 24px;
    }
}

.txt-attach__title {
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .txt-attach__title {
        margin-bottom: 30px;
    }
}

.txt-attach__list {
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    .txt-attach__list {
        margin-right: -24px;
        margin-left: -24px;
    }
}

.txt-attach-item {
    display: flex;
    margin-bottom: 1px;
    padding: 28px 32px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    color: #12161B;
    text-decoration: none;
}

@media (max-width: 767px) {
    .txt-attach-item {
        flex-direction: column;
        padding-right: 24px;
        padding-left: 24px;
    }
}

.txt-attach-item:hover .txt-attach-item__title {
    color: #FFA800;
}

.txt-attach-item__title {
    padding-right: 32px;
    transition: all 200ms ease;
}

@media (max-width: 767px) {
    .txt-attach-item__title {
        padding-right: 0;
        padding-bottom: 24px;
    }
}

.txt-attach-item__info {
    width: 208px;
    border-left: 1px solid #EBEDEF;
    padding-left: 32px;
}

@media (max-width: 767px) {
    .txt-attach-item__info {
        width: 100%;
        border-top: 1px solid #EBEDEF;
        border-left: none;
        padding-top: 24px;
        padding-left: 0;
    }
}

.faq {
    padding: 60px 0 64px 0;
    background-color: #FFFFFF;
}

@media (max-width: 767px) {
    .faq {
        padding-top: 30px;
        padding-bottom: 40px;
    }
}

.faq__title {
    margin: 0 0 60px 0;
    text-align: center;
}

@media (max-width: 767px) {
    .faq__title {
        margin-bottom: 30px;
    }
}

.faq__list {
    width: 100%;
    max-width: 928px;
    margin: 0 auto 63px auto;
}

.faq__list--more {
    display: none;
}

@media (max-width: 767px) {
    .faq__list {
        margin-bottom: 40px;
    }
}

.faq-item {
    display: flex;
    margin: 0 0 56px 0;
    border-bottom: 1px solid #C6CED3;
    padding: 0 0 56px 0;
}

@media (max-width: 767px) {
    .faq-item {
        margin-bottom: 26px;
        padding-bottom: 26px;
    }
}

.faq-item--active .faq-item__status:before {
    transform: rotate(180deg);
}

.faq-item--active .faq-item__status:after {
    transform: rotate(90deg);
}

.faq-item--active .faq-item__head h3 {
    color: #FFA800;
}

.faq-item__status {
    position: relative;
    width: 60px;
    cursor: pointer;
}

.faq-item__status:before {
    content: ' ';
    position: absolute;
    top: 20px;
    left: 0;
    display: block;
    width: 24px;
    height: 2px;
    background-color: #12161B;
    transition: all 300ms ease-in-out;
}

.faq-item__status:after {
    content: ' ';
    position: absolute;
    top: 9px;
    left: 11px;
    display: block;
    width: 2px;
    height: 24px;
    background-color: #12161B;
    transition: all 300ms ease-in-out;
}

.faq-item__content {
    flex-basis: 100%;
    border-left: 1px solid #C6CED3;
    padding: 0 0 0 32px;
}

@media (max-width: 767px) {
    .faq-item__content {
        border-left: none;
        padding-left: 0;
    }
}

.faq-item__head {
    min-height: 40px;
    user-select: none;
    cursor: pointer;
}

.faq-item__head:hover h3 {
    color: #FFA800;
}

.faq-item__head h3 {
    transition: all 250ms ease-in-out;
}

.faq-item__body {
    display: none;
    padding: 25px 0 0 0;
}

.faq-item__body p {
    color: #293644;
}

.faq__more {
    display: flex;
    justify-content: center;
}

@media (max-width: 767px) {
    .faq__more .btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 1024px) {
    .wanthelp {
        padding-top: 47px;
    }
}

@media (max-width: 767px) {
    .wanthelp {
        padding-top: 30px;
    }
}

.wanthelp__text {
    width: 100%;
    max-width: 808px;
    margin-bottom: 60px;
    margin-left: 32px;
    padding-left: 23.3%;
}

@media (max-width: 1024px) {
    .wanthelp__text {
        margin-left: 0;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .wanthelp__text {
        margin-bottom: 35px;
    }
}

.wanthelp__text h1 {
    margin-bottom: 44px;
}

@media (max-width: 767px) {
    .wanthelp__text h1 {
        margin-bottom: 30px;
    }
}

.wanthelp__text p {
    margin-bottom: 30px;
}

.wanthelp .help-widget {
    margin-bottom: 64px;
}

.wanthelp .help {
    margin-bottom: 64px;
    border-top: 1px solid #C6CED3;
    border-bottom: 1px solid #C6CED3;
}

@media (max-width: 767px) {
    .wanthelp .help {
        margin-bottom: 24px;
        padding-bottom: 24px;
    }

    .wanthelp .help-widget {
        margin-bottom: 24px;
        padding-bottom: 24px;
    }
}

.wanthelp-cards {
    margin-bottom: 32px;
}

.wanthelp-cards__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.wanthelp-cards__col {
    width: 50%;
    margin-bottom: 32px;
    padding: 0 16px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .wanthelp-cards__col {
        width: 100%;
    }
}

.wanthelp-cards-item {
    display: block;
    border: 1px solid #C6CED3;
    padding: 40px 48px;
    color: #000000;
    text-decoration: none;
}

@media (max-width: 1024px) {
    .wanthelp-cards-item {
        padding: 25px 32px;
    }
}

.wanthelp-cards-item:hover {
    background: url("/local/templates/xr-butterfly/assets/images/help/help-card-hover.jpg") no-repeat;
    background-size: cover;
}

.wanthelp-cards-item:hover .wanthelp-cards-item__btns .btn {
    color: #FFFFFF;
}

.wanthelp-cards-item__number {
    margin-bottom: 20px;
}

.wanthelp-cards-item__body {
    min-height: 210px;
}

.page-program-another .wanthelp-cards-item__body {
    min-height: 290px;
}

@media (max-width: 767px) {
    .wanthelp-cards-item__body {
        min-height: initial;
    }

    .page-program-another .wanthelp-cards-item__body {
        min-height: initial;
    }
}

.wanthelp-cards-item__title {
    margin-bottom: 10px;
}

.wanthelp-cards-item__text {
    margin-bottom: 15px;
    min-height: 80px;
}

@media (max-width: 767px) {
    .wanthelp-cards-item__text {
        margin-bottom: 25px;
    }
}

.wanthelp-cards-item__btns {
    border-top: 1px solid #C6CED3;
    padding-top: 40px;
}

@media (max-width: 767px) {
    .wanthelp-cards-item__btns {
        padding-top: 25px;
    }
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative;
}

.flickity-enabled:focus {
    outline: none;
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
    position: absolute;
    border: none;
    color: #333;
}

.flickity-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
    opacity: 0.6;
}

.flickity-button:disabled {
    opacity: 0.3;
    cursor: auto;
    /* prevent disabled button from capturing pointer up event. #716 */
    pointer-events: none;
}

.flickity-button-icon {
    fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    /* vertically center */
    transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
    left: 10px;
}

.flickity-prev-next-button.next {
    right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-rtl .flickity-page-dots {
    direction: rtl;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
    opacity: 1;
}

.jq-selectbox {
    z-index: 10;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.jq-selectbox.opened .jq-selectbox__select {
    box-shadow: 0px 8px 24px rgba(22, 32, 46, 0);
}

.jq-selectbox.opened .jq-selectbox__trigger-arrow {
    transform: rotate(225deg) translate(-3px, 0);
}

.jq-selectbox.opened .jq-selectbox__dropdown {
    opacity: 1;
    visibility: visible;
}

.jq-selectbox.disabled {
    opacity: 0.55;
    cursor: default;
}

.jq-selectbox.dropup .jq-selectbox__dropdown {
    margin-top: 0;
    margin-bottom: -56px;
    padding-top: 0;
    padding-bottom: 56px;
}

.jq-selectbox.dropup .jq-selectbox__dropdown ul li:first-child {
    margin-top: 15px;
}

.jq-selectbox.dropup .jq-selectbox__dropdown ul li:last-child {
    margin-bottom: 10px;
}

.jq-selectbox select {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.jq-selectbox__select {
    z-index: 10;
    position: relative;
    height: 56px;
    padding: 0 46px 0 24px;
    border-radius: 28px;
    background-color: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(22, 32, 46, 0.05);
    font-size: 16px;
    line-height: 56px;
    color: #12161B;
    transition: all 200ms ease;
}

.jq-selectbox__select-text {
    overflow: hidden;
    display: block;
    width: 100%;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jq-selectbox__select-text.placeholder {
    color: #C6CED3;
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 100%;
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    border-right: 2px solid #12161B;
    border-bottom: 2px solid #12161B;
    transform: rotate(45deg) translate(0, -3px);
}

.jq-selectbox__dropdown {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    width: 100%;
    margin: -56px 0 0 0;
    padding: 56px 0 0 0;
    box-sizing: border-box;
    border-radius: 28px;
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(22, 32, 46, 0.05);
    transition: all 200ms ease;
}

.jq-selectbox__dropdown ul {
    overflow: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-overflow-scrolling: touch;
}

.jq-selectbox__dropdown ul li {
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 24px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 100%;
    color: #12161B;
    white-space: nowrap;
    user-select: none;
    transition: all 200ms ease;
}

.jq-selectbox__dropdown ul li:first-child {
    margin-top: 10px;
}

.jq-selectbox__dropdown ul li:last-child {
    margin-bottom: 15px;
}

.jq-selectbox__dropdown ul li:hover {
    background-color: #F8F8F8;
    color: #FFA800;
}

.jq-selectbox__dropdown ul li.selected {
    background-color: transparent;
    color: #FFA800;
}

.jq-selectbox__dropdown ul li.disabled {
    opacity: 0.55;
    pointer-events: none;
    cursor: default;
}

.jq-selectbox__dropdown ul li.disabled:hover {
    background: none;
}

.jq-selectbox__search input {
    -webkit-appearance: textfield;
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.jq-checkbox {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0 7px 0 0;
    box-sizing: border-box;
    background-color: #efefef;
    border-radius: 5px;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
}

.jq-checkbox.checked .jq-checkbox__div {
    width: 8px;
    height: 4px;
    margin: 4px 0 0 3px;
    border-bottom: 2px solid #000000;
    border-left: 2px solid #000000;
    transform: rotate(-45deg);
}

.jq-checkbox.disabled {
    opacity: 0.55;
    cursor: default;
}

.jq-checkbox input {
    opacity: 0;
    z-index: -1;
    position: absolute;
    margin: 0;
    padding: 0;
}

.jq-radio {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0 7px 0 0;
    box-sizing: border-box;
    background-color: #efefef;
    border-radius: 50%;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
}

.jq-radio.checked .jq-radio__div {
    width: 14px;
    height: 14px;
    margin: 6px 0 0 6px;
    border-radius: 50%;
    background-color: #000000;
}

.jq-radio.disabled {
    opacity: 0.55;
    cursor: default;
}

.jq-radio input {
    opacity: 0;
    z-index: -1;
    position: absolute;
    margin: 0;
    padding: 0;
}

/*! nouislider - 14.1.1 - 12/15/2019 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
}

.noUi-connect {
    height: 100%;
    width: 100%;
}

.noUi-origin {
    height: 10%;
    width: 10%;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 18px;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
    border-radius: 3px;
}

.noUi-connect {
    background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}

/* Values;
 *
 */
.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-sub {
    background: #AAA;
}

.noUi-marker-large {
    background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

.flickity-prev-next-button {
    z-index: 50;
    width: 64px;
    height: 64px;
    border: 1px solid #C6CED3;
    background-color: transparent;
    transition: all 200ms ease;
}

.flickity-prev-next-button:hover {
    border-color: #FFA800;
    background-color: #FFA800;
}

.flickity-prev-next-button:hover .flickity-button-icon {
    fill: #FFFFFF;
}

.flickity-prev-next-button .flickity-button-icon {
    width: 50%;
    height: 50%;
    transition: all 200ms ease;
}

.flickity-prev-next-button.previous .flickity-button-icon {
    top: 21px;
    left: 15px;
}

.flickity-prev-next-button.next .flickity-button-icon {
    top: 10px;
    left: 15px;
}

.flickity-page-dots {
    bottom: -40px;
}

.flickity-page-dots .dot {
    opacity: 1;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background-color: #C6CED3;
}

.flickity-page-dots .dot.is-selected {
    background-color: #6E57FF;
}

.noUi-custom {
    margin-bottom: 10px;
}

.noUi-custom.noUi-horizontal {
    height: 4px;
    border: none;
    background-color: #C6CED3;
    box-shadow: none;
}

.noUi-custom.noUi-horizontal .noUi-connect {
    background-color: #F28D00;
}

.noUi-custom.noUi-horizontal .noUi-handle {
    right: -8px;
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 50%;
    background-color: #FFA800;
    box-shadow: 0 0 0 2px #FFFFFF;
    outline: none;
    cursor: pointer;
}

.noUi-custom.noUi-horizontal .noUi-handle:before, .noUi-custom.noUi-horizontal .noUi-handle:after {
    display: none;
}

/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
    pointer-events: none;
    z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
    pointer-events: auto;
    z-index: 1;
}

.flickity-viewport {
    transition: height 0.2s;
}

.checkbox-default__in {
    display: block;
}

.hidden {
    display: none !important;
}

.link-anchor-block {
    position: relative;
    top: -95px;
}

.donation-widget-container {
    margin-bottom: 24px;
}

.donation-widget-container iframe {
    width: 600px;
    margin: auto;
}

.help-sms__operators {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.help-sms__operators svg {
    width: 50px;
    height: 50px;
    margin: 6px;
}

.thank-video-block-container {
    display: flex;
    padding-top: 40px;
    margin-bottom: 40px;
}

.thank-video-form {
    display: none;
    flex: 1;
    margin-right: 40px;
}

.thank-video-block-container-open .thank-video-form {
    display: block;
}

.thank-video-form .donation-widget-container iframe {
    margin: 0;
}

.thank-video-block {
    position: relative;
    flex: 1;
}

.thank-video-block video {
    cursor: pointer;
}

.thank-video-block-button {
    position: absolute;
    top: 24px;
    left: 24px;
}

@media (max-width: 767px) {
    .thank-video-block-button {
        top: 4px;
        left: 4px;
    }

    .thank-video-block-container {
        display: block;
    }

    .thank-video-form {
        margin-bottom: 24px;
        margin-right: 0;
    }

    .thank-video-form .donation-widget-container iframe {
        margin: auto;
    }
}

.institution {
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.institution h2 {
    color: #2c3e50;
    margin-bottom: 10px;
}

.info-block {
    background-color: #f9f9f9;
    padding: 15px;
    border-left: 4px solid #6E57FF;
    margin-bottom: 15px;
}

.info-item {
    margin-bottom: 8px;
}

.info-item strong {
    color: #2c3e50;
}
/* End */


/* Start:/local/templates/xr-butterfly/assets/css/custom.css?170783079268930*/
font.tablebodytext {
    display: none;
}

.child-card__info {
    min-height: 52px;
}

.documents:before {
    height: 380px;
}

.subscribe-success {
    display: none;
}

div[id^="wait_comp_"] {
    display: none;
}

img.content_pic_100 {
    display: block;
    margin: 20px auto 20px auto;
    max-width: 100%;
    width: 100%;
    text-align: center;
}

img.content_pic_75 {
    display: block;
    margin: 20px auto 20px auto;
    max-width: 75%;
    text-align: center;
}

img.content_pic_50 {
    display: block;
    margin: 20px auto 20px auto;
    max-width: 50%;
    text-align: center;
}

.table-base table tbody tr td {
    padding: 13px 10px;
}

.table-base table tbody tr td:last-child {
    padding-right: 0px;
}

.help-legalentity-thanks__in {
    padding: 380px 0 0;
}

.child-need-help-head__ctrl {
    position: relative;
}

.gallery-box__next .icon {
    width: 41px;
    height: 41px;
}

.igree_policy {
    margin-top: 20px;
}

.wrapp_apply_cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 34px 0;
    z-index: 2099;
}

.wrapp_apply_cookie .wrapper {
    justify-content: center;
}

.wrapp_apply_cookie .subscribe-info {
    margin-right: 105px;
}

.wrapp_apply_cookie .subscribe-form {
    flex-basis: auto;
}

.wrapp_late_help {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -216px;
    z-index: 2000;
    background: #F8F8F8;
    box-shadow: 0px 0px 56px -23px #000000;
    padding: 30px 30px 30px 30px;
}

.late_help_form {
    margin: 0px 0;

}

.late_help_close {
    top: -30px;
    right: -30px;
}

.main-program-item:hover .main-program-item-hover {
    background-size: cover !important;
}

.links-box-item__text {
    /* min-height:120px; */
}

.referential-nav__list > ul > li ul li a.is-active {
    color: #FFA800;
}

.programs_entry__text a, .referential__text a, .helpvolunteer__text a {
    color: #0000FF;
}

.programs_entry__text a:visited, .referential__text a:visited, .helpvolunteer__text a:visited {
    color: #0000FF;
}

.press-entry__text div p a:hover {
    color: #F28D00;
}

.press-entry__text div p a {
    color: #FFA800;
    text-decoration: none;
}

.shadow {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0.4;
    z-index: 9999;
    cursor: pointer;
    display: none;
}

.marketing_banner_close {
    top: -32px;
    right: -32px;
    z-index: 10001;
}

.marketing_banner {
    display: none;

}

.marketing_banner .pc {
    width: 100%;
}

.mbpc {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10000;
    width: 900px;
    margin: -253px 0 0 -450px;
}

.mbmob {
    display: none;
}

.md-video-image-container {
    position: relative;
    margin-bottom: 110px;
    margin-top: 10%;
}

.main-item-video-wrapper__desktop .md_video_desctop {
    position: relative;
    top: 0;
    max-width: calc(100vw - 100px);
}

.md-video-image-video {
    width: calc(100% + 60px);
    height: calc(100% + 110px);
    position: absolute;
    background-image: url(/local/templates/xr-butterfly/assets/images/md_video/md_video_banner_video.png);
    top: -25px;
    left: -30px;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: contain;
}

.md-video-text-block {
    display: table;
    width: 100%;
}

.md-video-text-block-first, .md-video-text-block-two {
    display: table-cell;
    vertical-align: top;
}

.md-video-text-block-first img {
    height: 81px;
    margin-left: 62px;
}

.md-video-text-block .main-item-info__text {
    max-width: 900px;
}

.md-video-text-container .md-video-text-block:first-child {
    margin-bottom: 32px;
}

.main-item-video-wrapper__mobile.md-video-image-container {
    display: none;
}

.main-item-custom .main-item-info__btn > a {
    float: right;
}

.filter-bottom input[name=set_filter] {
    display: none !important;
}

.awards__item {
    border-radius: 50%;
}

.awards__item:hover .child-gallery__zoom {
    border-radius: 50%;
}

@media (min-width: 1369px) and (max-width: 1600px) {
    .main-trustees-item__photo {
        display: flex;
        align-items: flex-end;
    }

    .main-trustees-item__photo img {
        max-width: 56%;
        height: auto;
    }
}

@media (min-width: 1281px) and (max-width: 1368px) {
    .main-trustees-item__photo {
        display: flex;
        align-items: flex-end;
    }

    .main-trustees-item__photo img {
        max-width: 56%;
        height: auto;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .main-trustees-item__photo {
        display: flex;
        align-items: flex-end;
    }

    .main-trustees-item__photo img {
        max-width: 50%;
        height: auto;
    }
}

@media (min-width: 493px) and (max-width: 767px) {
    .documents-item:hover {
        background-size: cover;
    }
}

@media (max-width: 1024px) {
    .main-trustees-item__photo img {
        width: 75%;
    }

    .main-trustees .flickity__info {
        bottom: 140px;
    }

    .marketing_banner .mob_ru {
        width: 100%;
    }

    .mbpc {
        display: none;

    }

    .mbmob {
        display: block;
        position: fixed;
        top: 20%;
        left: 10%;
        z-index: 10000;
        width: 80%;
        margin: 0 auto 0 auto;
    }
}

@media (max-width: 1024px) {
    .press-entry__text p img {
        width: 100% !important;
    }

    img.content_pic_50, img.content_pic_75 {
        max-width: 100%;
    }

    .wrapp_apply_cookie .subscribe-info {
        margin-right: 0px;
        margin-bottom: 10px;

    }

    .late_help_close {
        top: 10px;
        right: 10px;
    }

    .wrapp_late_help {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -136px;
        margin-top: -216px;
        z-index: 2000;
        background: #F8F8F8;
        box-shadow: 0px 0px 56px -23px #000000;
        padding: 30px 30px 30px 30px;
    }

    .links-box-item__text {
        min-height: auto;
    }

    .subscribe-success__title {
        width: 100%;
    }

    .help-sberbank img {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }

    .help-sberbank .child-chart-info-acc-item-head {
        padding: 10px 15px;
    }

    .help-sberbank .child-chart-info-acc-item-head__arrow {
        margin: 0 26px 0 0;
    }

    .help-sberbank .child-chart-info-acc-item-head__arrow:after {
        left: 11px;
    }

    .main-item-video-wrapper__desktop .md_video_desctop {
        display: none;
    }

    .main-item-video-wrapper__mobile.md-video-image-container {
        display: block;
    }

    .main-item-video-wrapper__desktop.md-video-image-container {
        display: none;
    }

    .md-video-text-block {
        display: block;
    }

    .md-video-image-video {
        width: calc(100% + 60px);
        height: calc(100% + 110px);
        position: absolute;
        background-image: url(/local/templates/xr-butterfly/assets/images/md_video/md_video_banner_mobile_video.png);
        top: -25px;
        left: -30px;
        z-index: -1;
    }

    .md-video-text-block-first, .md-video-text-block-two {
        display: block;
        text-align: center;
    }

    .md-video-text-block-first img {
        height: 60px;
        margin-left: 0;
    }

    .md-video-text-block .main-item-info__text {
        max-width: 550px;
    }

    .md-video-text-container .md-video-text-block:first-child {
        margin-bottom: 0;
    }

    .main-item-video-wrapper__mobile .md_video_mobile {
        display: block;
        width: 550px;
        position: relative;
        top: 0;
        max-width: calc(100vw - 48px);
        margin: auto;
    }

    .main-item-custom .main-item-info__btn {
        position: relative;
        top: inherit;
        bottom: -290px;
    }

    .main-item-custom .main-item-info__btn a {
        float: none;
    }
}

@media (max-width: 767px) {
    .md-video-image-video {
        width: calc(100%);
        height: calc(100% + 110px);
        position: absolute;
        background-image: url(/local/templates/xr-butterfly/assets/images/md_video/md_video_banner_mobile_video.png);
        top: -25px;
        left: 0;
        z-index: -1;
    }
}

@media (max-width: 767px) {
    .main-item-custom .main-item-info__btn {
        position: relative;
        top: 200px;
        bottom: inherit;
    }

    .main-item-custom .md-video-text-container .main-item-info__btn {
        top: 160px;
    }
}

@media (max-width: 540px) {
    .md-video-text-block-first img {
        height: 40px;
    }

    .md-video-image-container {
        margin-bottom: 75px;
    }

    .md-video-text-block-two {
        height: 20px;
    }
}

span > .command-item:hover {
    background-color: inherit;
    box-shadow: inherit;
}

span > .command-item:hover .command-item__name {
    color: inherit;
}

#modal_juridical_question .modal-content {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
}

#modal_juridical_question .modal-content button {
    margin-top: 20px;
}

.lg-backdrop.in,
.lg-outer.lg-visible {
    z-index: 9999 !important;
}

.rare-art-image-mobile {
    display: none;
}

.international-week-banner-block {
    display: table-cell;
    height: 100vh;
    width: 100vw;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.international-week-banner-block img {
    max-width: 100%;
}

.international-week-banner-image {
    z-index: 0;
    position: relative;
    top: -100px;
}

.international-week-banner-mobile {
    display: none;
}

.month-ikhtioz-banner-block {
    display: table-cell;
    height: 100vh;
    width: 100vw;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.month-ikhtioz-banner-block img {
    max-width: 100%;
}

.owl-carousel .owl-item img.month-ikhtioz-banner-image {
    z-index: 0;
    position: relative;
    top: -100px;
}

.owl-carousel .owl-item img.month-ikhtioz-banner-mobile {
    display: none;
}

.rare-art-block {
    display: table-cell;
    height: 100vh;
    width: 100vw;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.rare-art-block img {
    max-width: 100%;
}

.rare-art-image {
    z-index: 0;
    position: relative;
}

.rare-art-image-front {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.rare-art-image-front-img {
    max-height: calc(100vh - 40px);
    margin-top: 20px;
}

.international-week-banner-content {
    position: relative;
}

.international-week-banner-content .main-item-info__btn {
    position: absolute;
    top: 70vh;
    z-index: 2;
    width: 100%;
}

.international-week-banner-content .btn {
    background-color: #ffffff;
}

.international-week-banner-content .btn:hover {
    background-color: #FFA800;
}

.month-ikhtioz-banner-content {
    position: relative;
}

.month-ikhtioz-banner-content .main-item-info__btn {
    position: absolute;
    top: 70vh;
    z-index: 2;
    width: 100%;
}

.month-ikhtioz-banner-content .btn {
    background-color: #ffffff;
}

.month-ikhtioz-banner-content .btn:hover {
    background-color: #FFA800;
}

@media (max-width: 1250px) {
    .month-ikhtioz-banner-image {
        top: 0;
    }

    .owl-carousel .owl-item img.month-ikhtioz-banner-image {
        top: 0;
    }
}

@media (max-width: 1180px) {
    .rare-art-block {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .rare-art-image-front-img {
        margin-top: 50px;
    }

    .rare-art-block img.rare-art-image {
        height: 100%;
    }
}

@media (max-width: 900px) {
    .international-week-banner-mobile {
        display: inline;
        position: relative;
        top: -200px;
    }

    .international-week-banner-image {
        display: none;
    }
}

@media (max-width: 800px) {
    .owl-carousel .owl-item img.month-ikhtioz-banner-mobile {
        display: block;
        width: 100%;
        height: auto;
        position: absolute;
        top: -100%;
        left: 0;
        right: 0;
        bottom: -100%;
        margin: auto;
        max-width: inherit;
    }

    .owl-carousel .owl-item img.month-ikhtioz-banner-image {
        display: none;
    }

    .month-ikhtioz-banner-content .main-item-info__btn {
        position: absolute;
        top: 70vh;
        z-index: 2;
        width: auto;
        right: 10px;
    }
}

@media (max-width: 540px) {
    .month-ikhtioz-banner-content .main-item-info__btn {
        position: absolute;
        top: 80vh;
        z-index: 2;
        width: 100%;
        right: inherit;
    }
}

@media (max-width: 450px) {
    .owl-carousel .owl-item img.month-ikhtioz-banner-mobile {
        display: block;
        width: auto;
        height: 100%;
        position: absolute;
        top: 0;
        left: -100%;
        right: -100%;
        bottom: 0;
        margin: auto;
        max-width: inherit;
    }
}

@media (max-width: 430px) {
    .owl-carousel .owl-item img.month-ikhtioz-banner-mobile {
        left: -75%;
    }
}

@media (max-width: 780px) {
    .international-week-banner-mobile {
        top: -100px;
    }
}

@media (max-width: 560px) {
    .international-week-banner-content .main-item-info__btn {
        top: 60vh;
    }
}

@media (max-width: 400px) {
    .international-week-banner-content .main-item-info__btn {
        top: 55vh;
    }
}

@media (max-width: 500px) {
    .international-week-banner-mobile {
        top: 0;
    }
}

@media (max-width: 740px) and (min-height: 500px) {
    .rare-art-block img.rare-art-image-mobile {
        display: inline;
        margin-bottom: 40px;
        max-height: calc(100% - 80px);
        margin-top: 40px;
    }

    .rare-art-image, .rare-art-image-front {
        display: none;
    }
}

.main-stories-wards-title, .main-international-video-text {
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    position: relative;

}

.main-international-video-text {
    margin-bottom: 60px;
}

.main-international-video-logo {
    text-align: center;
}

.main-stories-wards-block .main-reviews::before, .main-stories-wards-block .main-reviews::after {
    display: none;
}

.main-stories-wards-block .main-reviews-item {
    margin-bottom: 56px;
}

.page-international-week nav.submenu {
    display: none;
}

.main-video-container {
    padding-top: 40px;
}

.main-video-container iframe {
    width: 100%;
    height: 600px;
    margin-bottom: 80px;
}

.main-stories-wards-block .main-reviews {
    padding: 60px 0;
}

.category-our-team-image {
    border-radius: 50%;
    overflow: hidden;
    margin: 16px 52px 23px;
}

.category-our-team-title {
    font-weight: 700;
    font-size: 35px;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 32px;
    margin-top: 0;
}

.category-our-team-description {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #acafbc;
}

.main-international-video-row {
    display: table;
    width: 100%;
}

.main-international-video-column {
    display: table-cell;
    vertical-align: top;
}

.main-international-video-row .main-international-video-column:first-child {
    width: 30%;
}

.main-international-video-row .main-international-video-column:last-child {
    padding-left: 30px;
}

.main-international-video-column-text {
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 30px;
    text-align: center;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.main-stories-wards-box__title {
    font-weight: bold;
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
}

@media (max-width: 780px) {
    .category-our-team-image {
        max-width: 180px;
    }

    .main-international-video-row {
        display: block;
    }

    .main-international-video-column {
        display: block;
    }

    .main-international-video-row .main-international-video-column:first-child {
        width: 100%;
    }

    .main-international-video-row .main-international-video-column:last-child {
        padding-left: 0;
    }

    .category-our-team-image {
        margin: 16px auto 23px;
    }

    .category-our-team-title {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .category-our-team-description {
        max-width: 480px;
        margin: auto auto 30px;
    }

    .main-international-video-column-text {
        max-width: 480px;
        margin: auto auto 30px;
    }
}

@media (max-width: 767px) {
    .main-stories-wards-box__title {
        font-size: 18px;
        line-height: 24px;
    }
}

.main-stories-wards-box__text {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}

.main-stories-wards-box__links ul li a {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.main-stories-wards-box__info {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}

.main-stories-wards-box {
    z-index: 2100;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    box-sizing: border-box;
    background-image: url("/local/templates/xr-butterfly/assets/images/international-week/bg-box.jpg");
    background-size: 100vw 2033px;
    color: #000000;
    pointer-events: none;
    overflow-y: auto;
    overflow-x: hidden;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.main-stories-wards-box-block-close {
    position: relative;
    width: 100%;
    z-index: 4;
}

.main-stories-wards-box-block-close .main-stories-wards-box-button-close {
    position: fixed;
    right: 36px;
    top: 16px;
    border: 1px solid #F8F8F8;
    padding: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #FFA800;
}

.main-stories-wards-box-block-close .main-stories-wards-box-button-close svg {
    fill: #F8F8F8;
    margin-top: -6px;
    margin-left: -6px;
}

.main-stories-wards-box-block-close .main-stories-wards-box-button-close:hover {
    background-color: #6E57FF;
}

.body-stories-wards {
    overflow: hidden;
}

.main-stories-wards-box-block-top-table {
    display: table;
    margin: auto;
}

.main-stories-wards-box-block-top-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.main-stories-wards-box-block-top-table-cell .main-stories-wards-box__photo img {
    width: 100px;
    height: 100px;
}

.main-stories-wards-box-block-top-table-cell .main-stories-wards-box__info {
    padding: 0;
}

.main-stories-wards-box-block-top-table .main-stories-wards-box-block-top-table-cell:last-child {
    padding-left: 20px;
}

.main-international-digest-text {
    color: #ACAFBC;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

@media (max-width: 767px) {
    .main-stories-wards-box {
        width: 100%;
        padding-right: 24px;
        padding-left: 24px;
        border-radius: 0;
    }
}

.main-stories-wards-box--active {
    opacity: 1;
    pointer-events: all;
}

.main-stories-wards-box__photo {
    padding: 30px 0;
}

@media (max-width: 767px) {
    .main-stories-wards-box__photo {
        padding-bottom: 20px;
    }
}

.main-stories-wards-box__photo img {
    display: block;
    width: 144px;
    height: 144px;
    margin: 0 auto;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 767px) {
    .main-stories-wards-box__photo img {
        width: 100px;
        height: 100px;
    }
}

.main-stories-wards-box__title {
    margin: 0 0 10px 0;
    text-align: center;
}

.main-stories-wards-box__info {
    padding: 0 0 35px 0;
    opacity: 0.6;
    text-align: center;
}

.main-stories-wards-box-block {
    width: 100%;
}

.main-stories-wards-box-block-top {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background-image: url("/local/templates/xr-butterfly/assets/images/international-week/bg-box.jpg");
    background-size: 100vw 2033px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.main-stories-wards-box__text {
    width: 100%;
    max-width: calc(100% - 150px);
    margin: 0 auto 30px auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: url("/local/templates/xr-butterfly/assets/images/main/children/butt-w.png") center top no-repeat;
    background-size: 23px auto;
    padding: 30px 0;
}

.main-stories-wards-box__line {
    width: 100%;
    max-width: calc(100% - 150px);
    margin: 0 auto 30px auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.main-stories-wards-box__links {
    width: 100%;
    max-width: 450px;
    margin: 0 auto 0 auto;
}

@media (max-width: 767px) {
    .main-stories-wards-box__links {
        width: auto;
        max-width: initial;
        margin-right: -25px;
        margin-left: -25px;
    }
}

.main-stories-wards-box__links ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.main-stories-wards-box__links ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50% - 20px);
    min-height: 32px;
    padding: 0 30px;
    box-sizing: border-box;
    text-align: center;
}

@media (max-width: 767px) {
    .main-stories-wards-box__links ul li {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.main-stories-wards-box__links ul li {
    margin-bottom: 30px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.main-stories-wards-box__links ul li a.main-stories-wards-box__help {
    color: #FFA800;
    text-decoration: none;
}

.main-stories-wards-box__links ul li a.main-stories-wards-box__help:hover {
    color: #000000;
}

.main-stories-wards-box__links ul li:last-child {
    border-left: 1px solid rgba(0, 0, 0, 0.3);
}

.txt-body > .main-stories-wards-box__title {
    margin-bottom: 45px;
}

@media (max-width: 767px) {
    .txt-body > .main-stories-wards-box__title {
        margin-bottom: 25px;
    }
}

.main-reviews-item__info-text {
    display: none;
}

.main-sponsorship-material-block {
    display: table;
    width: 100%;
}

.main-sponsorship-material-block-text, .main-sponsorship-material-block-video {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

.main-sponsorship-material-block-video video {
    width: 100%;
}

.main-video-container video {
    width: 100%;
}

.main-sponsorship-material-block-text {
    padding-right: 30px;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
}

.main-sponsorship-material-block {
    margin-bottom: 60px;
}

.main-international-help-container {
    padding: 120px 0;
    background: url("/local/templates/xr-butterfly/assets/images/main/volunteer/bg-volunteer.jpg") 65% bottom no-repeat;
    background-size: auto 350px;
}

.main-international-help-title, .main-sponsorship-material-title, .main-international-video-title {
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    text-align: center;
    margin-bottom: 60px;
}

.main-international-video-title {
    font-size: 44px;
    line-height: 56px;
    margin-bottom: 60px;
}

.main-international-help-button {
    max-width: 300px;
    margin: auto;
}

.main-international-digest-title {
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 40px;
}

.main-international-digest-container {
    padding-top: 60px;
    margin-bottom: 60px;
}

.main-stories-wards-container .main-reviews__dec-3 {
    top: calc(50% - 100px);
}

.main-stories-wards-title::after {
    z-index: -1;
    position: absolute;
    bottom: -229px;
    right: -60px;
    display: block;
    content: '';
    width: 324px;
    height: 265px;
    background: url("/local/templates/xr-butterfly/assets/images/main/reviews/dec-2.png") no-repeat;
    background-size: 100% 100%;
}

.main-international-help-container .child-chart-info-acc-item-head__title {
    width: 100%;
    font-size: 24px;
    line-height: 32px;
}

.main-international-help-container .child-chart-info__list-container {
    list-style-type: decimal;
    padding-right: 30px;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    padding-left: 60px;
    margin-bottom: 32px;
    padding-top: 20px;
}

.main-international-help-container .child-chart-info__list-container li {
    padding-left: 12px;
    margin-bottom: 12px;
}

.main-international-help-container .child-chart-info-acc-item:first-child {
    border-top: medium none;
}

.main-international-help-container .child-chart-info-acc-item {
    border-bottom: medium none;
}

.child-chart-info__text {
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px;
}

@media (max-width: 1200px) {
    .main-sponsorship-material-block-text {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 1440px) {
    .main-sponsorship-material-block {
        display: block;
    }

    .main-sponsorship-material-block-text, .main-sponsorship-material-block-video {
        display: block;
        width: 100%;
    }

    .main-sponsorship-material-block-text {
        margin-bottom: 40px;
    }
}

@media (max-width: 980px) {
    .main-video-container iframe {
        height: 50vh;
        margin-bottom: 40px;
    }

    .main-stories-wards-title, .main-international-digest-title, .main-international-video-text {
        font-size: 16px;
        line-height: 22px;
    }

    .main-international-video-text {
        margin-bottom: 40px;
    }

    .main-international-video-title {
        font-size: 32px;
        line-height: 36px;
    }
}

@media (max-width: 767px) {
    .main-stories-wards-box__text, .main-stories-wards-box__line {
        max-width: 100%;
    }

    .main-international-video-title {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 40px;
    }

    .main-international-digest-text {
        margin-bottom: 20px;
    }

    .main-stories-wards-box-block-top {
        position: relative;
    }

    .main-stories-wards-box-block-top-table {
        display: block;
    }

    .main-stories-wards-box-block-top-table-cell {
        display: block;
    }

    .main-stories-wards-box-block-top-table .main-stories-wards-box-block-top-table-cell:last-child {
        padding-left: 0;
    }

    .main-stories-wards-box__text {
        margin-top: 10px;
    }
}

@media (max-width: 640px) {
    .main-international-help-container {
        padding-top: 60px;
    }

    .main-international-help-container .child-chart-info-acc-item-head__title {
        font-size: 16px;
        line-height: 18px;
    }

    .main-international-help-container .child-chart-info__list-container {
        padding-right: 10px;
        font-size: 14px;
        line-height: 16px;
        padding-left: 10px;
    }

    .child-chart-info__text {
        font-size: 14px;
        line-height: 16px;
    }

    .child-chart-info-acc-item-head {
        padding: 20px 0 20px 0;
    }
}

@media (max-width: 450px) {
    .main-stories-wards-box__text, .main-stories-wards-box__line {
        max-width: 100%;
    }

    .main-stories-wards-box-block-close .main-stories-wards-box-button-close {
        right: 0;
        top: 16px;
        padding: 0;
    }

    .main-stories-wards-box__links ul li:last-child {
        border-left: medium none;
    }
}

@media (max-width: 1600px) {
    .main-international-week-container .wrapper {
        max-width: 1200px;
    }
}

@media (max-width: 1440px) {
    .main-international-week-container .wrapper {
        max-width: 960px;
    }
}

.main-item-body-crm .main-item-info__title {
    font-size: 80px;
    line-height: 100%;
}

.main-item-body-crm .main-item-info__text {
    min-height: 50px;
}

.main-item-body-crm .btn-bordered {
    background-color: white;
}

.main-item-body-crm .btn-bordered:focus, .main-item-body-crm .btn-bordered:hover {
    background-color: #F28D00;
}

@media (min-width: 1200px) {
    .main-item-body-crm .main-item-info__title {
        margin: 0 0 24px 0;
        font-weight: bold;
        font-size: 110px;
        line-height: 100%;
        text-align: left;
        max-width: 900px;
    }

    .main-item-body-crm .main-item-info__text {
        width: 100%;
        max-width: 700px;
        min-height: 100px;
        margin: 0 0 60px 0;
        font-weight: normal;
        font-size: 40px;
        line-height: 50px;
        text-align: left;
    }

    .main-item-body-crm .main-item-info__btn {
        text-align: left;
    }

    .main-item-body-crm .main-item-info__logo {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .main-item-body-crm .main-item-info__title {
        font-size: 40px;
    }
}

.main-item-body-rutube .main-item-info__title {
    font-size: 64px;
    line-height: 85px;
}

.main-item-body-rutube .main-item-info__text b {
    display: block;
}

@media (min-width: 768px) {
    .main .main-item-body-rutube .wrapper {
        height: 100vh;
    }

    .main-item-body-rutube .main-item-info__date {
        font-weight: bold;
        font-size: 48px;
        line-height: 72px;
        margin: 13% 0 0 auto;
        text-align: right;
        padding-right: 8%;
    }

    .main-item-body-rutube .main-item-info__title {
        font-weight: bold;
        font-size: 38px;
        line-height: 58px;
        text-align: left;
        max-width: 600px;
        position: absolute;
        bottom: 15%;
        left: 15%;
    }

    .main-item-body-rutube .main-item-info__text {
        margin: 44px 0 0 auto;
        font-weight: normal;
        font-size: 28px;
        line-height: 38px;
        text-align: right;
        padding-right: 8%;
    }

    .main-item-body-rutube .main-item-info__btn {
        margin-top: 32px;
        text-align: right;
        padding-right: 8%;
    }
}

@media (min-width: 1080px) {
    .main-item-body-rutube .main-item-info__title {
        font-size: 38px;
        line-height: 58px;
        max-width: 600px;
    }

    .main-item-body-rutube .main-item-info__date {
        font-size: 64px;
        line-height: 85px;
    }

    .main-item-body-rutube .main-item-info__text {
        font-size: 35px;
        line-height: 44px;
    }
}

@media (min-width: 1360px) {
    .main-item-body-rutube .main-item-info__title {
        font-size: 64px;
        line-height: 85px;
        max-width: 800px;
    }
}

@media (max-width: 1024px) and (max-height: 900px) {
    .main-item-body-rutube .main-item__desktop {
        display: block;
    }

    .main-item-body-rutube .main-item__mobile {
        display: none;
    }
}

@media (max-width: 820px) and (min-height: 1024px) {
    .main-item-body-rutube .main-item-info__date {
        margin: 24% 0 0 auto;
    }

    .main-item-body-rutube .main-item-info__title {
        bottom: 34%;
    }
}


@media (max-width: 767px) {
    .main-item-body-rutube .main-item__desktop {
        display: none;
    }

    .main-item-body-rutube .main-item__mobile {
        display: block;
    }

    .main-item-body-rutube .main-item-info__title {
        font-size: 38px;
        line-height: 48px;
        margin-top: 30px;
        max-width: 600px;
    }

    .main-item-body-rutube .main-item-info__date {
        font-size: 32px;
        line-height: 44px;
        text-align: right;
        padding-right: 20px;
    }

    .main-item-body-rutube .main-item-info__text {
        margin-bottom: 30px;
    }
}

@media (max-width: 520px) {
    .main-item-body-rutube .main-item-info__title {
        font-size: 22px;
        line-height: 38px;
        max-width: 320px;
    }
}

.main-item-body-ozon .main-item-info__title {
    font-size: 80px;
    line-height: 100%;
    color: #005cfd;
}

.main-item-body-ozon .main-item-info__logo img {
    height: 148px;
}

.main-item-body-ozon .main-item-info__logo {
    justify-content: left;
}

.main-item-body-ozon .main-item-info__text {
    min-height: 50px;
}

.main-item-body-ozon .btn-bordered {
    background-color: white;
}

.main-item-body-ozon .btn-bordered:focus, .main-item-body-ozon .btn-bordered:hover {
    background-color: #F28D00;
}

.main-item-body-ozon .main-item__desktop {
    margin-top: 120px;
}

.main-item-body-ozon .main-item-info__title {
    margin: 0 0 20px 0;
    font-weight: bold;
    font-size: 76px;
    line-height: 100%;
    text-align: left;
}

.main-item-body-ozon .main-item-info__text {
    width: 100%;
    max-width: 640px;
    min-height: 100px;
    margin: 0 0 60px 0;
    font-weight: normal;
    font-size: 48px;
    line-height: 50px;
    text-align: left;
}

.main-item-body-ozon .main-item-info__btn {
    text-align: left;
}

.main-item-body-ozon .main-item-info__logo {
    margin-bottom: 72px;
}

.owl-carousel .owl-item img {
    width: inherit;
}


.slide-progress-line {
    width: 100%;
    height: 2px;
    background-color: #000000;
}

.slide-progress {
    width: 0;
    max-width: 100%;
    height: 2px;
    background: #ffa800;
}

.slide-progress-block {
    width: 212px;
}

.slide-progress-container, .slide-progress-count-table {
    display: table;
}

.slide-progress-container {
    position: absolute;
    right: 0;
    bottom: 60px;
    left: 0;
    z-index: 10;
}

.main-scrollbt {
    bottom: 60px;
    z-index: 1;
    left: calc(50% - 8px);
    width: 16px;
}

.owl-nav {
    position: relative;
    z-index: 4;
}

.slide-progress-count-block, .slide-progress-block, .slide-progress-count-current, .slide-progress-count-point, .slide-progress-count-full {
    display: table-cell;
    vertical-align: middle;
}

.slide-progress-count-current {
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    padding-right: 18px;
}

.slide-progress-count-point, .slide-progress-count-full {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #ACAFBC;
}

.slide-progress-count-full {
    padding-left: 10px;
    padding-right: 26px;
}

.main .wrapper {
    position: relative;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    z-index: 3;
    margin: auto;
    width: 100%;
    bottom: 24px;
    display: none;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #6E57FF;
}


@media (max-width: 1600px) {
    .main-item-body-ozon .main-item-info__title {
        font-size: 60px;
    }

    .main-item-body-ozon .main-item-info__text {
        max-width: 400px;
        font-size: 30px;
    }
}

@media (max-width: 1180px) {
    .main-item-body-ozon .main-item-info__text {
        max-width: 264px;
        font-size: 20px;
        line-height: 36px;
    }

    .main-item-body-ozon .main-item-info__title {
        font-size: 40px;
    }

    .main-item-body-ozon .main-item-info__logo img {
        height: 120px;
    }

    .main-item-body-ozon .main-item-info__logo {
        margin-bottom: 54px;
    }
}

@media (max-width: 790px) {
    .main-item-body-ozon .main-item-info__title {
        font-size: 40px;
        max-width: 380px;
    }
}

@media (max-width: 390px) {
    .main-item-body-ozon .main-item-info__title {
        font-size: 34px;
        max-width: 260px;
    }

    .main-item-body-ozon .main-item-info__text {
        max-width: 220px;
        font-size: 16px;
        line-height: 26px;
    }
}

.owl-carousel .owl-item .md-video-text-block-first img {
    display: inline;
}

.main__image {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    z-index: 10;
}

.main__image > img, .owl-carousel .owl-item .main__image > img {
    width: 100%;
    display: none;
}

@media (max-width: 1024px) {
    .main__image {
        display: block;
    }

    .main__image > .image_phone, .owl-carousel .owl-item .main__image > .image_phone {
        display: none;
    }

    .main__image > .image_tablet, .owl-carousel .owl-item .main__image > .image_tablet {
        display: block;
    }
}

@media (max-width: 460px) {
    .main-item-first__text {
        max-width: 280px;
    }
}

@media (max-width: 410px) {
    .main__image > .image_phone, .owl-carousel .owl-item .main__image > .image_phone {
        display: block;
    }

    .main__image > .image_tablet, .owl-carousel .owl-item .main__image > .image_tablet {
        display: none;
    }
}

@media (max-width: 620px) and (min-height: 760px) {
    .main__image > .image_phone, .owl-carousel .owl-item .main__image > .image_phone {
        display: block;
        margin-top: 70px;
    }

    .main__image > .image_tablet, .owl-carousel .owl-item .main__image > .image_tablet {
        display: none;
    }

    .main-item-first .main-item-first__text p {
        font-size: 25px;
        line-height: 38px;
    }

    .main-item-first__text {
        top: 65%;
        max-width: 375px;
    }
}

@media (max-width: 420px) {
    .main-item-first__text {
        top: 60%;
    }
}

@media (max-width: 380px) and (min-height: 760px) {
    .main-item-first .main-item-first__text p {
        font-size: 20px;
        line-height: 32px;
    }

    .main-item-first__text {
        max-width: 275px;
    }
}

@media (max-width: 767px) {
    .slide-progress-container {
        display: none;
    }

    .owl-theme .owl-dots {
        display: block;
    }
}

.main-item-body-rare-brain {
    position: relative;
}

.main-item-body-rare-brain .rare-brain-link {
    display: block;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    color: #292929;
    position: absolute;
    top: -40px;
    right: 20px;
    text-decoration: none;
}

.main-item-body-rare-brain .rare-brain-date-time {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    text-align: center;
    color: #5F22E0;
    border: 3px solid #5F22E0;
    border-radius: 87px;
    max-width: 420px;
    padding: 20px 0;
    margin: auto;
    text-decoration: none;
    display: block;
}

.main-item-body-rare-brain .main-item-info__text {
    font-size: 30px;
    line-height: 40px;
    color: #292929;
    max-width: inherit;
    text-align: left;
    margin-bottom: 20px;
}

.main-item-body-rare-brain .main-item-info__title {
    font-weight: 800;
    font-size: 180px;
    line-height: 160px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin-bottom: 52px;
    padding-top: 14px;
}

.main-item-body-rare-brain .main-item-info__title div {
    background: linear-gradient(174.46deg, #12D3ED -3.63%, #8D00FC 90.65%), linear-gradient(98.74deg, #1E76FB 14.47%, #3F00C4 87.71%), #C4C4C4;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-item-body-rare-brain .main-item-info__title div:first-child {
    margin-left: -25%;
}

.main-item-body-rare-brain .main-item-info__title div:last-child {
    margin-left: 44%;
}

@media (max-width: 1280px) {
    .main-item-body-rare-brain .main-item-info__title {
        font-size: 150px;
        line-height: 140px;
        margin-bottom: 24px;
    }

    .main-item-body-rare-brain .main-item-info__text {
        font-size: 22px;
        line-height: 32px;
        max-width: 900px;
        margin-bottom: 0;
    }

    .main-item-body-rare-brain .rare-brain-date-time {
        font-size: 22px;
        line-height: 32px;
        max-width: 260px;
        padding: 12px 0;
    }
}

@media (max-width: 1024px) {
    .main-item-body-rare-brain .main-item-info__title {
        font-size: 120px;
        line-height: 110px;
    }

    .main-item-body-rare-brain .main-item-info__text {
        text-align: center;
        margin-bottom: 12px;
        font-size: 18px;
        line-height: 24px;
        min-height: inherit;
    }
}

@media (max-width: 720px) {
    .main-item-body-rare-brain .main-item-info__title {
        font-size: 80px;
        line-height: 72px;
    }

    .main-item-body-rare-brain .main-item-info__title div:first-child {
        margin-left: -18%;
    }

    .main-item-body-rare-brain .main-item-info__title div:last-child {
        margin-left: 30%;
    }

    .main-item-body-rare-brain .rare-brain-link {
        font-size: 20px;
    }
}

@media (max-width: 620px) {
    .main-item-body-rare-brain .main-item-info__title div:first-child {
        margin-left: 0;
    }

    .main-item-body-rare-brain .main-item-info__title div:last-child {
        margin-left: 0;
    }
}

@media (max-width: 450px) {
    .main-item-body-rare-brain .main-item-info__title {
        font-size: 60px;
    }

    .main-item-body-rare-brain .main-item-info__text {
        font-size: 16px;
    }

    .main-item-body-rare-brain .rare-brain-date-time {
        font-size: 18px;
        line-height: 22px;
        max-width: 220px;
    }
}

.childrens-items-head {
    display: none;
}

.leader-text-block {
    width: 100%;
    max-width: 808px;
    margin: 0 0 60px 0;
}

.leader-text-block p {
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 25px;
}

.leader-header-about {
    margin-top: -40px;
}

.leader-sidebar-image {
    position: sticky;
    top: 130px;
}

.leader-sidebar-image-mobile {
    display: none;
}

@media (max-width: 1024px) {
    .leader-sidebar-image-mobile {
        display: block;
        margin: 0 auto 40px;
        max-width: 300px;
    }
}

.child-need-help__list .main-press-item__thumb a {
    height: 216px;
    overflow: hidden;
    position: relative;
    display: block;
}

.child-need-help__list .main-press-item__thumb a img {
    display: block;
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    right: -100%;
    bottom: 0;
    margin: auto;
    max-width: inherit;
}

.btn-mini h2 {
    font-size: 14px;
    line-height: 40px;
}

.help-cryptocurrency-container h3 {
    margin: 0 0 30px 0;
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    text-align: center;
}

.help-cryptocurrency-block {
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 24px;
}

.help-cryptocurrency-block-box {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto
}

.help-cryptocurrency-block-_item {
    position: absolute;
    border-radius: 50%;
    border: 1px solid #d8d8d8;
    height: 20px;
    width: 20px;
    visibility: visible
}

.help-cryptocurrency-block-_item--01 {
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    opacity: 0.5;
    transition: transform 0.75s cubic-bezier(0.25, 0.1, 0, 1.04);
    transform: translateY(-30px) translateX(-90px) rotateZ(100deg)
}

.help-cryptocurrency-block-_item--02 {
    height: 22px;
    width: 22px;
    right: 0;
    top: 0;
    opacity: 0.4;
    transition: transform 0.85s cubic-bezier(0.25, 0.1, 0, 1.04);
    transform: translateY(-30px) translateX(40px) rotateZ(10deg);
}

.help-cryptocurrency-block-_item--03 {
    bottom: 0;
    left: 70px;
    opacity: 0.4;
    transition: transform 0.85s cubic-bezier(0.25, 0.1, 0, 1.04);
    transform: translateY(20px) translateX(5px) rotateZ(5deg);
}

.help-cryptocurrency-block-_item--04 {
    width: 40px;
    height: 40px;
    bottom: 0;
    left: 30px;
    transition: transform 0.75s cubic-bezier(0.25, 0.1, 0, 1.04);
    transform: translateY(30px) translateX(10px) rotateZ(-20deg);
}

.help-cryptocurrency-block-_item--05 {
    width: 25px;
    height: 25px;
    right: 0;
    top: 50px;
    opacity: 0.7;
    transition: transform 0.85s cubic-bezier(0.25, 0.1, 0, 1.04);
    transform: translateY(-10px) translateX(20px) rotateZ(30deg);
}

.help-cryptocurrency-block-_item--06 {
    width: 15px;
    height: 15px;
    left: 0;
    top: 60px;
    opacity: 0.5;
    transition: transform 0.75s cubic-bezier(0.25, 0.1, 0, 1.04);
    transform: translateY(0px) translateX(-20px) rotateZ(-15deg);
}

.help-cryptocurrency-block-_item--07 {
    height: 70px;
    width: 70px;
    transition: transform 0.75s cubic-bezier(0.25, 0.1, 0, 1.04);
    transform: translateY(-20px) translateX(-10px) rotateZ(20deg);
}

.help-cryptocurrency-block-_item--08 {
    height: 50px;
    width: 50px;
    right: 0;
    bottom: 0;
    transition: transform 0.75s cubic-bezier(0.25, 0.1, 0, 1.04);
    transform: translateY(15px) translateX(30px) rotateZ(30deg);
}

.help-cryptocurrency-block-_item--09 {
    height: 44px;
    width: 44px;
    left: 0;
    bottom: 20px;
    transition: transform 0.75s cubic-bezier(0.25, 0.1, 0, 1.04);
    transform: translateY(-30px) translateX(-35px) rotateZ(20deg);
}

.help-cryptocurrency-block-_item__img {
    width: 100%
}

.index__out {
    position: relative;
    z-index: 100;
    display: inline-block;
    width: 200px;
    height: 200px;
    padding: 20px;
    background-color: white;
}

.index__out__wrapper {
    display: inline-block;
    position: relative;
}

.help-cryptocurrency-title {
    margin: 0 0 30px 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 20px;
}

.help-cryptocurrency-type-block {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

.help-cryptocurrency-type-block-image, .help-cryptocurrency-type-block-text {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    margin-bottom: 30px;
}

.help-cryptocurrency-type-block-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}

.help-cryptocurrency-type-block-description a {
    font-size: 16px;
    line-height: 20px;
    color: grey;
    text-decoration: none;
    word-break: break-all;
}

.help-cryptocurrency-container {
    padding: 20px;
}

@media (max-width: 570px) {
    .help-cryptocurrency-type-block {
        display: block;
        text-align: center;
    }

    .help-cryptocurrency-type-block-image, .help-cryptocurrency-type-block-text {
        display: block;
    }
}

.subscribe-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}

.subscribe-description {
    font-size: 20px;
    margin-bottom: 30px;
    max-width: 700px;
}

.mobile-button-pay {
    display: none;
}

.call-help-modal-mobile-button {
    display: none;
}

@media (max-width: 1024px) {
    .mobile-button-pay {
        display: flex;
        position: relative;
        width: 100%;
        margin-left: -24px;
    }
}

@media (max-width: 767px) {
    .call-help-modal-mobile-button {
        display: block;
        position: fixed;
        bottom: 8px;
        left: 0;
        text-align: center;
        width: 100%;
    }
}

.main-item-body-digital-artists .main-item-info__title {
    font-size: 64px;
    color: #ffffff;
    text-align: left;
    max-width: 500px;
    margin: 0 0 100px 2%;
}

.main-item-body-digital-artists .btn-bordered {
    color: #7156fb;
    border: 2px solid #ffffff;
}

.main-item-body-digital-artists .btn-bordered:hover {
    background-color: #7156fb;
    color: #ffffff;
}

.main-item-body-digital-artists .main-item-info__btn {
    text-align: left;
    margin-left: 2%;
}

@media (max-width: 1220px) {
    .main-item-body-digital-artists .main-item-info__title {
        font-size: 52px;
    }
}

@media (max-width: 480px) {
    .main-item-body-digital-artists .main-item-info__title {
        font-size: 32px;
        max-width: 300px;
    }
}

.header__nav a {
    cursor: pointer;
}

.header__nav > ul > li:not(.overflow-nav) > ul {
    display: block;
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0 8px 24px rgba(22, 32, 46, 0.05);
    border-radius: 24px;
    top: 15px;
    left: -22px;
    width: auto;
    transition: all .5s;
    max-height: 0;
    overflow: hidden;
}

.header__nav > ul > li.overflow-nav > ul > li > ul {
    display: block;
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0 8px 24px rgba(22, 32, 46, 0.05);
    border-radius: 24px;
    top: 0;
    right: 100%;
    width: auto;
    transition: all .5s;
    max-height: 0;
    overflow: hidden;
}

.header__nav > ul > li:not(.overflow-nav) > ul::before, .header__nav > ul > li:not(.overflow-nav) > ul::after,
.header__nav > ul > li.overflow-nav > ul > li > ul::before, .header__nav > ul > li.overflow-nav > ul > li > ul::after {
    display: block;
    content: '';
    height: 12px;
    width: 100%;
}

.header__nav > ul > li.header__nav_li-hover:not(.overflow-nav) > ul,
.header__nav > ul > li.overflow-nav > ul > li.header__nav_li-hover > ul,
.header__nav > ul > li.header__nav_li-click:not(.overflow-nav) > ul,
.header__nav > ul > li.overflow-nav > ul > li.header__nav_li-click > ul {
    max-height: 600px;
}

.header__nav > ul > li:not(.overflow-nav), .header__nav > ul > li.overflow-nav > ul > li {
    position: relative;
}

.header__nav > ul > li:not(.overflow-nav) > ul > li, .header__nav > ul > li.overflow-nav > ul > li > ul > li {
    display: block;
}

.header__nav > ul > li:not(.overflow-nav) > ul > li:not(:last-child), .header__nav > ul > li.overflow-nav > ul > li > ul > li:not(:last-child) {
    margin-right: 0;
}

.header__nav > ul > li:not(.overflow-nav) > ul > li > a, .header__nav > ul > li.is-active:not(.overflow-nav) > ul > li > a,
.header__nav > ul > li.overflow-nav > ul > li > ul > li > a, .header__nav > ul > li.overflow-nav > ul > li.is-active > ul > li > a {
    font-weight: 450;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 24px;
    color: #12161b;
    display: block;
}

.header__nav > ul > li.overflow-nav > ul > li > ul > li > a, .header__nav > ul > li.overflow-nav > ul > li.is-active > ul > li > a {
    padding: 0 24px;
}

.header__nav > ul > li:not(.overflow-nav) > ul > li > a:hover, .header__nav > ul > li:not(.overflow-nav) > ul > li > a:focus, .header__nav > ul > li:not(.overflow-nav) > ul > li.is-active > a,
.header__nav > ul > li.overflow-nav > ul > li > ul > li > a:hover, .header__nav > ul > li.overflow-nav > ul > li > ul > li > a:focus, .header__nav > ul > li.overflow-nav > ul > li > ul > li.is-active > a {
    color: #f28d00;
}

.submenu__nav ul li::before {
    content: '';
    display: inline-block;
    color: #ffa800;
    margin-right: 22px;
    height: 8px;
    width: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L1 7' stroke='%23FFA800' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.submenu__nav ul li:first-child::before {
    display: none;
}

.help-cryptocurrency-block-text-center {
    text-align: center;
}

.help-cryptocurrency-block-img-qrcode {
    max-width: 350px;
    width: 100%;
}

.help-cryptocurrency-block {
    display: block;
}

ul.help-cryptocurrency-block-list {
    margin: 16px 0;
    padding: 0 0 0 40px;
    list-style: square;
}

.main-item-body-what-important-know .main-item-info__title {
    margin: 0 0 80px 0;
    font-weight: bold;
    font-size: 75px;
    line-height: 84px;
    text-align: left;
    max-width: 720px;
}

.main-item-body-what-important-know .main-item-info__text {
    width: 100%;
    max-width: 600px;
    min-height: 100px;
    margin: 0 0 60px 0;
    font-weight: normal;
    font-size: 40px;
    line-height: 48px;
    text-align: left;
}

.main-item-body-what-important-know .main-item-info__btn {
    text-align: left;
}

.main-item-body-what-important-know .btn-bordered {
    border-color: white;
    color: white;
}

.main-item-body-what-important-know .btn-bordered:hover {
    border-color: transparent;
}

.main-item-body-what-important-know .main-item-info__date {
    font-size: 42px;
    color: #7156fb;
    font-weight: bold;
    margin-bottom: 34px;
}

@media (max-width: 1280px) {
    .main-item-body-what-important-know .main-item-info__title {
        margin: 0 0 52px 0;
        font-size: 52px;
        line-height: 64px;
    }

    .main-item-body-what-important-know .main-item-info__date {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .main-item-body-what-important-know .main-item-info__text {
        max-width: 400px;
        margin: 0 0 40px 0;
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width: 540px) {
    .main-item-body-what-important-know .main-item-info__title {
        margin: 0 0 28px 0;
        font-size: 28px;
        line-height: 48px;
        max-width: 320px;
    }

    .main-item-body-what-important-know .main-item-info__text {
        margin: 0 0 32px 0;
        font-size: 18px;
        line-height: 24px;
        min-height: inherit;
    }

    .main-item-body-what-important-know .main-item-info__date {
        font-size: 18px;
        margin-bottom: 32px;
    }
}

.other-program-block {
    display: table;
    width: 100%;
    padding-left: 16px;
    padding-top: 68px;
    padding-bottom: 64px;
}

.other-program-block-title, .other-program-block-link-block {
    display: table-cell;
    vertical-align: top;
}

.other-program-block-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
    color: #293644;
    position: relative;
    width: 508px;
}

.other-program-block-title::after {
    width: 1px;
    height: 32px;
    background-color: #C6CED3;
    content: ' ';
    display: block;
    position: absolute;
    right: 35%;
    top: 20px;
}

.other-program-block-title-description {
    color: #C6CED3;
}

.other-program-block-link {
    display: inline-block;
    font-weight: 450;
    font-size: 16px;
    line-height: 24px;
    color: #12161B;
    padding: 8px 24px;
    border-radius: 24px;
    text-decoration: none;
    border: 1px solid #ABABAC;
    margin-right: 10px;
    margin-bottom: 10px;
}

.other-program-block-link:hover, .other-program-block-link:focus {
    border: 1px solid #FFA800;
    color: #FFFFFF;
    background: #FFA800;
}

@media (max-width: 1024px) {
    .other-program-block-title {
        font-size: 22px;
        line-height: 24px;
        width: auto;
        margin-bottom: 24px;
    }

    .other-program-block-title::after {
        display: none;
    }

    .other-program-block-title-header, .other-program-block-title-description {
        display: inline;
    }

    .other-program-block-title, .other-program-block-link-block {
        display: block;
    }

    .other-program-block {
        display: block;
    }
}

.wanthelp-cards-tree .wanthelp-cards__col {
    width: 33%;
}

.wanthelp-cards-tree .wanthelp-cards-item__title {
    font-size: 32px;
    line-height: 40px;
}

@media (max-width: 1280px) {
    .wanthelp-cards-tree .wanthelp-cards__col {
        width: 50%;
    }
}

@media (max-width: 1024px) {
    .wanthelp-cards-tree .wanthelp-cards__col {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .wanthelp-cards-tree .wanthelp-cards-item__title {
        font-size: 26px;
        line-height: 32px;
    }
}

.full-program-info-block-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
    color: #12161B;
    margin-bottom: 32px;
}

.full-program-info-block {
    padding: 124px 80px 124px 96px;
    background-color: #EBEDEF;
    background-image: url("/local/templates/xr-butterfly/assets/images/birds.png");
    background-position: 100% 65px;
    background-size: 660px;
    background-repeat: no-repeat;
    mix-blend-mode: luminosity;
}

.full-program-info-block-description {
    max-width: calc(100vw - 860px);
}

@media (max-width: 1440px) {
    .full-program-info-block {
        background-size: 460px;
    }

    .full-program-info-block-description {
        max-width: calc(100vw - 660px);
    }
}

@media (max-width: 1280px) {
    .full-program-info-block {
        background-size: 360px;
    }

    .full-program-info-block-description {
        max-width: calc(100vw - 560px);
    }
}

@media (max-width: 1024px) {
    .full-program-info-block {
        background-size: 260px;
    }

    .full-program-info-block-description {
        max-width: calc(100vw - 460px);
    }
}

@media (max-width: 960px) {
    .full-program-info-block-description {
        max-width: inherit;
    }

    .full-program-info-block {
        padding: 60px 0 60px 0;
    }
}

.child-brief-text.hidden, .child-brief-text-small.hidden {
    display: none;
}

.footer-raex-rr-item {
    display: inline-block;
    margin-right: 24px;
    margin-bottom: 24px;
}

.footer-raex-rr-block .footer-raex-rr-item:last-child {
    margin-right: 0;
}

@media (max-width: 1062px) {
    .footer-raex-rr-block {
        text-align: center;
    }
}

@media (max-width: 447px) {
    .footer-raex-rr-item {
        margin-right: auto;
        margin-left: auto;
        display: table;
    }

    .footer-raex-rr-block .footer-raex-rr-item:last-child {
        margin-right: auto;
    }
}

.main-item-body-doll-marathon {
    font-family: "SuisseIntl", Helvetica, Arial, sans-serif;
    background-color: #ffffff;
}

.main-item-info__marathon-label {
    color: #f86a04;
    font-size: 44px;
    font-weight: bold;
    margin-bottom: 16px;
}

.main-item-info__marathon-title {
    color: #000000;
    font-size: 86px;
    font-weight: bold;
    text-transform: uppercase;
    max-width: 700px;
}

.main-item-info__marathon-history {
    font-style: italic;
    font-size: 24px;
    text-decoration: underline;
    color: #9d71e4;
}

.main-item-info__marathon-block-count {
    color: #000000;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 52px;
}

.main-item-info__marathon-block-count .main-item-info__marathon-block-count-amount {
    color: #f86a04;
    font-weight: bold;
}

.main-item-body-doll-marathon .main-item-info_wrapper, .main-item-body-doll-marathon .main-item-info_image-block {
    display: block;
}

.main-item-body-doll-marathon .main-item-info_image-block {
    width: 46%;
    margin-top: -90px;
}

.main-item-body-doll-marathon .main-item-info_wrapper {
    width: 54%;
    padding-top: 0;
}

.main-item-body-doll-marathon .main-item-info_image-block-main img {
    max-width: inherit;
    margin-left: -40px;
}

.main-item-body-doll-marathon .main-item-info_image-block-main {
    max-height: 76vh;
}

.main-item-body-doll-marathon .main-item-info_image-block-logo {
    text-align: left;
    display: none;
}

.main-item-body-doll-marathon .main-item-info_image-block-logo img {
    display: inline;
    margin-left: 40px;
}

.main-item-info__marathon-block-button {
    display: table;
    width: 100%;
    margin-bottom: 24px;
}

.main-item-info__marathon-block-button-image, .main-item-info__marathon-block-button-button {
    display: table-cell;
    vertical-align: middle;
    height: 300px;
}

.main-item-info__marathon-block-button-image {
    width: 340px;
    position: relative;
    vertical-align: top;
}

.owl-carousel .owl-item .main-item-info__marathon-block-button-image img {
    position: absolute;
    max-width: inherit;
    width: 456px;
    margin-top: -56px;
    margin-left: -56px;
}

.main-item-info__marathon-block-button-button {
    padding-left: 110px;
}

.main-item-info__marathon-block-button-button .btn {
    background-color: #7156fb;
    color: #f1d0af;
    border: 1px solid #7156fb;
    font-size: 36px;
    padding: 20px 90px;
    height: auto;
    border-radius: 60px;
    cursor: pointer;
}

.main-item-info__marathon-block-button-button .btn:hover, .main-item-info__marathon-block-button-button .btn:focus {
    background-color: #5845c2;
    border: 1px solid #5845c2;
}

.main-item-info__marathon-block-count-remained, .main-item-info__marathon-block-count-donors {
    display: inline-block;
}

.main-item-info__marathon-block-count-remained {
    margin-right: 64px;
}

.main-item-info__marathon-block-image-mobile {
    display: none;
}

@media (max-width: 1600px) {
    .main-item-body-doll-marathon .main-item-info_image-block-main img {
        max-width: 900px;
    }

    .main-item-info__marathon-block-button-image, .main-item-info__marathon-block-button-button {
        height: 250px;
    }

    .owl-carousel .owl-item .main-item-info__marathon-block-button-image img {
        width: 390px;
        margin-top: -56px;
        margin-left: -5px;
    }

    .main-item-info__marathon-block-button-button .btn {
        font-size: 32px;
        padding: 16px 60px;
    }
}

@media (max-width: 1440px) {
    .main-item-body-doll-marathon .main-item-info_image-block-main img {
        max-width: 800px;
    }

    .owl-carousel .owl-item .main-item-body-doll-marathon .main-item-info_image-block-logo img {
        width: 120px;
    }

    .main-item-info__marathon-block-button-image, .main-item-info__marathon-block-button-button {
        height: 190px;
    }

    .owl-carousel .owl-item .main-item-info__marathon-block-button-image img {
        width: 330px;
        margin-top: -44px;
        margin-left: -44px;
    }

    .main-item-info__marathon-title {
        font-size: 62px;
        max-width: 400px;
    }

    .main-item-info__marathon-label {
        font-size: 32px;
    }

    .main-item-info__marathon-block-button-button .btn {
        font-size: 26px;
        padding: 8px 60px;
    }

    .main-item-info__marathon-block-button-button {
        padding-left: 0;
    }
}

@media (max-width: 1320px) {
    .main-item-info__marathon-block-count {
        font-size: 22px;
        margin-bottom: 16px;
        max-width: 480px;
    }

    .owl-carousel .owl-item .main-item-info__marathon-block-button-image img {
        width: 310px;
        margin-top: -44px;
        margin-left: -28px;
    }

    .main-item-info__marathon-history {
        font-size: 22px;
    }

    .main-item-body-doll-marathon .main-item-info_image-block-main {
        max-height: 65vh;
        margin-bottom: 30px;
    }
}

@media (max-width: 1200px) {
    .main-item-body-doll-marathon .main-item-info_image-block-main img {
        max-width: 600px;
    }

    .main-item-body-doll-marathon .main-item-info_image-block-main {
        max-height: 55vh;
        margin-bottom: 50px;
    }

    .main-item-info__marathon-label {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .main-item-info__marathon-title {
        font-size: 48px;
        max-width: 400px;
    }

    .owl-carousel .owl-item .main-item-info__marathon-block-button-image img {
        width: 244px;
        margin-top: -33px;
        margin-left: -28px;
    }

    .main-item-info__marathon-block-button-image, .main-item-info__marathon-block-button-button {
        height: 145px;
    }

    .main-item-info__marathon-block-button-button .btn {
        font-size: 22px;
        padding: 8px 44px;
    }

    .main-item-info__marathon-block-button-image {
        width: 250px;
    }

    .main-item-info__marathon-history {
        max-width: 340px;
    }
}

@media (max-width: 900px) {
    .main-item-body-doll-marathon .main-item-info_image-block-main img {
        max-width: 400px;
    }

    .main-item-body-doll-marathon .main-item-info_image-block-main {
        max-height: 40vh;
        margin-bottom: 60px;
    }

    .main-item-info__marathon-title {
        font-size: 32px;
        max-width: 450px;
    }

    .owl-carousel .owl-item .main-item-info__marathon-block-button-image img {
        width: 220px;
        margin-top: 0;
        margin-left: -28px;
    }

    .main-item-info__marathon-block-button-button .btn {
        font-size: 16px;
        padding: 0 30px;
    }

    .main-item-info__marathon-block-count {
        font-size: 16px;
    }

    .main-item-info__marathon-history {
        font-size: 12px;
    }

    .main-item-info__marathon-block-button-image {
        width: 200px;
    }

    .main-item-info__marathon-block-button {
        margin-bottom: 40px;
    }
}

@media (max-width: 620px) {
    .main-item-body-doll-marathon .main-item-info_image-block-logo {
        display: none;
    }

    .main-item-body-doll-marathon .main-item-info_image-block-main img {
        max-width: 250px;
    }

    .main-item-body-doll-marathon .main-item-info_image-block-main {
        max-height: 30vh;
        margin-bottom: 0;
    }

    .main-item-info__marathon-block-button-image {
        display: none;
    }

    .main-item-info__marathon-block-button {
        display: block;
    }

    .main-item-info__marathon-block-button-button {
        display: block;
        height: auto;
    }

    .main-item-info__marathon-title {
        font-size: 23px;
        margin-bottom: 20px;
    }

    .main-item-info__marathon-block-count-remained {
        margin-right: 0;
        margin-bottom: 6px;
    }

    .main-item-info__marathon-block-count {
        font-size: 14px;
    }

    .main-item-info__marathon-block-image-mobile {
        display: block;
        margin-top: -20px;
    }

    .owl-carousel .owl-item .main-item-body-doll-marathon .main-item-info__marathon-block-image-mobile img {
        width: 140px;
    }

    .main-item-body-doll-marathon .main-item-info_image-block {
        margin-top: 0;
    }
}
/* End */


/* Start:/local/templates/xr-butterfly/assets/js/libs/slick/slick.css?16177026191895*/
/* 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:/local/templates/xr-butterfly/assets/fonts/Gilroy/stylesheet.css?15412431697474*/
@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-ExtraBold.eot');
    src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-ExtraBold.woff') format('woff'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-Heavy.eot');
    src: local('Gilroy Heavy'), local('Gilroy-Heavy'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-Heavy.woff') format('woff'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-LightItalic.eot');
    src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-LightItalic.woff') format('woff'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-ThinItalic.eot');
    src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-ThinItalic.woff') format('woff'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-BlackItalic.eot');
    src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-BlackItalic.woff') format('woff'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-BoldItalic.eot');
    src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-BoldItalic.woff') format('woff'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

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

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-UltraLightItalic.eot');
    src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-UltraLightItalic.woff') format('woff'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-SemiBoldItalic.eot');
    src: local('Gilroy SemiBold Italic'), local('Gilroy-SemiBoldItalic'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-SemiBoldItalic.woff') format('woff'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

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

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-MediumItalic.eot');
    src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-MediumItalic.woff') format('woff'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-ExtraBoldItalic.eot');
    src: local('Gilroy ExtraBold Italic'), local('Gilroy-ExtraBoldItalic'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-ExtraBoldItalic.woff') format('woff'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

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

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-HeavyItalic.eot');
    src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-HeavyItalic.woff') format('woff'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

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

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-RegularItalic.eot');
    src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-RegularItalic.woff') format('woff'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-UltraLight.eot');
    src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-UltraLight.woff') format('woff'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

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

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-Thin.eot');
    src: local('Gilroy Thin'), local('Gilroy-Thin'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-Thin.woff') format('woff'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-Black.eot');
    src: local('Gilroy Black'), local('Gilroy-Black'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-Black.woff') format('woff'),
        url('/local/templates/xr-butterfly/assets/fonts/Gilroy/Gilroy-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


/* End */


/* Start:/local/templates/xr-butterfly/assets/js/libs/lightgallery/css/lightgallery.min.css?161770261920458*/
.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}@font-face{font-family:lg;src:url(/local/templates/xr-butterfly/assets/js/libs/lightgallery/css/../fonts/lg.eot?n1z373);src:url(/local/templates/xr-butterfly/assets/js/libs/lightgallery/css/../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(/local/templates/xr-butterfly/assets/js/libs/lightgallery/css/../fonts/lg.woff?n1z373) format("woff"),url(/local/templates/xr-butterfly/assets/js/libs/lightgallery/css/../fonts/lg.ttf?n1z373) format("truetype"),url(/local/templates/xr-butterfly/assets/js/libs/lightgallery/css/../fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(/local/templates/xr-butterfly/assets/js/libs/lightgallery/css/../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(/local/templates/xr-butterfly/assets/js/libs/lightgallery/css/../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(/local/templates/xr-butterfly/assets/js/libs/lightgallery/css/../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(/local/templates/xr-butterfly/assets/js/libs/lightgallery/css/../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(/local/templates/xr-butterfly/assets/js/libs/lightgallery/css/../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(/local/templates/xr-butterfly/assets/js/libs/lightgallery/css/../img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
/* End */


/* Start:/local/templates/xr-butterfly/components/bitrix/breadcrumb/new/style.min.css?1592778129467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/xr-butterfly/template_styles.css?162567947813972*/
.bx-auth-serv-icons,
.bx-auth noindex,
.bx-auth .bx-auth-note {
    display: none !important;
}

.bx-auth {
    margin: auto;
    display: grid;
    justify-content: center;
    padding: 0 0 70px 0;
}

div.bx-auth input.bx-auth-input {
    vertical-align: middle;
    height: 48px !important;
    text-align: center;
    border: 1px solid transparent;
    padding: 0 0 0 33px;
    border-radius: 32px;
    background-color: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(22, 32, 46, 0.05);
    box-sizing: border-box;
    font-weight: normal;
    font-size: 20px;
    line-height: 100%;
    color: #12161B;
    transition: border-color 200ms ease;
    width: 100%;
}

.bx-auth table td {
    padding: 3px;
    display: block;
    text-align: left;
    width: 100%;
}

.bx-auth table td.bx-auth-label {
    text-align: center;
}

.bx-auth-title {
    text-align: center;
}

.bx-auth table {
    margin-top: 8px;
    width: 100%;
}

.bx-auth input[type=submit] {
    border: none;
    background-color: #FFA800;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    height: 40px;
    padding-right: 25px;
    padding-left: 25px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 40px;
}


.main-press-item--big .main-press-item__thumb > a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: 1;
}

.main-press-item--big .main-press-item__info {
    z-index: 2;
}

.child-card__avatar,
.child-card__birthday,
.child-card__name,
.child-card__info,
.child-card__text,
.child__col {
    display: block;
    text-decoration: none;
    color: inherit;
}

p > font.errortext {
    text-align: center;
    display: block;
}

.main-press-item--big .main-press-item__description {
    color: #fff;
}

#bx-panel {
    z-index: 9999 !important;
}

.help-sidebar-filter__comment {
    flex-grow: 1;
    display: flex;
}

.help-sidebar-filter__comment textarea,
.set-summ_input > input {
    height: 90px;
    width: 100%;
    margin: 0 0 8px 0;
    padding: 11px 22px;
    border: 1px solid #C6CED3;
    border-radius: 15px;
    font-weight: normal;
    font-size: 16px;
    resize: none;
}

.set-summ_input > input {
    height: auto;
    max-width: 225px;
}

.help-sidebar-filter__comment textarea::-webkit-scrollbar {
    display: none;
}

.help-set-ctrls__value input {
    background-color: #fff;
    color: #000;
    border-radius: 40px;
    caret-color: #FFA800;
    padding: 10px 0;
}

.main-trustees .flickity__info {
    width: calc(100% - 200px);
}

.main-trustees .flickity-indexof {
    display: none !important;
}

.main-trustees__list .flickity-prev-next-button {
    top: initial;
    transform: none;
}

@media (max-width: 767px) {
    .main-trustees__list .flickity-prev-next-button {
        display: none;
    }
}

@media (min-width: 1500px) {
    .main-trustees__list .flickity-prev-next-button.previous,
    .main-trustees__list .flickity-prev-next-button.next {
        right: 48% !important;
    }
}

@media (min-width: 1550px) {
    .main-trustees__list .flickity-prev-next-button.previous,
    .main-trustees__list .flickity-prev-next-button.next {
        right: 46% !important;
    }
}

@media (min-width: 1600px) {
    .main-trustees__list .flickity-prev-next-button.previous,
    .main-trustees__list .flickity-prev-next-button.next {
        right: 44% !important;
    }
}

.main-trustees__list .flickity-prev-next-button.previous {
    background: #fff;
    bottom: 177px;
    right: 50%;
    left: initial;
    transform: translate(603.5px, 0);
}

@media (max-width: 1407px) {
    .main-trustees__list .flickity-prev-next-button.previous {
        right: 120px;
        transform: none;
    }
}

.main-trustees__list .flickity-prev-next-button.next {
    background: #fff;
    right: 50%;
    bottom: 177px;
    transform: translate(683.5px, 0);
}

@media (max-width: 1407px) {
    .main-trustees__list .flickity-prev-next-button.next {
        right: 40px;
        transform: none;
    }
}

.main-trustees__list .flickity-prev-next-button:hover .flickity-button-icon {
    fill: #000;
}

.main-image-debra {
    position: absolute;
    right: -90px;
    top: 70px;
}

.main-text-debra {
    top: 132px;
    position: absolute;
    left: 80px;
    z-index: 1;
}

.main-text-date {
    color: #ff5e00;
    font-size: 38px;
    font-family: 'Gilroy', Arial, sans-serif;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin-bottom: 30px;
}

.main-text-header-first, .main-text-two-text {
    color: #000000;
    font-size: 86px;
    font-family: 'Gilroy', Arial, sans-serif;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 6px;
}

.main-text-two span {
    vertical-align: middle;
}

.main-text-two {
    margin-bottom: 48px;
}

.main-text-two-badge {
    color: #ffffff;
    font-size: 35px;
    font-family: 'Gilroy', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 500;
    display: inline-block;
    background-color: #ff5e00;
    margin-left: 24px;
    padding: 3px 13px;
}

.main-text-description {
    color: #000000;
    font-size: 30px;
    font-family: 'Gilroy', Arial, sans-serif;
    line-height: 1.4;
    font-weight: 400;
    opacity: 0.6;
    max-width: 950px;
    margin-bottom: 10px;
}

.main-item-debra .main-item-info__btn {
    z-index: 1;
    text-align: left;
}


.main-item-children-flowers {
    position: relative;
    padding-top: 76px;
}

.main-item-children-flowers-background-image-main {
    position: absolute;
    top: -163px;
    left: 0;
    z-index: 0;
    width: 100vw;
}

.main-item-children-flowers-butterfly-left {
    position: absolute;
    top: 124px;
    left: 0;
    z-index: 0;
    width: 100vw;
    text-align: left;
}

.main-item-children-flowers-butterfly-right {
    position: absolute;
    top: 238px;
    left: 0;
    z-index: 0;
    width: 100vw;
    text-align: right;
}

.main-item-children-flowers-background-image-main img {
    width: 100%;
}

.main-item-children-flowers-text-container {
    font-weight: bold;
    font-size: 122px;
    line-height: 105px;
    text-transform: uppercase;
    color: #000000;
    display: table;
    text-align: left;
    margin: auto;
    position: relative;
    padding: 100px 0 36px 107px;
}

.main-item-children-flowers-text-container img {
    display: block;
    position: absolute;
    top: 10px;
    left: -8px;
    width: 922px;
}

.main-item-children-flowers-text-container div:nth-child(1) {
    margin-left: 58px;
}

.main-item-children-flowers-text-container div:nth-child(2) {
    margin-left: 188px;
}

.main-item-children-flowers-description {
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    text-align: center;
    margin-bottom: 19px;
    z-index: 3;
    position: relative;
}

.main-item-children-flowers-button {
    text-align: center;
    z-index: 3;
    position: relative;
}

@media (max-width: 1800px) {
    .main-image-debra {
        right: 0;
        top: 200px;
        max-width: 740px;
    }
}

@media (max-width: 1640px) {
    .main-image-debra {
        top: 100px;
    }

    .main-text-date {
        font-size: 24px;
    }

    .main-text-header-first, .main-text-two-text {
        font-size: 60px;
    }

    .main-text-description {
        font-size: 20px;
        max-width: 700px;
    }

    .main-text-two-badge {
        font-size: 24px;
    }
}

@media (max-width: 1380px) {
    .main-text-header-first, .main-text-two-text {
        max-width: 450px;
    }

    .main-text-two {
        position: relative;
        max-width: 460px;
    }

    .main-text-two-badge {
        position: absolute;
        top: -136px;
        right: 20px;
    }

    .main-text-description {
        max-width: 480px;
    }
}

@media (max-width: 1180px) {
    .main-text-header-first, .main-text-two-text {
        font-size: 48px;
        max-width: 370px;
    }

    .main-text-two {
        max-width: 370px;
    }

    .main-text-two-badge {
        top: -116px;
        right: -15px;
    }

    .main-text-description {
        max-width: 300px;
    }

    .main-image-debra {
        top: 80px;
    }

    .main-text-debra {
        top: 112px;
    }
}

@media (max-width: 980px) {
    .main-image-debra {
        right: -170px;
    }

    .main-item-children-flowers-text-container {
        padding-left: 44px;
        padding-top: 100px;
        font-size: 109px;
        line-height: 90px;
    }

    .main-item-children-flowers-text-container div:nth-child(2) {
        margin-left: 154px;
    }

    .main-item-children-flowers-text-container div:nth-child(1) {
        margin-left: 45px;
    }

    .main-item-children-flowers-text-container img {
        left: -29px;
        width: 723px;
        top: 25px;
    }

    .main-item-children-flowers-container {
        padding: 0 0 79px 0;
    }
}

@media (max-width: 810px) {
    .main-text-debra {
        left: 45px;
        top: 210px;
    }

    .main-text-date {
        font-size: 13px;
        letter-spacing: 2px;
        margin-bottom: 14px;
    }

    .main-text-header-first, .main-text-two-text {
        font-size: 34px;
        margin-bottom: 2px;
        max-width: 410px;
    }

    .main-text-two-badge {
        position: static;
        font-size: 13px;
        margin-left: 8px;
        padding: 3px 8px;
    }

    .main-text-two {
        margin-bottom: 18px;
    }

    .main-text-description {
        max-width: 340px;
        font-size: 12px;
    }

    .main-image-debra {
        right: -38px;
        top: 145px;
        max-width: 424px;
    }

    .main-text-two {
        max-width: 410px;
    }
}

@media (max-width: 780px) {
    .main-item-children-flowers-text-container {
        padding-left: 0;
        padding-top: 56px;
        font-size: 60px;
        line-height: 52px;
        padding-bottom: 0;
    }

    .main-item-children-flowers-text-container div:nth-child(1) {
        margin-left: 26px;
    }

    .main-item-children-flowers-text-container div:nth-child(2) {
        margin-left: 86px;
    }

    .main-item-children-flowers-container {
        padding: 0 0 46px 0;
    }

    .main-item-children-flowers-butterfly-right, .main-item-children-flowers-butterfly-left {
        display: none;
    }

    .main-item-children-flowers-text-container img {
        left: -62px;
        top: 35px;
    }
}

@media (max-width: 810px) and (max-height: 550px) {
    .main-image-debra {
        top: 88px;
    }

    .main-text-debra {
        top: 153px;
    }
}

@media (max-width: 708px) {
    .main-text-header-first, .main-text-two-text {
        max-width: 350px;
    }

    .main-text-two {
        max-width: 340px;
    }

    .main-text-two-badge {
        margin-left: 0;
    }

    .main-text-description {
        max-width: 260px;
    }
}

@media (max-width: 708px) and (max-height: 550px) {
    .main-text-debra {
        top: 90px;
    }
}

@media (max-width: 640px) {
    .main-text-description {
        max-width: 200px;
    }

    .main-text-debra {
        top: 145px;
    }
}

@media (max-width: 640px) and (max-height: 550px) {
    .main-image-debra {
        top: 88px;
    }

    .main-text-debra {
        top: 90px;
    }
}

@media (max-width: 570px) and (max-height: 539px) {
    .main-text-date {
        font-size: 7px;
        letter-spacing: 1px;
        margin-bottom: 7px;
        font-weight: 900;
    }

    .main-text-debra {
        top: 120px;
        left: 23px;
    }

    .main-text-header-first, .main-text-two-text {
        font-size: 16px;
        margin-bottom: -2px;
    }

    .main-text-two-badge {
        position: static;
        font-size: 7px;
        padding: 0 4px;
    }

    .main-text-description {
        font-size: 5px;
        max-width: 160px;
    }

    .main-text-two {
        margin-bottom: 10px;
    }

    .main-image-debra {
        top: 88px;
        max-width: 200px;
        right: -23px;
    }
}

@media (max-width: 570px) and (min-height: 540px) {
    .main-text-date {
        font-size: 18px;
        letter-spacing: 2.5px;
        margin-bottom: 24px;
    }

    .main-text-debra {
        position: static;
        width: 100%;
        text-align: center;
        margin-top: 97px;
    }

    .main-text-header-first, .main-text-two-text {
        max-width: 300px;
        margin: auto;
    }

    .main-text-two {
        max-width: 300px;
        margin: auto;
    }

    .main-text-two-badge {
        display: inline-block;
        position: static;
        margin: 17px 60px 0;
        font-size: 18px;
        padding: 4px 10px;
    }

    .main-text-description {
        margin: auto;
    }

    .main-text-two {
        margin-bottom: 14px;
    }

    .main-image-debra {
        position: static;
        max-width: 100%;
        display: block;
        text-align: center;
    }

    .main-image-debra img {
        width: 200px;
    }

    .main-item-debra .main-item-info__btn {
        text-align: center;
    }

    .main-text-description {
        display: none;
    }
}

@media (max-width: 708px) {
    .main-item-children-flowers-text-container {
        font-size: 45px;
        line-height: 45px;
    }

    .main-item-children-flowers-text-container img {
        left: -44px;
        top: 41px;
    }
}
/* End */
/* /local/templates/xr-butterfly/assets/js/libs/fancybox/jquery.fancybox.min.css?161788689212795 */
/* /local/templates/xr-butterfly/assets/js/libs/OwlCarousel2/assets/owl.carousel.min.css?16158364033356 */
/* /local/templates/xr-butterfly/assets/css/style.min.css?1751633837308256 */
/* /local/templates/xr-butterfly/assets/css/custom.css?170783079268930 */
/* /local/templates/xr-butterfly/assets/js/libs/slick/slick.css?16177026191895 */
/* /local/templates/xr-butterfly/assets/fonts/Gilroy/stylesheet.css?15412431697474 */
/* /local/templates/xr-butterfly/assets/js/libs/lightgallery/css/lightgallery.min.css?161770261920458 */
/* /local/templates/xr-butterfly/components/bitrix/breadcrumb/new/style.min.css?1592778129467 */
/* /local/templates/xr-butterfly/template_styles.css?162567947813972 */
