/* Start:/video_instructions/assets/css/style.css?178406318726990*/ .video-instructions-page{padding-top:0;padding-bottom:0}.video-instructions-page>.vertical-section{margin:7.5rem 0}.video-instructions-page .page-width,.main-section-wrap .page-width{box-sizing:border-box;width:100%;max-width:96.25rem;margin:0 auto;padding:0 3.75rem}@media(max-width:100rem){.video-instructions-page .page-width,.main-section-wrap .page-width{max-width:85.625rem}}@media(max-width:75rem){.video-instructions-page .page-width,.main-section-wrap .page-width{padding:0 2.5rem}}@media(max-width:61.25rem){.video-instructions-page .page-width,.main-section-wrap .page-width{padding:0 3.125rem}}@media(max-width:47.8125rem){.video-instructions-page .page-width,.main-section-wrap .page-width{padding:0 1.875rem}}@media(max-width:36rem){.video-instructions-page .page-width,.main-section-wrap .page-width{padding:0 1.25rem}}/* Prefixed by https://autoprefixer.github.io PostCSS: v8.3.6, Autoprefixer: v10.3.1 Browsers: last 4 version */ .first-slide-arrow-down {position: absolute;left: 50%;margin-left: -0.9375rem;bottom: 1.25rem;padding: 0.625rem;cursor: pointer;z-index: 15;-webkit-transition: all 0.5s ease-in-out 0.4s;-o-transition: all 0.5s ease-in-out 0.4s;transition: all 0.5s ease-in-out 0.4s;-webkit-transform: translateY(7.5rem);-ms-transform: translateY(7.5rem);transform: translateY(7.5rem);} @media only screen and (max-width: 47.8125rem) { .first-slide-arrow-down {display: none;} } .page-loaded .first-slide-arrow-down {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);} .first-slide-arrow-down svg {display: block;fill: #fff;height: 3.8125rem;width: 0.875rem;-webkit-transition: fill 0.4s cubic-bezier(0.36, 0.26, 0.19, 1.03);-o-transition: fill 0.4s cubic-bezier(0.36, 0.26, 0.19, 1.03);transition: fill 0.4s cubic-bezier(0.36, 0.26, 0.19, 1.03);-webkit-animation: arrow-anim 1.5s ease-in-out infinite;animation: arrow-anim 1.5s ease-in-out infinite;} @media only screen and (max-width: 100rem) { .first-slide-arrow-down svg {height: 2.875rem;width: 0.625rem;} } .first-slide-arrow-down:hover svg {fill: #5c5c5c;} .page-scroll-cont {position: relative;z-index: 5;overflow: hidden;} .page-scroll-cont:after {position: absolute;content: '';display: block;top: 9.375rem;background: #f9f9f9;z-index: -1;left: 0;width: 100%;height: calc(100% - 9.375rem);} .page-scroll-cont.page-scroll-cont--filled {background: #f9f9f9;} .vertical-section {margin: 7.5rem 0;} @media only screen and (max-width: 100rem) { .vertical-section {margin: 5.625rem 0;} } @media only screen and (max-width: 85.3125rem) { .vertical-section {margin: 5rem 0;} } @media only screen and (max-width: 47.8125rem) { .vertical-section {margin: 3.75rem 0;} } .vertical-section.vertical-section--first {margin-top: 0;} .vertical-section.vertical-section--gray {background: #c9c9c9;padding: 5.625rem 0;position: relative;} .vertical-section.vertical-section--gray:after {position: absolute;content: '';display: block;width: 625rem;height: 100%;top: 0;background: inherit;left: 100%;} .vertical-section.vertical-section--gray:before {position: absolute;content: '';display: block;width: 625rem;height: 100%;top: 0;background: inherit;right: 100%;} @media only screen and (max-width: 85.3125rem) { .vertical-section.vertical-section--gray {padding: 5rem 0;} } @media only screen and (max-width: 47.8125rem) { .vertical-section.vertical-section--gray {padding: 3.75rem 0;} } .vertical-section.vertical-section--video-after {padding-bottom: 12.5rem;margin-bottom: -10rem;} @media only screen and (max-width: 85.3125rem) { .vertical-section.vertical-section--video-after {padding-bottom: 6.25rem;margin-bottom: -3.75rem;} } @media only screen and (max-width: 47.8125rem) { .vertical-section.vertical-section--video-after {padding-bottom: 3.75rem;margin-bottom: 3.75rem;} } .main-section-wrap {position: fixed;background: #523e3a;height: 100%;left: 0;top: 0;right: 0;z-index: 2;} @media only screen and (max-width: 85.3125rem) { .main-section-wrap {height: auto;position: relative;} } .main-section-helper {position: relative; /*height: 100vh;*/z-index: -1;} @media only screen and (max-width: 85.3125rem) { .main-section-helper {display: none;} } .main-slider {position: fixed;left: 0;right: 0;height: 100%;top: 0;background: #575756;font-size: 1.125rem;} @media only screen and (max-width: 100rem) { .main-slider {font-size: 1rem;} } @media only screen and (max-width: 85.3125rem) { .main-slider {position: relative;left: auto;height: auto;} } .main-slider__pic {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .main-slider__pic img, .main-slider__pic picture {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;font-family: 'object-fit: cover; object-position: center; ';} .main-slider__pic:after {position: absolute;content: '';display: block;pointer-events: none;left: 0;right: 0;bottom: 0;height: 50%;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#33000000', GradientType=0);z-index: 3;} @media only screen and (max-width: 47.8125rem) { .main-slider__pic:after {height: 100%;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.7)));background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#b3000000', GradientType=0);} } .main-slider__item {height: 100vh;min-height: 100vh;background-size: cover;background-position: center;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 6.25rem 0;-webkit-box-sizing: border-box;box-sizing: border-box;} @media only screen and (max-width: 100rem) { .main-slider__item {padding: 6.25rem 0;} } @media only screen and (max-width: 61.25rem) { .main-slider__item {padding: 2.5rem 0;} } @media only screen and (max-width: 47.8125rem) { .main-slider__item {padding: 1.875rem 0;min-height: 100vh !important;height: auto;} } @media only screen and (max-width: 36rem) { .main-slider__item {padding: 1.25rem 0;} } .main-slider__text {color: #fff;width: 60%;max-width: 40.625rem;position: relative;z-index: 3;padding-left: 6.875rem;} @media only screen and (max-width: 61.25rem) { .main-slider__text {padding-left: 0;} } @media only screen and (max-width: 47.8125rem) { .main-slider__text {width: auto;max-width: none;} } .main-slider__text.main-slider__text--professional {max-width: 56.25rem;width: auto;} .main-slider__text.main-slider__text--professional .main-slider__description {font-weight: 700;padding-bottom: 0;text-transform: none;font-size: 2.125rem;line-height: 3.25rem;} @media only screen and (max-width: 75rem) { .main-slider__text.main-slider__text--professional .main-slider__description {font-size: 2rem;line-height: 2.875rem;} } @media only screen and (max-width: 47.8125rem) { .main-slider__text.main-slider__text--professional .main-slider__description {font-size: 1.75rem;line-height: 2.625rem;} } @media only screen and (max-width: 47.8125rem) { .main-slider__text.main-slider__text--professional .main-slider__description {display: block;} } .main-slider__sub-title {font-size: 1.25em;font-weight: 700;text-transform: uppercase;padding-bottom: 0.5em;} .main-slider .h2 {opacity: 0;-webkit-transform: translateX(-12.5rem);-ms-transform: translateX(-12.5rem);transform: translateX(-12.5rem);-webkit-transition: all 0.7s ease-in-out 0.2s;-o-transition: all 0.7s ease-in-out 0.2s;transition: all 0.7s ease-in-out 0.2s;} .page-loaded .swiper-slide-active .main-slider .h2 {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} .main-slider__title {font-weight: bold;font-size: 3.375rem;text-transform: uppercase;letter-spacing: 0.02em;padding-bottom: 0.8em;} @media only screen and (max-width: 100rem) { .main-slider__title {font-size: 2.625rem;} } @media only screen and (max-width: 85.3125rem) { .main-slider__title {font-size: 2.5rem;line-height: 3.75rem;} } @media only screen and (max-width: 47.8125rem) { .main-slider__title {font-size: 2.25rem;line-height: 1.4;} } @media only screen and (max-width: 36rem) { .main-slider__title {font-size: 1.625rem;line-height: 1.2;} } .main-slider__title.main-slider__title--large {font-size: 4.125rem;} @media only screen and (max-width: 100rem) { .main-slider__title.main-slider__title--large {font-size: 3.5rem;} } @media only screen and (max-width: 85.3125rem) { .main-slider__title.main-slider__title--large {font-size: 2.5rem;} } @media only screen and (max-width: 47.8125rem) { .main-slider__title.main-slider__title--large {font-size: 2.25rem;} } @media only screen and (max-width: 36rem) { .main-slider__title.main-slider__title--large {font-size: 2rem;} } .main-slider__title.main-slider__title--small {text-transform: none;font-size: 2.625rem;} @media only screen and (max-width: 100rem) { .main-slider__title.main-slider__title--small {font-size: 2.125rem;} } @media only screen and (max-width: 75rem) { .main-slider__title.main-slider__title--small {font-size: 2rem;line-height: 2.875rem;} } @media only screen and (max-width: 47.8125rem) { .main-slider__title.main-slider__title--small {font-size: 1.75rem;line-height: 2.625rem;} } @media only screen and (max-width: 36rem) { .main-slider__title.main-slider__title--small {font-size: 1.5rem;line-height: 2.125rem;} } .page-loaded .swiper-slide-active .main-slider__title {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} .main-slider__description {font-size: 1.778em;font-weight: 300;position: relative;} @media only screen and (max-width: 100rem) { .main-slider__description {font-size: 1.625em;} } @media only screen and (max-width: 85.3125rem) { .main-slider__description {font-size: 1.375rem;} } @media only screen and (max-width: 47.8125rem) { .main-slider__description {display: none;} .main-slider__description.main-slider__description--adaptive {display: block;font-size: 1.125rem;} } .main-slider__description:before {position: absolute;content: '';display: block;left: -5.625rem;top: 0.7em;background: #5c5c5c;width: 3.75rem;height: 0.25rem;-webkit-transition: all 0.5s ease-in-out 0.4s;-o-transition: all 0.5s ease-in-out 0.4s;transition: all 0.5s ease-in-out 0.4s;} @media only screen and (max-width: 100rem) { .main-slider__description:before {width: 3.125rem;height: 0.1875rem;left: -5rem;} } @media only screen and (max-width: 85.3125rem) { .main-slider__description:before {width: 2.5rem;left: -4.375rem;} } @media only screen and (max-width: 61.25rem) { .main-slider__description:before {display: none;} } .page-loaded .swiper-slide-active .main-slider__description {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} .page-loaded .swiper-slide-active .main-slider__description:before {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} .main-slider .btn {margin-top: 5.625rem;} .main-slider .btn .btn__icon--arrow {margin-right: 0;width: 2.125rem;height: 0.875rem;} @media only screen and (max-width: 100rem) { .main-slider .btn .btn__icon--arrow {width: 1.625rem;height: 0.625rem;} } .main-slider .btn:hover .btn__icon--arrow {-webkit-transform: translateX(0.625rem);-ms-transform: translateX(0.625rem);transform: translateX(0.625rem);} @media only screen and (max-width: 100rem) { .main-slider .btn {font-size: 1rem;margin-top: 4.375rem;padding: 1.5rem 1.875rem;} .main-slider .btn svg {margin-right: -0.625rem;} } @media only screen and (max-width: 61.25rem) { .main-slider .btn {margin-top: 3.125rem;} } @media only screen and (max-width: 47.8125rem) { .main-slider .btn {padding: 1.1875rem 1.5625rem;} .main-slider .btn svg {display: none;} } @media only screen and (max-width: 36rem) { .main-slider .btn {margin-top: 1.875rem;} } .main-slider .swiper-pagination {position: absolute;z-index: 10;bottom: 4.375rem;left: 0;right: 0;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-transition: all 0.5s ease-in-out 0.4s;-o-transition: all 0.5s ease-in-out 0.4s;transition: all 0.5s ease-in-out 0.4s;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} @media only screen and (max-width: 100rem) { .main-slider .swiper-pagination {bottom: 3.125rem;} } @media only screen and (max-width: 61.25rem) { .main-slider .swiper-pagination {-webkit-transform: translateX(-6.25rem);-ms-transform: translateX(-6.25rem);transform: translateX(-6.25rem);} } @media only screen and (max-width: 47.8125rem) { .main-slider .swiper-pagination {bottom: 1.875rem;} } .page-loaded .main-slider .swiper-pagination {-webkit-transform: translateX(6.25rem);-ms-transform: translateX(6.25rem);transform: translateX(6.25rem);} @media only screen and (max-width: 100rem) { .page-loaded .main-slider .swiper-pagination {-webkit-transform: translateX(6.5625rem);-ms-transform: translateX(6.5625rem);transform: translateX(6.5625rem);} } @media only screen and (max-width: 61.25rem) { .page-loaded .main-slider .swiper-pagination {-webkit-transform: translateX(-0.3125rem);-ms-transform: translateX(-0.3125rem);transform: translateX(-0.3125rem);} } .page-loaded .main-slider .swiper-pagination .swiper-pagination-bullet-active {color: #fff;} .page-loaded .main-slider .swiper-pagination .swiper-pagination-bullet-active:after {background: #fff;} .page-loaded .main-slider .swiper-pagination .swiper-pagination-bullet-active .circle-switcher__icon {stroke-dashoffset: 170;-webkit-transition: all 5.7s linear, opacity 0.3s linear;-o-transition: all 5.7s linear, opacity 0.3s linear;transition: all 5.7s linear, opacity 0.3s linear;} .main-slider .swiper-pagination .circle-switcher {cursor: pointer;width: 3.875rem;height: 3.875rem;position: relative;display: block;line-height: 3.875rem;font-weight: 300;font-size: 1.625rem;color: #5c5c5c;border-radius: 100%;text-align: center;-webkit-transition: all 0.5s ease-in-out 0.4s, color 0.4s ease-in-out;-o-transition: all 0.5s ease-in-out 0.4s, color 0.4s ease-in-out;transition: all 0.5s ease-in-out 0.4s, color 0.4s ease-in-out;margin: 0 0.625rem;opacity: 0;} @media only screen and (max-width: 100rem) { .main-slider .swiper-pagination .circle-switcher {margin: 0 0.3125rem;width: 3rem;height: 3rem;font-size: 1.25rem;line-height: 3rem;} } @media only screen and (max-width: 47.8125rem) { .main-slider .swiper-pagination .circle-switcher {width: 1.875rem;height: 1.875rem;font-size: 0;} .main-slider .swiper-pagination .circle-switcher:after {position: absolute;content: '';display: block;left: 0;top: 0;right: 0;bottom: 0;width: 0.625rem;height: 0.625rem;margin: auto;background: #5c5c5c;border-radius: 100%;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} } .main-slider .swiper-pagination .circle-switcher:nth-child(2) {-webkit-transform: translateX(-3.125rem);-ms-transform: translateX(-3.125rem);transform: translateX(-3.125rem);} .main-slider .swiper-pagination .circle-switcher:nth-child(3) {-webkit-transform: translateX(-6.25rem);-ms-transform: translateX(-6.25rem);transform: translateX(-6.25rem);} .main-slider .swiper-pagination .circle-switcher:nth-child(4) {-webkit-transform: translateX(-9.375rem);-ms-transform: translateX(-9.375rem);transform: translateX(-9.375rem);} .page-loaded .main-slider .swiper-pagination .circle-switcher {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);} .main-slider .swiper-pagination .circle-switcher:hover {color: #fff;} .main-slider .swiper-pagination .circle-switcher__icon {position: absolute;left: 0;top: 0;stroke-width: 0.125rem;stroke-dasharray: 310;stroke: rgba(255, 255, 255, .5);stroke-dashoffset: 310;-webkit-transition: all 0s linear 0.1s, opacity 0.1s linear;-o-transition: all 0s linear 0.1s, opacity 0.1s linear;transition: all 0s linear 0.1s, opacity 0.1s linear;} .main-section--distribution .main-slider__pic {opacity: 0.2;} .main-section--distribution .main-slider__text {max-width: 53.125rem;width: auto;} .main-section--distribution .main-slider__text .h2 {text-transform: none;} /* Prefixed by https://autoprefixer.github.io PostCSS: v8.3.6, Autoprefixer: v10.3.1 Browsers: last 4 version */ @media (min-width: 768px) { .main-slider__description {font-weight: 400;font-size: 40px;line-height: 48px;} .main-slider__title, .main-slider__description.main-slider__description--adaptive {color: #fff;} .main-slider__description:before {background: #840000;} .main-slider__text {max-width: 750px;} } .main-slider .btn {border: 4px solid #840000; /*background: #840000;*/color: #840000;} .main-slider .btn:hover {background: #840000;color: #ffffff;} .vi-card {background: #FFFFFF !important;display: block;width: 100%;border-radius: 20px;-webkit-filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.3));filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.3));} .vi-card__title {font-weight: 700;font-size: 1.18rem;line-height: 1.3;color: #121212;} .vi-card__logo {width: 49.32px;height: 49.32px;border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background: #FFFFFF;-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);} .vi-card__logo img {width: 31.35px;height: 24.03px;position: relative;top: -3px;} .vi-card__logo {margin-right: 14.18px;} .vi-card__header {display: -webkit-box;display: -ms-flexbox;display: flex;padding-left: 29.62px;padding-top: 13.58px;padding-bottom: 16.11px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .vi-card__title {font-weight: 700;font-size: 18.88px;line-height: 35px;margin-bottom: 0;color: #121212;} .vi-card__image {position: relative;display: block;} .vi-card__image:before {content: "";display: block;padding-bottom: 100%;} .vi-card__img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;-o-object-fit: cover;object-fit: cover;object-position: top;} .vi-card__meta {padding: 17px;} .v-soc-list {list-style-type: none;display: -webkit-box;display: -ms-flexbox;display: flex;} .v-soc-list__item:not(:last-child) {margin-right: 19.83px;} .v-soc-list__item:last-child {margin-left: auto;} .vi-card__author {font-weight: 700;} .vi-card__descr p {font-size: 20px;line-height: 21px;color: #121212;} .vi-card__like {font-weight: 500;font-size: 20px;line-height: 35px;color: #121212;margin: 0;} .vi-card__btn {background: none;padding: 0;border: none;font-weight: 400;font-size: 20px;cursor: pointer;line-height: 21px;color: rgba(0, 0, 0, 0.6);} .vi-cards__play {position: absolute;top: 49.34px;right: 31.01px;z-index: 3;} .v-soc-list__item a {display: block;} .course-inst-block {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 82px 1fr 82px 1fr;grid-template-columns: repeat(3, 1fr);grid-column-gap: 82px;grid-row-gap: 59px;} @media (max-width: 1260px) { .course-inst-block {grid-column-gap: 25px;grid-row-gap: 25px;} } @media (max-width: 1260px) { .course-inst-block {-ms-grid-columns: (1fr) [ 2 ];grid-template-columns: repeat(2, 1fr);} } @media (max-width: 576px) { .course-inst-block {-ms-grid-columns: (1fr) [ 1 ];grid-template-columns: repeat(1, 1fr);} .vi-card__header {padding: 10px 15px;} .v-soc-list__item svg {width: 20px;height: 20px;} .v-soc-list__item:not(:last-child) {margin-right: 5px;} .vi-card__descr p {font-size: 16px;} .vi-card__btn {font-size: 16px;} } .vi-card__play-btn {position: absolute;right: 21.11px;top: 28.74px;width: 56.84px;height: 56.84px;z-index: 3;} .fancybox-container--two-columns .fancybox-content {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 30px 30vw;grid-template-columns: 1fr 30vw;grid-column-gap: 30px;height: 100% !important;-webkit-box-shadow: none !important;box-shadow: none !important;} .fancybox-container--two-columns .fancybox-slide--video .fancybox-content {width: 100% !important;} .modal-descr__title {overflow: auto;font-size: 20px;line-height: 1.3;padding-bottom: 20px;} .modal-descr__sub-title {color: #a0a0a0;} .fancybox-container--two-columns .fancybox-video {background: #ffffff;} .modal-descr {background: #fff;height: 100%;max-height: 100vh;padding: 20px;border: 1px solid #ccc;overflow: auto;} .modal-descr__title {font-size: 20px;line-height: 1.3;padding-bottom: 20px;} .modal-descr__sub-title {color: #a0a0a0;} .fancybox-container--two-columns .fancybox-slide {background: #2D2D2D !important;} .modal-descr__info ul {list-style-type: disc;margin-left: 15px;} .modal-descr__info ul li {font-size: 16px;line-height: 1.3;margin-bottom: 15px;} .modal-descr__teacher {color: #ed1c24;} .hidden-html {display: none;} .course-inst-block__item {display: -webkit-box;display: -ms-flexbox;display: flex;} .sm-card {display: -webkit-box;display: -ms-flexbox;display: flex;} .sm-card__image {height: 300px;width: 300px;position: relative;} .sm-card__img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;-o-object-fit: cover;object-fit: cover;} .sm-card__title {font-size: 14px;line-height: 1.3;padding-bottom: 0;max-width: 400px;} .sm-card__image {height: 100px;width: 100px;position: relative;-ms-flex-negative: 0;flex-shrink: 0;margin-right: 10px;} .sm-card__descr {display: flex;flex-direction: column;justify-content: space-evenly;} /*.m-products-list {*//* max-height: 300px;*//* overflow: auto;*//*}*//*.css-scrollbar::-webkit-scrollbar {*//* width: 5px;*//*}*//*.css-scrollbar::-webkit-scrollbar-track {*//* background-color: #e4e4e4;*//* border-radius: 100px;*//*}*//*.css-scrollbar::-webkit-scrollbar-thumb {*//* border-radius: 100px;*//* border: 5px solid transparent;*//* background-clip: content-box;*//* background-color: #5c5c5c;*//*}*/ .css-scrollbar::-webkit-scrollbar {width: 12px;} .css-scrollbar::-webkit-scrollbar-track {background-color: #e4e4e4;border-radius: 100px;} .css-scrollbar::-webkit-scrollbar-thumb {border-radius: 100px;border: 1px solid transparent;background-clip: content-box;background-color: #2D2D2D;} .m-products-list__item {border-bottom: 0.0625em solid rgba(237, 233, 223, .78);padding: 5px 0;} @media (max-width: 1100px) { .fancybox-container--two-columns .fancybox-content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: auto !important;} .modal-descr {height: auto;} } @media (max-width: 768px) { .fancybox-container--two-columns .fancybox-close-small {top: 0;z-index: 3;right: 0;padding: 10px;background: #000;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} } /*.fancybox-slide {*//* height: auto;*//*}*/ /*//////////////////////////////////////////////////*/ .main-slider__item, .main-section-wrap, .main-slider {height: auto;} .main-slider__item {padding: 220px 0 100px 0;} .main-slider {position: relative;left: 0;height: auto !important;} .main-section-wrap {position: relative;} @media (max-width: 1320px) { .main-slider__item {padding: 100px 0 100px 0;} } @media (max-width: 575px) { .main-slider__description--custom.d-block {font-size: 1.2rem;} } @media (max-width: 405px) { .main-slider__description--custom.d-block {font-size: 1.1rem;} } .main-slider__description--custom.d-block {font-size: 1.6rem;} .main-section--distribution .main-slider__text {max-width: 950px;} @media (max-width: 575px) { .main-slider__description--custom.d-block {font-size: 1.2rem;} } .modal-descr__btn {width: 100%;padding: 11px;margin: 20px 0 0;border: 2px solid #000000;color: #000000;} .modal-descr__btn:hover {background: #000;color: #ffffff;} @media (min-width: 1100px) { .modal-descr__btn {display: none !important;} } .sm-card__descr .b-btn {width: fit-content;} @media (max-width: 991px) { .sm-card__title {font-size: 12px;} /* .main-section-wrap { display: none!important; } */ } @media (max-width: 768px) { .fancybox-container--two-columns .fancybox-close-small {display: none !important;} } @media (max-width: 768px) { .video-wrapper {position: fixed;padding-bottom: 56.25%;height: 0;top: 0;left: 0;z-index: 3;display: block;width: 100%;} .fancybox-container--two-columns .fancybox-slide {background: #ffffff !important;} .modal-descr {overflow: initial;border: none;} .modal-descr__btn {margin-bottom: 20px;} .main-slider .btn {border: 4px solid #840000;background: #840000;color: #ffffff;} .main-slider .btn:hover {background: #840000;color: #ffffff;} } @media only screen and (min-width: 768px) { .fancybox-inner .modal-descr {margin-top: 0 !important;} } .fancybox-container--two-columns .fancybox-close-small{box-sizing:border-box;width:44px;height:44px;padding:10px}.fancybox-container--two-columns .fancybox-close-small svg{display:block;width:24px;height:24px} @media (min-width:769px){.fancybox-container--two-columns .fancybox-slide{padding:44px}.fancybox-container--two-columns .fancybox-content{padding:0}.fancybox-container--two-columns .fancybox-close-small{top:-44px;right:-12px;width:46px;height:46px;padding:8px}.fancybox-container--two-columns .fancybox-close-small svg{width:30px;height:30px}} @media (min-width:769px){.fancybox-container--two-columns .fancybox-content{padding:0!important}} .fancybox-container--two-columns .video-wrapper{min-width:0;min-height:0;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.fancybox-container--two-columns .video-wrapper .fancybox-video{width:100%;height:100%;object-fit:contain}@media (max-width:768px){.fancybox-container--two-columns .video-wrapper{position:relative;top:auto;left:auto;width:100%;height:auto;padding:0;flex:0 0 auto}.fancybox-container--two-columns .video-wrapper .fancybox-video{position:static;width:auto;height:auto;max-width:100%;max-height:65vh;margin:auto;object-fit:contain}.fancybox-container--two-columns .modal-descr{width:100%;margin-top:0!important}} /* End */ /* /video_instructions/assets/css/style.css?178406318726990 */