/* reset */
/* main variables */
body { margin: 0px; padding: 0px; font-family: "Montserrat", sans-serif; background-color: #FFF; height: 100%; line-height: normal; position: relative; font-size: 15px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; }

/*MAIN*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-width: 0px; padding: 0px; margin: 0px; }

html { height: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }

input, textarea { color: #333; font-family: "Montserrat", sans-serif; outline: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; }

input[type="button"], input[type="submit"], button { cursor: pointer; }

td { margin: 0px; padding: 0px; }

form { padding: 0px; margin: 0px; }

a { color: #100da9; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a, span, div, button { outline: none !important; }

input[type=submit], input[type=button], button { -webkit-appearance: none; outline: none; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

.clearfix:after, .wrapper:after, .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

img { max-width: 100%; }

ul, li { list-style: none; }

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; border-radius: 0px; overflow: hidden; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: none; box-shadow: none; }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; }

.fancybox-close { position: absolute; top: 12px; right: 12px; width: 30px; height: 30px; cursor: pointer; z-index: 8040; }

.fancybox-close::before { content: "+"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); font-size: 40px; color: rgba(0, 0, 0, 0.54); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.fancybox-close:hover::before { color: rgba(0, 0, 0, 0.9); }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: visible !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(30, 30, 30, 0.9); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div { background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }

@media (max-width: 500px) { .fancybox-close { top: 6px; right: 6px; } }

/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; 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); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

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

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

.slick-track:after { clear: both; }

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

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.main-wrapper { padding: 0 0 0 0; min-width: 320px; width: 100%; position: relative; overflow: hidden; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: start; }

.wrapper { min-width: 320px; max-width: 1208px; padding: 0 40px 0 40px; margin: 0 auto; position: relative; }

/* titles */
h1, .title1 { font-family: "Montserrat", sans-serif; font-weight: 900; font-size: 48px; line-height: 56px; color: #1C2B39; }

h2, .title2 { font-family: "Montserrat", sans-serif; font-weight: 900; color: #1C2B39; font-size: 28px; line-height: 36px; }

h3, .title3 { font-family: "Montserrat", sans-serif; font-weight: 900; color: #1C2B39; font-size: 24px; line-height: 32px; }

h4, .title4 { font-family: "Montserrat", sans-serif; color: #1C2B39; font-weight: 600; font-size: 18px; line-height: 32px; }

/* text position */
.text-left { text-align: left !important; }

.text-center { text-align: center !important; }

.text-right { text-align: right !important; }

.nowrap { white-space: nowrap !important; }

/* loader */
.loaded .main-wrapper { visibility: hidden; }

.icon-load { background: url(../img/loader.gif) no-repeat left top; width: 40px; height: 40px; position: fixed; left: 50%; top: 50%; margin-left: -20px; margin-left: -20px; display: none; }

.loaded .icon-load { display: block; }

/*
================================================================================
|                                     CONTENT                                 |
================================================================================
*/
.content { min-width: 320px; text-align: left; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-order: 2; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-grow: 1; }

.btn { display: inline-block; background: #E72D2B; -webkit-box-shadow: 0px 6px 20px -6px rgba(231, 45, 43, 0.5); box-shadow: 0px 6px 20px -6px rgba(231, 45, 43, 0.5); border-radius: 8px; height: 48px; line-height: 46px; font-weight: bold; font-size: 13px; color: #FFFFFF; text-align: center; padding: 0 24px; border: none; outline: none; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.btn:hover { background: #DE1E1C; color: #FFFFFF; }

.btn-black { background: #1C2B39; font-weight: 600; font-size: 18px; height: 56px; line-height: 54px; background: #1C2B39; -webkit-box-shadow: 0px 6px 20px -6px rgba(28, 43, 57, 0.3); box-shadow: 0px 6px 20px -6px rgba(28, 43, 57, 0.3); border-radius: 8px; }

.btn-black:hover { background: #1F1F21; color: #FFFFFF; }

.content-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; visibility: hidden; z-index: 11; }

.main-block { background: #1F1F21; padding-top: 156px; position: relative; z-index: 10; }

.main-block .slick-list { overflow: visible; }

.main-block__slide { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #fff; min-height: 328px; }

.main-block__slide-info { max-width: 498px; }

.main-block__slide-info .title2 { color: #fff; margin-bottom: 8px; display: block; }

.main-block__slide-info p, .main-block__slide-info li { font-weight: 500; font-size: 15px; line-height: 24px; }

.main-block__slide-img { position: relative; }

.main-block__slide-img-shadow { position: absolute; left: 39%; top: 65%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.main-block__slide-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; color: #FFFFFF; font-size: 15px; }

.main-block__slide-link i { margin-left: 7px; font-size: 12px; position: relative; }

.main-block__slide-link i:before { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; display: block; }

.main-block__slide-link:hover { color: #E72D2B; }

.main-block__slide-link:hover i:before { color: #E72D2B; }

.main-block__links { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -12px; margin-top: 40px; margin-bottom: -85px; }

.main-block__links li { width: calc(25% - 24px); margin: 0 12px; }

.main-block__links li a { display: block; width: 100%; height: 100%; background: #FFFFFF; -webkit-box-shadow: 0px 8px 40px -8px rgba(31, 31, 33, 0.1); box-shadow: 0px 8px 40px -8px rgba(31, 31, 33, 0.1); border-radius: 8px; padding: 42px 32px; font-weight: bold; font-size: 13px; color: #A1A1A6; }

.main-block__links li a h3 { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin-bottom: 5px; }

.main-block__links li a:hover { -webkit-box-shadow: 0px 8px 40px -8px rgba(85, 85, 85, 0.24); box-shadow: 0px 8px 40px -8px rgba(85, 85, 85, 0.24); -webkit-transform: translateY(-16px); -ms-transform: translateY(-16px); transform: translateY(-16px); }

.slider-dots-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 24px; margin-top: 36px; }

.slider-dots-box .slider-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.slider-dots-box .slider-dots button { width: 8px; height: 8px; border-radius: 50%; display: block; border: 0; background-color: transparent; margin: 0 4px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; position: relative; z-index: 0; }

.slider-dots-box .slick-active button { width: 24px; height: 24px; }

.slider-dots-box .slider-dots button:after { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.6); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.slider-dots-box .slick-active button:after { background: #FFFFFF; }

.slider-dots-box .slick-active button:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; border: 2px solid rgba(255, 255, 255, 0.6); border-radius: 50%; }

.slider-dots-box .circle-bg { fill: rgba(255, 255, 255, 0.6); stroke: rgba(0, 0, 0, 0.05); stroke-width: 2; stroke-linecap: butt; }

.slider-dots-box .circle-go { fill: rgba(255, 255, 255, 0); stroke: #fff; stroke-width: 2; stroke-linecap: round; -webkit-animation: progress 32s; animation: progress 32s; stroke-dasharray: 360px; stroke-dashoffset: 360; }

@-webkit-keyframes progress { from { stroke-dashoffset: 360; }
  to { stroke-dashoffset: 0; } }

@keyframes progress { from { stroke-dashoffset: 360; }
  to { stroke-dashoffset: 0; } }

.main-about { padding-top: 204px; }

.main-about__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.main-about__benefits { position: relative; max-width: 456px; z-index: 1; }

.main-about__benefits-decor { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: initial; z-index: -1; }

.main-about__benefits span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: blur(32px); backdrop-filter: blur(32px); border-radius: 8px; margin-bottom: 16px; padding: 24px; font-weight: 600; font-size: 18px; line-height: 24px; color: #1C2B39; }

.main-about__benefits span:last-of-type { margin-bottom: 0; }

.main-about__benefits span i { margin-right: 24px; width: 32px; height: 32px; 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: rgba(231, 45, 43, 0.05); border-radius: 4px; font-size: 22px; }

.main-about__info { max-width: 456px; color: #495966; margin-top: 18px; }

.main-about__info h2 { margin-bottom: 16px; }

.main-about__info p { font-size: 15px; line-height: 24px; }

.main-steps { padding-top: 138px; }

.main-steps__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -29px; margin-top: 94px; }

.main-steps__item { width: calc(36.3% - 58px); margin: 0 29px; position: relative; z-index: 1; }

.main-steps__item:first-of-type { width: calc(30.3% - 58px); }

.main-steps__item h4 { margin-bottom: 12px; }

.main-steps__item li, .main-steps__item p { font-weight: 500; font-size: 15px; line-height: 24px; color: #495966; }

.main-steps__item li a, .main-steps__item p a { color: #E72D2B; margin-right: 3px; border-bottom: 1px solid transparent; line-height: 14px; display: inline-block; }

.main-steps__item li a:hover, .main-steps__item p a:hover { border-color: #E72D2B; }

.main-steps__item-num { position: absolute; font-weight: bold; font-size: 88px; line-height: 32px; color: rgba(231, 45, 43, 0.05); top: -10px; left: -38px; width: 112px; height: 112px; z-index: -1; }

.main-work { padding-top: 115px; }

.main-work .slick-list { overflow: visible; }

.main-work__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.main-work__info { max-width: 560px; margin-top: -11px; }

.main-work__info h2 { margin-bottom: 38px; }

.main-work__slider-nav { max-width: 100%; border-left: 3px solid rgba(231, 45, 43, 0.2); padding-left: 24px; }

.main-work__slider-nav .slick-track { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }

.main-work__slider-nav-item { width: 100% !important; margin-bottom: 17px; position: relative; cursor: pointer; }

.main-work__slider-nav-item:last-of-type { margin-bottom: 0; }

.main-work__slider-nav-item h4 { color: #A1A1A6; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.main-work__slider-nav-item:hover h4 { color: #E72D2B; }

.main-work__slider-nav-item p { margin-top: 4px; font-weight: 500; font-size: 15px; line-height: 24px; display: none; color: #495966; }

.main-work__slider-nav-item:after { content: ''; height: 100%; width: 3px; background: #E72D2B; position: absolute; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0; top: 0; left: -27px; z-index: 1; }

.main-work__slider-nav-item.slick-current h4 { color: #1C2B39; }

.main-work__slider-nav-item.slick-current p { display: block; }

.main-work__slider-nav-item.slick-current:after { opacity: 1; }

.main-work__slider-nav .slick-list { height: auto !important; }

.main-work__links { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 38px; margin-left: -4px; }

.main-work__links li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 26px; }

.main-work__links li:last-of-type { margin-right: 0; }

.main-work__links li i { margin-right: 5px; font-size: 22px; }

.main-work__links li a { font-weight: 500; font-size: 15px; line-height: 12px; color: #E72D2B; border-bottom: 1px solid transparent; }

.main-work__links li a:hover { border-color: #E72D2B; }

.main-work__slider { max-width: 456px; min-height: 456px; }

.main-work__slider .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }

.main-work__slider .slick-slide { height: inherit !important; }

.main-work__slider-item { text-align: right; position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; z-index: 1; }

.main-work__slider-item img { display: inline-block; min-width: 10px; min-height: 10px; }

.main-work__slider-item-add { margin-right: -32px; margin-bottom: -40px; }

.main-work__slider-item-decor { position: absolute; left: 56%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; max-width: initial; }

.popup { position: absolute; left: -9999px; top: -9999px; opacity: 0; }

.fancybox-skin, .fancybox-inner { border-radius: 8px; }

.fancybox-skin::-webkit-scrollbar, .fancybox-inner::-webkit-scrollbar { width: 0; background: transparent; }

.fancybox-skin::-webkit-scrollbar-thumb, .fancybox-inner::-webkit-scrollbar-thumb { background: transparent; }

.fancybox-overlay { background: rgba(0, 0, 0, 0.5); }

.fancybox-close { display: none; }

.window-open { width: 400px; max-width: 100%; position: relative; background: #FFFFFF; -webkit-box-shadow: 0px 8px 40px -8px rgba(31, 31, 33, 0.24); box-shadow: 0px 8px 40px -8px rgba(31, 31, 33, 0.24); padding: 88px 32px 82px; border-radius: 8px; }

.fancybox-skin { background-color: transparent; }

.qr-popup { text-align: center; }

.qr-popup h4 { font-size: 18px; line-height: 24px; margin-bottom: 24px; }

.popup-close { position: absolute; right: 33px; top: 33px; z-index: 10; }

.popup-close:hover { opacity: .7; }

.popup-close i { font-size: 22px; }

.hide { position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden; z-index: -1; opacity: 0; }

.tab-cont { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.tab-cont.fade { opacity: 0; }

.main-news { background: #1F1F21; padding: 82px 0 80px; margin-top: 85px; }

.main-news h2 { color: #fff; }

.main-news-tabs { margin-top: 43px; }

.main-news-tabs .tabs { background: rgba(255, 255, 255, 0.05); border-radius: 8px; padding: 4px; display: inline-block; }

.main-news-tabs .tabs li { display: inline-block; }

.main-news-tabs .tabs li a { color: rgba(255, 255, 255, 0.5); display: block; padding: 14px 19px; font-weight: 600; font-size: 18px; line-height: 20px; border-radius: 8px; }

.main-news-tabs .tabs li a:hover { color: #fff; }

.main-news-tabs .tabs li.active a { padding: 14px 20px; color: #1C2B39; background: #FFFFFF; -webkit-box-shadow: 0px 6px 20px -6px rgba(255, 255, 255, 0.3); box-shadow: 0px 6px 20px -6px rgba(255, 255, 255, 0.3); }

.main-news-tabs .box-tab-cont { margin-top: 32px; }

.main-news__slider { margin: 0 -12px; }

.main-news__slider .slick-list { overflow: visible; }

.main-news__slider-item { margin: 0 12px; position: relative; border-radius: 8px; overflow: hidden; z-index: 1; height: 512px; }

.main-news__slider-item-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; }

.main-news__slider-item-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.main-news__slider-item-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; z-index: 2; position: relative; padding: 30px 40px; }

.main-news__slider-item-info h3 { margin-top: auto; color: #fff; padding-right: 40px; }

.main-news__slider-item-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 2px; }

.main-news__slider-item-bottom li { font-weight: 500; font-size: 13px; line-height: 16px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 25px; }

.main-news__slider-item-bottom li:first-of-type { margin-left: -4px; }

.main-news__slider-item-bottom li:last-of-type { margin-right: 0; }

.main-news__slider-item-bottom li i { font-size: 23px; margin-right: 5px; }

.main-news__slider-item:before { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.main-news__slider-item:hover:before { background: rgba(0, 0, 0, 0.4); }

.main-news__slider-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 31px; }

.main-news__slider-navs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.main-news__slider-nav { width: 40px; height: 40px; border: 2px solid #FFFFFF; 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; margin-right: 8px; border-radius: 50%; cursor: pointer; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.main-news__slider-nav:last-of-type { margin-right: 0; }

.main-news__slider-nav i { font-size: 14px; }

.main-news__slider-nav i:before { display: block; -webkit-transform: rotateZ(90deg) translateY(1px); -ms-transform: rotate(90deg) translateY(1px); transform: rotateZ(90deg) translateY(1px); }

.main-news__slider-nav:hover { background-color: #fff; }

.main-news__slider-nav:hover i:before { color: #A1A1A6; }

.main-news__slider-nav.main-news__slider-nav-next i:before { -webkit-transform: rotateZ(-90deg) translateY(1px); -ms-transform: rotate(-90deg) translateY(1px); transform: rotateZ(-90deg) translateY(1px); }

.main-news__slider-nav.slick-disabled { pointer-events: none; border-color: #A1A1A6; }

.main-news__slider-nav.slick-disabled i:before { color: #A1A1A6; }

.main-news__slider-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 15px; line-height: 20px; color: #fff; }

.main-news__slider-link i { font-size: 13px; margin-left: 7px; }

.main-news__slider-link i:before { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.main-news__slider-link:hover { color: #E72D2B; }

.main-news__slider-link:hover i:before { color: #E72D2B; }

.main-bottom { padding: 48px 0 40px; font-weight: 500; font-size: 13px; line-height: 18px; color: #A1A1A6; background: #FAFAFA; }

.main-bottom p { margin-bottom: 19px; }

.main-bottom p:last-of-type { margin-bottom: 0; }

.main-bottom ul { margin-bottom: 18px; padding-left: 8px; }

.main-bottom ul li { position: relative; padding-left: 12px; }

.main-bottom ul li:before { content: ''; position: absolute; left: 0; top: 9px; background-color: #A1A1A6; height: 3px; width: 3px; border-radius: 50%; }

.bread-crumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.bread-crumbs li { font-weight: 500; font-size: 13px; line-height: 16px; color: #A1A1A6; position: relative; margin-right: 24px; }

.bread-crumbs li:after { position: absolute; top: 50%; -webkit-transform: translateY(-45%) rotateZ(-90deg); -ms-transform: translateY(-45%) rotate(-90deg); transform: translateY(-45%) rotateZ(-90deg); right: -17px; content: "\e903"; font-family: 'icomoon'; color: #A1A1A6; font-size: 10px; }

.bread-crumbs li a { color: #A1A1A6; }

.bread-crumbs li a:hover { color: #fff; }

.bread-crumbs li:last-of-type:after { display: none; }

.bread-crumbs__bottom { display: none; background: #1F1F21; }

.bread-crumbs__bottom .bread-crumbs { padding: 40px 0 36px; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.bread-crumbs__bottom .bread-crumbs:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ''; background-color: #A1A1A6; }

.bread-crumbs__bottom .bread-crumbs li { margin-bottom: 4px; }

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

.paging-list__link { min-width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 18px; line-height: 24px; color: #A1A1A6; border-radius: 8px; background-color: transparent; }

.paging-list__link:hover { color: #E72D2B; }

.paging-list__item.active .paging-list__link { background: rgba(231, 45, 43, 0.05); color: #E72D2B; }

.main-block__inner { padding-top: 128px; padding-bottom: 140px; }

.main-block__inner .main-block__info { margin-top: 88px; max-width: 552px; }

.main-block__inner .main-block__info h1, .main-block__inner .main-block__info p, .main-block__inner .main-block__info li { color: #fff; }

.main-block__inner .main-block__info p, .main-block__inner .main-block__info ul { font-size: 15px; line-height: 24px; margin-top: 20px; }

.shopping { margin-top: -48px; z-index: 10; position: relative; padding-bottom: 63px; }

.shopping-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -12px; }

.shopping-item { border-radius: 8px; margin: 0 12px; margin-bottom: 24px; width: calc(33.3% - 24px); height: 384px; position: relative; }

.shopping-item__overlay { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; z-index: 1; }

.shopping-item__inner { width: 100%; height: 100%; position: relative; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.shopping-item:hover .shopping-item__inner { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.shopping-item__front, .shopping-item__back { width: 100%; height: 100%; padding: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 8px; position: absolute; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.shopping-item__front { color: #fff; }

.shopping-item__front h3 { color: #fff; margin-top: 8px; }

.shopping-item__front p { margin-top: 8px; font-size: 13px; line-height: 20px; }

.shopping-item__back { background: #FFFFFF; -webkit-box-shadow: 0px 8px 40px -8px rgba(31, 31, 33, 0.1); box-shadow: 0px 8px 40px -8px rgba(31, 31, 33, 0.1); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.shopping-item__back h3 { min-height: 112px; }

.shopping-item__icon { -ms-flex-item-align: start; align-self: flex-start; max-width: 48px; }

.shopping-item__tags { margin-top: auto; }

.shopping-item__tags li { margin-top: 8px; }

.shopping-item__tags li a { background: #FFFFFF; border-radius: 32px; display: inline-block; padding: 4px 12px; font-size: 13px; line-height: 20px; color: #A1A1A6; }

.shopping-item__tags li a:hover { color: #1C2B39; }

.shopping-item__list li { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; font-size: 15px; line-height: 24px; color: #495966; }

.shopping-item__list li i { margin-right: 8px; font-size: 24px; }

.shopping-item__list li:first-of-type { margin-top: 0; }

.shopping-item__link { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 15px; line-height: 20px; z-index: 10; position: relative; }

.shopping-item__link a { color: #E72D2B; line-height: 12px; border-bottom: 1px solid transparent; }

.shopping-item__link i { font-size: 13px; margin-left: 7px; }

.shopping-item__link i:before { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; color: #E72D2B; }

.shopping .paging-list { display: none; }

.main-block__slide-link i, .main-news__slider-link i, .shopping-item__link i { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 10px; max-width: 12px; overflow: hidden; position: relative; }

.main-block__slide-link i:before, .main-news__slider-link i:before, .shopping-item__link i:before { content: "\e91d"; }

.main-block__slide-link:hover i, .main-news__slider-link:hover i, .shopping-item__link:hover i { max-width: 15px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.main-block__slide-link:hover i:before, .main-news__slider-link:hover i:before, .shopping-item__link:hover i:before { color: #E72D2B; }

.main-news__slider-link { position: relative; padding-right: 17px; }

.main-news__slider-link i { position: absolute; right: 0; }

.main-news__slider-link:hover i { -webkit-transform: translateX(3.5px); -ms-transform: translateX(3.5px); transform: translateX(3.5px); }

@media screen and (max-width: 1200px) { .main-block__links li a { font-size: 11px; line-height: 20px; }
  .main-block__links li a h3 { font-size: 16px; line-height: 22px; margin-bottom: 0; }
  .main-about__info { max-width: calc(100% - 486px); }
  .main-steps__item, .main-steps__item:first-of-type { width: calc(33.3% - 58px); }
  .main-work__info { max-width: 410px; margin-top: 0; }
  .main-work__slider { width: 300px; height: 300px; }
  .main-news__slider-item-bottom li:first-of-type { margin-right: 18px; }
  .shopping-item { width: calc(50% - 24px); } }

@media screen and (max-width: 991px) { h1, .title1 { font-size: 28px; line-height: 36px; }
  .wrapper { padding: 0 44px; }
  .scroll-off { overflow: hidden; }
  .scroll-off .content-overlay { opacity: 1; visibility: visible; }
  .main-block { padding-top: 110px; }
  .main-block__slide-info { max-width: 400px; }
  .main-block__slide-link { font-size: 13px; }
  .main-block__slide-img { max-width: 240px; }
  .slider-dots-box { margin-top: 0; width: 100%; -webkit-transform: translateY(-34px); -ms-transform: translateY(-34px); transform: translateY(-34px); }
  .main-block__slide-info .title2 { width: calc(100% + 20px); }
  .main-block__links { margin-top: 7px; margin-bottom: -57px; }
  .main-block__links li a { padding: 24px 16px; }
  .main-about__info { max-width: 504px; margin-top: 0; }
  .main-about__content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .main-about__benefits { margin-top: 28px; }
  .main-about { padding-top: 122px; }
  .main-about__info h2 { margin-bottom: 22px; }
  .main-steps__content { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -12px; margin-right: -12px; margin-top: 102px; }
  .main-steps__item, .main-steps__item:first-of-type { width: calc(50% - 24px); margin-left: 12px; margin-right: 12px; margin-bottom: 68px; }
  .main-steps__item:last-of-type { margin-bottom: 0; }
  .main-steps { padding-top: 66px; }
  .main-steps__item h4 { margin-bottom: 4px; }
  .main-steps__item-num { top: -19px; left: -32px; }
  .main-work__slider { display: none; }
  .main-work { padding-top: 68px; padding-left: 5px; }
  .main-work__links li i { font-size: 23px; }
  .main-work__links li { margin-right: 24px; }
  .main-news { padding: 40px 0 45px; margin-top: 63px; }
  .main-news-tabs .tabs li a { padding: 14px 17px; font-size: 17px; font-weight: 500; }
  .main-news-tabs .tabs li.active a { font-size: 17px; font-weight: 500; padding: 14px 17px; }
  .main-news__slider-item { height: 549px; }
  .main-news__slider-item-info { padding: 42px 40px; }
  .main-news__slider-item-bottom li:first-of-type { margin-left: 0; margin-right: 24px; }
  .main-news__slider-navs { display: none; }
  .main-news__slider-link { font-size: 13px; }
  .main-news__slider-link i { font-size: 11px; }
  .main-bottom { padding: 42px 0 42px; }
  .main-news__slider-item-info h3 { padding-right: 90px; }
  .main-block__inner .main-block__info { margin-top: 36px; max-width: 416px; }
  .main-block__inner .main-block__info p, .main-block__inner .main-block__info ul { margin-top: 10px; }
  .main-block__inner { padding-bottom: 88px; }
  .shopping-item__front, .shopping-item__back { padding: 32px 24px; }
  .shopping .paging-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 16px; }
  .shopping { padding-bottom: 40px; }
  .bread-crumbs__bottom { display: block; }
  .shopping-item__front h3 br, .shopping-item__back h3 br { display: none; } }

@media screen and (max-width: 767px) { .wrapper { padding: 0 14px; }
  h1, .title1 { font-size: 20px; line-height: 28px; }
  h2, .title2 { font-size: 20px; line-height: 28px; }
  h3, .title3 { font-size: 16px; line-height: 22px; }
  .main-block__links { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .main-block__links li { width: calc(50% - 20px); margin: 0 10px; margin-bottom: 20px; }
  .main-block__links li a { padding: 16px 8px; }
  .main-block__slide { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .main-block__slide-img { max-width: 190px; margin-bottom: 24px; }
  .main-block__slide { min-height: initial; }
  .slider-dots-box { -webkit-transform: none; -ms-transform: none; transform: none; margin-top: 32px; }
  .main-block__slide-info .title2 { width: 100%; }
  .main-block__slide-info { max-width: 100%; }
  .slider-dots-box .slider-dots button svg, .slider-dots-box .slider-dots button:before { display: none; }
  .main-block__links { margin-top: 14px; margin-bottom: -135px; }
  .main-block .slick-list { overflow: hidden; }
  .main-block { padding-top: 80px; }
  .main-block__slide-info p, .main-block__slide-info li { font-size: 13px; line-height: 20px; }
  .slider-dots-box .slider-dots button, .slider-dots-box .slick-active button, .slider-dots-box .slider-dots button:after { width: 6px; height: 6px; }
  .main-block__links li a h3 { margin-bottom: 1px; }
  .main-about { padding-top: 226px; }
  .main-about__info p { font-size: 13px; line-height: 20px; }
  .main-about__info h2 { margin-bottom: 12px; }
  .main-about__benefits span { padding: 12px 8px; font-size: 13px; line-height: 16px; width: 100%; }
  .main-about__benefits span i { margin-right: 8px; min-width: 32px; }
  .main-about__benefits { margin-top: 20px; max-width: 100%; width: 100%; }
  .main-steps__content { margin-left: 0; margin-right: 0; margin-top: 30px; }
  .main-steps__item, .main-steps__item:first-of-type { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 21px; }
  .main-steps__item:last-of-type { margin-bottom: 0; }
  .main-steps__item-num { top: auto; left: auto; position: relative; color: #A1A1A6; font-weight: 600; font-size: 16px; line-height: 32px; margin-right: 5px; }
  .main-steps__item-num:after { content: '.'; }
  .main-steps { padding-top: 64px; }
  .main-steps__item h4 { font-size: 16px; line-height: 32px; margin-bottom: 2px; }
  .main-steps__item li, .main-steps__item p { font-size: 13px; line-height: 20px; }
  .main-work__links li:first-of-type { display: none; }
  .main-work { padding-top: 66px; padding-left: 0px; }
  .main-work__slider-nav-item h4 { font-size: 16px; line-height: 24px; }
  .main-work__slider-nav-item p { font-size: 13px; line-height: 20px; margin-top: 6px; }
  .main-work__info h2 { margin-bottom: 35px; }
  .main-work__slider-nav-item { margin-bottom: 25px; }
  .main-work__links li a { font-size: 13px; }
  .main-work__links { margin-top: 32px; margin-left: 0px; }
  .main-work__links i { margin-top: -1px; }
  .main-work__slider-nav-item p br { display: none; }
  .main-work__info { max-width: 100%; }
  .main-news { margin-top: 68px; }
  .main-news-tabs .tabs li a { font-size: 16px; }
  .main-news-tabs .tabs li.active a { font-size: 16px; padding: 10px 18px; }
  .main-news-tabs { margin-top: 32px; }
  .main-news-tabs .tabs li a { padding: 10px 18px; }
  .main-news-tabs .box-tab-cont { margin-top: 24px; }
  .main-news__slider { margin: 0 -10px; }
  .main-news__slider-item { margin: 0 10px; height: 340px; }
  .main-news__slider-item-info { padding: 16px; }
  .main-news__slider-item-info h3 { padding-right: 30px; }
  .main-news__slider-item-bottom { display: none; }
  .main-news__slider-bottom { margin-top: 23px; }
  .main-bottom { padding: 42px 0 43px; }
  .main-block__inner .bread-crumbs { display: none; }
  .main-block__inner { padding-top: 60px; padding-bottom: 86px; }
  .main-block__inner .main-block__info p, .main-block__inner .main-block__info ul { font-size: 13px; line-height: 20px; margin-top: 6px; }
  .main-block__info { margin-top: 0; }
  .shopping-content { margin-left: 0; margin-right: 0; }
  .shopping-item { width: 100%; margin-left: 0; margin-right: 0; height: 336px; margin-bottom: 24px; }
  .shopping-item:last-of-type { margin-bottom: 0; }
  .shopping-item__front, .shopping-item__back { padding: 24px; }
  .shopping-item__icon { max-width: 40px; }
  .shopping-item__front h3 { margin-top: 20px; }
  .shopping .paging-list { margin-top: 40px; }
  .bread-crumbs__bottom .bread-crumbs { padding-bottom: 16px; }
  .shopping-item__back h3 { min-height: 70px; }
  .shopping-item:hover .shopping-item__inner { -webkit-transform: none; -ms-transform: none; transform: none; }
  .shopping-item__front h3 { font-size: 22px; line-height: 28px; }
  .shopping-item__front p { font-size: 18px; line-height: 24px; margin-top: 12px; }
  .shopping-item__tags li a { font-size: 18px; } }

@media screen and (max-width: 480px) { .main-block__links { margin-top: 14px; margin-bottom: -184px; }
  .main-news__slider-item { height: 224px; } }

@media screen and (max-width: 375px) { .shopping-item__front h3 { font-size: 20px; line-height: 26px; }
  .shopping-item__front p { font-size: 16px; line-height: 22px; margin-top: 10px; }
  .shopping-item__tags li a { font-size: 16px; } }

@media screen and (max-width: 360px) { .shopping-item__front h3 { font-size: 16px; line-height: 22px; }
  .shopping-item__front p { font-size: 13px; line-height: 20px; margin-top: 8px; }
  .shopping-item__tags li a { font-size: 13px; } }

/*# sourceMappingURL=style.css.map */