/* подключение шрифтов  */
@import url('https://brendum.ru/files/fonts/montserrat/montserrat.css'); 

/* объекты html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}

/* сброс стилей от Эрика Майера */
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%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse;	border-spacing: 0;}
strong {font-family: 'medium', sans-serif;}
::-webkit-scrollbar {width: 0px; background: transparent;}
html {-ms-overflow-style: none; scrollbar-width: none;}
:focus {outline: none !important;}
::-moz-focus-inner {border: 0px !important;}









/* -------------------------------------------------- стили для desctop-версии */
@media (min-width: 101px) {
	
/* теги html body и основная сетка */
html, body {padding: 0; margin: 0; height: 100%; width: 100%; color: #000; font-family: 'medium', sans-serif; font-size: 1.05vw; font-style: normal; line-height: 150%; background: #fff;}
#body {position: relative; margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden;}
#content {display: none; position: relative; width: 100vw; margin: 0; padding: 0; overflow: hidden;}

.progress-container {position: fixed; z-index: 999; top: 0; left: 0; width: 100vw; height: 0.1vw; background: transparent; mix-blend-mode: difference;}
.progress-bar {height: 0.1vw; background: #a4b6c2; width: 0%;}

/* цвета */
.orange {color: #ff6600;}
.white {color: #fff;}
.black {color: #000;}
.gray_blue {color: #90a0b7;}

.bg_gray_blue {background: #90a0b7;}


/* шрифты */
.f_light {font-family: 'light', sans-serif;}
.f_regular {font-family: 'regular', sans-serif;}
.f_medium {font-family: 'medium', sans-serif;}
.f_bold {font-family: 'bold', sans-serif;}
.f_black {font-family: 'black', sans-serif;}

/* размер шрифта */
.f_50 {font-size: 50%;}
.f_75 {font-size: 75%;}
.f_100 {font-size: 100%;}
.f_125 {font-size: 125%;}
.f_150 {font-size: 150%;}
.f_175 {font-size: 175%;}
.f_200 {font-size: 200%;}
.f_225 {font-size: 225%;}
.f_250 {font-size: 250%;}
.f_275 {font-size: 275%;}
.f_300 {font-size: 300%;}
.f_325 {font-size: 325%;}
.f_350 {font-size: 350%;}
.f_400 {font-size: 400%;}
.f_500 {font-size: 500%;}
.f_525 {font-size: 525%;}
.f_700 {font-size: 700%;}
.f_750 {font-size: 750%;}

/* стили текста */
.t_uppercase {text-transform: uppercase;}

/* ссылки и кнопки */
a {color: #fff; text-decoration: none;}
a.light_blue {color: #ff6600; text-decoration: underline;}
a:hover {color: #ff6600; text-decoration: none;}
a.transparent, label.transparent {padding: 0.5vw 1.5vw 0.65vw 1.5vw; font-family: 'medium', sans-serif; border: solid 0.125vw #ff6600; color: #ff6600; background: transparent; transition: all 0.5s ease-in-out; border-radius: 0.5vw;} 
a.transparent:hover, label.transparent:hover {border: solid 0.125vw #ff6600; color: #fff; background: #ff6600; transition: all 0.5s ease-in-out; cursor: pointer;}
a.blue, label.blue {padding: 0.5vw 1.5vw 0.65vw 1.5vw; font-family: 'medium', sans-serif; border: solid 0.125vw #ff6600; color: #fff; background: #ff6600; transition: all 0.5s ease-in-out; border-radius: 0.5vw;}
a.blue:hover, label.blue:hover {border: solid 0.125vw #ff6600; color: #ff6600; background: transparent; transition: all 0.5s ease-in-out; cursor: pointer;}
a.white, label.white {padding: 0.5vw 1.5vw 0.65vw 1.5vw; font-family: 'medium', sans-serif; border: solid 0.125vw #fff; color: #ff6600; background: #fff; transition: all 0.5s ease-in-out; border-radius: 0.5vw;}
a.white:hover, label.white:hover {border: solid 0.125vw #fff; color: #fff; background: transparent; transition: all 0.5s ease-in-out; cursor: pointer;}
 
/* блок header */ 
header {position: fixed; width: 100vw; height: 8vw; z-index: 998; background: transparent; transition: all 0.5s ease-in-out;} 
header.small {backdrop-filter: blur(2vw); transition: all 0.5s ease-in-out; background: rgba(0, 0, 0, 0.5); height: 5.5vw;} 
header .logo {position: fixed; margin: 0; padding: 0; top: 3.75vw; left: 5vw; width: 10vw; line-height: 0; display: inline-block;}
header .logo img {width: 100%;}
header.small .logo {top: 1.75vw; width: 5vw;}
header ul.nav {position: absolute; display: flex; width: 35vw; margin: 3.75vw 0 0 23vw; padding: 0;  justify-content: flex-end;}
header ul.nav li {position: relative; float: left; z-index: 1; margin: 0 2.5vw 0 0; font-family: 'medium', sans-serif;} 
header ul.nav li:last-child {margin: 0;}
header.small ul.nav {margin: 1.75vw 0 0 23vw;}
header ul.nav-enter {position: absolute; display: flex; right: 5vw; margin: 3.75vw 0 0 0; padding: 0 0 0 2vw;  justify-content: flex-end;}
header ul.nav-enter::before {position: absolute; content: ''; width: 0.05vw; height: 1vw; background: #ff6600; margin: 0.25vw 7vw 0 0;}
header ul.nav-enter li {position: relative; float: left; z-index: 1; margin: 0 1.5vw 0 0; font-family: 'medium', sans-serif;}
header ul.nav-enter li:last-child {margin: 0;}
header ul.nav-enter li img {position: relative; float: left; width: 1.5vw; margin: 0; cursor: pointer;}
header ul.nav-enter li span.image-title {display: none;}
header.small ul.nav-enter {margin: 1.75vw 0 0 20vw;}
header .online {position: absolute; margin: 0; padding: 0; top: 3.65vw; left: 61vw;}
header .tel {position: absolute; margin: 0; padding: 0; top: 3.65vw; left: 76.5vw;}
header.small .tel {top: 1.75vw;}
header .online label {margin: 0;}
header.small .online {top: 1.75vw;}
 

.top {position: relative; z-index: 1; margin: 0; padding: 0; width: 100vw; height: 50vw; background: url("../../../images/top_bg.jpg") center center; background-size: cover;}


.manager {position: fixed; z-index: 9; width: 27vw; height: 5vw; right: 4vw; bottom: 13vw; transition: all 0.5s ease-in-out; background: rgba(0, 0, 0, 0.5); border-radius: 0.25vw;}
.small .manager {bottom: 1vw; transition: all 0.5s ease-in-out;}
.manager:hover {background: rgba(0, 0, 0, 1);}
.manager .man {position: relative; padding: 1vw 0 0 1vw;} 
.manager .man .man-photo {position: relative; margin: 0 1vw 0 0; padding: 0; width: 3vw; line-height: 0; float: left; }
.manager .man .man-photo img {width: 100%; border-radius: 3vw;}
.manager .man .man-name {position: relative; margin: 0.5vw 0 0 0; line-height: 150%;}
.manager .man .man-post {position: relative; margin: 0; line-height: 125%;}


.manager .contact-icon {position: absolute; right: 1vw; top: 1vw; line-height: 0;}
.manager .contact-icon img {width: 3vw; margin: 0 0 0 0.5vw;} 


.slider-top-services {position: relative; z-index: 2; width: 55vw; height: 23vw; margin: 0; padding: 25.5vw 0 0 5vw;}
.slider-top-services .swiper-container-1 {position: relative; z-index: 2; margin: 0; padding: 0; width: 55vw; height: 23vw;}
.slider-top-services .swiper-container-1 .hidd {overflow: hidden;}
.slider-top-services .swiper-slide {position: relative; width: 30vw; height: 23vw; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; flex-shrink: 0; transition-property: transform; margin: 0; padding: 0; overflow: hidden;}
.slider-top-services .swiper-slide .slider-top-services_info {position: relative; width: 100%; height: 100%; margin: 0; padding: 0;}
.slider-top-services .swiper-slide .slider-top-services_info .slider-top-services_info_title {position: relative; margin: 0; padding: 0; text-transform: uppercase; line-height: 100%;} 
.slider-top-services .swiper-slide .slider-top-services_info .slider-top-services_info_text {position: relative; margin: 2vw 6vw 0 0; padding: 0; line-height: 150%;} 
.slider-top-services .swiper-slide .slider-top-services_info .slider-top-services_info_btn {position: relative; margin: 2.5vw 0 0 0; padding: 0;} 
.slider-top-services .swiper-nav {position: absolute; z-index: 110; top: 21vw; left: 0; overflow: hidden;}
.slider-top-services .swiper-nav .prev-btn {position: relative; float: left; width: 2.5vw; height: 1vw; margin: 0 1.5vw 0 0; background: url("../../../images/prew.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.slider-top-services .swiper-nav .next-btn {position: relative; float: left; width: 2.5vw; height: 1vw; margin: 0; background: url("../../../images/next.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.slider-top-services .swiper-pagination {position: absolute; top: 20.6vw; left: 8.5vw; color: #fff; font-family: bold, sans-serif;}
 

.advantages {position: relative; width: 91.5vw; padding: 5vw 0 5vw 5vw;}
.advantages ul {position: relative; width: 100%; display: flex; flex-direction: row;}
.advantages ul li {position: relative; width: auto; display: flex; flex-direction: row; margin: 0 4vw 0 0;} 
.advantages ul li:last-child {margin: 0;}
.advantages ul li .advantages_number {position: relative; width: auto; line-height: 1; margin: 0 0.5vw 0 0;} 
.advantages ul li .advantages_text {position: relative; width: auto; margin: 0.75vw 0 0 0; font-family: bold, sans-serif; line-height: 1.25;}


.services {position: relative; width: 100vw; height: auto; margin: 0; padding: 0;}
.services .services-list {position: relative; width: 90vw; height: auto; display: flex; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0 0 0 5vw;}
.services .services-list .services-list_item {position: relative; width: 22vw; height: 22vw; overflow: hidden; border-radius: 1vw; margin: 0 1vw 1vw 0; padding: 0;}
.services .services-list .services-list_item:nth-child(2) {background: #ff6600;}
.services .services-list .services-list_item:nth-child(3) {width: 44vw; margin: 0 0 1vw 0}
.services .services-list .services-list_item:nth-child(6) {background: #d0d9e6;} 
.services .services-list .services-list_item:nth-child(7) {width: 20vw; margin: 0}
.services .services-list .services-list_item .services-list_item_img {position: absolute; width: 100%; z-index: 1; margin: 0; padding: 0; line-height: 0;}
.services .services-list .services-list_item .services-list_item_img img {width: 100%;}
.services .services-list .services-list_item .services-list_item_title {position: absolute; z-index: 2; margin: 0; padding: 0; bottom: 5.5vw; left: 2.5vw; line-height: 115%; width: 17vw;}
.services .services-list .services-list_item:nth-child(3) .services-list_item_title {width: 30vw;}
.services .services-list .services-list_item .services-list_item_btn {position: absolute; z-index: 2; margin: 0; padding: 0; bottom: 2.5vw; left: 2.5vw;}

.geo {position: relative; margin: 0; padding: 10vw 5vw; width: 80vw; height: auto;}
.geo .geo_title {position: relative; margin: 0 0 2vw 0; text-transform: uppercase;}
.geo .geo_text {position: relative; z-index: 2; margin: 0; width: 55vw; line-height: 125%;}
.geo .geo_text_dop {position: absolute; z-index: 2; margin: 31vw 0 0 0; width: 34vw; line-height: 125%;}
.geo .geo_map {position: relative; z-index: 1; margin: -5vw 0 0 11vw; padding: 0; width: 72.5vw; line-height: 0;}
.geo .geo_map img {width: 100%;}
.geo .geo_city {position: absolute; margin: 0; padding: 0; z-index: 3;} 
.geo .geo_city label:before {position: absolute; z-index: -1; content: ''; width: 0.85vw; height: 0.85vw; background: #ff6600; margin: 0.4vw 0 0 -1.5vw; border-radius: 5vw; transition: all 0.5s ease-in-out;} 
.geo .geo_city label:after {position: absolute; content: ''; width: 0.65vw; height: 0.65vw; background: #fff; margin-top: 0.5vw; margin-left: calc((100% + 1.15vw) * -1); border-radius: 5vw; opacity: 0; transition: all 0.5s ease-in-out;} 
.geo .geo_city label:hover:after {opacity: 1; transition: all 0.5s ease-in-out;} 
.geo .geo_city label:hover {color: #fff; transition: all 0.5s ease-in-out;} 
.geo .geo_city label:hover:before {width: calc(100% + 2.5vw); height: 2vw; margin: -0.15vw 0 0 -1.5vw; transition: all 0.5s ease-in-out;} 

.geo .geo_city label {position: absolute; z-index: 1; display: block; white-space: nowrap;}
.geo .geo_city label.geo_spb {margin: 4.5vw 0 0 23.5vw;}
.geo .geo_city label.geo_msk {margin: 10.25vw 0 0 22.4vw;}
.geo .geo_city label.geo_nn {margin: 12.5vw 0 0 25vw;}
.geo .geo_city label.geo_kaz {margin: 14.5vw 0 0 26.5vw;}
.geo .geo_city label.geo_ros {margin: 16vw 0 0 16.75vw;}
.geo .geo_city label.geo_krd {margin: 17vw 0 0 5vw;}
.geo .geo_city label.geo_sochi {margin: 18.5vw 0 0 14.5vw;}
.geo .geo_city label.geo_sam {margin: 16.75vw 0 0 25.5vw;}
.geo .geo_city label.geo_ekb {margin: 17.25vw 0 0 32.5vw;}
.geo .geo_city label.geo_clb {margin: 18.75vw 0 0 32.25vw;}
.geo .geo_city label.geo_omsk {margin: 21.25vw 0 0 37.75vw;}
.geo .geo_city label.geo_nvs {margin: 24vw 0 0 35vw;}
.geo .geo_city label.geo_kra {margin: 23vw 0 0 48.75vw;}
.geo .geo_city label.geo_irk {margin: 27.75vw 0 0 54.75vw;}
.geo .geo_city label.geo_hab {margin: 26.25vw 0 0 75vw;}
.geo .geo_city label.geo_vld {margin: 32vw 0 0 74.75vw;}



.blog {position: relative; width: 90vw; margin: 0; padding: 0 5vw;}
.blog h3 {position: relative; margin: 0 0 3vw 0;}
.blog .news_all {position: relative; float: right; z-index: 3;}
.blog ul {position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden;}
.blog ul li {position: relative; float: left; width: 21.75vw; height: 23.5vw; margin: 0 1vw 0 0; background: #f2f3f7; border-radius: 1vw;}
.blog ul li:nth-child(4n) {margin: 0;}
.blog ul li .news_image {position: relative; width: 21.75vw; height: auto; margin: 0 0 2vw 0; padding: 0; line-height: 0; z-index: 1;}
.blog ul li .news_image img {width: 100%; border-radius: 1vw;}
.blog ul li a {color: #000;}
.blog ul li a:hover {color: #ff6600;}
.blog ul li .news_date {position: absolute; margin: 0; padding: 0; bottom: 2vw; right: 2.5vw; z-index: 3; font-size: 75%; color: #999999;} 
.blog ul li .news_category {position: absolute; margin: 0; padding: 0; bottom: 2vw; left: 2.5vw; z-index: 3; font-size: 75%;} 
.blog ul li .news_category a {color: #999999;}
.blog ul li .news_title {position: relative; z-index: 3; margin: 0 2.5vw; font-family: bold, sans-serif; line-height: 125%;}



.suppliers {position: relative; margin: 0; padding: 10vw 5vw; width: 90vw; height: auto;}
.suppliers .suppliers_title {position: relative; margin: 0 0 5vw 0; text-transform: uppercase;}
.suppliers .suppliers_logo {position: relative; margin: 0; width: 65vw; line-height: 0;}
.suppliers .suppliers_logo img {position: relative; margin: 0 6vw 2.5vw 0; width: auto; height: 3vw;}
.suppliers .suppliers_right {position: relative; float: right; margin: 0; padding: 0; width: 22vw; height: 22vw; border-radius: 1vw; background: #ff6600;}
.suppliers .suppliers_right .suppliers_text {position: relative; margin: 8vw 2.5vw 2.5vw 2.5vw; padding: 0; line-height: 125%;}
.suppliers .suppliers_right .suppliers_btn {position: relative; margin: 0 0 0 2.5vw; padding: 0;}





.faq {position: relative; margin: 0; padding: 5vw 5vw 10vw 5vw; width: 90vw; height: auto; background: #f2f3f7;}
.faq .faq_title {position: relative; margin: 0 0 1.5vw 0; padding: 0; width: 35vw; line-height: 100%;}
.faq .faq_add {position: relative; margin: 0; padding: 0; width: 33vw; line-height: 125%;}

.faq .spoiler {position: relative; width: 50vw; margin: -15vw 0 0 40vw;}
.faq .spoiler > input + label:after {position: absolute; z-index: 10; content: ''; width: 1.25vw; height: 1.25vw; top: 1.9vw; right: 0; background: url("../../../images/open.svg") center center; background-size: cover;}
.faq .spoiler > input:checked + label:after {position: absolute; content: ''; width: 1.25vw; height: 1.25vw; top: 1.9vw; right: 0; background: url("../../../images/open.svg") center center; background-size: cover; transform: rotate(45deg);}
.faq .spoiler > input:first-child + label:after {top: 0.5vw;}
.faq .spoiler > input:first-child:checked + label:after {top: 0.5vw;}


.faq .spoiler > input + label {position: relative; margin: 1.5vw 0 0 0; padding: 1.5vw 0 0 0; overflow: hidden; width: 50vw; box-sizing: border-box; display:block; cursor: pointer; font-size: 115%; font-family: 'bold', sans-serif; border-top: 0.1vw solid #fff; line-height: 150%;}
.faq .spoiler > input:first-child + label {margin: 0; padding: 0; border-top: none;}
.faq .spoiler > .spoiler_body {position: relative; margin: 1.5vw 0 1.5vw 0; padding: 0; overflow: hidden; width: 45vw; box-sizing: border-box; display: block; color: #909fb7; font-family: 'regular', sans-serif;}
.faq .spoiler > input, .faq .spoiler > input + label + .spoiler_body {display:none}
.faq .spoiler > input:checked + label + .spoiler_body {display:block}















footer {position: relative; width: 100vw; height: 45vw; margin: 0; padding: 0; background: #000; color: #fff;}
footer .footer_bg {position: absolute; height: 100%; top: 0; right: 0; line-height: 0;} 
footer .footer_bg img {height: 100%;}
footer .copyright {position: absolute; margin: 0; bottom: 1.5vw; right: 44vw; font-size: 65%; line-height: 150%;}
footer .policy {position: absolute; margin: 0; bottom: 1.5vw; left: 5vw; font-size: 65%; width: 40vw; line-height: 150%;}
footer .policy a {text-decoration: underline; color: #fff;}

footer ul.nav {position: relative; margin: 5vw 0 0 5vw; width: auto; display: block;}
footer ul.nav li {position: relative; width: auto; float: left; margin: 0 2vw 0 0;}
footer .adress {position: absolute; margin: 5vw 0 0 5vw;}
footer .tel {position: absolute; margin: 8vw 0 0 5vw; font-size: 200%; font-family: bold, sans-serif;}
footer .mail {position: absolute; margin: 10vw 0 0 5vw;}

.more {position: relative; margin: 0 0 0 5vw; padding: 5vw 0; width: 55vw; height: auto; border-bottom: 0.075vw solid #202020;} 
.more .more_img {position: absolute; height: 100%; margin: 0 ; padding: 0; line-height: 0; right: 2.5vw; top: 0;}
.more .more_img img {height: 100%;}
.more .more_title {position: relative; margin: 0; padding: 0; width: 27vw; float: left; line-height: 100%;}
.more .more_text {position: relative; margin: 0 0 1.25vw 0; padding: 0; line-height: 135%;}
.more .rsform_more {position: relative; width: auto; margin: 0.5vw 0 0 0;}
.more .rsform_more input {position: relative; margin: 0 0.75vw 0 0; padding: 0.5vw 1vw 0.65vw 1vw; border: solid 0.125vw #fff; color: #fff; background: transparent; transition: all 0.5s ease-in-out; border-radius: 0.5vw; font-size: 100%; width: 15.5vw; font-family: 'medium', sans-serif;}
.more .rsform_more input::placeholder {color: #fff;}
.more .rsform_more button {position: relative; margin: 0; padding: 0.5vw 1.5vw 0.65vw 1.5vw; border: solid 0.125vw #ff6600; color: #fff; background: #ff6600; transition: all 0.5s ease-in-out; border-radius: 0.5vw; font-size: 100%; font-family: 'medium', sans-serif;}
.more .rsform_more button:hover {border: solid 0.125vw #fff; color: #ff6600; background: #fff; transition: all 0.5s ease-in-out; cursor: pointer;}











.slider_skills {position: relative; z-index: 2; width: 100vw; height: 40vw; margin: 0; padding: 10vw 0 10vw 15vw;}
.slider_skills .slider_skills_info {position: absolute; padding: 5vw 0 0 0; width: 25vw;}
.slider_skills .slider_skills_info .slider_skills_info_title {position: relative; margin: 0 0 2.5vw 0;}
.slider_skills .slider_skills_info .btn {position: relative; margin: 3vw 0 5vw 0;}
.slider_skills .slider_skills_info .slider_skills_info_subtitle {position: relative; margin: 0;}
.slider_skills .swiper-container-2 {position: relative; z-index: 2; margin: 0 0 0 30vw; padding: 0; width: 85vw; height: 40vw;}
.slider_skills .swiper-container-2 .hidd {overflow: hidden;}
.slider_skills .swiper-slide {position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; flex-shrink: 0; transition-property: transform;}
.slider_skills .swiper-slide .slide_skills_slide_img {position: relative; z-index: 1; width: 40vw; height: 40vw; line-height: 0; margin: 0; padding: 0; border-radius: 1.5vw; overflow: hidden;}
.slider_skills .swiper-slide .slide_skills_slide_img img {width: 100%;}
.slider_skills .swiper-slide .slide_skills_slide_num {position: absolute; z-index: 3; margin: 24vw 0 0 5vw; padding: 0;}
.slider_skills .swiper-slide .slide_skills_slide_info {position: absolute; display: block; z-index: 3; margin: 28vw 0 0 5vw; padding: 0; width: 30vw; line-height: 125%;}
.slider_skills .swiper-nav {position: absolute; z-index: 110; top: 27vw; left: -29.75vw; overflow: hidden;}
.slider_skills .swiper-nav .prev-btn {position: relative; float: left; width: 10vw; height: 1vw; margin: 0 3vw 0 0; background: url("../../../images/prew.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.slider_skills .swiper-nav .next-btn {position: relative; float: left; width: 10vw; height: 1vw; margin: 0; background: url("../../../images/next.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.slider_skills .swiper-pagination {display: none}



















/* это общие и не используемые стили слайдеров. НЕ ТРОГАТЬ! */
.swiper-nav .prev-btn:hover, .swiper-nav .next-btn:hover {cursor: pointer;} 
.swiper-nav .prev-btn . {width: 100%;}
.swiper-nav .next-btn svg {width: 100%;}
.swiper-nav svg .swiper-btn {fill: #D1D9E6;}
.swiper-nav .prev-btn:hover svg .swiper-btn, .swiper-nav .next-btn:hover svg .swiper-btn {fill: #90A0B7;}
.swiper-container {margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}
.swiper-container-vertical > .swiper-wrapper {flex-direction: column;}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper {transform: translate3d(0px, 0, 0);}
.swiper-container-multirow > .swiper-wrapper {flex-wrap: wrap;}
.swiper-container-multirow-column > .swiper-wrapper {flex-wrap: wrap; flex-direction: column;}
.swiper-container-free-mode > .swiper-wrapper {transition-timing-function: ease-out; margin: 0 auto;}
.swiper-slide-invisible-blank {visibility: hidden;}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height: auto;}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start; transition-property: transform, height;}
.swiper-pagination.swiper-pagination-hidden {opacity: 0;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {width: 100%;}
.swiper-pagination-bullets-dynamic {overflow: hidden; font-size: 0;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform: scale(0.33); position: relative;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform: scale(0.33);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform: scale(0.33);}
.swiper-pagination-bullet {width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2;}
button.swiper-pagination-bullet {border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-bullet-active {opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color));}
.swiper-container-vertical > .swiper-pagination-bullets {right: 10px; top: 50%; transform: translate3d(0px, -50%, 0);}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 6px 0; display: block;}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top: 50%; transform: translateY(-50%); width: 8px;}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display: inline-block;
transition: 200ms transform, 200ms top;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: 50%; transform: translateX(-50%);  white-space: nowrap;}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: 200ms transform, 200ms left;}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: 200ms transform, 200ms right;}
.swiper-pagination-progressbar {background: rgba(0, 0, 0, 0.25); position: absolute; width: 100vw; height: 0.5vw;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--swiper-pagination-color, var(--swiper-theme-color)) position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top;}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transform-origin: right top;}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 100%; height: 4px; left: 0; top: 0;}
.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 4px; height: 100%; left: 0; top: 0;}
.swiper-pagination-white {--swiper-pagination-color: #ffffff;}
.swiper-pagination-black {--swiper-pagination-color: #000000;}
.swiper-pagination-lock {display: none;}
.swiper-scrollbar {border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1);}
.swiper-container-horizontal > .swiper-scrollbar {position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%;}
.swiper-container-vertical > .swiper-scrollbar {position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%;}
.swiper-scrollbar-drag {height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0;}
.swiper-scrollbar-cursor-drag {cursor: move;}
.swiper-scrollbar-lock {display: none;}
.swiper-zoom-container {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center;}
.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {max-width: 100%; max-height: 100%; object-fit: contain;}
.swiper-slide-zoomed {cursor: move;}
/* a11y */
.swiper-container .swiper-notification {position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000;}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {transition-timing-function: ease-out;}
.swiper-container-fade .swiper-slide {pointer-events: none; transition-property: opacity;}
.swiper-container-fade .swiper-slide .swiper-slide {pointer-events: none;}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto;}
.swiper-container-flip {overflow: visible;}
.swiper-container-flip .swiper-slide {pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1;}
.swiper-container-flip .swiper-slide .swiper-slide {pointer-events: none;}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {pointer-events: auto;}
.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;}


















.for_your {position: relative; margin: 0; padding: 0; width: 100vw; height: auto;}
.for_your .for_your_title {position: relative; margin: 0 0 5vw 0; padding: 0; width: 100%; text-align: center;}

.for_your .for_your_table {position: relative; margin: 0 0 0 11vw; padding: 0; width: 82vw;  text-align: left; overflow: hidden;}

.for_your .for_your_table .for_your_table_li {position: relative; float: left;}
.for_your .for_your_table .for_your_table_li_img {position: relative; width: 100%; line-height: 0;}
.for_your .for_your_table .for_your_table_li_img img  {width: 100%; border-radius: 1.5vw;}
.for_your .for_your_table .for_your_table_li:nth-child(1) {width: 15vw; margin: 0 2.5vw 0 0;}
.for_your .for_your_table .for_your_table_li:nth-child(2) {width: 12vw; margin: 0 5vw 0 0;}
.for_your .for_your_table .for_your_table_li:nth-child(3) {width: 15vw; margin: 0 2.5vw 0 0;}
.for_your .for_your_table .for_your_table_li:nth-child(4) {width: 12vw; margin: 0;}
.for_your .for_your_table .for_your_table_li:nth-child(5) {width: 15vw; margin: 0 2.5vw 0 17vw;}
.for_your .for_your_table .for_your_table_li:nth-child(6) {width: 12vw; margin: 0 5vw 0 0;}
.for_your .for_your_table .for_your_table_li:nth-child(7) {width: 15vw; margin: 0 2.5vw 0 0;} 
.for_your .for_your_table .for_your_table_li:nth-child(8) {width: 12.5vw; margin: 0;}

.for_your .for_your_table .for_your_table_li .for_your_table_li_title {position: relative; margin: 2.5vw 0 1vw 0; line-height: 125%;}
.for_your .for_your_table .for_your_table_li .for_your_table_li_text {position: relative; margin: 0; line-height: 125%;}



.result {position: relative; margin: 0; padding: 10vw 15vw 0 15vw; width: 70vw; height: auto;}
.result .result_title {position: relative; margin: 0 0 5vw 0; padding: 0; text-align: center;}

.result .result_table {position: relative; margin: 0; padding: 0; width: 75vw; overflow: hidden;}
.result .result_table .result_table_li {position: relative; float: left; margin: 0 5vw 3vw 7vw; padding: 0; width: 25.5vw; line-height: 125%;}
.result .result_table .result_table_li:before {position: absolute; content: ''; margin: 0.75vw 0 0 -7vw; padding: 0; width: 5vw; height: 0.075vw; background: #ff6600;}

.result .program_title {position: relative; margin: 7vw 0 1vw 0; text-align: center;}
.result .program_subtitle {position: relative; margin: 0 0 1.5vw 0; text-align: center;}

.result .spoiler {position: relative; width: 75vw; overflow: hidden;}
.result .spoiler > input + label:after {position: absolute; z-index: 10; content: ''; width: 1.25vw; height: 1.25vw; top: 1.9vw; right: 0; background: url("../../../images/open.svg") center center; background-size: cover;}
.result .spoiler > input:checked + label:after {position: absolute; content: ''; width: 1.25vw; height: 1.25vw; top: 1.9vw; right: 0; background: url("../../../images/open.svg") center center; background-size: cover; transform: rotate(45deg);}
.result .spoiler > input, .result .spoiler > input + label + .spoiler_body {display:none}
.result .spoiler > input:checked + label + .spoiler_body {display:block} 


.result .spoiler > input + label {position: relative; margin: 1.5vw 5vw 0 0; padding: 1.5vw 0 0 0; overflow: hidden; width: 20vw; box-sizing: border-box; display:block; cursor: pointer; font-size: 150%; font-family: 'bold', sans-serif; border-top: 0.075vw solid #f2f3f7; line-height: 150%; float: left;}
.result .spoiler > .spoiler_body {position: relative; margin: 8vw 0 0 -25vw; padding: 0; overflow: hidden; width: 20vw; box-sizing: border-box; display: block; color: #909fb7; font-family: 'regular', sans-serif; float: left;}



.result .program_table .program_table_li {position: relative; margin: 0 2vw 1.5vw 2vw; line-height: 135%; color: #000; font-family: 'medium', sans-serif; font-size: 90%;}
.result .program_table .program_table_li:before {position: absolute; content: ''; margin: 0.75vw 0 0 -2vw; padding: 0; width: 1vw; height: 0.075vw; background: #ff6600;}



.price {position: relative; margin: 0; padding: 10vw 11.75vw 10vw 11.75vw; width: 76.5vw; height: auto;}
.price .price_title {position: relative; margin: 0 0 5vw 0; padding: 0; width: 100%; text-align: center; line-height: 125%;}

.price .price_table {position: relative; margin: 0; padding: 0; width: 76.5vw; overflow: hidden;}

.price .price_table .price_table_rate_base {position: relative; float: left; width: 24.5vw; margin: 0 1vw 0 0; background: linear-gradient(360deg, #fff, #f7f8fa); border-radius: 1.5vw;}
.price .price_table .price_table_rate_advanced {position: relative; float: left; width: 24.5vw; margin: 0 1vw 0 0; background: linear-gradient(360deg, #fff, #f2f6fd); border-radius: 1.5vw;}
.price .price_table .price_table_rate_exclusive {position: relative; float: left; width: 24.5vw; margin: 0 1vw 0 0; background: linear-gradient(360deg, #fff, #f7f8fa); border-radius: 1.5vw;}


.price .price_table .price_table_rate:last-child {margin: 0;}

.price .price_table .price_table_rate_name {position: relative; width: 17.5vw; padding: 2.5vw 3.5vw 1.25vw 3.5vw; text-align: center;}
.price .price_table .price_table_rate_line {position: relative; width: 17.5vw; height: 0.05vw; background: #B9C4CA; margin: 0 0 1vw 3.5vw;}
.price .price_table .price_table_rate_dop {position: relative; width: 13.5vw; padding: 0 5.5vw 2.5vw 5.5vw; text-align: center; color: #B9C4CA; line-height: 115%; font-size: 90%;}
.price .price_table .price_table_rate_base .price_table_rate_dop {width: 10.5vw; padding: 0 7vw 2.5vw 7vw;}


.price .price_table .price_table_rate_li {position: relative; width: 16.5vw; padding: 0 0 1vw 4.5vw; overflow: hidden; line-height: 125%; font-size: 90%;}
.price .price_table .price_table_rate_li_img {position: relative; float: left; width: 1.25vw; padding: 0 1.25vw 0 0;}
.price .price_table .price_table_rate_li_img img {width: 100%;}

.price .price_table .price_table_rate_price {position: relative; width: 20vw; padding: 3vw 0 2vw 2.25vw; overflow: hidden; text-align: center;}

.price .price_table .price_table_rate_price .price_table_rate_price_actual {position: relative; float: left; width: 10vw; margin: 0 0.5vw 0 0.75vw; text-align: right;}
.price .price_table .price_table_rate_price .price_table_rate_price_old {position: relative; z-index: 1; margin: 0; line-height: 75%; float: left;}
.price .price_table .price_table_rate_price .price_table_rate_price_old:before {position: absolute; content: ''; width: 100%; height: 0.1vw; margin: 0.5vw 0 0 0; background: #ff6600;}

.price .price_table .price_table_rate_btn {position: relative; width: 20vw; margin: 0 0 1vw 2.25vw; text-align: center;}

.price .price_table .price_table_rate_btn label {padding: 0.5vw 4vw; border: solid 0.1vw #90a1b7; color: #fff; background: #90a1b7; transition: all 0.5s ease-in-out; border-radius: 0.5vw; width: 100%}
.price .price_table .price_table_rate_btn label:hover {border: solid 0.1vw #ff6600; color: #ff6600; background: transparent; transition: all 0.5s ease-in-out; cursor: pointer;}






.autors {position: relative; margin: 1vw 0 0 1vw; padding: 0; width: 98vw; height: 50vw; background: linear-gradient(45deg, #f2f3f7, #F0F2F5); border-radius: 1.5vw; overflow: hidden;}
.autors .autors_circle {position: absolute; z-index: 1; margin: 10vw 0 0 32vw; width: 45vw; height: 45vw; border-radius: 30vw; background: linear-gradient(45deg, #f2f3f7, #F0F2F5); box-shadow: 0 -4vw 5vw #fff, 0 3vw 5vw rgba(148, 163, 186, 0.5);}
.autors .autors_kulinich_img {position: absolute; z-index: 2; width: 22vw; bottom: 0; left: 36vw; line-height: 0;}
.autors .autors_kulinich_img img {width: 100%;}
.autors .autors_toropova_img {position: absolute; z-index: 3; width: 20vw; bottom: 0; left: 53vw; line-height: 0;}
.autors .autors_toropova_img img {width: 100%;}
 

.autors .autors_title {position: relative; z-index: 2; margin: 0; padding: 5vw 0; width: 100%; text-align: center; line-height: 125%;}

.autors .autors_kulinich {position: relative; z-index: 3; float: left; margin: 0 0 0 14vw;}
.autors .autors_kulinich .autors_name {position: relative; margin: 0 0 0.5vw 0;}
.autors .autors_kulinich .autors_surname {position: relative; margin: 0 0 4vw 0;}
.autors .autors_kulinich .autors_spec {position: relative; margin: 0; width: 20vw; line-height: 135%; color: #90a1b7; font-size: 90%;}
.autors .autors_kulinich .autors_line {position: relative; margin: 1.5vw 0; width: 5vw; height: 0.075vw; background: #ff6600;}

.autors .autors_toropova {position: relative; z-index: 3; float: right; margin: 0 14vw 0 0; text-align: right;}
.autors .autors_toropova .autors_name {position: relative; margin: 0 0 0.5vw 0;}
.autors .autors_toropova .autors_surname {position: relative; margin: 0 0 4vw 0;}
.autors .autors_toropova .autors_spec {position: relative; margin: 0; width: 20vw; line-height: 135%; color: #90a1b7; font-size: 90%;}
.autors .autors_toropova .autors_line {position: relative; margin: 1.5vw 0 1.5vw 15vw; width: 5vw; height: 0.075vw; background: #ff6600;}



.clients {position: relative; margin: 0; padding: 10vw 15vw 0 15vw; width: 70vw; height: auto;}
.clients .clients_title {position: relative; margin: 0 0 5vw 0; padding: 0; width: 100%; text-align: center; line-height: 125%;}
.clients .clients_img {position: relative; width: 70vw; margin: 0; padding: 0; line-height: 0;}
.clients .clients_img img {width: 100%;}














.slider_reviews {position: relative; z-index: 2; width: 100vw; height: 25vw; margin: 0; padding: 10vw 0 0 0;}
.slider_reviews .swiper-container-3 {position: relative; z-index: 2; margin: 0 0 0 10vw; padding: 0; width: 90vw; height: 25vw;}
.slider_reviews .swiper-slide {position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; flex-shrink: 0; transition-property: transform;}
.slider_reviews .swiper-slide .reviews {position: relative; width: 30.5vw; height: 25vw; margin: 0 1vw 0 0; padding: 0; overflow: hidden; background: #f0f2f5; border-radius: 1.5vw;}

.slider_reviews .swiper-slide .reviews_text {position: relative; margin: 0; padding: 5vw 5vw 0 5vw; line-height: 140%; font-size: 90%;}
.slider_reviews .swiper-slide .reviews_signature {position: absolute; ; margin: 0; bottom: 4vw; left: 5vw; color: #ff6600;}
.slider_reviews .swiper-nav {position: absolute; z-index: 110; top: 27vw; left: 5vw; overflow: hidden;}
.slider_reviews .swiper-nav .prev-btn {position: relative; float: left; width: 10vw; height: 1vw; margin: 0 3vw 0 0; background: url("../../../images/prew.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.slider_reviews .swiper-nav .next-btn {position: relative; float: left; width: 10vw; height: 1vw; margin: 0; background: url("../../../images/next.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.slider_reviews .swiper-pagination {display: none}






















.vcms__popup-check {display: none;} 
.vcms__popup {position: fixed; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.75); display: flex; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out;}
.vcms__popup-check:checked + .vcms__popup {opacity: 1; visibility: visible; }
.vcms__popup .close {position: absolute; z-index: 99; top: 2vw; left: 37vw; width: 1vw; height: 1vw; line-height: 0;}
.vcms__popup .close img {width: 100%;}
.vcms__popup .close:hover {cursor: pointer; transform: rotate(90deg);}
.vcms__popup .inner {width: 40vw; height: 100vh; overflow: auto; background-color: #f2f3f7; box-sizing: border-box; opacity: 0; margin: 0; transition: all 0.5s ease-in-out; filter: drop-shadow(0 1vw 5vw rgba(0,0,0,.5));}
.vcms__popup-check:checked + .vcms__popup .inner {opacity: 1;}
.vcms__popup .inner .rsformonline {position: relative; margin: 10vw 0 0 10vw; color: #000;}
.vcms__popup .inner .rsformonline h2 {position: relative; margin: 0 0 2vw 0; font-family: 'bold', sans-serif; font-size: 260%; line-height: 100%; text-transform: uppercase; color: #000;}
.vcms__popup .inner .rsformonline .rsform-block-intro-text {position: relative; font-size: 75%; line-height: 150%; margin: 0 0 2vw 0; font-family: 'light', sans-serif; color: #000;}
.vcms__popup .inner .rsformonline input {position: relative; font-size: 100%; line-height: 125%; font-family: 'bold', sans-serif; padding: 0.5vw 0; border: none; border-bottom: 0.05vw solid #9b9b9b; border-radius: 0; width: 20vw; background: #f2f3f7; color: #000;}
.vcms__popup .inner .rsformonline input::placeholder {color: #f5f5f5;}
.vcms__popup .inner .rsformonline input:focus::placeholder {color: #000;}
.vcms__popup .inner .rsformonline .rsform-block-namename {position: relative; margin: 0 10vw 0 0; font-family: 'medium', sans-serif; color: #90a1b7;}
.vcms__popup .inner .rsformonline .rsform-block-name {position: relative; margin: 0 0 3.5vw 0;}
.vcms__popup .inner .rsformonline .rsform-block-telname {position: relative; margin: 0 10vw 0 0; font-family: 'medium', sans-serif;color: #90a1b7;}
.vcms__popup .inner .rsformonline .rsform-block-tel {position: relative; margin: 0 0 5vw 0;}
.vcms__popup .inner .rsformonline .rsform-block-mailname {position: relative; margin: 0 10vw 0 0; font-family: 'medium', sans-serif;color: #90a1b7;}
.vcms__popup .inner .rsformonline .rsform-block-mail {position: relative; margin: 0 0 5vw 0;}
.vcms__popup .inner .rsformonline .rsform-block-submit {position: relative; margin: 0;}
.vcms__popup .inner .rsformonline .rsform-block-submit button {padding: 0.5vw 4vw 0.5vw 4vw; font-family: 'medium', sans-serif; border: solid 0.1vw #ff6600; color: #fff; background: #ff6600; transition: all 0.5s ease-in-out; border-radius: 0.5vw; text-transform: uppercase; font-size: 100%;}
.vcms__popup .inner .rsformonline .rsform-block-submit button:hover {border: solid 0.1vw #ff6600; color: #ff6600; background: transparent; transition: all 0.5s ease-in-out; cursor: pointer;}






@media screen and (prefers-reduced-motion: no-preference) {html, body {scroll-behavior: smooth;}}






.offline {background: url("../../../images/top_bg.jpg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.offline .body {position: relative; margin: 0; padding: 0; width: 100%; height: 100%;}
.offline .body .content {position: absolute; width: 25vw; height: auto; top: 3vw; left: 5vw; margin: 0; padding: 3vw 5vw; background: transparent; -webkit-backdrop-filter: blur(0.75vw); backdrop-filter: blur(0.75vw); border-radius: 0.25vw; box-shadow: 0 1vw 5vw rgba(0,0,0,.25);}
.offline .body .content .logo {position: relative; width: 10vw; margin: 0 0 2.5vw 0; line-height: 0;}
.offline .body .content .logo img {width: 100%;}
.offline .body .content .services {position: relative; width: auto; margin: 0 0 5vw 0;}
.offline .body .content .services .list {position: relative; width: auto; margin: 0 0 1vw 0;}
.offline .body .content .services .list .list_title {position: relative; width: auto; margin: 0 0 0.25vw 0;}
.offline .body .content .offline-contact {position: relative; margin: 0 0 5vw 0; overflow: hidden;}
.offline .body .content .offline-contact .list {position: relative; float: left; width: 2.5vw; margin: 0 0.5vw 0 0; line-height: 0;}
.offline .body .content .offline-contact .list img {width: 100%;}



.offline .body .content .message {position: relative; width: auto; margin: 0; font-size: 75%; color: #fff; line-height: 125%;}


.offline .body .form {position: absolute; bottom: 2.5vw; left: 10vw;}
.offline .body .form .username {position: relative; float: left; margin: 0 1vw 0 0;}
.offline .body .form .password {position: relative; float: left; margin: 0 1vw 0 0;}
.offline .body .form .btn {position: relative; float: left; margin: 0.7vw 0 0 0;}
.offline .body .form label {position: relative; font-size: 75%; color: #fff; line-height: 75%;}
.offline .body .form input {position: relative; color: #fff; padding: 0.5vw ; border: 0.05vw solid #fff; border-radius: 0.25vw; background: transparent;}
.offline .body .form input.btn {position: relative; color: #000; margin: 1vw 0 0 0; padding: 0.3vw 2vw 0.5vw 2vw; border: 0.05vw solid #fff; border-radius: 0.25vw; background: #fff; font-family: black, sans-serif; text-transform: uppercase !important;}
.offline .body .form input.btn:hover {cursor: pointer; border: 0.05vw solid #a78932; border-radius: 0.25vw; background: #a78932; color: #fff;}






/* -------------------------------------------------------------------------------------------------------------------------------------------------------- конец стилей для desctop-версии */}