/* подключение шрифтов  */
@import url('https://brandum.media/files/fonts/gilroy/fonts.css');
@import url('https://brandum.media/files/fonts/bebas/fonts.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: 'gilroy bold', 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;}


/* -------------------------------------------------- стили для mobile-версии */
@media (max-width: 800px) {



/* теги html body и основная сетка */
html, body {padding: 0; margin: 0; height: 100%; width: 100%; color: #000; font-family: 'gilroy regular', sans-serif; font-size: calc(400vw / 75); font-style: normal; line-height: 150%; background: #fff;}
#body {position: relative; margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden; background: #fff;}
.home #content {position: relative; width: 100vw; margin: 0; padding: 0; overflow: hidden;}
#content {position: relative; width: 70vw; margin: 0; padding: 15vw 0 20vw 15vw; overflow: hidden;}

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

/* заголовки */
h1 {font-size: 350%; font-family: 'bebas bold', sans-serif; color: RGB(7,5,45); line-height: 100%; margin: 0 0 2vw 0;}
h2 {font-size: 125%; font-family: 'bebas bold', sans-serif; color: RGB(7,5,45); line-height: 125%;}

/* ссылки и кнопки */
a {color: #00a0e3; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: none;}

.box {width: min(50%, 500px); background: #fff;}

label.btn, label.btn_white {color: RGB(7,5,45); padding: 1.75vw 5vw 1.85vw 5vw; border-radius: 15vw; margin: 0; font-size: 75%; display: inline-block; line-height: 150%; background: RGB(0,204,255); font-family: 'gilroy medium', sans-serif;}
label.btn:hover, label.btn_white:hover {cursor: pointer; background: #fff;} 


/* блок header */
header {position: fixed; width: 100%; z-index: 998; height: 20vw; background: transparent;}
header.small {background: RGB(7,5,45);}
header.small, .home header.small {height: 20vw; background: RGB(7,5,45);}

header .logo {position: fixed; margin: 0; padding: 0; top: 2.5vw; left: 5vw; line-height: 0; width: 15vw;} 
header .logo img {width: 100%;}

header .tel {position: relative; float: right; margin: 6vw 5vw 0 0;}
header .tel a {position: relative; color: #fff; font-size: 75%; font-family: 'gilroy medium', sans-serif;}
header .tel a:hover {color: #ff0000;}

header .online {position: relative; float: right; z-index: 999; margin: 5vw 5vw 0 0;}

.video_bg {position: absolute; z-index: 0; width: 100%; height: 250vw; overflow: hidden;}
.video_bg .video {object-fit: cover; width: 100%; height: 100%;}
.top_bg {position: absolute; z-index: 1; width: 100%; height: 250vw; overflow: hidden; background: url("../../../images/top_bg.jpg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.top {position: relative; z-index: 1; margin: 0; padding: 0; width: 100vw; height: 250vw;}
.top .name {position: relative; z-index: 2; padding: 40vw 0 0 10vw; font-size: 215%; line-height: 125%; color: #fff; font-family: 'bebas bold', sans-serif;} 
.top .text {position: relative; z-index: 2; width: 80vw; padding: 4vw 0 0 10vw; line-height: 125%; color: #fff; font-family: 'gilroy regular', sans-serif;} 
.top .online {display: none; position: relative; margin: 7.5vw 0 0 10vw;}
.top ul {position: absolute; bottom: 20vw; margin: 0 0 0 25vw; width: 90vw;}
.top ul li {position: relative; margin: 0 0 15vw 0; color: #fff; font-size: 75%; line-height: 125%;}
.top ul li:nth-child(4) {margin: 0;}
.top ul li img {position: relative; display: inline-block; width: 15vw; line-height: 0; float: left; margin: -2.5vw 5vw 0 0;}

.essence {position: relative; z-index: 2; margin: 0; padding: 0; width: 100vw; height: auto;}
.essence .essence_bg {display: none;}
.essence .essence_youtube {position: relative; z-index: 2; margin: -5vw 0 0 5vw; width: 90vw; height: 50.4vw;}
.essence .essence_text {position: relative; z-index: 2; margin: 10vw 0 0 10vw; width: 80vw; font-size: 100%; line-height: 150%;}
.essence .btn {position: relative; z-index: 2; margin: 7.5vw 0 0 10vw;}


.method {position: relative; z-index: 1; margin: 0; padding: 0; width: 100vw; height: auto;}
.method .name {position: relative; z-index: 2; padding: 25vw 0 0 10vw; font-size: 225%; line-height: 100%; color: RGB(7,5,45); font-family: 'bebas bold', sans-serif;} 

.method .tabs {padding: 7.5vw 0 0 0; margin: 0; width: 100vw;}
.method .tabs > section {display: none; padding: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; margin: 0; z-index: 0; color: #000;}
.method .tabs > input {display: none; position: absolute;}
.method .tabs > label {position: relative; z-index: 1; display: inline-block; width: auto; padding: 1.75vw 5vw 1.85vw 5vw; text-align: center; background: transparent; border: 0.25vw solid RGB(7,5,45); font-family: 'gilroy medium', sans-serif; border-radius: 15vw; font-size: 75%; color: RGB(7,5,45); line-height: 150%; background: #fff; transition: all 500ms ease;} 
label.labels {margin: 0 0 2vw 10vw;} 
label.labels:nth-child(2) {margin: 0 0 2vw 10vw;}
.tabs > label:hover {cursor: pointer; color: #fff; background: RGB(7,5,45);} 
.tabs > input:checked + label {color: #fff; border: 0.25vw solid RGB(7,5,45); font-family: 'gilroy medium', sans-serif; background: RGB(7,5,45);}
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5, #tab6:checked~#content-tab6 , #tab7:checked~#content-tab7 {position: relative; display: block; width: 100vw; height: auto; margin: 0; padding: 7.5vw 0 25vw 0;}
@-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
.tabs > section {position: relative; overflow: hidden;}
.tabs > section .text {position: relative; z-index: 1; width: 80vw; margin: 0 0 7.5vw 10vw; line-height: 125%;} 
.tabs > section .youtube {position: relative; z-index: 1; width: 100vw; height: 56vw; margin: 0 0 10vw 0;} 
.tabs > section .online {position: relative; margin: 0 0 0 10vw;} 
.tabs > section .fan_img {position: relative; width: 80vw; margin: 0 0 5vw 10vw; line-height: 0;} 
.tabs > section .fan_img img {width: 100%;}  

.question {position: relative; z-index: 2; margin: 0; padding: 0; width: 100vw; height: 170vw;}
.question .question_bg {position: absolute; z-index: 1; width: 100vw; height: 170vw; line-height: 0;}
.question .question_bg img {height: 100%;}
.question .question_name {position: relative; z-index: 2; padding: 25vw 0 0 10vw; font-size: 250%; line-height: 100%; color: #fff; font-family: 'bebas bold', sans-serif;} 
.question .question_text {position: relative; z-index: 2; margin: 5vw 0 0 10vw; width: 80vw; color: #fff; line-height: 150%;}
.question .tel {position: relative; z-index: 2; margin: 5vw 0 0 10vw;} 
.question .btn {position: relative; z-index: 2; margin: 3.5vw 0 0 10vw;} 


.faq {position: relative; margin: 25vw 0; padding: 0; width: 100vw; height: auto;}
.faq .spoiler {position: relative; margin: 0 10vw;}

.spoiler > input + label:before {position: relative; float: right; margin: 0 -10vw 0 0; content: ""; width: 5vw; height: 5vw; background: url("../../../images/spoiler.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition: all 500ms ease;}
.spoiler > input:checked + label:before {position: relative; float: right; margin: 0 -10vw 0 0; content: ""; width: 5vw; height: 5vw; background: url("../../../images/spoiler.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transform: rotate(45deg);}
.spoiler > input + label {padding: 5vw 10vw 5vw 0; overflow: hidden; width: 100%; box-sizing: border-box; display: block; cursor: pointer; background: #FFF; font-family: 'gilroy bold', sans-serif; color: RGB(7,5,45); border-bottom: 0.3vw solid #f2f3f7;}
.spoiler > input:checked + label {border-bottom: none;}
.spoiler > .spoiler_body {position: relative; margin: 5vw 0 5vw 0; padding: 0 0 0 5vw; overflow: hidden; width: 100%; box-sizing: border-box; display: block; cursor: pointer; background: #FFF; font-family: 'gilroy regular', sans-serif; color: #999; border-left: 0.75vw solid RGB(0,204,255); line-height: 125%;}
.spoiler > input, .spoiler > input + label + .spoiler_body {display: none;}
.spoiler > input:checked + label + .spoiler_body {display: block;}


.preim {position: relative; margin: 25vw 0 0 0; padding: 0; width: 100vw; height: 150vw;} 
.preim .preim_name {position: relative; width: 80vw; padding: 0 0 75vw 10vw; font-size: 250%; line-height: 100%; font-family: 'bebas bold', sans-serif; color: RGB(7,5,45);} 
.preim .preim_text {position: relative; margin: 0 0 0 10vw; width: 80vw; line-height: 150%;}
.preim .btn, .preim .tel {display: none;} 
.preim .youtube {position: absolute; width: 100vw; height: 56vw; margin: 35vw 0 0 0;} 


.price {position: relative; z-index: 2; margin: 25vw 0 0 0; padding: 0; width: 100vw; height: 200vw;}
.price .price_bg {position: absolute; z-index: 1; width: 100vw; height: 200vw; line-height: 0;}
.price .price_bg img {height: 100%;}
.price .price_name {position: relative; z-index: 2; padding: 25vw 0 0 10vw; font-size: 250%; line-height: 100%; color: #fff; font-family: 'bebas bold', sans-serif;} 
.price .price_text {position: relative; z-index: 2; margin: 5vw 0 0 10vw; width: 80vw; color: #fff; line-height: 100%;  font-family: 'gilroy bold', sans-serif; font-size: 150%;}
.price .price_text ul li.span {color: RGB(0,204,255);  font-family: 'gilroy regular', sans-serif; font-size: 75%; margin: 0 0 1vw 0;}
.price .price_text ul li {position: relative; margin: 0 0 3.5vw 0;} 
.price .price_text_right {position: relative; z-index: 2; margin: 10vw 0 0 10vw; width: 80vw; color: #fff; line-height: 125%; } 
.price .price_text_right ul {position: relative; width: 100%; margin: 5vw 0 0 0;}
.price .price_text_right ul li {position: relative; margin: 0 0 3vw 5vw; line-height: 110%;}
.price .price_text_right ul li:before {position: absolute; content: ''; width: 1.5vw; height: 1.5vw; border-radius: 5vw; background: RGB(0,204,255); margin: 2.5vw 0 0 -5vw;} 
.price .btn {position: relative; z-index: 2; margin: 5vw 0 0 10vw;}



.contact {position: relative; z-index: 2; margin: 0; padding: 0; width: 100vw; height: 220vw;}
.contact .contact_bg {position: absolute; z-index: 1; width: 100vw; height: 220vw; line-height: 0;}
.contact .contact_bg img {height: 100%;}
.contact .contact_pen {position: absolute; z-index: 2; right: 0; width: 35vw; height: auto; line-height: 0; margin: -5vw 0 0 0;}
.contact .contact_pen img {width: 100%;}
.contact a {color: RGB(7,5,45);}
.contact .tel {position: relative; z-index: 2; font-size: 150%; margin: 10vw 0 2vw 7.5vw; font-family: 'gilroy bold', sans-serif;}
.contact .mail {position: relative; z-index: 2;  font-size: 125%; margin: 0 0 0 10vw; font-family: 'gilroy medium', sans-serif;}
.contact .name {position: relative; z-index: 2; width: 35vw; padding: 20vw 0 0 10vw; font-size: 250%; line-height: 100%; color: RGB(7,5,45); font-family: 'bebas bold', sans-serif;} 
.contact .online {position: relative; z-index: 2; margin: 10vw 0 0 10vw;}


.contact .ofer {position: relative; z-index: 2; width: auto; height: 80vw; line-height: 135%; margin: 15vw 0 0 10vw; font-size: 75%;} 

.copyright {position: absolute; z-index: 3; margin: 0; bottom: 20vw; left: 10vw; font-size: 60%; font-family: 'gilroy medium', sans-serif; line-height: 125%;}
.made {position: absolute; z-index: 3; margin: 0; bottom: 10vw; left: 10vw; font-size: 60%; font-family: 'gilroy medium', sans-serif; line-height: 125%;}

/* параметры материала */
.item-page .pull-left.item-image {width: 26vw; margin: 0 0 3vw 0;}
.item-page .pull-left.item-image img {width: 100%;}
.article-info.muted {display: none;}

.page-header {margin: 0;}
.page-header .shared_icons {position: relative; float: right; margin: -3.25vw 0 0 0; z-index: 5;}
.page-header .shared_icons .ya-share2__container_size_s .ya-share2__item {margin: 0 0.25vw 0 0;}
.page-header .shared_icons .ya-share2__container_size_s .ya-share2__icon {height: 1.1vw; width: 1.1vw; background-size: 1.1vw 1.1vw; line-height: 1.1vw;}

.article-info {overflow: hidden; color: #c5c5c5; font-size: 75%; margin: 0 0 3vw 0;}
.article-info a {color: #456078;}
.article-info .article-info-term {display: none;}
.article-info .createdby, .article-info .category-name {display: inline-block; float: left; margin: 0 1.5vw 0 0;}

/* блок "хлебные крошки" */
.breadcrumb {position: absolute; margin: -2.5vw 0 0 0.25vw; overflow: hidden; font-size: 75%; color: #e5e5e5;} 
.breadcrumb li {float: left; margin: 0;}
.breadcrumb a {color: #e5e5e5; text-decoration: underline;}
.breadcrumb a:hover {color: #ff0000; text-decoration: underline;}
.breadcrumb li span {margin: 0 1vw;}
.breadcrumb li span:first-child {margin: 0;}

/* настройка всплывающих изображений */
#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%;}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0;}

.vcms__popup-check {display: none;}
.vcms__popup {position: fixed; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.9); display: flex; opacity: 0; visibility: hidden; transition: visibility 0s, opacity 0.25s ease-in-out;   transition-delay: 0.65s, 0.2s;}
.vcms__popup-check:checked + .vcms__popup {opacity: 1; visibility: visible; transition-delay: 0s, 0s;}
.vcms__popup .inner {width: 100vw; height: 100vh; overflow: auto; background-color: #f2f3f7; box-sizing: border-box; opacity: 0; transition: margin-bottom 0.4s cubic-bezier(0.42, 0.72, 0.37, 1.31), opacity 0.25s ease-in-out; transition-delay: 0s, 0s; margin: 0;}
.vcms__popup-check:checked + .vcms__popup .inner {transition-delay: 0.15s, 0.15s; margin-bottom: 0; opacity: 1;}
.vcms__popup .close {position: absolute; top: 5vw; right: 5vw; width: 5vw; height: 5vw; line-height: 0;}
.vcms__popup .close img {width: 100%;}
.vcms__popup .close:hover {cursor: pointer; transform: rotate(90deg);}

.vcms__popup .inner .rsformonline {position: relative; margin: 20vw 10vw; color: #141c29;}
.vcms__popup .inner .rsformonline h2 {position: relative; margin: 0 0 5vw 0; font-family: 'bebas bold', sans-serif; font-size: 200%; color: RGB(7,5,45); line-height: 100%;}
.vcms__popup .inner .rsformonline .rsform-block-intro-text {position: relative; font-size: 75%; line-height: 150%; margin: 0 0 10vw 0; font-family: 'gilroy light', sans-serif; color: #000;}
.vcms__popup .inner .rsformonline input {position: relative; font-size: 75%; line-height: 125%; font-family: 'gilroy regular', sans-serif; padding: 3vw 0; border: none; border-bottom: 0.3vw solid #9b9b9b; border-radius: 0; width: 80vw; 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; font-size: 50%; margin: 0 10vw 0 0; font-family: 'gilroy medium', sans-serif;}
.vcms__popup .inner .rsformonline .rsform-block-name {position: relative; margin: 0 0 3.5vw 0;}
.vcms__popup .inner .rsformonline .rsform-block-telname {position: relative; font-size: 50%; margin: 0 10vw 0 0; font-family: 'gilroy medium', sans-serif;}
.vcms__popup .inner .rsformonline .rsform-block-tel {position: relative; margin: 0 0 5vw 0;}
.vcms__popup .inner .rsformonline .rsform-block-submit {position: relative; margin: 10vw 0 0 0; display: inline-block; }
.vcms__popup .inner .rsformonline .rsform-block-submit button {color: RGB(7,5,45); padding: 1.75vw 5vw 1.85vw 5vw; border-radius: 15vw; margin: 0; font-size: 75%; display: inline-block; line-height: 150%; background: RGB(0,204,255); font-family: 'gilroy medium', sans-serif; border: none;}
.vcms__popup .inner .rsformonline .rsform-block-submit button:hover {cursor: pointer; background: #fff;} 





.vcms_slider_check {display: none;}
.vcms_slider_check:checked + [class^='vcms_slider_'] {opacity: 1; visibility: visible; transition-delay: 0s, 0s;}
.vcms_slider_check:checked + [class^='vcms_slider_'] .inner {transition-delay: 0.15s, 0.15s; margin-bottom: 0; opacity: 1;}
[class^='vcms_slider_'] {position: fixed; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.9); display: flex; opacity: 0; visibility: hidden; transition: visibility 0s, opacity 0.25s ease-in-out; transition-delay: 0.65s, 0.2s;}
[class^='vcms_slider_'] .inner {width: 100vw; height: 100vh; overflow: auto; background-color: #f2f3f7; box-sizing: border-box; opacity: 0; transition: margin-bottom 0.4s cubic-bezier(0.42, 0.72, 0.37, 1.31), opacity 0.25s ease-in-out; transition-delay: 0s, 0s; margin: 0;}
[class^='vcms_slider_'] .close {position: absolute; top: 5vw; right: 5vw; width: 5vw; height: 5vw; line-height: 0; z-index: 999;}
[class^='vcms_slider_'] .close img {width: 100%;}
[class^='vcms_slider_'] .close:hover {cursor: pointer; transform: rotate(90deg);}

[class^='vcms_slider_'] .inner .slider_1 {position: relative; width: 80vw; padding: 20vw 10vw; overflow: hidden;}
[class^='vcms_slider_'] .inner .slider_1 .patent_name {position: relative; padding: 0 0 5vw 0; font-size: 225%; line-height: 100%; color: RGB(7,5,45); font-family: 'bebas bold', sans-serif;} 
[class^='vcms_slider_'] .inner .slider_1 .text {position: relative; width: 80vw; margin: 0 0 10vw 0; line-height: 150%; font-size: 75%;} 
[class^='vcms_slider_'] .inner .slider_1 .patent_img {position: relative; z-index: 1; width: 80vw; line-height: 0; margin: 0 0 10vw 0;}
[class^='vcms_slider_'] .inner .slider_1 .patent_img img {width: 100%;}


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










/* -------------------------------------------------- стили для desctop-версии */
@media (min-width: 801px) {
	
/* теги html body и основная сетка */
html, body {padding: 0; margin: 0; height: 100%; width: 100%; color: #000; font-family: 'gilroy regular', sans-serif; font-size: calc(100vw / 75); font-style: normal; line-height: 150%; background: #fff;}
#body {position: relative; margin: 0; padding: 0; width: 100%; height: auto; overflow: hidden; background: #fff;}
.home #content {position: relative; width: 100vw; margin: 0; padding: 0; overflow: hidden;}
#content {position: relative; width: 70vw; margin: 0; padding: 15vw 0 20vw 15vw; 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: RGB(0,204,255); width: 0%;}

/* заголовки */
h1 {font-size: 350%; font-family: 'bebas bold', sans-serif; color: RGB(7,5,45); line-height: 100%; margin: 0 0 2vw 0;}
h2 {font-size: 125%; font-family: 'bebas bold', sans-serif; color: RGB(7,5,45); line-height: 125%;}

/* ссылки и кнопки */
a {color: #00a0e3; text-decoration: none; transition: all 500ms ease;}
a:hover {color: #ff0000; text-decoration: none;}

.box {width: min(50%, 500px); background: #fff;}

label.btn {color: RGB(7,5,45); padding: 0.4vw 1.5vw 0.45vw 1.5vw; border-radius: 5vw; margin: 0; font-size: 75%; display: inline-block; line-height: 150%; background: RGB(0,204,255); font-family: 'gilroy medium', sans-serif; transition: all 500ms ease; border: 0.1vw solid RGB(0,204,255);}
label.btn:hover {cursor: pointer; background: transparent; border: 0.1vw solid RGB(0,204,255); color: RGB(0,204,255);} 

label.btn_white {color: #fff; padding: 0.4vw 1.5vw 0.45vw 1.5vw; border-radius: 5vw; margin: 0; font-size: 75%; display: inline-block; line-height: 150%; background: transparent; border: 0.1vw solid #fff; font-family: 'gilroy medium', sans-serif; transition: all 500ms ease;}
label.btn_white:hover {cursor: pointer; color: RGB(0,204,255); border: 0.1vw solid RGB(0,204,255);} 


/* блок header */
.home header {position: fixed; width: 100%; z-index: 998; background: transparent;}
header {position: fixed; width: 100%; z-index: 998; height: 3.5vw; background: RGB(7,5,45);}
header.small, .home header.small {height: 3.5vw; background: RGB(7,5,45);} 

.home header .logo {position: fixed; margin: 0; padding: 0; top: 5vw; left: 15vw; line-height: 0; width: 8vw; transition: all 500ms ease;}
.home header.small .logo {top: 0.25vw; width: 3vw;}
header .logo {position: fixed; margin: 0; padding: 0; top: 0.25vw; left: 15vw; line-height: 0; width: 3vw;}
header .logo img {width: 100%;}

.home header.small .tel {position: relative; float: right; margin: 0.55vw 2vw 0 0;}
.home header .tel {position: relative; float: right; margin: 5vw 2vw 0 0; transition: all 500ms ease;}
header .tel {position: relative; float: right; margin: 0.55vw 2vw 0 0;}
header .tel a {position: relative; color: #fff; font-size: 75%; font-family: 'gilroy medium', sans-serif;}
header .tel a:hover {color: #ff0000;}

.home header.small .online {position: relative; float: right; margin: 0.55vw 15vw 0 0;}
.home header .online {position: relative; float: right; margin: 5vw 15vw 0 0; transition: all 500ms ease;}
header .online {position: relative; float: right; z-index: 999; margin: 0.55vw 15vw 0 0;}

.video_bg {position: absolute; z-index: 0; width: 100%; height: 60vw; overflow: hidden;}
.video_bg .video {object-fit: cover; width: 100%; height: 100%;}
.top_bg {position: absolute; z-index: 1; width: 100%; height: 60vw; overflow: hidden; background: url("../../../images/top_bg.jpg") right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.top {position: relative; z-index: 1; margin: 0; padding: 0; width: 100vw; height: 60vw;}
.top .name {position: relative; z-index: 2; padding: 20vw 0 0 25vw; font-size: 350%; line-height: 100%; color: #fff; font-family: 'bebas bold', sans-serif;} 
.top .text {position: relative; z-index: 2; width: 30vw; padding: 3vw 0 0 25vw; line-height: 150%; color: #fff; font-family: 'gilroy regular', sans-serif;} 
.top .online {display: none; position: relative; margin: 3vw 0 0 25vw;}
.top ul {position: absolute; bottom: 7.5vw; margin: 0 0 0 25vw; width: 65vw;}
.top ul li {position: relative; float: left; margin: 0 5vw 0 0; color: #fff; font-size: 75%; line-height: 125%;}
.top ul li:last-child {margin: 0;}
.top ul li img {position: relative; display: inline-block; width: 3.5vw; line-height: 0; float: left; margin: -0.5vw 1vw 0 0;}

.essence {position: relative; z-index: 2; margin: -2.5vw 0 0 0; padding: 0; width: 100vw; height: 40.5vw;}
.essence .essence_bg {position: absolute; z-index: 1; width: 50vw; height: auto; right: 0; line-height: 0;}
.essence .essence_bg img {width: 100%;}
.essence .essence_youtube {position: relative; z-index: 2; float: left; margin: 7.5vw 5vw 0 15vw; width: 50vw; height: 28vw;} 
.essence .essence_text {position: relative; z-index: 2; float: left; margin: 11vw 14vw 0 0; width: 15vw; color: #fff; font-size: 95%; line-height: 150%;}
.essence .btn {position: relative; z-index: 2; float: left; margin: 2vw 0 0 0;}

.method {position: relative; z-index: 1; margin: 0; padding: 0; width: 100vw; height: auto;}
.method .name {position: relative; z-index: 2; padding: 10vw 0 0 15vw; font-size: 350%; line-height: 100%; color: RGB(7,5,45); font-family: 'bebas bold', sans-serif;} 

.method .tabs {padding: 2vw 0 0 0; margin: 0; width: 100vw;}
.method .tabs > section {display: none; padding: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; margin: 0; z-index: 0; color: #000;}
.method .tabs > input {display: none; position: absolute;}
.method .tabs > label {position: relative; z-index: 1; display: inline-block; width: auto; padding: 0.4vw 1.5vw 0.45vw 1.5vw; text-align: center; background: transparent; border: 0.1vw solid RGB(7,5,45); font-family: 'gilroy medium', sans-serif; border-radius: 5vw; font-size: 75%; color: RGB(7,5,45); line-height: 150%; background: #fff; transition: all 500ms ease;} 
label.labels {margin: 0 0.5vw 0 0;} 
label.labels:nth-child(2) {margin: 0 0.5vw 0 15vw;}
.tabs > label:hover {cursor: pointer; color: #fff; background: RGB(7,5,45);} 
.tabs > input:checked + label {color: #fff; border: 0.1vw solid RGB(7,5,45); font-family: 'gilroy medium', sans-serif; background: RGB(7,5,45);}
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5, #tab6:checked~#content-tab6 , #tab7:checked~#content-tab7 {position: relative; display: block; width: 70vw; height: auto; margin: 0; padding: 3vw 0 10vw 15vw;}
@-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
.tabs > section {position: relative; overflow: hidden;}
.tabs > section .text {position: relative; z-index: 1; width: 30vw; margin: 0 0 2vw 0; line-height: 125%; font-family: 'gilroy medium', sans-serif;} 
.tabs > section .youtube {position: relative; float: right; z-index: 1; width: 35vw; height: 19.5vw; margin: 0;} 
.tabs > section .fan_img {position: relative; width: 27vw; margin: 0 0 2vw 0; line-height: 0;} 
.tabs > section .fan_img img {width: 100%;}  

.question {position: relative; z-index: 2; margin: 10vw 0 0 0; padding: 0; width: 100vw; height: 22.5vw;}
.question .question_bg {position: absolute; z-index: 1; width: 100vw; height: auto; line-height: 0;}
.question .question_bg img {width: 100%;}
.question .question_name {position: relative; z-index: 2; padding: 5vw 0 0 15vw; font-size: 350%; line-height: 100%; color: #fff; font-family: 'bebas bold', sans-serif;} 
.question .question_text {position: relative; z-index: 2; margin: 1vw 0 0 15vw; width: 60vw; color: #fff; line-height: 125%; }
.question .tel {position: relative; z-index: 2; float: left; margin: 1.5vw 0 0 15vw;} 
.question .btn {position: relative; z-index: 2; float: left; margin: 1.25vw 0 0 2vw;} 

.faq {position: relative; margin: 10vw 0; padding: 0; width: 100vw; height: auto;}
.faq .spoiler {position: relative; margin: 0 15vw;}

.spoiler > input + label:after {position: relative; float: right; margin: 0; content: ""; width: 1vw; height: 1vw; background: url("../../../images/spoiler.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition: all 500ms ease;}
.spoiler > input:checked + label:after {position: relative; float: right; margin: 0; content: ""; width: 1vw; height: 1vw; background: url("../../../images/spoiler.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transform: rotate(45deg);}
.spoiler > input + label {padding: 1vw 0; overflow: hidden; width: 100%; box-sizing: border-box; display: block; cursor: pointer; background: #FFF; font-family: 'gilroy medium', sans-serif; color: RGB(7,5,45); border-bottom: 0.1vw solid #f2f3f7; font-size: 110%;  font-family: 'gilroy bold', sans-serif;}
.spoiler > input:checked + label {border-bottom: none;}
.spoiler > .spoiler_body {position: relative; margin: 1vw 0 2vw 0; padding: 0 5vw 0 2vw; overflow: hidden; width: 100%; box-sizing: border-box; display: block; cursor: pointer; background: #FFF; font-family: 'gilroy medium', sans-serif; border-left: 0.2vw solid RGB(0,204,255); line-height: 125%;} 
.spoiler > input, .spoiler > input + label + .spoiler_body {display: none;}
.spoiler > input:checked + label + .spoiler_body {display: block;}

.preim {position: relative; margin: 10vw 0 0 0; padding: 0; width: 100vw; height: 19.5vw;}
.preim .preim_name {position: relative; width: 30vw; padding: 0 0 0 15vw; font-size: 350%; line-height: 100%; font-family: 'bebas bold', sans-serif; color: RGB(7,5,45);} 
.preim .preim_text {position: relative; z-index: 2; margin: 1vw 0 0 15vw; width: 40vw; line-height: 125%;  font-family: 'gilroy medium', sans-serif;}
.preim .tel {position: relative; z-index: 2; float: left; margin: 2.5vw 0 0 15vw;} 
.preim .btn {position: relative; z-index: 2; float: left; margin: 2.25vw 0 0 2vw;} 
.preim .youtube {position: relative; float: right; z-index: 1; width: 35vw; height: 19.5vw; margin: 0 15vw 0 5vw;} 

.price {position: relative; z-index: 2; margin: 0; padding: 0; width: 100vw; height: 22.5vw;}
.price .price_bg {position: absolute; z-index: 1; width: 100vw; height: auto; line-height: 0;}
.price .price_bg img {width: 100%;}
.price .price_name {position: relative; z-index: 2; padding: 5vw 0 0 15vw; font-size: 350%; line-height: 100%; color: #fff; font-family: 'bebas bold', sans-serif;} 
.price .price_text_right {position: relative; float: right; z-index: 2; margin: -9vw 15vw 0 0; width: 40vw; color: #fff; line-height: 125%; } 
.price .price_text {position: relative; z-index: 2; margin: 1vw 0 0 15vw; width: 30vw; color: #fff;}
.price .price_text ul li {position: relative; margin: 0; color: RGB(0,204,255); font-family: 'gilroy bold', sans-serif; } 
.price .price_text ul li:before {position: absolute; content: ''; width: 1.5vw; height: 0.1vw; background: RGB(0,204,255); margin: 1vw 0 0 -2.35vw;}   
.price .price_text ul li.span {margin: 0 3vw 0 0; float: left; color: #fff; font-family: 'gilroy regular', sans-serif;}
.price .price_text ul li.span:before {display: none;}
.price .btn {position: relative; z-index: 2; float: left; margin: 1.5vw 0 0 15vw;}
.price .price_text_right ul {position: relative; width: 100%; margin: 2vw 0 0 0;}
.price .price_text_right ul li {position: relative; margin: 0 0 0.1vw 1.5vw; line-height: 110%;}
.price .price_text_right ul li:before {position: absolute; content: ''; width: 0.4vw; height: 0.4vw; border-radius: 5vw; background: RGB(0,204,255); margin: 0.65vw 0 0 -1.4vw;}  

.contact {position: relative; z-index: 2; margin: 0; padding: 0; width: 100vw; height: 45vw;}
.contact .contact_bg {position: absolute; z-index: 1; width: 100vw; height: auto; line-height: 0;}
.contact .contact_bg img {width: 100%;}
.contact .contact_pen {position: absolute; z-index: 2; width: 12.5vw; height: auto; line-height: 0; margin: -2.5vw 0 0 45vw;}
.contact .contact_pen img {width: 100%;}
.contact a {color: RGB(7,5,45);} 
.contact .tel {position: relative; z-index: 2; font-size: 225%; margin: 2vw 0 0.5vw 14vw; font-family: 'gilroy bold', sans-serif;}
.contact .mail {position: relative; z-index: 2;  font-size: 150%; margin: 0 0 0 15vw; font-family: 'gilroy medium', sans-serif;}
.contact .name {position: relative; z-index: 2; width: 25vw; padding: 4vw 0 0 15vw; font-size: 250%; line-height: 100%; color: RGB(7,5,45); font-family: 'bebas bold', sans-serif;} 
.contact .online {position: relative; z-index: 2; margin: 2vw 0 0 15vw;}
.contact .ofer {position: relative; z-index: 2; width: auto; height: auto; line-height: 135%; margin: 3vw 0 0 13vw; font-size: 75%; background: #fff; padding: 2vw; border-radius: 0.5vw; display: inline-block;} 

.copyright {position: absolute; z-index: 3; margin: 0; bottom: 1vw; left: 15vw; font-size: 60%; font-family: 'gilroy medium', sans-serif; line-height: 125%;}
.made {position: absolute; z-index: 3; margin: 0; bottom: 1vw; right: 15vw; font-size: 60%; font-family: 'gilroy medium', sans-serif; line-height: 125%;}

/* параметры материала */
.item-page .pull-left.item-image {width: 26vw; margin: 0 0 3vw 0;}
.item-page .pull-left.item-image img {width: 100%;}
.article-info.muted {display: none;}

.page-header {margin: 0;}
.page-header .shared_icons {position: relative; float: right; margin: -3.25vw 0 0 0; z-index: 5;}
.page-header .shared_icons .ya-share2__container_size_s .ya-share2__item {margin: 0 0.25vw 0 0;}
.page-header .shared_icons .ya-share2__container_size_s .ya-share2__icon {height: 1.1vw; width: 1.1vw; background-size: 1.1vw 1.1vw; line-height: 1.1vw;}

.article-info {overflow: hidden; color: #c5c5c5; font-size: 75%; margin: 0 0 3vw 0;}
.article-info a {color: #456078;}
.article-info .article-info-term {display: none;}
.article-info .createdby, .article-info .category-name {display: inline-block; float: left; margin: 0 1.5vw 0 0;}

/* блок "хлебные крошки" */
.breadcrumb {position: absolute; margin: -2.5vw 0 0 0.25vw; overflow: hidden; font-size: 75%; color: #e5e5e5;} 
.breadcrumb li {float: left; margin: 0;}
.breadcrumb a {color: #e5e5e5; text-decoration: underline;}
.breadcrumb a:hover {color: #ff0000; text-decoration: underline;}
.breadcrumb li span {margin: 0 1vw;}
.breadcrumb li span:first-child {margin: 0;}

/* настройка всплывающих изображений */
#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%;}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0;}

.vcms__popup-check {display: none;}
.vcms__popup {position: fixed; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.9); display: flex; opacity: 0; visibility: hidden; transition: visibility 0s, opacity 0.25s ease-in-out;   transition-delay: 0.65s, 0.2s;}
.vcms__popup-check:checked + .vcms__popup {opacity: 1; visibility: visible; transition-delay: 0s, 0s;}
.vcms__popup .inner {width: 50vw; height: 40vw; overflow: auto; box-shadow: 0 1vw 2.5vw 0 rgba(0, 0, 0, 0.15); background-color: #f2f3f7; box-sizing: border-box; opacity: 0; transition: margin-bottom 0.4s cubic-bezier(0.42, 0.72, 0.37, 1.31), opacity 0.25s ease-in-out; transition-delay: 0s, 0s; margin: 5vw 0 0 25vw;}
.vcms__popup-check:checked + .vcms__popup .inner {transition-delay: 0.15s, 0.15s; margin-bottom: 0; opacity: 1;}
.vcms__popup .close {position: absolute; top: 7vw; left: 72vw; 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 .rsformonline {position: relative; margin: 5vw 13vw; color: #141c29;}
.vcms__popup .inner .rsformonline h2 {position: relative; margin: 0 0 1.5vw 0; font-family: 'bebas bold', sans-serif; font-size: 200%; color: RGB(7,5,45); line-height: 100%;}
.vcms__popup .inner .rsformonline .rsform-block-intro-text {position: relative; font-size: 75%; line-height: 150%; margin: 0 0 2vw 0; font-family: 'gilroy light', sans-serif; color: #000;}
.vcms__popup .inner .rsformonline input {position: relative; font-size: 75%; line-height: 125%; font-family: 'gilroy regular', sans-serif; padding: 0.5vw 0; border: none; border-bottom: 0.05vw solid #9b9b9b; border-radius: 0; width: 17.5vw; 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; font-size: 50%; margin: 0 10vw 0 0; font-family: 'gilroy medium', sans-serif;}
.vcms__popup .inner .rsformonline .rsform-block-name {position: relative; margin: 0 0 3.5vw 0;}
.vcms__popup .inner .rsformonline .rsform-block-telname {position: relative; font-size: 50%; margin: 0 10vw 0 0; font-family: 'gilroy medium', sans-serif;}
.vcms__popup .inner .rsformonline .rsform-block-tel {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 {color: RGB(7,5,45); padding: 0.4vw 1.5vw 0.45vw 1.5vw; border-radius: 5vw; margin: 0; font-size: 75%; display: inline-block; line-height: 150%; background: RGB(0,204,255); font-family: 'gilroy medium', sans-serif; transition: all 500ms ease;}
.vcms__popup .inner .rsformonline .rsform-block-submit button:hover {cursor: pointer; background: #fff;}

.vcms_slider_check {display: none;}
.vcms_slider_check:checked + [class^='vcms_slider_'] {opacity: 1; visibility: visible; transition-delay: 0s, 0s;}
.vcms_slider_check:checked + [class^='vcms_slider_'] .inner {transition-delay: 0.15s, 0.15s; margin-bottom: 0; opacity: 1;}
[class^='vcms_slider_'] {position: fixed; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.9); display: flex; opacity: 0; visibility: hidden; transition: visibility 0s, opacity 0.25s ease-in-out; transition-delay: 0.65s, 0.2s;}
[class^='vcms_slider_'] .inner {width: 70vw; height: 100vh; overflow: auto; box-shadow: 0 1vw 2.5vw 0 rgba(0, 0, 0, 0.15); background-color: #f2f3f7; box-sizing: border-box; opacity: 0; transition: margin-bottom 0.4s cubic-bezier(0.42, 0.72, 0.37, 1.31), opacity 0.25s ease-in-out; transition-delay: 0s, 0s; margin: 0;}
[class^='vcms_slider_'] .close {position: absolute; top: 2vw; left: 67vw; width: 1vw; height: 1vw; line-height: 0; z-index: 999;}
[class^='vcms_slider_'] .close img {width: 100%;}
[class^='vcms_slider_'] .close:hover {cursor: pointer; transform: rotate(90deg);}

[class^='vcms_slider_'] .inner .slider_1 {position: relative; width: 50vw; padding: 5vw 10vw; overflow: hidden;}
[class^='vcms_slider_'] .inner .slider_1 .patent_name {position: relative; padding: 0 0 3vw 0; font-size: 350%; line-height: 100%; color: RGB(7,5,45); font-family: 'bebas bold', sans-serif;} 
[class^='vcms_slider_'] .inner .slider_1 .text {position: relative; float: left; width: 17.5vw; margin: 0; line-height: 150%; font-size: 75%;} 
[class^='vcms_slider_'] .inner .slider_1 .patent_img {position: relative; z-index: 1; width: 27.5vw; line-height: 0; margin: 0; float: right;}
[class^='vcms_slider_'] .inner .slider_1 .patent_img img {width: 100%;}

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