/* Start:/bitrix/templates/mainpage/css/jquery.fancybox.min.css?167362541512795*/
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:/bitrix/templates/mainpage/template_styles.css?174889371548732*/
@font-face{
    font-family:Open Sans;
    font-weight:300;
    src: local(Open Sans Light), url(/bitrix/templates/landings/fonts/OpenSans-Light.eot);
    src: url(/bitrix/templates/landings/fonts/OpenSans-Light.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/landings/fonts/OpenSans-Light.woff2) format("woff2"), url(/bitrix/templates/landings/fonts/OpenSans-Light.woff) format("woff"), url(/bitrix/templates/landings/fonts/OpenSans-Light.ttf) format("truetype");
}

@font-face{
    font-family:Open Sans;
    font-weight:400;
    src: local(Open Sans Regular), url(/bitrix/templates/landings/fonts/OpenSans-Regular.eot);
    src: url(/bitrix/templates/landings/fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/landings/fonts/OpenSans-Regular.woff2) format("woff2"), url(/bitrix/templates/landings/fonts/OpenSans-Regular.woff) format("woff"), url(/bitrix/templates/landings/fonts/OpenSans-Regular.ttf) format("truetype");
}

@font-face{
    font-family:Open Sans;
    font-weight:600;
    src: local(Open Sans SemiBold), url(/bitrix/templates/landings/fonts/OpenSans-SemiBold.eot);
    src: url(/bitrix/templates/landings/fonts/OpenSans-SemiBold.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/landings/fonts/OpenSans-SemiBold.woff2) format("woff2"), url(/bitrix/templates/landings/fonts/OpenSans-SemiBold.woff) format("woff"), url(/bitrix/templates/landings/fonts/OpenSans-SemiBold.ttf) format("truetype")
}

@font-face{
    font-family:Open Sans;
    font-weight:700;
    src: local(Open Sans Bold), url(/bitrix/templates/landings/fonts/OpenSans-Bold.eot);
    src: url(/bitrix/templates/landings/fonts/OpenSans-Bold.eot?#iefix) format("embedded-opentype"), url(/bitrix/templates/landings/fonts/OpenSans-Bold.woff2) format("woff2"), url(/bitrix/templates/landings/fonts/OpenSans-Bold.woff) format("woff"), url(/bitrix/templates/landings/fonts/OpenSans-Bold.ttf) format("truetype");
}
@font-face{
    font-family:'BRABUSIcon-Regular';
    font-style:normal;
    font-weight:normal;
    src:
        url("/bitrix/templates/landings/fonts/BRABUSIcon-Regular.eot?") format("embedded-opentype"),
        url("/bitrix/templates/landings/fonts/BRABUSIcon-Regular.woff2") format("woff2"),
        url("/bitrix/templates/landings/fonts/BRABUSIcon-Regular.woff") format("woff");
}
body header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Open Sans";
    font-size: 17.72px;
    font-weight: 400;
    line-height: 1.5;
}
header ul, header ol {
    margin: 0;
    padding: 0;
}
[hidden] {
    display: none!important;
}
*, ::after, ::before {
    box-sizing: border-box;
}
* {
    outline: 0;
}
input[type='checkbox']:not(.pretty) {
    display: inline-block;
    opacity: 0;
}
a {
    color: #FF002C;
    text-decoration: none;
}
.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:not(:disabled):not(.disabled){cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{color:#000;text-decoration:none;opacity:.75}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0;
}
.small, small {
    font-size: 80%;
    font-weight: 400;
}
.button {
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
    width: intrinsic;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    border-radius: 0px;
    cursor: pointer;
    height: 48px;
    min-width: 175px;
    padding: 0 20px 0 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 15.28px;
    font-weight: bold;
    letter-spacing: 1.25px;
    line-height: 16px;
    word-break: normal;
}
.button.small {
    min-width: 0;
    max-height: 40px;
}

.navbar-toggler>span, .navbar-link>span, .breadcrumb-item::before, .team .flyout-item.sub:after, .team .flyout-breadcrumb .flyout-breadcrumb-item::before, .form--row.form--valid::after, .form--row .form--select-label::after, .text-link::after, .text-box p a::after, .carousel .flickity-prev-next-button, .link-list-item a::after, .icon, .separating-element::after, .slick-prev, .slick-next {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'BRABUSIcon-Regular',sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
.icon {
    display: inline-block;
    font-size: 30px;
    position: relative;
    background: none;
}
.icon {
    background-image: url(/bitrix/templates/landings/img/spread-sheet.svg);
    background-repeat: no-repeat;
    display: inline-block;
    -webkit-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}
.icon.default {
    width: 20px;
    height: 20px;
}
.icon.menu {
    background-position: -100px -200px;
}
.social-wrap .icon.default {
  width: 38px;
  height: 38px;
}
.social-wrap .icon {
  background-size: 575px;
}
.icon.big {
  width: 100px;
  height: 80px;
}
.icon.logo {
  width: 180px;
  height: 40px;
  background-image: none;
  background-position: center center;
  background-size: contain;
  text-align: center;
  /*background-position: 0px -320px;*/
}
header .icon.logo {
    background: none !important;
}
.icon.logo.nr {
  width: 188px;
  /*background-position: 0px -680px;*/
}
.icon.logo.inverse {
  /*background-position: 0px -360px;*/
}
.icon.logo.inverse.nr {
  /*background-position: 0px -720px;*/
}
.icon.logo-round {
  width: 50px;
  height: 50px;
  background-image: none;
  background-position: 100% 100%;
  background-size: contain;
  /*background-position: -100px -400px;*/
}
.icon.logo img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
}
@media (min-width: 768px), print {
  .icon.logo-round {
    width: 100px;
    height: 100px;
    /*background-position: 0px -400px;*/
  }
}
.icon.logo-round-black {
  width: 140px;
  height: 160px;
  background-position: 0px -760px;
}
.icon.logo-text {
  width: 180px;
  height: 40px;
  background-position: 0px -360px;
}
.icon.logo-text.white {
  background-position: 0px -320px;
}
.icon.plus-sign.white {
  background-position: -20px -300px;
}
.icon.menu {
  background-position: -100px -200px;
}
.icon.menu.inverse {
  background-position: -120px -200px;
}
.icon.menu.close {
  background-position: -180px -80px;
}
.icon.menu.close.inverse {
  background-position: -200px -80px;
}
.icon.pinterest {
  background-position: -180px -240px;
}
.icon.pinterest.inverse {
  background-position: -453px -494px;
}
.icon.youtube {
  background-position: -180px -200px;
}
.icon.youtube.inverse {
  background-position: -453px -411px
}
.icon.instagram {
  background-position: -180px -180px;
}
.icon.instagram.inverse {
  background-position: -453px -371px
}
.icon.facebook {
  background-position: -180px -160px;
}
.icon.facebook.inverse {
  background-position: -200px -160px;
}
.icon.share {
  background-position: -20px -40px;
}
.icon.share.inverse {
  background-position: -40px -40px;
}
.icon.triangle-down {
  background-position: -80px -280px;
}
.icon.back {
  background-position: -120px -20px;
}
.icon.car {
  background-position: -100px -500px;
}
.icon.engine {
  background-position: 0 -500px;
}
.icon.tire {
  background-position: 0px -580px;
}
.icon.steeringwheel {
  background-position: -100px -580px;
}
.icon.rotate {
  transform: rotate(45deg);
}
.icon.centered {
  margin-left: 50%;
  transform: translateX(-50%);
}
.icon.user {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'BRABUSIcon-Regular',sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    background: none;
    color: #fff;
    width: 40px;
    height: 40px;
    font-weight: 600;
}
.icon.user.inverse {
    color:#000;
}
a:hover .icon.user {
    color: #FF002C;
}
.icon.user::before {
    content: '\e022';
    font-size: 26px;
    display: block;
    margin-top: 7px;
}
#main-nav-addon .phone-mobile+a.social.login {
    padding-left: 40px;
}

a.social.login {
    position: relative;
}
a.social.login .tooltip {
    right: 0px;
    left: auto;
}
@media screen and (max-width: 767px) {
    #main-nav-addon a.social.login {
        position: absolute;
        right: 45px;
        top: 11px;
        padding: 0;
    }
    .icon.user {
        max-height: 20px;
    }
    .icon.user::before {
        text-align: center;
        font-size: 21px;
        margin-top: 0px;
    }
}



/*
 * Navs & Menus
 */
/*
 * header
 */
header {
  z-index: 9999;
  background: #181818;
}
#header_bg_wrapper {
  width: 100%;
  height: auto;
  position: relative;
  z-index: -1;
  overflow: hidden;
}
#header_video_wrapper {
  max-height: 100vh;
  overflow: hidden;
  pointer-events: none;
}
#header_video_wrapper .embed-responsive {
  margin-top: 60px;
  height: 45vh;
  min-height: 250px;
}
@media (min-width: 768px), print {
  #header_video_wrapper .embed-responsive {
    margin-top: 0px;
    height: 100vh;
  }
}
#header_video_wrapper .embed-responsive .embed-responsive-item {
  height: 100%;
}
@media (min-width: 768px), print {
  #header_video_wrapper .embed-responsive .embed-responsive-item {
    height: calc(100% + 60px);
  }
}
#header_video_wrapper .embed-responsive video {
  object-fit: cover;
}
#main-nav-addon .social {
  padding: 0 15px 0 15px;
}
#main-nav-addon #btn-order {
  margin-left: 15px;
}
#btn-order {
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  min-width: 160px;
  background: #181818;
}
@media (min-width: 768px), print {
  #btn-order {
    min-width: 0px;
  }
}
/*
 * Menu
 */

/* MENU */
.menu_g {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 0;
    padding-bottom: 26px;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    background-color: #000;
    overflow: hidden;
    z-index: 55;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    color: white;
}

@media screen and (max-width: 767.98px) {
    .menu_g {
        padding-top:56px
    }
}

@media (min-width: 768px), print {
    .menu_g {
        position:relative;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: auto;
        padding-bottom: 0;
        background-color: transparent;
        overflow: visible;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
}

@media screen and (max-width: 767.98px) {
    .menu_g.is-active {
        display:block;
        max-height: 100vh;
        overflow: auto;
        z-index: 100
    }

    .menu_g.is-active,.menu_g.is-active .menu_g__header {
        width: 80%;
        -webkit-transition: width .3s;
        -o-transition: width .3s;
        transition: width .3s
    }

    .menu_g.is-active .menu_g__header {
        z-index: 10
    }
}

.menu_g+.menu_g {
    position: static;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
    margin: 0;
    padding: 0;
    background-color: inherit;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

@media (min-width: 768px), print {
    .menu_g+.menu_g {
        position:relative;
        margin-left: auto
    }
}

.inverse.icon#icon-phone {
  fill: black;
}

.menu_g+.menu_g .icon {
    position: static;
    width: 14px;
    height: 14px;
    color: #fff;
    background-image: none;
    fill: white;
}

@media screen and (max-width: 767.98px) {
    .menu_g+.menu_g .menu_g__list {
        min-width:20px;
        margin: 10px 10px 25px 25px;
        padding: 0
    }
}

.menu_g+.menu_g .menu_g__link {
    position: static;
    color: #fff
}

@media (min-width: 768px), print {
    .menu_g+.menu_g .menu_g__link {
        position:relative
    }
}

.menu_g__header {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-align-items: center;
    align-items: center;
    width: 0;
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: hsla(0,0%,100%,.1);
    background-color: #000;
    color: #e00022;
    cursor: pointer;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.menu_g__header .icon {
    width: 18px;
    height: 18px;
    margin-left: 16px
}

.menu_g__header span {
    margin-left: 8px;
    font-size: 14px
}

.menu_g__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 28px;
    padding-left: 30px;
    font-size: 14px;
    font-weight: 600;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

@media (min-width: 768px), print {
    .menu_g__list {
        -webkit-flex-direction:row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        padding-top: 0;
        padding-left: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center
    }
}

@media (min-width: 1200px) {
    .menu_g__list {
        font-size:16px
    }
}

@media (min-width: 1600px) {
    .menu_g__list {
        font-size:20px
    }
}

@media (min-width: 768px), print {
    .menu_g__list+.menu_g__list {
        position:relative;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-left: 24px;
        padding-left: 25px;
        font-size: 14px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }

    .menu_g__list+.menu_g__list:before {
        position: absolute;
        top: calc(50% - 20px);
        left: 0;
        width: 1px;
        height: 40px;
        background-color: hsla(0,0%,100%,.2);
        content: ""
    }
}

@media (min-width: 1600px) {
    .menu_g__list+.menu_g__list {
        margin-left:38px;
        padding-left: 39px;
        font-size: 18px
    }
}

@media (min-width: 1200px) {
    .menu_g__list+.menu_g__list .menu_g__link {
        font-weight:300
    }
}

@media (min-width: 768px), print and (max-width:1199.98px) {
    .menu_g__list+.menu_g__list.menu_g__list--toggle {
        position:absolute;
        top: calc(100% + 30px);
        left: calc(100% - 60px);
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding: 20px 12px;
        -webkit-transition: top .3s,opacity .3s;
        -o-transition: top .3s,opacity .3s;
        transition: top .3s,opacity .3s;
        border-radius: 6px;
        background-color: rgba(0,0,0,.6);
        opacity: 0;
        pointer-events: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start
    }

    .menu_g__list+.menu_g__list.menu_g__list--toggle:before {
        content: none
    }

    .menu_g__list+.menu_g__list.menu_g__list--toggle.is-visible {
        top: calc(100% + 10px);
        -webkit-transition: top .3s,opacity .3s;
        -o-transition: top .3s,opacity .3s;
        transition: top .3s,opacity .3s;
        opacity: 1;
        pointer-events: auto
    }

    .menu_g__list+.menu_g__list.menu_g__list--toggle .menu_g__item:before {
        content: none
    }

    .menu_g__list+.menu_g__list.menu_g__list--toggle .menu_g__item+.menu_g__item {
        margin-top: 15px;
        margin-left: 0
    }

    .menu_g__list+.menu_g__list.menu_g__list--toggle .menu_g__link {
        font-weight: 300;
        white-space: nowrap
    }

    .menu_g__list+.menu_g__list.menu_g__list--toggle .menu_g__link:hover {
        text-decoration: underline
    }
}

.menu_g__item:before {
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 1px;
    -webkit-transition: left .3s,width .3s;
    -o-transition: left .3s,width .3s;
    transition: left .3s,width .3s;
    background-color: #e0e0e0;
    content: ""
}

@media (min-width: 768px), print {
    .menu_g__item:hover:before {
        left:0;
        width: 100%;
        -webkit-transition: left .3s,width .3s;
        -o-transition: left .3s,width .3s;
        transition: left .3s,width .3s
    }
}

.menu_g__item+.menu_g__item {
    margin-top: 26px
}

@media (min-width: 768px), print {
    .menu_g__item+.menu_g__item {
        margin-top:0;
        margin-left: 24px
    }
}

@media (min-width: 1600px) {
    .menu_g__item+.menu_g__item {
        margin-left:38px
    }
}

.menu_g__link {
    position: relative;
    color: #e0e0e0;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

label.menu_g__link {
    margin-bottom: .5rem;
}

@media (min-width: 768px), print {
    .menu_g__link {
        white-space:normal
    }

    .menu_g__link .button {
        display: none
    }
}

.menu_g__link.js-open-sub+.menu_g__list {
    display: none
}

@media (min-width: 768px), print {
    .menu_g__link.js-open-sub+.menu_g__list {
        display:none!important
    }
}

.menu_g__link.js-open-sub+.menu_g__list .menu_g__link {
    font-weight: 400
}

.menu_g__link.is-open {
    color: #e00022
}

.menu_g__link .icon {
    position: absolute;
    top: 6px;
    left: -20px;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: hsla(0,0%,53%,.5)
}

.menu_g__link--tel {
    margin-right: 16px;
    font-size: 14px
}

.tel-list span {
  color: white;
}

.menu_g__link--tel .tel-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.menu_g__link--tel a span span {
    position: relative
}

.menu_g__link--tel a span span:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: hsla(0,0%,100%,.3);
    content: ""
}

@media (min-width: 767.98px) {
  .inverse .menu_g__link--tel a span span {
    color: black;
  }

  .inverse .menu_g__link--tel a span span:before {
    border-bottom-color: hsla(0,0%,0%,.3);
  }
}

@media screen and (max-width: 767.98px) {
    .menu_g__link--tel {
        position:absolute!important;
        line-height: 1
    }

    .menu_g__link--tel:before {
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px;
        content: ""
    }

    .menu_g__link--tel a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center
    }
}

@media (min-width: 768px), print {
    .menu_g__link--tel {
        margin-right:0
    }

    .menu_g__link--tel a {
        white-space: nowrap
    }

    .menu_g__link--tel a:hover:before {
        -webkit-transition: border .3s;
        -o-transition: border .3s;
        transition: border .3s;
        border-bottom-color: #fff
    }

    .menu_g__link--tel a:hover .tooltip,
    a.button:hover .tooltip {
        top: calc(100% + 15px);
        -webkit-transition: opacity .3s,top .3s;
        -o-transition: opacity .3s,top .3s;
        transition: opacity .3s,top .3s;
        opacity: 1;
        pointer-events: auto
    }

    .menu_g__link--tel .close {
        display: none
    }
}

@media (min-width: 1600px) {
    .menu_g__link--tel {
        font-size:16px
    }
}

.menu_g__link--tel:hover:before {
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s;
    border-bottom-color: #fff
}

@media screen and (max-width: 767.98px) {
    .menu_g__link--tel.is-hidden-mobile {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 100%;
        bottom: auto;
        left: 0;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        padding: 30px 5%;
        -webkit-transition: bottom .3s,opacity .3s;
        -o-transition: bottom .3s,opacity .3s;
        transition: bottom .3s,opacity .3s;
        background-color: #000;
        opacity: 0;
        z-index: 900;
        pointer-events: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center
    }

    .menu_g__link--tel.is-hidden-mobile span {
        position: absolute
    }

    .menu_g__link--tel.is-hidden-mobile span span {
        position: relative;
        top: 10px;
        right: 0;
        left: 0;
        font-size: 20px
    }

    .menu_g__link--tel.is-hidden-mobile .tel-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        text-align: center;
        pointer-events: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center
    }

    .menu_g__link--tel.is-hidden-mobile .tel-list a {
        position: relative;
        margin-bottom: 0
    }

    .menu_g__link--tel.is-hidden-mobile .tel-list a+a {
        margin-top: 40px
    }

    .menu_g__link--tel.is-hidden-mobile .tooltip {
        display: inline-block;
        position: relative;
        top: 0;
        left: calc(50% - 160px);
        width: 320px;
        padding: 0;
        background-color: transparent;
        font-weight: 700;
        opacity: 1;
        pointer-events: none
    }

    .menu_g__link--tel.is-hidden-mobile .tooltip__text {
        margin-top: 50px;
        text-align: center;
    }

    .menu_g__link--tel.is-hidden-mobile .close {
        position: absolute;
        margin: 0;
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        cursor: pointer;
        z-index: 1
    }

    .menu_g__link--tel.is-hidden-mobile .close:after,.menu_g__link--tel.is-hidden-mobile .close:before {
        position: absolute;
        top: 50%;
        left: 25%;
        width: 50%;
        height: 1px;
        background-color: #fff;
        content: ""
    }

    .menu_g__link--tel.is-hidden-mobile .close:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .menu_g__link--tel.is-hidden-mobile .close:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .menu_g__link--tel.is-hidden-mobile .close__all {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.menu_g__link--tel .tooltip,
a.button .tooltip {
    top: calc(100% + 30px);
    left: -80px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 240px;
    padding: 12px 12px 16px;
    -webkit-transition: opacity .3s,top .3s;
    -o-transition: opacity .3s,top .3s;
    transition: opacity .3s,top .3s;
    border-radius: 6px;
    background-color: rgba(0,0,0,.5);
    color: #ababab;
    white-space: normal;
    opacity: 0;
    pointer-events: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.menu_g__link--tel .tooltip__region {
    padding-top: 2px;
    padding-left: 92px;
    font-size: 8px;
    font-weight: 400;
    text-transform: uppercase
}

.menu_g__link--tel .tooltip__text,
a.button .tooltip .tooltip__text {
    /*margin-top: 14px;*/
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: white;
}

.menu_g__link--tel .tooltip .icon {
    position: relative;
    width: 120px;
    height: 18px;
    margin: 0 auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #e00022
}

@media screen and (max-width: 767.98px) {
    .menu_g__link--search {
        position:relative!important
    }

    .menu_g__link--search:before {
        position: absolute;
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px;
        content: ""
    }
}

.menu_g__link--search .icon {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media screen and (max-width: 767.98px) {
    #telephone:checked+.menu_g__link--tel,
    #telephone-mobile:checked+.menu_g__link--tel {
        -webkit-transition:opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        opacity: 1;
        pointer-events: auto
    }

    #telephone:checked+.menu_g__link--tel>:not(.close),
    #telephone-mobile:checked+.menu_g__link--tel>:not(.close) {
        position: relative;
        z-index: 2
    }

    #telephone:checked+.menu_g__link--tel .tooltip,
    #telephone-mobile:checked+.menu_g__link--tel .tooltip {
        pointer-events: auto
    }
}

@media (min-width: 768px), print {
  .burger, .filter-wrapper .toggle, .header__btn, .menu_g__header, .menu_g__link--tel.is-visible-mobile, .menu_g__link.is-visible-mobile, .product-card__slider-pagination, .product-card__slider-pagination .item {
    display: none;
  }
}

@media screen and (max-width: 767.98px) {
  .phone-desktop {
    display: none;
  }

  .phone-mobile {
    display: flex;
    margin-bottom: 0
  }
}

@media (min-width: 767.98px) {
  .phone-desktop {
    display: flex;
  }

  .phone-mobile {
    display: none;
    margin-bottom: 0
  }
}

.icon.share-phone {
  background-position: -100px -180px;
}

.menu_g__link.menu_g__link--tel.is-hidden-mobile.show {
  opacity: 1;
  transition: .3s;
}

.inverse .icon.default.share-phone {
  background-position: -120px -180px;
}

#menu-wrapper-fluid {
  position: fixed;
  display: block;
  width: 100%;
  max-width: 100vw;
  z-index: 9999;
  padding: 10px 0px 10px 0px;
  background: #181818;
  top: 0;
}
@media (min-width: 576px) {
  #menu-wrapper-fluid {
    padding: 10px 10px 10px 10px;
  }
}
@media (min-width: 768px), print {
  #menu-wrapper-fluid {
    padding: 22px 35px 22px 35px;
  }
}
#menu-wrapper-fluid #menu-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1200px) {
  #menu-wrapper-fluid #menu-wrapper #btn-menu {
    display: none;
  }
}
#menu-wrapper-fluid #menu-wrapper #logo-wrapper {
  display: flex;
  align-items: center;
}
@media (min-width: 576px) {
  #menu-wrapper-fluid #menu-wrapper #logo-wrapper {
    flex-grow: 2;
  }
}
@media (min-width: 1200px) {
  #menu-wrapper-fluid #menu-wrapper #logo-wrapper {
    flex-grow: 0;
  }
}
#menu-wrapper-fluid #menu-wrapper #main-nav {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  background: #fff;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: calc(100vh - 60px);
}
#menu-wrapper-fluid #menu-wrapper #main-nav.show-mobile {
  display: flex;
}
#menu-wrapper-fluid #menu-wrapper #main-nav.show-mobile ul {
  opacity: 1;
}
@media (min-width: 768px), print {
  #menu-wrapper-fluid #menu-wrapper #main-nav {
    top: 92px;
  }
}
@media (min-width: 1200px) {
  #menu-wrapper-fluid #menu-wrapper #main-nav {
    display: block;
    opacity: 1;
    /*
               max-width:490px;                        
               flex-grow:3;
               */
    background: none;
    width: auto;
    height: auto;
    left: initial;
    top: initial;
    position: static;
  }
}
#menu-wrapper-fluid #menu-wrapper #main-nav > ul {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-top: -30px;
  width: 100%;
  opacity: 0;
  transition: opacity 2s;
  -webkit-transition: opacity 2s;
}
@media (min-width: 1200px) {
  #menu-wrapper-fluid #menu-wrapper #main-nav > ul {
    flex-direction: row;
    display: flex;
    height: initial;
    margin-top: 0;
    opacity: 1;
  }
}
#menu-wrapper-fluid #menu-wrapper #main-nav > ul > li {
  position: relative;
  width: 100%;
  text-align: center;
  /*padding:10px 0 10px 0;*/
  padding: 10px 20px 10px 20px;
}
@media (min-width: 1200px) {
  #menu-wrapper-fluid #menu-wrapper #main-nav > ul > li {
    opacity: 1;
    width: auto;
    padding: 10px 12px 10px 12px;
  }
  #menu-wrapper-fluid #menu-wrapper #main-nav > ul > li.has-sub {
    padding-right: 20px;
    margin-right: 5px;
  }
}
@media (min-width: 1272px) {
  #menu-wrapper-fluid #menu-wrapper #main-nav > ul > li {
    padding: 10px 20px 10px 20px;
  }
}
#menu-wrapper-fluid #menu-wrapper #main-nav > ul > li > a {
  color: #fff;
  font-size: 15.28px;
  font-weight: bold;
  letter-spacing: 1.25px;
  line-height: 16px;
  position: relative;
  white-space: nowrap;
  /*text-transform: uppercase;*/
  /*transition: all 1s ease-in-out;
                        -webkit-transition: all 1s ease-in-out;*/
}
#menu-wrapper-fluid #menu-wrapper #main-nav > ul > li > a:hover,
#menu-wrapper-fluid #menu-wrapper #main-nav > ul > li > a.hover {
  text-decoration: none;
  color: #FF002C;
}
#menu-wrapper-fluid #menu-wrapper #main-nav ul.subnav {
  display: none;
}
#menu-wrapper-fluid #menu-wrapper #main-nav ul.subnav.show {
  display: flex;
}
@media (min-width: 1200px) {
  #menu-wrapper-fluid #menu-wrapper #main-nav ul.subnav.show {
    position: absolute;
    margin-top: 33px;
    margin-left: -23px;
    flex-wrap: wrap;
    width: auto;
    display: flex;
    width: intrinsic;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    min-width: 217px;
  }
}
@media (min-width: 1200px) {
  #menu-wrapper-fluid #menu-wrapper #main-nav ul.subnav li {
    text-align: left;
    width: 100%;
    padding: 10px 23px 10px 23px;
  }
}
#menu-wrapper-fluid #menu-wrapper #btn-toggle-social-links .icon.active {
  transform: rotateZ(90deg);
}
@media (min-width: 576px) {
  #menu-wrapper-fluid #menu-wrapper #btn-toggle-social-links {
    display: none;
  }
}
#menu-wrapper-fluid #menu-wrapper #main-nav-addon {
  /*position: absolute;
  top: 60px;
  right: 0px;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 0px;
  /*overflow: hidden;*/
  transition: height 0.2s ease-out;
}
#menu-wrapper-fluid #menu-wrapper #main-nav-addon.in {
  height: 140px;
  transition: height 0.2s ease-in;
}
@media (min-width: 576px) {
  #menu-wrapper-fluid #menu-wrapper #main-nav-addon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: static;
    flex-direction: row;
    height: auto;
    width: auto;
  }
}
#menu-wrapper-fluid #menu-wrapper #main-nav-addon .lang-container {
  padding: 0 25px 0 40px;
  display: none;
}

#menu-wrapper-fluid #menu-wrapper #main-nav.show-mobile + #main-nav-addon .lang-container {
  position: absolute;
  display: block;
  margin: 0 auto;
  top: 120%;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}

#menu-wrapper-fluid #menu-wrapper #main-nav-addon .btn-lang {
  font-size: 15.28px;
  font-weight: bold;
  letter-spacing: 1.25px;
  line-height: 16px;
  text-align: center;
  color: #fff;
}
#menu-wrapper-fluid #menu-wrapper #main-nav-addon a.btn-lang:hover,
#menu-wrapper-fluid #menu-wrapper #main-nav-addon a.btn-lang.active {
  color: #FF002C;
}
#menu-wrapper-fluid #menu-wrapper #main-nav-addon .sepr {
  padding: 0 5px;
}
#menu-wrapper-fluid #menu-wrapper #main-nav-addon #btn-root {
  display: none;
  margin-right: 0;
}
@media (min-width: 576px) {
  #menu-wrapper-fluid #menu-wrapper #main-nav-addon #btn-root {
    display: flex;
    margin-top: 0;
    margin-right: 10px;
  }
}
#menu-wrapper-fluid #menu-wrapper #main-nav-addon #btn-order {
  position: absolute;
  margin-top: calc(100vh - 60px);
  left: 50%;
  bottom: initial;
  top: 0;
  transform: translateX(-50%);
  display: flex;
}
@media (min-width: 768px), print {
  #menu-wrapper-fluid #menu-wrapper #main-nav-addon #btn-order {
    display: flex;
    position: static;
    margin-top: 0;
    left: initial;
    transform: none;
  }

  #menu-wrapper-fluid #menu-wrapper #main-nav-addon .lang-container {
    display: block;
  }
}

#menu-wrapper-fluid.scrolling {
  -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
  box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
  transition: background-color 1s ease-in-out, box-shadow 0.3s linear;
  -webkit-transition: background-color 1s ease-in-out, box-shadow 0.3s linear;
}
#menu-wrapper-fluid.scrolling,
#menu-wrapper-fluid.mobile-menu-open,
#menu-wrapper-fluid.inverse {
  background-color: #ffffff;
}
#menu-wrapper-fluid.scrolling #menu-wrapper #main-nav ul li a,
#menu-wrapper-fluid.mobile-menu-open #menu-wrapper #main-nav ul li a,
#menu-wrapper-fluid.inverse #menu-wrapper #main-nav ul li a {
  color: #000;
  -webkit-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}
#menu-wrapper-fluid.scrolling #menu-wrapper #main-nav ul li a:hover,
#menu-wrapper-fluid.mobile-menu-open #menu-wrapper #main-nav ul li a:hover,
#menu-wrapper-fluid.inverse #menu-wrapper #main-nav ul li a:hover,
#menu-wrapper-fluid.scrolling #menu-wrapper #main-nav ul li a.hover,
#menu-wrapper-fluid.mobile-menu-open #menu-wrapper #main-nav ul li a.hover,
#menu-wrapper-fluid.inverse #menu-wrapper #main-nav ul li a.hover {
  color: #FF002C;
}
#menu-wrapper-fluid.scrolling #menu-wrapper #main-nav ul li > ul li,
#menu-wrapper-fluid.mobile-menu-open #menu-wrapper #main-nav ul li > ul li,
#menu-wrapper-fluid.inverse #menu-wrapper #main-nav ul li > ul li {
  background-color: #fff;
}
#menu-wrapper-fluid.scrolling #menu-wrapper #main-nav-addon,
#menu-wrapper-fluid.mobile-menu-open #menu-wrapper #main-nav-addon,
#menu-wrapper-fluid.inverse #menu-wrapper #main-nav-addon {
  background-color: #fff;
  transition: height 0.2s linear, background-color 1s ease-in-out;
  -webkit-transition: height 0.2s linear, background-color 1s ease-in-out;
}
@media (min-width: 576px) {
  #menu-wrapper-fluid.scrolling #menu-wrapper #main-nav-addon,
  #menu-wrapper-fluid.mobile-menu-open #menu-wrapper #main-nav-addon,
  #menu-wrapper-fluid.inverse #menu-wrapper #main-nav-addon {
    background: none;
  }
}
#menu-wrapper-fluid.scrolling #menu-wrapper #main-nav-addon .btn-lang,
#menu-wrapper-fluid.mobile-menu-open #menu-wrapper #main-nav-addon .btn-lang,
#menu-wrapper-fluid.inverse #menu-wrapper #main-nav-addon .btn-lang {
  color: #000;
}
#menu-wrapper-fluid.scrolling #menu-wrapper #main-nav-addon .btn-lang:hover,
#menu-wrapper-fluid.mobile-menu-open #menu-wrapper #main-nav-addon .btn-lang:hover,
#menu-wrapper-fluid.inverse #menu-wrapper #main-nav-addon .btn-lang:hover {
  color: #FF002C;
}
#menu-wrapper-fluid.inverse #menu-wrapper #btn-menu > .icon {
  background-position: -120px -200px !important;
}
#menu-wrapper-fluid.inverse #menu-wrapper #btn-menu > .icon.inverse {
  background-position: -200px -80px !important;
}
#menu-wrapper-fluid.inverse #menu-wrapper #logo-wrapper #logo {
  background-position: 0px -360px !important;
}
#menu-wrapper-fluid.inverse #menu-wrapper #logo-wrapper #logo.nr {
  background-position: 0px -720px !important;
}
#menu-wrapper-fluid.inverse #menu-wrapper #main-nav-addon a.social .icon {
  background-position-x: -200px !important;
}
#menu-wrapper-fluid.inverse #menu-wrapper #btn-toggle-social-links .icon {
  background-position-x: -40px !important;
}
#menu-wrapper-fluid .backlink {
  display: none;
}
#menu-wrapper-fluid .backlink.show {
  display: block;
}
/*
 * Progress
 */
progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #FF002C;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  width: 100%;
  pointer-events: none;
}
progress::-webkit-progress-bar {
  background: none;
}
progress::-webkit-progress-value {
  background: #FF002C;
}
progress::-moz-progress-bar {
  background: #FF002C;
}
progress[value="0"] {
  width: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#main-nav > ul > li.has-sub > a::after {
    position: absolute;
    top: 7px;
    right: -15px;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

#menu-wrapper-fluid #menu-wrapper #main-nav ul ul,
#menu-wrapper-fluid #menu-wrapper #main-nav ul ul li {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#menu-wrapper-fluid #menu-wrapper #main-nav ul ul li {
    -webkit-flex: 1 1 100%; 
    -ms-flex:  1 1 100%; 
    flex:  1 1 100%;
    width: 100%;
}

#menu-wrapper-fluid #menu-wrapper #main-nav ul ul li a {
    display: block;
    padding: 3px 35px 30px;
    width: 100%;
    font-size: 14px;
    text-decoration: none;
    background-color: #181818;
    color: #ffffff;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    white-space: nowrap;
    transition: background-color 1s ease-in-out, box-shadow 0.3s linear;
    -webkit-transition: background-color 1s ease-in-out, box-shadow 0.3s linear;
}
#menu-wrapper-fluid #menu-wrapper #main-nav ul ul {
    background-color: #181818;
    z-index: 2;
    transition: background-color 1s ease-in-out, box-shadow 0.3s linear;
    -webkit-transition: background-color 1s ease-in-out, box-shadow 0.3s linear;
}
#menu-wrapper-fluid #menu-wrapper #main-nav ul ul li.has-sub > a::after {
    position: absolute;
    top: 8px;
    right: 22px;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    content: "";
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

@media all and (max-width: 1199px) {
    #menu-wrapper-fluid #menu-wrapper #main-nav > ul {
            max-height: calc(90% - 60px);
            margin-top: 20px;
            margin-bottom: 50px;
            overflow: auto;
    }
    #menu-wrapper-fluid #menu-wrapper #main-nav > ul > li.has-sub > a::after,
    #menu-wrapper-fluid #menu-wrapper #main-nav ul ul li.has-sub > a::after {
        top: 7px;
        right: -17px;
        width: 7px;
        height: 7px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
    }

    #menu-wrapper-fluid #menu-wrapper #main-nav ul ul li.has-sub > a::after {
        top: 23px;
        right: 15px;
        width: 7px;
        height: 7px;
    }

    #menu-wrapper-fluid #menu-wrapper #main-nav ul ul li a {
        position: relative;
        display: inline-block;
        padding: 20px 35px 13px;
        width: auto;
        font-size: 14px;
        text-decoration: none;
        background-color: #fff;
        color: #000;
        -webkit-transition: color .2s ease;
        -moz-transition: color .2s ease;
        -ms-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease;
        white-space: nowrap;
    }
    #menu-wrapper-fluid #menu-wrapper #main-nav ul ul {
        background-color: #fff;
    }

    #menu-wrapper-fluid.mobile-menu-open #menu-wrapper #main-nav ul ul ul li a {
        color: #666;
        font-size: 13px;
    }

    #menu-wrapper-fluid #menu-wrapper #main-nav ul ul {
        display: none;
        position: relative;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

    #menu-wrapper-fluid #menu-wrapper #main-nav ul li.open > a {
        color: #FF002C !important;
    }

    #menu-wrapper-fluid #menu-wrapper #main-nav ul li.open > a::after {
        -ms-transform: rotate(45deg) !important;
        -webkit-transform: rotate(45deg) !important;
        -o-transform: rotate(45deg) !important;
        -moz-transform: rotate(45deg) !important;
        transform: rotate(45deg) !important;
    }
}

@media all and (min-width: 1200px) {
    #menu-wrapper-fluid #menu-wrapper #main-nav ul ul {
      position: absolute;
      left: -9999px;
      flex-wrap: wrap;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
    }
    #menu-wrapper-fluid #menu-wrapper #main-nav ul ul ul {
      margin-left: 100%;
      top: 0;
    }
    #main-nav > ul > li.has-sub:hover > a::after {
      border-color: #FF002C;
    }
    #menu-wrapper-fluid #menu-wrapper #main-nav > ul > li:hover > ul {
      left: 50%;
      transform: translateX(-50%);
      top: 43px;
      min-width: 100%;
      padding-top: 25px;
    }
    #menu-wrapper-fluid #menu-wrapper #main-nav > ul > li > ul > li:hover ul {
        left: -1px;
        padding-top: 10px;
        top: -10px;
      /*height: 32px;*/
    }
    #menu-wrapper-fluid #menu-wrapper #main-nav ul ul li:hover > a,
    #menu-wrapper-fluid #menu-wrapper #main-nav ul ul li a:hover {
      color: #FF002C;
    }
    #menu-wrapper-fluid #menu-wrapper #main-nav ul ul li.has-sub:hover > a::after {
      border-color: #FF002C;
    }

    #menu-wrapper-fluid #menu-wrapper #main-nav ul li.link_sub_mob {
      display: none!important;
    }

    #menu-wrapper-fluid.scrolling #menu-wrapper #main-nav > ul > li.has-sub > a::after,
    #menu-wrapper-fluid.scrolling #menu-wrapper #main-nav ul ul li.has-sub > a::after  {
        border-color: #000000;
    }

    #menu-wrapper-fluid.scrolling #menu-wrapper #main-nav ul ul {
        background-color: rgba(255, 255, 255, .95);
        box-shadow: 0px 20px 39px -20px rgba(0,0,0,0.2);
    }
    #menu-wrapper-fluid.scrolling #menu-wrapper #main-nav ul ul li a {
        background-color: rgba(255, 255, 255, 1);
    }
}


/** CUSTOM */
.nowrap {
    white-space: nowrap;
}
#logo-wrapper .van-partner {
    font-size: 0.9rem;
    margin-left: -20px;
}
@media all and (max-width: 1570px) {
    #logo-wrapper .van-partner {
        margin-left: 0;
    }
}
@media all and (max-width: 960px) {
    #logo-wrapper .van-partner {
        margin-left: -20px;
    }
    #logo-wrapper .van-partner .nowrap {
        display: block;
    }
    .icon.logo.nr {
        width: 155px;
        text-align: left;
    }
}
@media all and (max-width: 475px) {
    #logo-wrapper .van-partner {
        display: none;
    }
}

.footer .van-partner {
    display: block;
    text-align: center;
    font-size: 10px;
    color: #fff;
}

footer .icon {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    color: #fefefe;
    background: none;
    margin-right: 5px;
}
.footer__left .social-block a svg.icon {
    padding: 0;
    max-height: 33px;
}
.footer__left .social-block a svg.icon.insta {
    padding: 3px 0;
    max-height: 33px;
}
footer .icon use {
    stroke: currentColor;
    fill: currentColor;
}
@media screen and (max-width: 767px) {
    .section_about .services2__inner {
        max-width: 100%;
        overflow: hidden;
    }
    .section_about .services2__inner > div {
        font-size: 18px !important;
        padding: 25px 0 !important;
        display: block !important;
        width: 100% !important;
    }
    .section_about .about_title {
        font-size: 27px !important;
    }
    .footer__right {
        margin-right: 0 !important;
    }
    .footer__right a:nth-child(odd) {
        padding-right: 7px !important;
        padding-left: 0 !important;
    }
    .footer__right a:nth-child(even) {
        padding-right: 0 !important;
        padding-left: 7px !important;
    }
}

.footer-links {
    font: 300 14px "Roboto", Arial, Helvetica, sans-serif;
    margin-top: 15px;
}
.footer-links .footer-links__item {
    display: inline-block;
    padding-right: 12px;
    margin-right: 10px;
    border-right: 1px solid #fff;
    line-height: 12px;
}
.footer-links .footer-links__item:last-child {
    margin: 0;
    padding: 0;
    border: 0;
}
.footer-links a {
    color: #fff;
}
.footer-links a:hover {
    color: #dc312f;
}

div.tpl-field input[type="checkbox"] {
    height: 20px;
    height: 1.23rem;
    width: 20px;
    width: 1.23rem;
    position: relative;
    vertical-align: middle;
    margin-left: 0;
    padding: 0;
    margin: 0;
    opacity: 1 !important;
    border: 0;
}

div.tpl-field input[type="checkbox"]:before {
    content: '';
    position: absolute;
    height: 20px;
    height: 1.23rem;
    width: 20px;
    width: 1.23rem;
    top: 50%;
    margin-top: -10px;
    margin-top: -0.62rem;
    border: 1px solid #707070;
    border: .0625rem solid #707070;
    border-radius: 2px;
    -webkit-transition: border .2s ease;
    transition: border .2s ease;
}

div.tpl-field input[type="checkbox"]:checked:before {
    background-color: #FF002C;
    border-color: #FF002C;
}

div.tpl-field input[type="checkbox"]:checked:after {
    content: '';
    position: absolute;
    top: 5px;
    top: .3125rem;
    left: 4.5px;
    left: .355rem;
    width: 8px;
    width: .4975rem;
    height: 4.5px;
    height: .27rem;
    top: 50%;
    margin-top: -3px;
    margin-top: -0.17rem;
    border-left: 2px solid #fff;
    border-left: .125rem solid #fff;
    border-bottom: 2px solid #fff;
    border-bottom: .125rem solid #fff;
    -webkit-transform: scale(1) rotate(-50deg);
    transform: scale(1) rotate(-50deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

div.tpl-field input[type="checkbox"]+label {
    margin-left: 7px !important;
    vertical-align: top;
    max-width: calc(100% - 40px);
    padding-top: 4px;
    /*display: inline-block;*/
}

div.tpl-field input[type="checkbox"]+label {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    font-size: 14px !important;
}

/* End */
/* /bitrix/templates/mainpage/css/jquery.fancybox.min.css?167362541512795 */
/* /bitrix/templates/mainpage/template_styles.css?174889371548732 */