@font-face {
font-family: Circe;
src: url(../../fonts/Circe-ExtraLight.woff) format("woff");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Circe;
src: url(../../fonts/Circe-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Circe;
src: url(../../fonts/Circe-Regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Rubik;
src: url(../../fonts/Rubik-Light.woff2) format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Rubik;
src: url(../../fonts/Rubik-Regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Rubik;
src: url(../../fonts/Rubik-SemiBold.woff2) format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Rubik;
src: url(../../fonts/Rubik-Bold.woff2) format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
* {
box-sizing: border-box;
outline: 0;
background-repeat: no-repeat;
}
::before, ::after {
background-repeat: no-repeat;
}
body {
font-family: Circe, sans-serif;
margin: 0;
font-size: 0.83vw;
position: relative
}
a, button {
text-decoration: none;
color: inherit;
cursor: pointer
}
ul li {
list-style: none
}
input[type=submit] {
-webkit-appearance: none
}
a, button, input {
outline: 0
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
margin: 0;
padding: 0
}
h1 {
font-family: 'Rubik', sans-serif;
font-size: 2.1875vw;
line-height: 1.3;
font-weight: 500;
text-transform: uppercase;
}
h2 {
font-family: 'Rubik', sans-serif;
font-size: 2.1875vw;
line-height: 1.3;
font-weight: 500;
text-transform: uppercase;
}
h1 span.st2, h2 span.st2, h3 span.st2 {
position: relative;
display: inline-block;
z-index: 1;
}
h1 span.st2:before, h2 span.st2:before, h3 span.st2:before {
content: "";
width: 100%;
height: 0.25vw;
background: #0066b0;
position: absolute;
bottom: 2%;
left: 0;
z-index: -1
}
.scroll_animation h1, .scroll_animation h2 {
position: relative;
top: -2vw;
opacity: 0;
-webkit-transition: top 0.8s, opacity 0.8s;
transition: top 0.8s, opacity 0.8s;
}
.scroll_animation.scrolled h1, .scroll_animation.scrolled h2 {
top: 0vw;
opacity: 1;
}
.block_main.scroll_animation .desc3 {
position: relative;
bottom: -2vw;
opacity: 0;
-webkit-transition: bottom 0.8s, opacity 0.8s;
transition: bottom 0.8s, opacity 0.8s;
}
.block_main.scroll_animation.scrolled .desc3 {
bottom: 0vw;
opacity: 1;
}
.error {
color: #ffffff;
font-size: 1.1vw;
line-height: 1;
background-color: #CC0000;
padding: 0.2vw 0.8vw;
border-radius: 0.5vw;
}
.ok {
color: #ffffff;
font-size: 1.1vw;
line-height: 1;
background-color: #0066b0;
padding: 0.2vw 0.8vw;
border-radius: 0.5vw;
}
.anchor {
position: relative;
top: -3vw;
display: block;
}
.order_status {
margin-top: -1vw;
margin-bottom: 1vw;
}
.intext {
font-family: 'Circe', sans-serif;
display: inline-block;
padding: 0.833vw 1.145vw;
border: 1px solid #D8D8D8;
background-color: #FFFFFF;
font-size: 0.885vw;
font-weight: 400;
color: #222222;
outline: none;
-webkit-border-radius: 0.3125vw;
border-radius: 0.3125vw;
}
.intext.disabled {
background-color: #fbfbfb;
color: #848484;
}
.button {
font-family: 'Circe', sans-serif;
color: #FFFFFF;
background-color: #0066b0;
font-size: 0.83vw;
font-weight: 800;
letter-spacing: 0.12em;
text-align: center;
padding: 0.94vw 1.35vw;
border: 0;
display: inline-block;
cursor: pointer;
outline: none;
-webkit-user-select: none;
user-select: none;
-webkit-transition: background 0.1s ease, color 0.1s ease;
transition: background 0.1s ease, color 0.1s ease;
text-transform: uppercase;
-webkit-border-radius: 0.21vw;
border-radius: 0.21vw;
-webkit-box-shadow: 0.42vw 0.42vw 1.3vw 0vw rgba(57, 171, 60, 0.3);
box-shadow: 0.42vw 0.42vw 1.3vw 0vw rgba(57, 171, 60, 0.3);
}
.button:hover {
background-color: #19981C;
}
.button:active {}
.button2 {
font-family: 'Circe', sans-serif;
font-size: 1vw;
line-height: 1;
color: #fff !important;
text-transform: uppercase;
text-align: center;
text-decoration: none !important;
padding: 1.3vw 3vw;
border: 0px !important;
display: inline-block;
cursor: pointer;
position: relative;
overflow: hidden;
background: linear-gradient(180deg, #7a9dff 0%, #0066b0 99.26%) !important;
-webkit-box-shadow: 0px 40px 40px -20px lch(45.6 69.87 284.96 / 0.4), 0px 4px 0px 0px #284aac;
box-shadow: 0px 40px 40px -20px lch(45.6 69.87 284.96 / 0.4), 0px 4px 0px 0px #284aac;
-webkit-border-radius: 0.62vw;
border-radius: 0.62vw;
}
.button2::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
background: linear-gradient(180deg, #ffffff40 0%, #ffffff10 99.26%);
-webkit-transition: 0.2s;
transition: 0.2s;
}
.button2:hover::before {
opacity: 1;
}
.button2::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 5.57vw;
height: 6.77vw;
background-image: url(../../img_blue/but_anim.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0.5;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-animation: button2_anim 6s linear infinite;
animation: button2_anim 6s linear infinite;
}
.button2 .arr_left, .next_calc .arr_left {
display: inline-block;
vertical-align: middle;
margin-left: -0.2vw;
margin-right: 0.8vw;
white-space: nowrap;
}
.next_calc .arr_left {
margin: 0 0 -0.1vw 0;
}
.button2 .arr_left::before, .next_calc .arr_left::before {
content: "";
background-image: url(../../img_blue/but_arr.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
width: 0.7vw;
height: 0.7vw;
-webkit-animation: but_arr_anim 1s infinite linear;
animation: but_arr_anim 1s infinite linear;
}
.button2 .arr_left::after, .next_calc .arr_left::after {
content: "";
background-image: url(../../img_blue/but_arr.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
width: 0.7vw;
height: 0.7vw;
-webkit-animation: but_arr_anim2 1s infinite linear;
animation: but_arr_anim2 1s infinite linear;
}
.button2 .arr_right, .next_calc .arr_right {
display: inline-block;
vertical-align: middle;
margin-left: 0.8vw;
margin-right: -0.2vw;
white-space: nowrap;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.button2 .arr_right::before, .next_calc .arr_right::before {
content: "";
background-image: url(../../img_blue/but_arr.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
width: 0.7vw;
height: 0.7vw;
-webkit-animation: but_arr_anim 1s infinite linear;
animation: but_arr_anim 1s infinite linear;
}
.button2 .arr_right::after, .next_calc .arr_right::after {
content: "";
background-image: url(../../img_blue/but_arr.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
width: 0.7vw;
height: 0.7vw;
-webkit-animation: but_arr_anim2 1s infinite linear;
animation: but_arr_anim2 1s infinite linear;
}
@-webkit-keyframes but_arr_anim {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 0
}
50% {
-webkit-transform: translateX(55%);
transform: translateX(55%);
opacity: .6
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 1
}
}
@keyframes but_arr_anim {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 0
}
50% {
-webkit-transform: translateX(55%);
transform: translateX(55%);
opacity: .6
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 1
}
}
@-webkit-keyframes but_arr_anim2 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0
}
}
@keyframes but_arr_anim2 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0
}
}
@-webkit-keyframes button2_anim {
0% {
left: -15.625vw;
}
100% {
left: calc(100% + 15.625vw);
}
}
@keyframes button2_anim {
0% {
left: -15.625vw;
}
100% {
left: calc(100% + 15.625vw);
}
}
.intext::-webkit-input-placeholder {
color: #AAAAAA;
}
.intext::-moz-placeholder {
color: #AAAAAA;
}
.intext:-moz-placeholder {
color: #AAAAAA;
}
.intext:-ms-input-placeholder {
color: #AAAAAA;
}
.intext::placeholder {
color: #AAAAAA;
}
.intext.require {
outline: 0.1vw solid rgba(255, 187, 187, 0);
-webkit-transition: outline 0.2s ease;
transition: outline 0.2s ease;
}
.intext.err {
outline: 0.1vw solid #ff9090;
outline-offset: -0.1vw;
}
.intext_select {
position: relative;
cursor: pointer;
display: inline-block;
vertical-align: bottom;
font-weight: 400;
color: #222;
}
.intext_select>div {
min-width: 2.5vw;
position: relative;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
white-space: nowrap;
}
.intext_select>div:after {
content: "";
position: absolute;
top: 0.1vw;
right: 0;
background-image: url(../../img_blue/arr2.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 0.8vw;
height: 1.1vw;
width: 1.1vw;
}
.intext_select>div span {
position: relative;
}
.intext_select>ul {
display: none;
position: absolute;
left: 0;
top: 100%;
background-color: #FFFFFF;
z-index: 99;
-webkit-box-shadow: 0vw 0.2vw 0.5vw 0.1vw rgba(0, 0, 0, 0.1);
box-shadow: 0vw 0.2vw 0.5vw 0.1vw rgba(0, 0, 0, 0.1);
border: 0.1vw solid #d8d8d8;
min-width: 100%;
max-width: 25vw;
max-height: 14.7vw;
overflow: auto;
list-style-type: none;
margin: 0;
-webkit-border-radius: 0.325vw;
border-radius: 0.325vw;
}
.intext_select>ul li {
margin-bottom: 0;
padding: 0.5vw 0.8vw;
position: relative;
font-size: 0.9vw;
-webkit-user-select: none;
user-select: none;
line-height: 1.2;
}
.intext_select>ul li:hover {
background-color: #5AA4E0;
color: #FFFFFF;
}
.intext_select>ul li.selected {
background-color: #2274b8;
color: #FFFFFF;
}
.intext_select>ul li span {
position: relative;
z-index: 1000;
}
.intext_placeholder {
color: #cacaca;
}
.intext_src {
width: 100%;
border: 1px solid #dddddd;
background-color: #FFFFFF;
-webkit-border-radius: 0.3vw;
border-radius: 0.3vw;
font-size: 0.8vw;
line-height: 1.5;
padding: 0.2vw 0.5vw;
margin-bottom: 0;
}
.intext_status {
font-family: 'Circe', sans-serif;
font-size: 0.73vw;
font-weight: 400;
color: #ff9090;
white-space: nowrap;
background-color: #FFF;
padding: 0.16vw 0.57vw 0vw 0.57vw;
position: absolute;
top: -0.68vw;
left: 0.57vw;
-webkit-border-radius: 0.1vw;
border-radius: 0.1vw;
z-index: 1;
}
.intext_block {
position: relative;
}
.intext_block .intext_title {
font-family: 'Circe', sans-serif;
font-size: 0.73vw;
font-weight: 400;
color: #0066b0;
background-color: #fff;
padding: 0.16vw 0.57vw 0vw 0.57vw;
position: absolute;
top: -0.68vw;
left: 0.57vw;
-webkit-border-radius: 0.1vw;
border-radius: 0.1vw;
opacity: 0;
-webkit-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
}
.intext_block .intext_title.focus {
opacity: 1;
}
.file_block {
margin-bottom: 1vw;
text-align: left;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
display: inline-block;
}
.file_block .file_button {
color: #FFFFFF;
background-color: #0066b0;
padding: 0.5vw 0.8vw;
border: 0;
-webkit-border-radius: 0.3vw;
border-radius: 0.3vw;
vertical-align: middle;
font-size: 0.8vw;
cursor: pointer;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.file_block:hover .file_button {
background-color: #50C553;
}
.file_block .file_text {
font-size: 0.7vw;
padding: 0.3vw 0.5vw;
vertical-align: middle;
display: inline-block;
}
.swiper_button_prev, .swiper_button_next {
display: flex;
align-items: center;
justify-content: space-around;
position: relative;
width: 2.1875vw;
height: 2.1875vw;
background-color: #F0F0F0;
border: 1px solid #0066b0;
border-radius: 100%;
cursor: pointer;
-webkit-transition: all .2s;
transition: all .2s
}
.swiper_button_next {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.swiper_button_prev:hover, .swiper_button_next:hover {
background-color: #0066b0!important;
}
.swiper_button_prev:after, .swiper_button_next:after {
content: '';
display: block;
width: 0.3vw;
height: 0.3vw;
margin-left: 0.2vw;
border-left: 2px solid #0066b0;
border-bottom: 2px solid #0066b0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .2s;
transition: all .2s
}
.swiper_button_prev:hover:after, .swiper_button_next:hover:after {
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.hd {
display: none;
}
.video-popup {
width: 70%;
max-width: 52.08vw;
margin: 0 auto;
background-color: #000;
color: #FFFFFF;
font-size: 1.25vw;
position: relative;
}
.video-popup iframe {
width: 100%;
-webkit-box-shadow: 0 0 5.21vw 0 rgb(0 0 0 / 80%);
box-shadow: 0 0 5.21vw 0 rgb(0 0 0 / 80%);
height: 29.3vw;
display: block;
}
.wrapper {
width: 95%;
max-width: 66.67vw;
margin-right: auto;
margin-left: auto;
position: relative;
}
.big_Container {
width: 100%;
max-width: unset;
margin: 0 auto;
}
.header_top_cont_left a, .header_top_cont_right a {
font-family: Circe;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
font-style: normal;
-webkit-transition: all .2s;
transition: all .2s
}
.header_top_cont_left a svg, .header_top_cont_right a svg {
min-width: 0.833vw;
min-height: 0.833vw;
margin-right: 0.5vw;
}
.header_top_cont_right .header_email {
background-image: url(../../img_blue/email_ico.svg);
background-size: 1.2vw;
padding-left: 1.6vw;
margin-right: 1vw;
}
.header_top_cont_right .header_email::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 1.6vw;
background-image: url(../../img_blue/email_ico_hover.svg);
background-size: 1.2vw;
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s
}
.header_top_cont_right .header_email:hover::before {
opacity: 1;
}
.header_top_cont_right .header_phone {
background-image: url(../../img_blue/phone_ico.svg);
background-size: 1.2vw;
padding-left: 1.6vw;
}
.header_top_cont_right .header_phone::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 1.6vw;
background-image: url(../../img_blue/phone_ico_hover.svg);
background-size: 1.2vw;
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s
}
.header_top_cont_right .header_phone:hover::before {
opacity: 1;
}
.header_bottom_cont_nav_menu li .header_top_svg {
display: inline-block;
vertical-align: middle;
width: 1vw;
margin-right: 0.4vw;
cursor: pointer;
}
.header_bottom_cont_nav_menu li .header_top_svg span {
display: block;
height: 0.15vw;
margin: 0.1vw 0 0.2vw 0;
background-color: #222;
-webkit-transition: all .2s;
transition: all .2s
}
.header_bottom_cont_nav_menu li:hover .header_top_svg span {
background-color: #0066b0;
}
#header {
height: 7.29vw;
background: #fff;
position: relative;
z-index: 5
}
#header.header_support {
height: 4.22vw;
}
#header.mini {
z-index: 1001;
}
.mobile_buttons {
display: none;
}
.header_support a {
display: inline-block;
color: #222;
-webkit-transition: all .2s;
transition: all .2s
}
.header_support a:hover {
color: #0066b0;
}
.header_support .button2 {
margin-left: 1.2vw;
padding: 0.7vw 1vw;
font-size: 0.9vw;
white-space: nowrap;
text-transform: none;
}
.header_support .support_buts {
text-align: center;
}
.header_support .support_but2 {
line-height: 1.3;
}
.header_support .support_but2 span:before {
content: "";
background-image: url(../../img_blue/case_ico.png);
background-size: 1.2vw;
display: inline-block;
vertical-align: top;
width: 1.2vw;
height: 1.2vw;
margin-right: 0.4vw;
}
.header_support .support_but1 {
background-image: url(../../img_blue/email_ico.svg);
background-size: 1.2vw;
padding-left: 1.6vw;
position: relative;
font-size: 0.9vw;
line-height: 1.6;
}
.header_support .support_but1::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 1.6vw;
background-color: #fff;
background-image: url(../../img_blue/email_ico_hover.svg);
background-size: 1.2vw;
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s
}
.header_support .support_but1:hover::before {
opacity: 1;
}
.header_support .support_but5 {
background-image: url(../../img_blue/webinar_ico.png);
background-size: 1.2vw;
padding-left: 1.6vw;
margin-bottom: 0.2vw;
position: relative;
font-size: 0.9vw;
line-height: 1.6;
}
.header_support .support_but5::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 1.6vw;
background-color: #fff;
background-image: url(../../img_blue/webinar_ico_hover.png);
background-size: 1.2vw;
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s
}
.header_support .support_but5:hover::before {
opacity: 1;
}
.header_support .support_contacts {
padding: 0.6vw 0;
text-align: right;
font-size: 0.9vw;
line-height: 1.3;
padding: 0.45vw 0;
}
.header_support .support_contacts p {
margin-bottom: 0.27vw;
}
.header_support .support_contacts .login_but {
background-image: url(../../img_blue/user_ico.svg);
background-position: left center;
background-size: 0.8vw;
padding-left: 1.2vw;
font-size: 1vw;
line-height: 1.5;
font-weight: 600;
}
.header_support .support_contacts .exit_but {
background-image: url(../../img_blue/exit_ico.svg);
background-position: left center;
background-size: 0.8vw;
padding-left: 1.2vw;
margin-left: 0.8vw;
}
.header_support .account_webinar {}
.header_support .account_dealers_orders {
text-align: center;
}
.header_top {
position: absolute;
padding: 0.52vw 1.04vw;
border-bottom: 0.05vw solid #f0f0f0;
width: 100%
}
.callback_mob {
	display: none;
}
.header_top_cont {
position: relative;
max-width: 66.67vw;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center
}
.header_top_cont_left {
max-width: 26vw;
display: flex;
justify-content: space-between;
align-items: center;
white-space: nowrap;
}
.header_top_cont_left a, .header_top_cont_left span {
color: #939393
}
.header_top_cont_left span:nth-child(2) {
border-left: 0.05vw solid #f0f0f0;
padding-left: 0.94vw;
margin-left: 0.94vw
}
.header_top_cont_center {
color: #939393;
font-family: Circe;
font-weight: 400;
font-size: 0.8vw;
line-height: 1.1;
font-style: normal;
text-align: center;
white-space: nowrap;
padding: 0 1.5vw;
}
.header_top_cont_center span {
font-size: 0.7vw;
}
.header_top_cont_right {
display: flex;
justify-content: flex-end;
align-items: center;
white-space: nowrap;
}
.header_bottom_cont, .header_top_cont_right a {
display: -ms-flexbox
}
.header_top_cont_right a {
position: relative;
color: #222;
display: flex;
justify-content: flex-start;
align-items: center;
transition: all .2s
}
.header_top_cont_right a .header_top_svg {
transition: all .2s
}
.header_top_cont_right a:hover {
color: #0066b0
}
.header_top_cont_right .call_number {
position: relative;
font-family: Rubik;
font-style: normal;
font-weight: 600;
font-size: 0.89vw;
line-height: 1.04vw;
color: #222;
padding-right: 0.78vw
}
.header_top_cont_right .call_number:before {
content: "";
position: absolute;
right: 0;
width: 0.31vw;
height: 0.31vw;
background-repeat: no-repeat;
background-image: url('../../img_blue/Ellipse 196.svg')
}
.header_bottom {
padding: 0 1.04vw;
z-index: 5;
position: absolute;
width: 100%;
top: 2.32vw;
}
.header_support .header_bottom {
top: 0;
}
.header_bottom .header_top {
display: none
}
.header_bottom_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto;
padding: 0.78vw 0;
display: flex;
justify-content: space-between;
align-items: center
}
.header_support .header_bottom_cont {
padding: 0 0 0.78vw 0;
max-width: 93vw;
}
.header_bottom_cont_logo {
margin-left: -1.09vw;
height: 3.39vw;
max-width: 23.18vw;
width: 100%;
position: relative;
bottom: -0.78vw
}
.header_support .header_bottom_cont_logo {
top: 0.4vw;
}
.header_bottom_cont_logo img {
box-shadow: 0 0.21vw 0.78vw rgba(0, 0, 0, .02);
width: 100%
}
.header_bottom_cont_nav {
max-width: 45vw;
width: 100%;
min-width: 42.71vw;
position: relative;
display: flex;
justify-content: flex-end;
align-items: center
}
.header .callback_mob {
display: none;
}
.header_bottom_cont_nav .callback {
display: flex;
align-items: center;
padding-left: 2vw;
}
.header_bottom_cont_nav .callback .online {
background-color: #0066b0;
display: inline-block;
vertical-align: middle;
width: 0.7vw;
height: 0.7vw;
margin: 0 0.3vw 0.05vw 0;
-webkit-border-radius: 0.4vw;
border-radius: 0.4vw;
animation: shine2 1s cubic-bezier(1, 0, 0, 1) infinite;
}
.header_bottom_cont_nav .callback span {
display: block;
width: 5.5vw;
line-height: 1.1;
color: #0066b0;
font-size: 0.8vw;
font-weight: 600;
}
.mini .header_bottom_cont_nav .callback span {
display: none;
}
.header_bottom_cont_nav .callback a {
margin-left: 0.5vw;
padding: 0.7vw 1vw;
font-size: 0.9vw;
white-space: nowrap;
text-transform: none;
}
.header_bottom_cont_nav .callback .wa_but {
background-color: #39CB59;
border-radius: 100%;
padding: 0.4vw 0.45vw;
width: 2.2vw;
height: 2.2vw;
display: inline-block;
}
.header_bottom_cont_nav .callback .wa_but img {
width: 1.3vw;
}
.header_bottom_cont_nav .callback .tg_but {
background-color: #05A0EB;
border-radius: 100%;
padding: 0.6vw 0.5vw;
width: 2.2vw;
height: 2.2vw;
display: inline-block;
}
.header_bottom_cont_nav .callback .tg_but img {
width: 1.1vw;
}
.header_bottom_cont_nav .login_block {
position: relative;
padding: 0.2vw 0vw;
}
.header_bottom_cont_nav .login_block .login_but {
display: block;
width: 2.29vw;
height: 2.29vw;
margin-left: 0.8vw;
border: 1px solid #0066b0;
border-radius: 0.5vw;
background-image: url(../../img_blue/login_ico.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 1.04vw;
cursor: pointer;
}
.header_bottom_cont_nav .login_block .login_but.logined {
background-color: #0066b0;
background-image: url(../../img_blue/login_ico2.svg);
}
.header_bottom_cont_nav .login_block ul {
display: none;
position: absolute;
right: 0;
top: 93%;
background-color: #fff;
padding: 0.3vw 0.5vw 0.3vw 0.5vw;
border-radius: 0.5vw;
z-index: 1;
}
.header_bottom_cont_nav .login_block .login_but:hover ul {
display: block;
}
.header_bottom_cont_nav .login_block ul li {}
.header_bottom_cont_nav .login_block ul li a {
white-space: nowrap;
display: block;
padding: 0.3vw;
transition: color .2s
}
.header_bottom_cont_nav .login_block ul li a:hover {
color: #0066b0;
}
.header_bottom_cont_nav .login_block ul li:first-child a {
border-bottom: 1px solid #F0F0F0;
}
.header_bottom_cont_nav .login_block .login_info {
position: absolute;
background-image: url(../../img_blue/login_bg.svg);
background-size: cover;
background-position: right bottom;
top: 2.7vw;
right: -1vw;
width: 19.27vw;
height: 1.8vw;
padding: 0.3vw 1.1vw 0.4vw 2.4vw;
text-align: right;
font-size: 1vw;
line-height: 1.1;
}
.header_bottom_cont_nav .login_block .login_info a {
color: #222;
transition: color .2s
}
.header_bottom_cont_nav .login_block .login_info a:hover {
color: #0066b0;
}
.header_bottom_cont_nav .login_block .login_info .login_acc_but {
background-image: url(../../img_blue/user_ico.svg);
background-position: left center;
background-size: 0.8vw;
display: inline-block;
vertical-align: top;
padding-left: 1.2vw;
max-width: 10vw;
overflow: hidden;
white-space: nowrap;
}
.header_bottom_cont_nav .login_block .login_info .exit_but {
background-image: url(../../img_blue/exit_ico.svg);
background-position: left center;
background-size: 0.8vw;
padding-left: 1.2vw;
margin-left: 0.8vw;
display: inline-block;
vertical-align: top;
}
.header_bottom_cont_nav .open_menu {
display: none;
max-width: 1.2vw;
padding: 0;
cursor: pointer;
width: 100%;
z-index: 30
}
.footer .footer_cont, .header_bottom_cont_nav_menu {
display: -ms-flexbox
}
.header_bottom_cont_nav_menu {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%
}
.header_bottom_cont_nav_menu li .ollevel1 {
padding-top: 1.25vw!important
}
.header_bottom_cont_nav_menu li a {
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.85vw;
line-height: 1.3vw;
color: #222;
transition: color .2s
}
.header_bottom_cont_nav_menu li .catalog_a {
margin-left: 0.47vw;
}
.header_bottom_cont_nav_menu li .header_top_svg, .header_bottom_cont_nav_menu li .header_top_svg2 {
transition: all .2s
}
.header_bottom_cont_nav_menu li .heaader_bottom_svg {
margin-left: 0.26vw!important
}
.header_bottom_cont_nav_menu li:hover a {
color: #0066b0
}
.header_bottom_cont_nav_menu li:hover .header_top_svg2 {
stroke: #0066b0!important
}
.header_bottom_cont_nav_menu .menu_level1 {
position: relative;
}
.header_bottom_cont_nav_menu .menu_level1.pages_down {
background-image: url(../../img_blue/arr2.svg);
background-position: right 0.45vw;
background-size: 0.7vw;
}
.header_bottom_cont_nav_menu .menu_level1:first-child.pages_down {
background-image: none;
}
.header_bottom_cont_nav_menu .menu_level1.pages_down::after {
content: "";
background-color: #fff;
background-image: url(../../img_blue/arr2_hover.svg);
background-position: right 0.45vw;
background-size: 0.7vw;
display: inline-block;
vertical-align: top;
width: 0.7vw;
height: 1.2vw;
opacity: 0;
transition: all .2s;
}
.header_bottom_cont_nav_menu .menu_level1:hover.pages_down::after {
opacity: 1;
}
.header_bottom_cont_nav_menu .menu_level1:first-child.pages_down::after {
display: none;
}
.header_bottom_cont_nav_menu .menu_level1 ol {
display: none;
position: absolute;
left: 0;
top: 100%;
z-index: 1;
transition: all .2s;
padding: 0;
-webkit-box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
white-space: nowrap;
-webkit-border-radius: 0 0 0.5vw 0.5vw;
border-radius: 0 0 0.5vw 0.5vw;
}
.header_bottom_cont_nav_menu .menu_level1:hover>ol {
display: block;
}
.header_bottom_cont_nav_menu .menu_level2:hover>ol {
display: block;
}
.header_bottom_cont_nav_menu .menu_level1 ol li {
position: relative;
border-left: 0.1vw solid transparent;
transition: all .2s;
/*max-width: 21.72vw; width: 100%;*/
background: #fff
}
.header_bottom_cont_nav_menu .menu_level1 ol li:last-child {
-webkit-border-radius: 0 0 0.5vw 0.5vw;
border-radius: 0 0 0.5vw 0.5vw;
}
.header_bottom_cont_nav_menu .menu_level1 ol li a {
font-weight: 400;
display: block;
padding: 0.5vw 1vw!important;
}
.header_bottom_cont_nav_menu .menu_level1 ol li:hover {
border-left: 0.1vw solid #0066b0;
background: #f0f0f0
}
.header_bottom_cont_nav_menu .menu_level1 ol li:hover a {
color: #0066b0
}
.header_bottom_cont_nav_menu .menu_level1:hover .ollevel1 a {
color: #222
}
.header_bottom_cont_nav_menu .menu_level2 ol {
display: none;
background: #f0f0f0;
left: 100%;
/*max-width: 21.72vw; width: 100%;*/
top: 0vw;
-webkit-border-radius: 0.5vw;
border-radius: 0.5vw;
}
.header_bottom_cont_nav_menu .menu_level2 ol li {
background: #f0f0f0
}
.header_bottom_cont_nav_menu .menu_level2 ol li:first-child {
-webkit-border-radius: 0 0.5vw 0 0;
border-radius: 0 0.5vw 0 0;
}
.header_bottom_cont_nav_menu .menu_level2 ol li:hover {
border-left: 0.1vw solid transparent
}
.header_bottom_cont_nav_menu .menu_level2 ol li:hover a {
color: #0066b0!important
}
.mini .header_top {
height: 3.2vw;
background-color: #fff;
position: fixed;
z-index: 1001;
}
.mini .header_bottom {
/*background-color: #fff;*/
height: 1px;
position: fixed;
top: 0.3vw;
z-index: 1001;
}
.mini.header_support .header_bottom {
background-color: #fff;
height: auto;
position: fixed;
top: 0vw;
z-index: 1001;
}
.mini .header_top_cont_left {
display: none;
}
.mini .header_top_cont_center {
display: none;
}
.mini .open_call_back {
display: none;
}
.mini .header_bottom_cont {
height: 1px;
padding: 0px;
}
.mini.header_support .header_bottom_cont {
height: auto;
padding: 0px;
}
.mini .header_bottom_cont_logo {
width: 3vw;
height: 2.5vw;
padding-top: 0.2vw;
top: 1.2vw;
bottom: auto;
overflow: hidden;
}
.mini .header_bottom_cont_logo img {
width: auto;
height: 120%;
}
.mini.header_support .header_bottom_cont_logo {
width: 100%;
height: 3.39vw;
padding-top: 0;
top: 0.4vw;
bottom: -0.78vw;
overflow: visible;
}
.mini.header_support .header_bottom_cont_logo img {
width: 100%;
height: auto;
}
.mini .header_bottom_cont_nav {
min-width: 63vw;
height: 1px;
justify-content: space-between;
}
.mini .header_bottom_cont_nav .callback a {
/*margin-left: 19vw;*/
}
.mini .header_bottom_cont_nav_menu {
max-width: 31vw;
position: relative;
top: 1.2vw;
}
.mini .header_bottom_cont_nav .callback {
position: relative;
top: 1.2vw;
margin-right: 3vw;
}
.mini .header_bottom_cont_nav .login_block {
position: absolute;
right: 0;
top: -0.2vw;
}
.mini .header_bottom_cont_nav_menu .menu_level1 .ollevel1 {
top: 1vw;
}
.mini .header_email {
position: absolute;
right: 17.5vw;
top: 0.35vw;
}
.mini .header_phone {
position: absolute;
right: 9.5vw;
top: 0.35vw;
}
.footer {
padding: 2.71vw 1.04vw 3.54vw;
background: #222
}
.footer .footer_cont {
max-width: 66.67vw;
display: flex;
justify-content: space-between;
margin: 0 auto
}
.footer .footer_cont, .footer .footer_cont .first_item {
width: 100%;
align-items: flex-start
}
.footer .footer_cont .first_item {
max-width: 17vw;
display: flex;
justify-content: flex-start;
flex-direction: column
}
.footer .footer_cont .first_item .footer_logo {
display: flex;
align-items: center;
margin-bottom: 1.61vw;
}
.footer .footer_cont .first_item .footer_logo .footer_logo_img {
display: block;
max-width: 3.8vw;
}
.footer .footer_cont .first_item .footer_logo .logo_text {
margin-left: 1vw;
}
.footer .footer_cont .first_item .footer_logo .logo_text p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
line-height: 1.25vw;
color: #fff
}
.footer .footer_cont .first_item .footer_logo .logo_text .logo_mail {
display: flex;
justify-content: flex-start;
align-items: center;
color: #0066b0;
}
.footer .footer_cont .first_item .footer_logo .logo_text .logo_mail img {
margin-right: 0.47vw
}
.footer .footer_cont .first_item .footer_logo .logo_text .logo_mail p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
color: #0066b0
}
.footer .footer_cont .first_item .first_item_element {
display: flex;
justify-content: flex-start;
align-items: center
}
.footer .footer_cont .first_item .first_item_element img {
margin-right: 0.78vw;
min-width: 0.9vw;
}
.footer .footer_cont .first_item .first_item_element .text {
padding-left: 0.78vw;
border-left: 0.05vw solid hsla(0, 0%, 100%, .1)
}
.footer .footer_cont .first_item .first_item_element .text>span {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
color: #939393
}
.footer .footer_cont .first_item .first_item_element .links a, .footer .footer_cont .first_item .first_item_element .text p {
color: #fff;
font-family: Circe;
font-style: normal;
font-weight: 400;
line-height: 1.25vw;
font-size: 0.83vw
}
.footer .footer_cont .first_item .first_item_element .text p {
margin-top: 0.05vw
}
.footer .footer_cont .first_item .first_item_element .links {
display: flex;
justify-content: flex-start;
align-items: center
}
.footer .footer_cont .first_item .first_item_element .links a:nth-child(2) {
margin: 0 0.68vw
}
.footer .footer_cont .first_item .first_item_element:nth-child(2) {
margin-bottom: 1.35vw
}
.footer .footer_cont .first_item .soc {
margin-top: 1.42vw;
/*	margin-left: 2.5vw;*/
}
.footer .footer_cont .first_item .soc p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
color: #939393
}
.footer .footer_cont .first_item .soc img {
display: inline-block;
vertical-align: middle;
width: 1.8vw;
height: 1.8vw;
object-fit: contain;
margin-right: 0.4vw;
}
.footer .footer_cont .first_item .soc .soc_links {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center
}
.footer .footer_cont .first_item .copy {
font-family: Circe;
color: #fff;
margin-top: 1.42vw;
}
.footer .footer_cont .first_item iframe {
display: inline-block;
vertical-align: middle;
width: 152px;
height: 52px;
border: 1px solid #fff;
border-radius: 0.5vw;
margin-left: 0.2vw;
}
.footer .footer_cont .first_item2 {
display: none
}
.footer .footer_cont .footer_cont_item {
max-width: 15.73vw;
display: flex;
flex-direction: column
}
.footer .footer_cont .footer_cont_item .h5 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 0.83vw;
line-height: 0.99vw;
margin-bottom: 1.2vw;
text-transform: uppercase;
color: #fff
}
.footer .footer_cont .footer_cont_item a, .swiper-pagination-bullet {
font-family: Circe;
-webkit-transition: all .2s;
-o-transition: all .2s;
font-style: normal
}
.footer .footer_cont .footer_cont_item img {
display: none;
position: absolute;
right: 1.04vw;
top: 0.26vw
}
.footer .footer_cont .footer_cont_item .tg_qrcode img {
display: block;
position: static;
width: 8vw;
margin-left: 1.5vw;
}
.footer .footer_cont .footer_cont_item a {
font-weight: 400;
font-size: 0.89vw;
line-height: 1.4;
transition: all .2s;
margin-bottom: 0.52vw;
color: #939393
}
.footer .footer_cont .footer_cont_item a:hover {
color: #0066b0
}
.footer .footer_cont .footer_cont_item {
margin: 0 0 0 1vw;
}
.footer .footer_cont .footer_cont_item:nth-child(4) {
max-width: 12vw
}
.footer .footer_cont .footer_img_item {
width: 12vw;
padding: 0 1vw;
}
.footer .footer_cont .footer_img_item .h5 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 0.83vw;
line-height: 0.99vw;
margin-bottom: 1.2vw;
text-transform: uppercase;
color: #fff
}
.footer .footer_cont .footer_img_item img {
width: 10vw;
display: none;
margin-bottom: 1.5vw;
}
.footer.startscroll .footer_cont .footer_img_item img {
display: block;
border-radius: 0.5vw;
}
.block_main {
position: relative;
background-color: #f0f0f0;
}
.block_main h1 {
font-family: Rubik;
font-size: 2.2vw;
line-height: 1.2;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.89vw;
min-height: 6.4vw;
/*	width: 36vw;*/
z-index: 1;
}
.block_main .main {
background-repeat: no-repeat;
background-position: calc(50% + 19.48vw) bottom;
background-size: 60.15vw;
min-height: 40vw;
position: relative;
}
.block_main .main:before {
content: "";
position: absolute;
top: 3.75vw;
left: 0vw;
width: 100%;
height: 100%;
background-image: url(../../images/header_bg1.png);
background-repeat: no-repeat;
background-position: calc(50% - 27.66vw) top;
background-size: 44vw auto;
}
.block_main .main2:before {
background-image: url(../../img_blue/header_bg1.jpg);
}
.block_main .animation {
position: absolute;
left: 0vw;
top: 39.06vw;
width: calc(50% - 3.23vw);
}
.block_main .animation .l {
height: 0.73vw;
padding-top: 0.36vw;
position: relative;
margin-bottom: 0.36vw;
overflow: hidden;
}
.block_main .animation .l:before {
content: "";
display: block;
height: 0.05vw;
background-color: #222222;
}
.block_main .animation .l span {
display: block;
background-image: url(../../images/animation1.svg);
background-repeat: no-repeat;
width: 11.77vw;
height: 0.73vw;
position: absolute;
top: 0vw;
left: -11.88vw;
}
.block_main .animation .l1 {
margin-right: 0.63vw;
}
.block_main .animation .l2 {
margin-right: 0.52vw;
}
.block_main .animation .h_anim1 {
-webkit-animation: h_anim 6s infinite linear;
animation: h_anim 5s infinite linear;
}
.block_main .animation .h_anim2 {
-webkit-animation: h_anim 6s infinite linear;
animation: h_anim 5s infinite linear;
animation-delay: 3.5s;
}
.block_main .animation .h_anim3 {
-webkit-animation: h_anim 6s infinite linear;
animation: h_anim 5s infinite linear;
animation-delay: 2s;
}
@-webkit-keyframes h_anim {
0% {
left: -20%;
}
100% {
left: 100%;
}
}
@keyframes h_anim {
0% {
left: -20%;
}
100% {
left: 100%;
}
}
.block_main .main_info {
padding: 2.88vw 0vw 0.52vw 0vw;
position: relative;
z-index: 1;
}
.block_main .main_info .desc {
position: relative;
font-family: 'Circe', sans-serif;
font-size: 1.15vw;
font-weight: 400;
padding-left: 1.04vw;
margin-bottom: 2.6vw;
}
.block_main .main_info .desc:before {
content: "";
position: absolute;
top: 0.68vw;
left: 0vw;
width: 0.31vw;
height: 0.31vw;
background: #0066b0;
border-radius: 0.1vw;
}
.block_main .main_info .desc3 {
font-size: 1.5vw;
font-weight: 300;
text-transform: uppercase;
width: 34vw;
min-height: 18vw;
margin-bottom: 3vw;
}
.block_main .main_info .desc2 {
position: relative;
font-family: 'Circe', sans-serif;
font-size: 1.04vw;
line-height: 1.3vw;
width: 23.96vw;
padding-left: 1.04vw;
margin-bottom: 3.65vw;
}
.block_main .main_info .desc2 .st3 {
font-weight: 600;
border-bottom: 0.1vw solid #0066b0;
line-height: 0.78vw;
display: inline-block;
}
.block_main .main_info .calc_button {
margin-top: 5vw;
padding: 1.4vw 1.2vw 1.2vw 1.2vw;
width: 26vw;
text-align: center;
font-size: 1.2vw;
font-weight: 400;
text-transform: uppercase;
}
.block_main .main_info .button2 .arr_left, .block_main .main_info .button2 .arr_right {
margin-bottom: 0.3vw;
}
.block_main .main_info .items {
display: flex;
justify-content: space-between;
width: 45vw;
margin-bottom: 3vw;
}
.block_main .main_info .items .info {
position: relative;
min-width: 8vw;
margin-right: 1vw;
z-index: 1;
}
.block_main .main_info .items .info .h3 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 1.46vw;
color: #222;
white-space: nowrap;
}
.block_main .main_info .items .info .h3 span {
font-size: 1.88vw
}
.block_main .main_info .items .info p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.96vw;
line-height: 1.25vw;
margin-top: 0.26vw;
color: #222
}
.block_main .main_info .items .info:before {
content: "";
width: 1.8vw;
position: absolute;
z-index: -1;
height: 1.8vw;
left: -0.7vw;
top: -0.5vw;
background: #d9d9d9;
border-radius: 0.4vw;
}
.block_main .main_info .docs {
width: 100%
}
.block_main .main_info .docs .docs_wrap {
width: 100%;
display: flex;
flex-wrap: wrap
}
.block_main .main_info .docs .docs_wrap .item {
max-width: 13.33vw;
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
position: relative
}
.block_main .main_info .docs .docs_wrap .item img {
max-width: 3.49vw;
margin-right: 0.68vw;
height: 3.65vw;
width: 100%
}
.block_main .main_info .docs .docs_wrap .item .item_text .h4 {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.94vw;
line-height: 1.2vw;
transition: color .2s;
color: #222
}
.block_main .main_info .docs .docs_wrap .item .item_text p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.73vw;
line-height: 1.09vw;
margin: 0.47vw 0 0.73vw;
color: #9d9d9d
}
.block_main .main_info .docs .docs_wrap .item .item_text span:last-child {
opacity: 0;
max-width: 0.94vw;
transition: all .2s
}
.block_main .main_info .docs .docs_wrap .item .item_text span:last-child img {
max-width: 0.99vw;
height: unset
}
.block_main .main_info .docs .docs_wrap .item:hover .item_text .h4 {
color: #0066b0;
}
.block_main .main_info .docs .docs_wrap .item:hover .item_text span:last-child {
opacity: 1
}
.block_main .main_info .docs .docs_wrap .item:nth-child(4) .h4 {
max-width: 5.21vw
}
.block_main .main_noja3d_block {
position: absolute;
top: 8vw;
right: 0vw;
width: 32vw;
height: 28vw;
overflow: hidden;
z-index: 1;
}
.block_main .main_noja3d_block iframe {
width: calc(100% + 16vw);
height: calc(100% + 16vw);
border: 0;
margin-left: -8vw;
margin-top: -11vw;
}
.block_main .main_kso3d_block {
position: absolute;
top: 6vw;
right: 0vw;
width: 30vw;
height: 32vw;
overflow: hidden;
z-index: 1;
}
.block_main .main_kso3d_block iframe {
width: calc(100% + 16vw);
height: calc(100% + 10vw);
border: 0;
margin-left: -8vw;
margin-top: -5vw;
}
.block_main .main_krun3d_block {
position: absolute;
top: 3vw;
right: -2vw;
width: 36vw;
height: 37vw;
overflow: hidden;
z-index: -1;
}
.block_main .main_krun3d_block iframe {
width: calc(100% + 16.4vw);
height: calc(100% + 2vw);
border: 0;
margin-left: -8.2vw;
margin-top: -4vw;
}
.block_main .main_yakno_3d_block {
position: absolute;
top: 6vw;
right: 0vw;
width: 32vw;
height: 35vw;
overflow: hidden;
z-index: 1;
}
.block_main .main_yakno_3d_block iframe {
width: calc(100% + 16vw);
height: calc(100% + 2vw);
border: 0;
margin-left: -8vw;
margin-top: -1vw;
}
.block_main .main_image_block {
text-align: center;
position: absolute;
top: 6vw;
right: 0vw;
width: 24.5vw;
height: 24.5vw;
border-radius: 0.6vw;
overflow: hidden;
}
.block_main .main_image_block img {
max-width: 100%;
max-height: 100%;
/*object-fit: contain;
object-position: top;*/
border-radius: 0.6vw;
}
.block_main .main_image_block2 {
position: absolute;
top: 7vw;
right: 0vw;
width: 30vw;
height: 21vw;
overflow: hidden;
}
.block_main .main_image_block2 img {
width: 100%;
height: 100%;
object-fit: cover;
border: 0.2vw solid #fff;
border-radius: 0.6vw;
}
.block_main .prev_image_block {
display: flex;
position: absolute;
top: 31.8vw;
right: 0vw;
}
.block_main .prev_image_block .prev_image {
background-color: #fff;
background-size: cover;
width: 5vw;
height: 5vw;
margin-left: 0.5vw;
border-radius: 0.4vw;
border: 2px solid #d9d9d9;
cursor: pointer;
transition: all .2s
}
.block_main .prev_image_block .prev_image:hover, .block_main .prev_image_block .prev_image.active {
border: 2px solid #0066b0;
}
.block_main .prev_image_block .prev_video {
position: relative;
background-color: #fff;
background-size: contain;
background-position: center;
width: 5vw;
height: 5vw;
margin-left: 0.5vw;
border: 2px solid #d9d9d9;
border-radius: 0.4vw;
cursor: pointer;
transition: all .2s
}
.block_main .prev_image_block .prev_video:hover, .block_main .prev_image_block .prev_video.active {
border: 2px solid #0066b0;
}
.block_main .prev_image_block .prev_video::after {
content: "";
position: absolute;
top: 0vw;
left: 3vw;
width: 1.5vw;
height: 1.5vw;
background-image: url(../../img_blue/360.svg);
background-size: contain;
background-position: center;
}
.block_main .main_video_block {
position: absolute;
top: 2vw;
right: 0vw;
width: 36vw;
height: 36vw;
overflow: hidden;
background-repeat: no-repeat;
background-position: center 0vw;
background-size: contain;
z-index: -1;
}
.block_main .main_video_block::before {
content: "";
position: absolute;
top: 0vw;
left: -1vw;
width: 6vw;
height: 100%;
background: linear-gradient(90deg, #f0f0f0 5%, #fff0 100%);
}
.block_main .main_video_block::after {
content: "";
position: absolute;
top: 0vw;
right: 0vw;
width: 6vw;
height: 100%;
background: linear-gradient(-90deg, #f0f0f0 5%, #fff0 100%);
}
.block_main .main_video_block .top {
position: absolute;
top: 0vw;
left: 0vw;
width: 100%;
height: 6vw;
background: linear-gradient(180deg, #f0f0f0 5%, #fff0 100%);
}
.block_main .main_video_block .bot {
position: absolute;
bottom: 0vw;
left: 0vw;
width: 100%;
height: 6vw;
background: linear-gradient(0deg, #f0f0f0 5%, #fff0 100%);
}
.block_main .main_video_block .center {
position: absolute;
top: 0vw;
left: 0vw;
width: 100%;
height: 100%;
background: radial-gradient(ellipse at center, #f0f0f000 60%, #f0f0f0 85%);
}
.block_main .main_video_block video {
display: block;
width: 100%;
}
.block_main .main_video_block1 {
background-image: url(../../img_blue/video_prev1.jpg);
top: 0vw;
right: -4vw;
}
.block_main .main_video_block2 {
background-image: url(../../img_blue/video_prev2.jpg);
top: 0vw;
right: -7vw;
width: 41vw;
height: 33vw;
}
.block_main .main_video_block2 .bot {
height: 4vw;
}
.block_main .main_video_block3 {
background-image: url(../../img_blue/video_prev3.jpg);
top: 2vw;
right: -10vw;
width: 53vw;
height: 30vw;
}
.block_main .main_video_block3 .bot {
height: 3vw;
}
.block_main .main_video_block2:after {
width: 13vw;
}
.block_main .main_video_block2 .bot {
height: 4vw;
}
.block_main .main_video_block4 {
background-image: url(../../img_blue/video_prev4.jpg);
width: 32vw;
height: 43vw;
top: -4vw;
right: -2vw;
}
.block_main .main_video_block5 {
background-image: url(../../img_blue/video_prev5.jpg);
width: 32vw;
height: 43vw;
top: -3vw;
right: -2vw;
}
.block_main .main_video_block6 {
background-image: url(../../img_blue/video_prev6.jpg);
top: 1vw;
right: -1vw;
width: 35vw;
}
.block_main .main_video_block6 .top {
height: 3vw;
}
.block_main .main_video_block6::after {
width: 3vw;
}
.block_main .main_video_block7 {
background-image: url(../../img_blue/video_prev7.jpg);
top: 0vw;
right: -6vw;
width: 37vw;
height: 40vw;
}
.block_main .main_video_block8 {
background-image: url(../../img_blue/video_prev8.jpg);
top: -6vw;
right: -7vw;
width: 40vw;
height: 40vw;
}
.block_main .main_video_block8 .top {
height: 12vw;
}
.block_all_equipment {
position: relative;
height: 48.177vw;
margin-top: -1vw;
background-color: #f0f0f0;
background-image: url(../../img_blue/all_equipment.jpg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100vw;
}
.block_all_equipment::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-image: url(../../img_blue/all_equipment2.jpg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100vw;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.block_all_equipment.active::before {
opacity: 1;
}
.block_all_equipment h2 {
font-family: 'Rubik', sans-serif;
font-size: 2.29vw;
line-height: 1.2;
font-weight: 500;
margin-bottom: 1vw;
}
.block_all_equipment p {
font-size: 1.1vw;
line-height: 1.3;
font-weight: 300;
margin-bottom: 1.2vw;
}
.block_all_equipment .item {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.block_all_equipment .item::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-image: url(../../img_blue/all_equipment.jpg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100vw;
}
.block_all_equipment .item1::before {
background-image: url(../../img_blue/all_equipment3.jpg);
}
.block_all_equipment .item2::before {
background-image: url(../../img_blue/all_equipment3.jpg);
}
.block_all_equipment .item.active {
opacity: 1;
z-index: 1;
}
.block_all_equipment .item .info {
position: absolute;
top: 7vw;
left: calc(50% - 6vw);
width: 10vw;
text-align: center;
background-color: #fff;
padding: 0.5vw;
border: 1px solid #0066b0;
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.block_all_equipment .polygon {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
z-index: 2;
}
.block_all_equipment .polygon1, .block_all_equipment .item1::before {
clip-path: polygon(84.2% 41%, 85.3% 39.5%, 85.3% 38.2%, 74.5% 36.9%, 51% 41.4%, 50.9% 42.4%, 51.7% 44%, 51.7% 67%, 74.4% 75.5%, 84.2% 73.2%);
}
.block_all_equipment .polygon2, .block_all_equipment .item2::before {
clip-path: polygon(15.1% 38.5%, 26.2% 36.9%, 49.8% 41.5%, 49.8% 42.4%, 48.9% 44%, 48.9% 67%, 25.6% 75.3%, 16% 73.1%, 16% 41%, 15.2% 40%);
}
.block_all_equipment .polygon3, .block_all_equipment .item3::before {
clip-path: polygon(33.2% 39.5%, 39.5% 41.05%, 39.5% 39.1%, 44.5% 40.6%, 44.5% 83%, 40.3% 86.8%, 34.1% 85.6%, 34.0% 48%, 33.2% 45%);
}
.block_all_equipment .polygon4, .block_all_equipment .item4::before {
clip-path: polygon(45.8% 37%, 47.2% 37%, 48% 32.6%, 53% 32.6%, 53.6% 37%, 54.9% 37%, 54.9% 87.8%, 45.8% 87.8%);
}
.block_all_equipment .polygon5, .block_all_equipment .item5::before {
clip-path: polygon(58.4% 45.5%, 61.1% 45.2%, 64.15% 45.2%, 64.15% 49.6%, 64.5% 49.6%, 64.4% 76.1%, 64.1% 77.8%, 64.1% 86.3%, 61% 86.8%, 58.5% 83.6%, 58.45% 67.2%, 58.3% 67%, 58.3% 48%, 58% 47.8%, 58.05% 46.2%);
}
.block_all_equipment .polygon6, .block_all_equipment .item6::before {
clip-path: polygon(73.6% 0, 73.3% 37%, 74.2% 36.8%, 74.2% 44.1%, 73.25% 44.3%, 73.2% 45.3%, 74.2% 45.2%, 74.2% 50.1%, 74% 50.3%, 74% 61.3%, 74.1% 61.5%, 74.2% 77.2%, 75% 77.5%, 75.8% 77.2%, 75.8% 61.8%, 78.6% 61.45%, 78.6% 50.25%, 75.8% 50.2%, 75.8% 45.4%, 77% 45.2%, 77% 44%, 80.2% 35.2%, 81.1% 35%, 81.2% 24.5%, 80.2% 24.5%, 78.6% 0);
}
.block_all_equipment .polygon7, .block_all_equipment .item7::before {
clip-path: polygon(63.8% 0, 64% 29.7%, 67.4% 29.3%, 67.3% 50.2%, 65.5% 50.2%, 65.5% 62.15%, 67.3% 62.3%, 67.4% 79%, 68.8% 79.2%, 68.8% 62.4%, 70.15% 62.4%, 70.2% 50.2%, 68.8% 50.2%, 68.8% 29%, 70.8% 29%, 70.9% 0);
}
.block_all_equipment .polygon8, .block_all_equipment .item8::before {
clip-path: polygon(12.5% 0%, 15.3% 31.1%, 14.1% 32%, 14.7% 36.7%, 14.4% 38.9%, 18.8% 39.8%, 19.3% 38.8%, 22% 39.4%, 22% 52.3%, 19.94% 52.4%, 19.9% 65.9%, 22% 66.2%, 22.05% 77%, 21.76% 78%, 21% 78.5%, 22.9% 78.8%, 24.3% 77.8%, 23.5% 77.6%, 23.25% 76.6%, 23.25% 66%, 23.6% 65.8%, 23.6% 52.4%, 23.3% 52.3%, 23.3% 35%, 24.6% 35%, 26.1% 26%, 22% 19%, 25% 0);
}
.block_all_equipment .polygon9, .block_all_equipment .item9::before {
clip-path: polygon(28% 0, 28.5% 29%, 30.7% 29.3%, 30.7% 51.8%, 29.9% 52.4%, 29.9% 66.5%, 30.67% 66.6%, 30.67% 79.2%, 32.1% 79.1%, 32.1% 66.5%, 33.2% 66.3%, 33.2% 52.4%, 32.1% 52.4%, 32.1% 29.5%, 35% 29.7%, 35% 0);
}
.block_dimensions2_pku {
position: relative;
margin: 4vw 0;
}
.block_dimensions2_pku h2 {
font-family: 'Rubik', sans-serif;
font-size: 2.29vw;
line-height: 1.2;
font-weight: 500;
margin-bottom: 1vw;
text-transform: uppercase;
}
.block_dimensions2_pku .dimensions_video {
overflow: hidden;
}
.block_dimensions2_pku video {
display: block;
height: 40vw;
margin: -5vw auto 0 auto;
}
.block_personal {
padding: 4vw 0 0 0;
position: relative;
background-color: #F0F0F0;
background-repeat: no-repeat;
background-position: center;
}
.block_personal h2 {
margin-bottom: 1vw;
}
.block_personal p {
font-size: 1.2vw;
line-height: 1.2;
font-weight: 300;
margin-bottom: 1.2vw;
}
.block_personal .st2 {
display: inline-block;
}
.block_personal .left {
text-align: center;
text-transform: uppercase;
}
.block_personal .right {
overflow: hidden;
margin-left: calc(50% - 66.67vw/2);
}
.block_personal .personal_swiper {
position: relative;
width: 26vw!important;
height: 30vw;
}
.block_personal .swiper-wrapper {}
.block_personal .swiper-slide {
display: flex;
align-items: flex-end;
justify-content: center;
width: 17.2vw;
height: 20vw;
margin: 1vw 0.5vw 0vw 0.5vw;
position: relative;
background-repeat: no-repeat;
background-size: 100%;
background-position: center top;
overflow: hidden;
opacity: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.block_personal.scrolled .swiper-slide {
opacity: 1;
}
.block_personal .swiper-slide::before {
content: "";
position: absolute;
top: -14vw;
width: 50vw;
height: 42vw;
background: -moz-radial-gradient(center, ellipse cover, rgba(240, 240, 240, 0) 24%, rgba(240, 240, 240, 1) 40%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(240, 240, 240, 0) 24%, rgba(240, 240, 240, 1) 40%);
background: radial-gradient(ellipse at center, rgba(240, 240, 240, 0) 24%, rgba(240, 240, 240, 1) 40%);
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.block_personal .swiper-slide .desc {
position: absolute;
top: 21vw;
right: 0.2vw;
padding: 0.2vw 0.4vw;
border-radius: 0.5vw;
background-color: #fff;
font-size: 1vw;
font-weight: 300;
text-align: center;
opacity: 0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_personal .swiper-slide .desc .title {
font-size: 1.1vw;
font-weight: 600;
}
.block_personal .swiper-slide.swiper-slide-active {
width: 27vw;
height: 30vw;
margin: 0vw 0.5vw 0vw 0.5vw;
/*	background-size: 34vw;*/
}
.block_personal .swiper-slide.swiper-slide-active::before {
/*	opacity: 0;*/
top: -35vw;
width: 142vw;
height: 100vw;
}
.block_personal .swiper-slide.swiper-slide-active .desc {
opacity: 1;
}
.block_personal .navigation {
position: absolute;
left: 38vw;
top: 25vw;
display: flex;
width: 16vw;
justify-content: center;
}
.block_personal .swiper-pagination {
position: relative;
}
.block_personal .swiper_button_prev {
margin-right: 0.5vw;
background-color: #fff;
}
.block_personal .swiper_button_next {
margin-left: 0.5vw;
background-color: #fff;
}
.block_personal .swiper-pagination-bullet {
margin: 0.84vw 0.4vw;
}
.block_personal .swiper-pagination-bullet-active {
background-color: #0066b0!important;
}
.block_personal_account {
padding: 4vw 0 0 0;
position: relative;
text-align: center;
background-repeat: no-repeat;
background-position: center;
}
.block_personal_account .wrap {
/*display: flex;*/
}
.block_personal_account h2 {
font-family: 'Rubik', sans-serif;
font-size: 2.29vw;
line-height: 1.2;
font-weight: 500;
margin-bottom: 1vw;
}
.block_personal_account p {
font-size: 1.1vw;
line-height: 1.3;
font-weight: 600;
margin-bottom: 2vw;
}
.block_personal_account .st3 {
display: inline-block;
text-transform: uppercase;
font-weight: 300;
font-size: 1.4vw;
}
.block_personal_account .st3 .st2 {
position: relative;
display: inline-block;
z-index: 1;
}
.block_personal_account .st3 .st2:before {
content: "";
width: 100%;
height: 0.15vw;
background: #0066b0;
position: absolute;
bottom: 2%;
left: 0;
z-index: -1;
}
.block_personal_account .block1 {
position: relative;
margin-bottom: 4vw;
}
.block_personal_account .block1 .left {
padding-top: 6vw;
position: relative;
}
.block_personal_account .block1 .left .desc_block {}
.block_personal_account .block1 .left .desc_block .desc_item {
position: absolute;
top: 0vw;
left: 20vw;
display: flex;
align-items: center;
justify-content: space-around;
width: 27vw;
min-height: 4vw;
opacity: 0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_personal_account .block1 .left .desc_block .desc_item.active {
opacity: 1;
}
.block_personal_account .block1 .left .desc_block .desc_item .nn {
position: absolute;
left: 11.5vw;
top: -1.3vw;
font-size: 7vw;
line-height: 1;
font-weight: 500;
color: #00000012;
font-family: 'Rubik', sans-serif;
}
.block_personal_account .block1 .left .desc_block .desc_item .desc {
position: relative;
text-align: left;
}
.block_personal_account .block1 .left .desc_block .desc_item .desc .title {
font-size: 1.4vw;
line-height: 1.2;
font-weight: 400;
text-align: center;
/*	margin-bottom: 2vw;*/
}
.block_personal_account .block1 .left .desc_block .desc_item .desc p {
font-size: 1vw;
font-weight: 300;
display: none;
}
.block_personal_account .block1 .left .list_block {
padding: 0.5vw;
background-color: #fff;
border: 0.3vw solid #fff;
border-radius: 1vw;
box-shadow: 0px 1.25vw 1.875vw 0px #2222220A;
text-align: left;
}
.block_personal_account .block1 .left .list_block .list_item {
position: relative;
padding-left: 2vw;
margin-bottom: 0.7vw;
cursor: pointer;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_personal_account .block1 .left .list_block .list_item.active, .block_personal_account .block1 .left .list_block .list_item:hover {
color: #0066b0;
}
.block_personal_account .block1 .left .list_block .list_item::before {
content: "";
position: absolute;
width: 2px;
left: 0.5vw;
top: 0vw;
bottom: -1vw;
background-color: #EBF7EB;
}
.block_personal_account .block1 .left .list_block .list_item:last-child:before {
display: none;
}
.block_personal_account .block1 .left .list_block .list_item .nn {
position: absolute;
left: 0vw;
top: 0vw;
width: 1.2vw;
height: 1.2vw;
margin-right: 0.4vw;
line-height: 1.3vw;
background-color: #EBF7EB;
border-radius: 100%;
color: #0066b0;
text-align: center;
}
.block_personal_account .block1 .left .list_block .list_item .nn {}
.block_personal_account .block1 .right {
position: relative;
width: 46.7vw;
height: 29vw;
margin: auto;
padding: 9vw 3.2vw 5.8vw 22.2vw;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.block_personal_account .block1.scrolled .right {
opacity: 1;
}
.block_personal_account .block1 .right::after {
content: "";
position: absolute;
left: 0vw;
top: 0vw;
width: 49vw;
height: 31vw;
background-image: url('../../img_blue/laptop-frame-2.png');
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
z-index: 1;
display: none;
}
.block_personal_account .block1.scrolled .right::after {
display: block;
}
.block_personal_account .block1 .right .personal_account_swiper {
width: 20.5vw!important;
/*	background-color: #f0f0f0;
border: 0.5vw solid #f0f0f0;*/
border-radius: 1vw;
overflow: hidden;
}
.block_personal_account .block1 .right .swiper-slide {
display: flex;
align-items: flex-end;
justify-content: center;
height: 15vw;
}
.block_personal_account .block1 .right .swiper-slide .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: none;
}
.block_personal_account .block1.scrolled .right .swiper-slide .bg {
display: block;
}
.block_personal_account .block1 .right .swiper-slide .desc {
padding: 0.4vw 1vw;
background-color: #fff;
border: 1px solid #0066b0;
border-radius: 1vw;
box-shadow: 0px 1.25vw 1.875vw 0px #2222220A;
font-size: 1vw;
text-align: left;
margin-bottom: 2vw;
display: none;
}
.block_personal_account .block1 .right .navigation {
position: absolute;
left: calc(50% - 3vw);
top: -5vw;
display: flex;
width: 6vw;
height: 0;
justify-content: center;
}
.block_personal_account .block1 .navigation .swiper_button_prev {
left: -14vw;
}
.block_personal_account .block1 .navigation .swiper_button_next {
left: 14vw;
}
.block_personal_account .block1 .right .swiper-pagination {
position: relative;
}
.block_personal_account .block1 .right .swiper-pagination-bullet {
margin: 0.84vw 0.5vw;
}
.block_personal_account .block1 .right .swiper-pagination-bullet-active {
background-color: #0066b0!important;
}
.block_personal_account .block2 {
position: relative;
background-color: #f0f0f0;
padding: 4vw 0;
}
.block_personal_account .block2 .left {
margin-bottom: 1vw;
}
.block_personal_account .block2 .personal_account_swiper2 {
width: 46vw!important;
height: 31vw;
background-color: #fff;
border: 0.3vw solid #fff;
border-radius: 1vw;
box-shadow: 0px 1.25vw 1.875vw 0px #2222220A;
overflow: hidden;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.block_personal_account .block2.scrolled .personal_account_swiper2 {
opacity: 1;
}
.block_personal_account .block2 .swiper-slide {
display: flex;
align-items: flex-end;
justify-content: center;
height: 30.6vw;
}
.block_personal_account .block2 .swiper-slide .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: none;
}
.block_personal_account .block2.scrolled .swiper-slide .bg {
display: block;
}
.block_personal_account .block2 .swiper-slide .desc {
padding: 0.4vw 1vw;
background-color: #fff;
border: 1px solid #0066b0;
border-radius: 1vw;
box-shadow: 0px 1.25vw 1.875vw 0px #2222220A;
font-size: 1vw;
text-align: left;
margin-bottom: 2vw;
}
.block_personal_account .block2 .navigation {
position: absolute;
left: calc(50% - 3vw);
top: -3.7vw;
display: flex;
width: 6vw;
height: 0;
justify-content: center;
}
.block_personal_account .block2 .navigation .swiper_button_prev {
left: -34vw;
background-color: #fff;
}
.block_personal_account .block2 .navigation .swiper_button_next {
left: 34vw;
background-color: #fff;
}
.block_personal_account .block2 .swiper-pagination {
position: relative;
}
.block_personal_account .block2 .swiper-pagination-bullet {
margin: 0.84vw 0.35vw;
}
.block_personal_account .block2 .swiper-pagination-bullet-active {
background-color: #0066b0!important;
}
.block_personal_account .block2 .right {
margin-bottom: 2vw;
position: relative;
}
.block_personal_account .block2 .right::after {
content: "";
position: absolute;
right: 17.7vw;
top: 40%;
width: 1.927vw;
height: 4vw;
background-image: url(../../img_blue/arr_v.png);
background-position: left bottom;
background-repeat: no-repeat;
background-size: 1.925vw;
-webkit-transform: rotate(242deg);
transform: rotate(242deg);
}
.block_personal_account .block2 .list_block {
/*	padding: 0.5vw 0.5vw 0vw 0.5vw;*/
/*	padding-right: 0.5vw;*/
/*	background-color: #fff;
border: 0.3vw solid #fff;
box-shadow: 0px 1.25vw 1.875vw 0px #2222220A;*/
border-radius: 1vw;
text-align: left;
position: relative;
display: flex;
}
.block_personal_account .block2 .list_block p {
font-size: 0.9vw;
line-height: 1.2;
margin-bottom: 0.5vw;
font-weight: 400;
}
.block_personal_account .block2 .list_block .list_item {
position: relative;
display: flex;
align-items: center;
height: 3vw;
margin-left: 0.7vw;
margin-bottom: 0vw;
cursor: pointer;
/*	width: 0vw;*/
/*	padding: 0.44vw 0vw;*/
width: 8.92vw;
padding: 0.44vw 0.42vw;
font-size: 0.8vw;
line-height: 1.3;
border-radius: 0.3vw;
text-align: left;
opacity: 0.4;
color: #fff;
overflow: hidden;
/*	white-space: nowrap;*/
background-color: #a8a8a8;
filter: grayscale(1);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_personal_account .block2 .list_block .list_item:first-child {
margin-left: 0vw;
}
.block_personal_account .block2 .list_block .list_item.active {
filter: grayscale(0);
/*	width: 8.92vw;
padding: 0.44vw 0.42vw;*/
opacity: 1;
}
.block_personal_account .block2 .list_block .list_item .nn {
color: rgba(255, 255, 255, 0.4);
font-size: 2vw;
line-height: 1;
font-weight: 800;
width: 2vw;
padding-right: 0.2vw;
text-align: center;
}
.block_personal_account .block2 .list_block .list_item:hover {}
.block_personal_account .block2 .phone_block {
position: absolute;
top: 0vw;
right: 0vw;
width: 16vw;
height: 31vw;
padding: 0.7vw 1vw 0.6vw 1vw;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.block_personal_account .block2.scrolled .phone_block {
opacity: 1;
}
.block_personal_account .block2 .phone_block::before {
content: "";
position: absolute;
top: 0.7vw;
left: 0.9vw;
width: 89%;
height: 95.5%;
background-image: url(../../img_blue/whatsapp_screen.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: none;
}
.block_personal_account .block2.scrolled .phone_block::before {
display: block;
}
.block_personal_account .block2 .phone_block::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../../img_blue/smartphone2.png);
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
display: none;
}
.block_personal_account .block2.scrolled .phone_block::after {
display: block;
}
.block_personal_account .block2 .phone_block .item {
width: 13vw;
height: 0vw;
background-color: #fff;
position: absolute;
bottom: 7vw;
opacity: 0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_personal_account .block2 .phone_block .item.active {
opacity: 1;
-webkit-transition: all 0s ease;
transition: all 0s ease;
}
.block_personal_account .block2 .phone_block .item0 {
height: 16vw;
}
.block_personal_account .block2 .phone_block .item1 {
height: 14vw;
}
.block_personal_account .block2 .phone_block .item2 {
height: 12vw;
}
.block_personal_account .block2 .phone_block .item3 {
height: 9.2vw;
}
.block_personal_account .block2 .phone_block .item4 {
height: 6.3vw;
}
.block_personal_account .block2 .phone_block .item5 {
height: 4.3vw;
}
.block_personal_account .block2 .button2 {
margin-right: 21vw;
}
.color_gray.active {
background-color: #F6B45B!important;
}
.color_pink.active {
background-color: #F3C2C2!important;
}
.color_pink2.active {
background-color: #f5a4a4!important;
}
.color_brown.active {
background-color: #9C4E4E!important;
}
.color_bluelight.active {
background-color: #6AD5D7!important;
}
.color_blue.active {
background-color: #427BC1!important;
}
.color_green.active {
background-color: #0066b0!important;
}
.color_greenlight.active {
background-color: #6FC78C!important;
}
.color_yellow.active {
background-color: #F18C5E!important;
}
.color_red.active {
background-color: #f8d3d3!important;
}
.color_orange.active {
background-color: #EC6F7D!important;
}
.block_storage {
display: flex;
background-color: #f0f0f0;
overflow: hidden;
}
.block_storage .item {
display: block;
width: 100%;
height: 34vw;
position: relative;
opacity: 0;
}
.block_storage .item a {
position: relative;
display: none;
width: 34vw;
height: 34vw;
background-repeat: no-repeat;
background-position: unset;
background-size: cover;
overflow: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.block_storage:hover .item a {
width: 28vw;
}
.block_storage .item:hover a {
width: 45vw;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_storage .item a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(1turn, rgba(34, 34, 34, 1), rgba(34, 34, 34, 0.9) 0%, rgba(34, 34, 34, 0) 100%);
}
.block_storage .item a .zoom {
position: absolute;
bottom: 1.5vw;
left: 33vw;
z-index: 1;
background-image: url(../../img_blue/storage_zoom.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: auto 100%;
padding-left: 3vw;
color: #fff;
font-size: 0.9vw;
line-height: 1.3;
font-weight: 200;
width: 12vw;
}
.block_storage .item .title {
font-family: 'Rubik', sans-serif;
font-size: 2.1875vw;
line-height: 1.2;
font-weight: 500;
color: #fff;
text-transform: uppercase;
position: absolute;
left: 1.5vw;
bottom: 4vw;
z-index: 1;
}
.block_storage .item .desc {
position: absolute;
font-size: 1.46vw;
line-height: 1.2;
font-weight: 500;
color: #fff;
text-transform: uppercase;
position: absolute;
left: 1.5vw;
bottom: 1.5vw;
z-index: 1;
}
.block_storage .item1:before, .block_storage .item2:before {
content: "";
position: absolute;
top: 0;
right: -0.15vw;
width: 0.3vw;
height: 100%;
z-index: 2;
background-color: rgba(145, 145, 145, 0.7);
}
.block_storage.scrolled a:first-child {
display: block;
}
.block_storage.scrolled .item1 {
animation: opacity_anim 0.5s forwards;
animation-delay: 0s;
}
.block_storage.scrolled .item2 {
animation: opacity_anim 0.8s forwards;
animation-delay: 0.1s;
}
.block_storage.scrolled .item3 {
animation: opacity_anim 1.1s forwards;
animation-delay: 0.2s;
}
.storage-mfp img.mfp-img {
max-height: 82vh!important;
margin-top: 3vw!important;
}
.storage-mfp .mfp-figure:after {
top: 3vw;
bottom: 1vw;
border-radius: 1vw;
}
.storage-mfp .mfp-bottom-bar {
display: block;
top: 3vw;
bottom: auto;
background-color: transparent;
}
.storage-mfp .mfp-title {
color: #fff;
padding-right: 0;
}
.storage-mfp .mfp-title .tt1 {
font-size: 1.2vw;
font-weight: 500;
text-transform: uppercase;
}
.storage-mfp .mfp-title .tt2 {
float: right;
font-size: 1vw;
font-weight: 300;
text-transform: uppercase;
}
.storage-mfp .mfp-counter {
display: none;
}

/*.ymaps-2-1-79-ground-pane {
filter: grayscale(1);
-ms-filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
}*/

.block_team {
height: 36vw;
margin-top: 0vw;
border: 0vw solid #fff;
border-top: 0;
border-radius: 2vw;
position: relative;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.block_team.scrolled {
opacity: 1;
}
.block_team .bg {
position: absolute;
width: 100%;
height: 100%;
background-image: url(../../img_blue/team_bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: none;
}
.block_team.scrolled .bg {
display: block;
}
.block_team h2 {
margin: auto;
margin-bottom: 1vw;
background: #f0f0f0;
text-align: center;
border-radius: 0 0 1vw 1vw;
/*	margin-top: -1.8vw;*/
padding: 0.5vw 1.5vw 1.5vw 1.5vw;
text-transform: uppercase;
width: 49vw;
}
.block_pku_eneksom_sheme {
background-image: url(../../img_blue/pku_eneksom_sheme_bg.jpg);
background-color: #f0f0f0;
background-repeat: no-repeat;
background-position: center;
background-size: 41.3vw;
height: 64vw;
padding: 2vw 0 0 0;
}
.block_pku_eneksom_sheme h2 {
font-family: 'Rubik', sans-serif;
font-size: 2.29vw;
line-height: 1.2;
font-weight: 500;
margin: auto;
margin-bottom: 1vw;
text-align: center;
}
.block_pss_eneksom_sheme1 {
background-image: url(../../img_blue/pss_eneksom_sheme1_bg.jpg);
background-color: #f0f0f0;
background-repeat: no-repeat;
background-position: center;
background-size: 41.3vw;
height: 55vw;
padding: 2vw 0 0 0;
}
.block_pss_eneksom_sheme1 h2 {
font-family: 'Rubik', sans-serif;
font-size: 2.29vw;
line-height: 1.2;
font-weight: 500;
margin: auto;
margin-bottom: 1vw;
text-align: center;
}
.block_pss_eneksom_sheme2 {
background-image: url(../../img_blue/pss_eneksom_sheme2_bg.jpg);
background-color: #f0f0f0;
background-repeat: no-repeat;
background-position: center;
background-size: 41.3vw;
height: 55vw;
}
.block_pss_eneksom_sheme3 {
background-image: url(../../img_blue/pss_eneksom_sheme3_bg.jpg);
background-color: #f0f0f0;
background-repeat: no-repeat;
background-position: center;
background-size: 41.3vw;
height: 55vw;
}
.block_pss_eneksom_photo {
background-image: url(../../img_blue/pss_eneksom_photo_bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 41.3vw;
height: 64vw;
padding: 3.5vw 0;
}
.block_pss_eneksom_photo .st2 {
font-family: 'Rubik', sans-serif;
font-size: 1.9vw;
line-height: 1.2;
font-weight: 500;
margin: auto;
margin-bottom: 1vw;
text-align: center;
margin-bottom: 26.7vw;
}
.block_advantages3 {
padding: 4vw 0;
position: relative;
text-align: center;
background-color: #f0f0f0;
}
.block_advantages3 h2 {
margin-bottom: 2vw;
}
.block_advantages3 .wrap {
display: flex;
justify-content: space-between;
}
.block_advantages3 .left {
width: 49%;
opacity: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.block_advantages3.scrolled .left {
opacity: 1;
}
.block_advantages3 .bg {
display: none;
width: 100%;
height: 28vw;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 0.5vw;
margin-bottom: 2vw;
}
.block_advantages3.scrolled .bg {
display: block;
}
.block_advantages3 .right {
width: 49%;
text-align: left;
}
.block_advantages3 .right .item {
font-size: 1.2vw;
font-weight: 300;
padding-left: 2.5vw;
margin-bottom: 1.5vw;
position: relative;
opacity: 0;
}
.block_advantages3 .right .item:before {
content: "";
position: absolute;
left: 0;
top: 0;
font-size: 1.4vw;
line-height: 1.3;
font-weight: 500;
color: #0066b0;
font-family: 'Rubik', sans-serif;
}
.block_advantages3 .right .item0:before {
content: "01";
}
.block_advantages3 .right .item1:before {
content: "02";
}
.block_advantages3 .right .item2:before {
content: "03";
}
.block_advantages3 .right .item3:before {
content: "04";
}
.block_advantages3 .right .item4:before {
content: "05";
}
.block_advantages3 .right .item5:before {
content: "06";
}
.block_advantages3 .right .item0 {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.5s;
}
.block_advantages3 .right .item1 {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.7s;
}
.block_advantages3 .right .item2 {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.9s;
}
.block_advantages3 .right .item3 {
animation: opacity_anim 0.5s forwards;
animation-delay: 1.1s;
}
.block_advantages3 .right .item4 {
animation: opacity_anim 0.5s forwards;
animation-delay: 1.3s;
}
.block_advantages3 .right .item5 {
animation: opacity_anim 0.5s forwards;
animation-delay: 1.5s;
}
.block_advantages3 .right .item6 {
animation: opacity_anim 0.5s forwards;
animation-delay: 1.7s;
}
.block_advantages3 .consultation {
opacity: 0;
}
.block_advantages3.scrolled .consultation {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.6s;
}
.block_advantages3 .consultation .t1 {
font-family: Rubik;
font-style: normal;
font-size: 0.8vw;
line-height: 1.67vw;
font-weight: 400;
color: #fff;
text-align: center;
text-transform: none;
background-color: #0066b0;
padding: 0.1vw 0.8vw;
border-radius: 0.4vw;
display: inline-block;
}
.block_advantages3 .consultation .t1:before {
content: "";
background-color: #fff;
display: inline-block;
width: 0.4vw;
height: 0.4vw;
margin: 0 0.3vw 0.06vw 0;
-webkit-border-radius: 0.4vw;
border-radius: 0.4vw;
animation: shine3 1s cubic-bezier(1, 0, 0, 1) infinite;
}
.block_advantages3 .consultation .select_messager {
display: flex;
justify-content: center;
}
.block_advantages3 .consultation .select_messager a {
display: block;
width: 3vw;
height: 3vw;
background-position: center 0.5vw;
background-repeat: no-repeat;
background-size: 2vw;
-webkit-border-radius: 0.3vw;
border-radius: 0.3vw;
}
.block_advantages3 .consultation .select_messager a:hover {
background-color: #F2F2F2;
}
.block_advantages3 .consultation .select_messager .whatsapp {
background-image: url(../../images/whatsapp.svg);
}
.block_advantages3 .consultation .select_messager .viber {
background-image: url(../../images/viber.svg);
}
.block_advantages3 .consultation .select_messager .telegram {
background-image: url(../../images/telegram.svg);
}
.block_advantages3 .consultation .select_messager .callback {}
.block_advantages3 .consultation .select_messager .callback::before {
content: "";
display: block;
width: 2vw;
height: 2vw;
margin: 0.5vw;
background-color: #0066b0;
background-image: url('../../img_blue/phone-cal).svg');
background-repeat: no-repeat;
background-position: center;
background-size: 49%;
border-radius: 100%;
}
.block_advantages2_pku {
padding: 4vw 0;
position: relative;
text-align: center;
background-color: #f0f0f0;
}
.block_advantages2_pku .bg {
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.block_advantages2_pku .bg:after {
content: "";
display: none;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
}
.block_advantages2_pku.scrolled .bg {
opacity: 1;
}
.block_advantages2_pku.scrolled .bg:after {
display: block;
}
.block_advantages2_pku.type0 .bg:after {
background-image: url(../../img_blue/advantage_pku.jpg);
background-size: 62.5vw;
background-position: 0vw 5vw;
}
.block_advantages2_pku.type1 .bg:after {
background-image: url(../../img_blue/advantage_pss.jpg);
background-size: 56.5vw;
background-position: 6vw 3vw;
}
.block_advantages2_pku.type2 .bg:after {
background-image: url(../../img_blue/advantage_kso298.jpg);
background-size: 42vw;
background-position: 14vw 6vw;
}
.block_advantages2_pku.type3 .bg:after {
background-image: url(../../img_blue/advantage_kso393.jpg);
background-size: 34.5vw;
background-position: 18vw 7vw;
}
.block_advantages2_pku.type4 .bg:after {
background-image: url(../../img_blue/advantage_krun.jpg);
background-size: 47.5vw;
background-position: 12vw 4vw;
}
.block_advantages2_pku.type5 .bg:after {
background-image: url(../../img_blue/advantage_pkun.jpg);
background-size: 50vw;
background-position: 8vw 9vw;
}
.block_advantages2_pku.type6 .bg:after {
background-image: url(../../img_blue/advantage_pss_enekson.jpg);
background-size: 41.3vw;
background-position: 13vw 12vw;
}
.block_advantages2_pku.type7 .bg:after {
background-image: url(../../img_blue/advantage_yakno.jpg);
background-size: 41.3vw;
background-position: 13vw 12vw;
}
.block_advantages2_pku.type8 .bg:after {
background-image: url(../../img_blue/advantage_stp.jpg);
background-size: 21vw;
background-position: 23vw 10vw;
}
.block_advantages2_pku.type9 .bg:after {
background-image: url(../../img_blue/advantage_mtp.jpg);
background-size: 21vw;
background-position: 23vw 10vw;
}
.block_advantages2_pku.type10 .bg:after {
background-image: url(../../img_blue/advantage_pku35.jpg);
background-size: 30vw;
background-position: 17vw 12vw;
}
.block_advantages2_pku.type11 .bg:after {
background-image: url(../../img_blue/advantage_ve.jpg);
background-size: 46vw;
background-position: 14vw 7vw;
}
.block_advantages2_pku.type12 .bg:after {
background-image: url(../../img_blue/advantage_osm.jpg);
background-size: 50vw;
background-position: 9vw 9vw;
}
.block_advantages2_pku .wrap {
display: flex;
}
.block_advantages2_pku h2 {
margin-bottom: 1vw;
}
.block_advantages2_pku p {
font-size: 1.1vw;
line-height: 1.3;
font-weight: 300;
margin-bottom: 1.2vw;
}
.block_advantages2_pku .st4 {
display: inline-block;
background-image: url(../../img_blue/hand.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 1vw;
padding-left: 2vw;
}
.block_advantages2_pku .left {
width: 50%;
min-height: 38vw;
}
.block_advantages2_pku.type12 .left {
min-height: 31vw;
}
.block_advantages2_pku .left .swiper-wrapper {
position: static;
transform: none;
}
.block_advantages2_pku .left .point {
position: absolute;
left: 0vw;
top: 0vw;
width: 2vw;
height: 2vw;
cursor: pointer;
z-index: 1;
opacity: 0;
}
.block_advantages2_pku .left .point:hover {
z-index: 3;
}
.block_advantages2_pku .left .point:after {
content: "";
position: relative;
display: block;
width: 2vw;
height: 2vw;
background-image: url(../../img_blue/adv_plus.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: 2vw;
}
.block_advantages2_pku .left .point:hover:after, .block_advantages2_pku .left .point:hover:after {
background-image: url(../../img_blue/adv_plus2.svg);
}
.block_advantages2_pku.scrolled .left .point0 {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.5s;
}
.block_advantages2_pku.scrolled .left .point1 {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.7s;
}
.block_advantages2_pku.scrolled .left .point2 {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.9s;
}
.block_advantages2_pku.scrolled .left .point3 {
animation: opacity_anim 0.5s forwards;
animation-delay: 1.1s;
}
.block_advantages2_pku.scrolled .left .point4 {
animation: opacity_anim 0.5s forwards;
animation-delay: 1.3s;
}
.block_advantages2_pku.scrolled .left .point5 {
animation: opacity_anim 0.5s forwards;
animation-delay: 1.5s;
}
.block_advantages2_pku.scrolled .left .point6 {
animation: opacity_anim 0.5s forwards;
animation-delay: 1.7s;
}
.block_advantages2_pku.scrolled .left .point7 {
animation: opacity_anim 0.5s forwards;
animation-delay: 1.9s;
}
.block_advantages2_pku.scrolled .left .point8 {
animation: opacity_anim 0.5s forwards;
animation-delay: 2.1s;
}
.block_advantages2_pku.scrolled .left .point9 {
animation: opacity_anim 0.5s forwards;
animation-delay: 2.3s;
}
.block_advantages2_pku.scrolled .left .point10 {
animation: opacity_anim 0.5s forwards;
animation-delay: 2.5s;
}
@keyframes opacity_anim {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.block_advantages2_pku .left .point0, .block_advantages2_pku.type0 .left .point0 {
left: 5.5vw;
top: 29vw;
}
.block_advantages2_pku .left .point1, .block_advantages2_pku.type0 .left .point1 {
left: 17vw;
top: 16vw;
}
.block_advantages2_pku .left .point2, .block_advantages2_pku.type0 .left .point2 {
left: 22vw;
top: 30vw;
}
.block_advantages2_pku .left .point3, .block_advantages2_pku.type0 .left .point3 {
left: 11.5vw;
top: 33vw;
}
.block_advantages2_pku .left .point4, .block_advantages2_pku.type0 .left .point4 {
left: 30.8vw;
top: 26.3vw;
}
.block_advantages2_pku .left .point5, .block_advantages2_pku.type0 .left .point5 {
left: 0vw;
top: 34vw;
}
.block_advantages2_pku .left .point6, .block_advantages2_pku.type0 .left .point6 {
left: 33vw;
top: 13.5vw;
}
.block_advantages2_pku .left .point7, .block_advantages2_pku.type0 .left .point7 {
left: 11vw;
top: 24.5vw;
}
.block_advantages2_pku .left .point8, .block_advantages2_pku.type0 .left .point8 {
left: 11vw;
top: 22vw;
}
.block_advantages2_pku .left .point9, .block_advantages2_pku.type0 .left .point9 {
left: 22vw;
top: 16vw;
}
.block_advantages2_pku .left .point10, .block_advantages2_pku.type0 .left .point10 {
left: 0vw;
top: 21vw;
}
.block_advantages2_pku.type1 .left .point0 {
left: 5vw;
top: 21vw;
}
.block_advantages2_pku.type1 .left .point1 {
left: 21vw;
top: 16vw;
}
.block_advantages2_pku.type1 .left .point2 {
left: 12vw;
top: 23vw;
}
.block_advantages2_pku.type1 .left .point3 {
left: 8vw;
top: 19vw;
}
.block_advantages2_pku.type1 .left .point4 {
left: 9vw;
top: 26vw;
}
.block_advantages2_pku.type1 .left .point5 {
left: 0vw;
top: 32vw;
}
.block_advantages2_pku.type1 .left .point6 {
left: 9vw;
top: 31vw;
}
.block_advantages2_pku.type1 .left .point7 {
left: 24vw;
top: 13vw;
}
.block_advantages2_pku.type1 .left .point8 {
left: 28vw;
top: 32vw;
}
.block_advantages2_pku.type2 .left .point0 {
left: 21vw;
top: 25vw;
}
.block_advantages2_pku.type2 .left .point1 {
left: 14vw;
top: 10vw;
}
.block_advantages2_pku.type2 .left .point2 {
left: 10vw;
top: 25vw;
}
.block_advantages2_pku.type2 .left .point3 {
left: 27vw;
top: 7vw;
}
.block_advantages2_pku.type2 .left .point4 {
left: 25vw;
top: 23vw;
}
.block_advantages2_pku.type2 .left .point5 {
left: 21vw;
top: 19vw;
}
.block_advantages2_pku.type2 .left .point6 {
left: 19vw;
top: 20vw;
}
.block_advantages2_pku.type2 .left .point7 {
left: 11vw;
top: 8vw;
}
.block_advantages2_pku.type2 .left .point8 {
left: 17vw;
top: 37vw;
}


.block_advantages2_pku.type3 .left .point0 {
left: 23.5vw;
top: 31vw;
}
.block_advantages2_pku.type3 .left .point1 {
left: 17vw;
top: 36vw;
}
.block_advantages2_pku.type3 .left .point2 {
left: 16vw;
top: 28vw;
}
.block_advantages2_pku.type3 .left .point3 {
left: 21.5vw;
top: 18vw;
}
.block_advantages2_pku.type3 .left .point4 {
left: 18vw;
top: 32vw;
}
.block_advantages2_pku.type3 .left .point5 {
left: 12vw;
top: 29vw;
}
.block_advantages2_pku.type3 .left .point6 {
left: 13vw;
top: 33vw;
}
.block_advantages2_pku.type3 .left .point7 {
left: 14.5vw;
top: 21.5vw;
}

.block_advantages2_pku.type4 .left .point0 {
left: 26.5vw;
top: 22vw;
}
.block_advantages2_pku.type4 .left .point1 {
left: 19vw;
top: 22vw;
}
.block_advantages2_pku.type4 .left .point2 {
left: 22vw;
top: 30vw;
}
.block_advantages2_pku.type4 .left .point3 {
left: 6.5vw;
top: 18vw;
}
.block_advantages2_pku.type4 .left .point4 {
left: 21.8vw;
top: 37.3vw;
}
.block_advantages2_pku.type4 .left .point5 {
left: 27vw;
top: 34vw;
}
.block_advantages2_pku.type4 .left .point6 {
left: 12vw;
top: 11.5vw;
}
.block_advantages2_pku.type4 .left .point7 {
left: 24vw;
top: 24.5vw;
}
.block_advantages2_pku.type4 .left .point8 {
left: 18vw;
top: 11vw;
}

.block_advantages2_pku.type5 .left .point0 {
left: 17vw;
top: 18vw;
}
.block_advantages2_pku.type5 .left .point1 {
left: 25vw;
top: 12vw;
}
.block_advantages2_pku.type5 .left .point2 {
left: 17vw;
top: 14vw;
}
.block_advantages2_pku.type5 .left .point3 {
left: 19vw;
top: 21vw;
}
.block_advantages2_pku.type5 .left .point4 {
left: 9vw;
top: 26vw;
}
.block_advantages2_pku.type5 .left .point5 {
left: 27vw;
top: 24vw;
}
.block_advantages2_pku.type5 .left .point6 {
left: 26vw;
top: 17vw;
}
.block_advantages2_pku.type5 .left .point7 {
left: 16vw;
top: 29vw;
}

.block_advantages2_pku.type7 .left .point0 {
left: 19.5vw;
top: 25vw;
}
.block_advantages2_pku.type7 .left .point1 {
left: 16vw;
top: 26vw;
}
.block_advantages2_pku.type7 .left .point2 {
left: 13vw;
top: 21vw;
}
.block_advantages2_pku.type7 .left .point3 {
left: 8.5vw;
top: 30vw;
}
.block_advantages2_pku.type7 .left .point4 {
left: 16.8vw;
top: 32.3vw;
}
.block_advantages2_pku.type7 .left .point5 {
left: 20vw;
top: 31vw;
}
.block_advantages2_pku.type7 .left .point6 {
left: 13vw;
top: 26.5vw;
}
.block_advantages2_pku.type7 .left .point7 {
left: 19vw;
top: 18.5vw;
}
.block_advantages2_pku.type7 .left .point8 {
left: 14vw;
top: 40vw;
}


.block_advantages2_pku.type8 .left .point0 {
left: 8.5vw;
top: 31vw;
}
.block_advantages2_pku.type8 .left .point1 {
left: 10vw;
top: 35vw;
}
.block_advantages2_pku.type8 .left .point2 {
left: 9vw;
top: 16vw;
}
.block_advantages2_pku.type8 .left .point3 {
left: 11.5vw;
top: 26vw;
}
.block_advantages2_pku.type8 .left .point4 {
left: 10.8vw;
top: 29.3vw;
}

.block_advantages2_pku.type10 .left .point0 {
left: 14vw;
top: 38vw;
}
.block_advantages2_pku.type10 .left .point1 {
left: 19vw;
top: 25vw;
}
.block_advantages2_pku.type10 .left .point2 {
left: 5vw;
top: 21vw;
}
.block_advantages2_pku.type10 .left .point3 {
left: 19vw;
top: 17vw;
}
.block_advantages2_pku.type10 .left .point4 {
left: 8vw;
top: 29vw;
}
.block_advantages2_pku.type10 .left .point5 {
left: 22vw;
top: 43vw;
}
.block_advantages2_pku.type10 .left .point6 {
left: 26vw;
top: 21vw;
}
.block_advantages2_pku.type10 .left .point7 {
left: 8vw;
top: 22vw;
}
.block_advantages2_pku.type10 .left .point8 {
left: 13vw;
top: 9vw;
}
.block_advantages2_pku.type10 .left .point9 {
left: 17vw;
top: 31vw;
}
.block_advantages2_pku.type11 .left .point0 {
left: 19.5vw;
top: 42vw;
}
.block_advantages2_pku.type11 .left .point1 {
left: 28vw;
top: 39vw;
}
.block_advantages2_pku.type11 .left .point2 {
left: 22vw;
top: 30vw;
}
.block_advantages2_pku.type11 .left .point3 {
left: 8.5vw;
top: 37vw;
}
.block_advantages2_pku.type11 .left .point4 {
left: 30.8vw;
top: 31.3vw;
}
.block_advantages2_pku.type11 .left .point5 {
left: 7vw;
top: 13vw;
}
.block_advantages2_pku.type11 .left .point6 {
left: 30vw;
top: 16.5vw;
}
.block_advantages2_pku.type11 .left .point7 {
left: 17vw;
top: 27.5vw;
}
.block_advantages2_pku.type11 .left .point8 {
left: 19vw;
top: 21vw;
}
.block_advantages2_pku.type11 .left .point9 {
left: 29vw;
top: 9vw;
}
.block_advantages2_pku.type11 .left .point10 {
left: 16vw;
top: 13vw;
}
.block_advantages2_pku.type12 .left .point0 {
left: 17vw;
top: 10vw;
}
.block_advantages2_pku.type12 .left .point1 {
left: 30.5vw;
top: 11vw;
}
.block_advantages2_pku.type12 .left .point2 {
left: 29vw;
top: 16vw;
}
.block_advantages2_pku.type12 .left .point3 {
left: 5vw;
top: 22vw;
}
.block_advantages2_pku.type12 .left .point4 {
left: 26vw;
top: 20.5vw;
}
.block_advantages2_pku.type12 .left .point5 {
left: 9vw;
top: 27vw;
}
.block_advantages2_pku.type12 .left .point6 {
left: 25vw;
top: 29vw;
}
.block_advantages2_pku.type12 .left .point7 {
left: 20vw;
top: 32vw;
}
.block_advantages2_pku .left .point .sunik {
border-radius: 50%;
border: 1px solid rgb(57 171 60 / 0%);
position: absolute;
left: calc(50% - 1vw);
top: calc(50% - 1vw);
width: 2vw;
height: 2vw;
animation: video_but3 3s linear infinite;
pointer-events: none;
background-color: #0066b099;
}
.block_advantages2_pku.type2 .left .point:hover .sunik {
display: none;
}
.block_advantages2_pku .left .point .sunik:nth-of-type(2) {
animation-delay: 1s
}
.block_advantages2_pku .left .point .sunik:nth-of-type(3) {
animation-delay: 2s
}
.block_advantages2_pku .left .point .sunik:nth-of-type(4) {
animation-delay: 3s
}
@keyframes video_but3 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
5% {
opacity: .8
}
25% {
opacity: .6
}
30% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0
}
100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0
}
}
.block_advantages2_pku .left .item {
position: absolute;
left: 0;
top: 0;
display: flex;
width: 0vw;
height: 0vw;
align-items: stretch;
border-radius: 1vw;
overflow: hidden;
background-color: #fff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.block_advantages2_pku .left .point:hover .item {
width: 35vw;
height: 15vw;
}
.block_advantages2_pku .left .item .img {
min-width: 15vw;
min-height: 15vw;
background-position: center;
background-size: cover;
border: 0.3vw solid #fff;
border-radius: 1vw 0vw 0vw 1vw;
}
.block_advantages2_pku .left .item .desc {
min-width: 20vw;
padding: 0.8vw 1.3vw 0.8vw 1.3vw;
font-size: 1.1vw;
line-height: 1.3;
font-weight: 300;
text-align: left;
}
.block_advantages2_pku .left .item .title {
font-size: 1.2vw;
font-weight: 500;
margin-bottom: 0.5vw;
text-align: center;
}
.block_advantages2_pku .left .item .desc .font1 {
font-size: 1vw;
}
.block_advantages2_pku .left .item .desc .font2 {
font-size: 0.9vw;
}
.block_advantages2_pku .right {
width: 50%;
padding-top: 20vw;
}
.block_advantages2_pku .const_advantages_top_cont_right {
position: absolute;
right: 0;
top: 13vw;
display: flex;
justify-content: flex-start;
align-items: flex-start
}
.block_advantages2_pku .const_advantages_top_cont_right .kruglaya-volna2 {
left: 0;
cursor: pointer;
transform: unset;
position: relative;
z-index: 1;
}
.block_advantages2_pku .const_advantages_top_cont_right .kruglaya-volna2:after {
content: url(../../img_blue/aaaaghjkj2.svg);
position: absolute;
top: 0;
right: -4.01vw
}
.block_advantages2_pku .kruglaya-volna2 .konaso-dasuva {
background: #0066b0;
}
.block_advantages2_pku .kruglaya-volna2 .konaso-dasuva:hover {
background: #fff!important;
}
.block_advantages2_pku .kruglaya-volna2 .lasuteke-sturad .play_vid_svg {
fill: #fff!important;
}
.block_advantages2_pku .kruglaya-volna2 .konaso-dasuva:hover .play_vid_svg {
fill: #0066b0!important;
}
.block_advantages2_pku .const_advantages_top_cont_right .kruglaya-volna2 .sunik {
border: 0.05vw solid hsla(0, 0%, 100%, .6)
}
.block_advantages2_pku .const_advantages_top_cont_right .txt {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 1.4vw;
margin-top: -1vw;
margin-left: 6.04vw;
line-height: 1.67vw;
text-transform: uppercase;
text-align: center;
opacity: 0;
}
.block_advantages2_pku.scrolled .const_advantages_top_cont_right .txt {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.2s;
}
.block_advantages2_pku .const_advantages_top_cont_right .txt .st3 {
font-family: Circe, sans-serif;
font-size: 1vw;
line-height: 1.3;
font-weight: 300;
text-transform: none;
display: block;
margin-top: 0.3vw;
}
.block_advantages2_pku .video_prev {
display: none;
width: 24vw;
height: 14vw;
padding-top: 3vw;
margin-bottom: 1vw;
border: 0.4vw solid #fff;
border-radius: 1vw;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: pointer;
opacity: 0;
}
.block_advantages2_pku.scrolled .video_prev {
display: block;
}
.block_advantages2_pku.scrolled .const_advantages_top_cont_right .video_prev {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.4s;
}
.block_advantages2_pku .video_prev .video_but {
display: inline-block;
position: relative;
}
.block_advantages2_pku .video_prev .video_but span {
position: absolute;
left: -1.5vw;
top: 0;
width: 3vw;
height: 3vw;
padding: 1vw 1.2vw;
background: linear-gradient(180deg, #51D254 0%, #0066b0 99.26%);
-webkit-box-shadow: 0px 40px 40px -20px rgb(57 171 60 / 40%), 0px 3px 0px 0px rgb(43 144 46);
box-shadow: 0px 40px 40px -20px rgb(57 171 60 / 40%), 0px 3px 0px 0px rgb(43 144 46);
-webkit-border-radius: 100%;
border-radius: 100%;
}
.block_advantages2_pku .video_prev:hover .video_but span {
background: linear-gradient(180deg, #4ecc50 0%, #329c36 99.26%);
}
.block_advantages2_pku .video_prev .video_but span svg {
width: 0.8vw;
height: 1vw;
display: block;
}
.block_advantages2_pku .consultation {
opacity: 0;
}
.block_advantages2_pku.scrolled .consultation {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.6s;
}
.block_advantages2_pku .consultation .t1 {
font-size: 0.8vw;
font-weight: 400;
color: #fff;
text-align: center;
text-transform: none;
background-color: #0066b0;
padding: 0.1vw 0.8vw;
border-radius: 0.4vw;
display: inline-block;
}
.block_advantages2_pku .consultation .t1:before {
content: "";
background-color: #fff;
display: inline-block;
width: 0.4vw;
height: 0.4vw;
margin: 0 0.3vw 0.06vw 0;
-webkit-border-radius: 0.4vw;
border-radius: 0.4vw;
animation: shine3 1s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes shine3 {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.block_advantages2_pku .consultation .select_messager {
display: flex;
justify-content: center;
}
.block_advantages2_pku .consultation .select_messager a {
display: block;
width: 3vw;
height: 3vw;
background-position: center 0.5vw;
background-repeat: no-repeat;
background-size: 2vw;
-webkit-border-radius: 0.3vw;
border-radius: 0.3vw;
}
.block_advantages2_pku .consultation .select_messager a:hover {
background-color: #F2F2F2;
}
.block_advantages2_pku .consultation .select_messager .whatsapp {
background-image: url(../../images/whatsapp.svg);
}
.block_advantages2_pku .consultation .select_messager .viber {
background-image: url(../../images/viber.svg);
}
.block_advantages2_pku .consultation .select_messager .telegram {
background-image: url(../../images/telegram.svg);
}
.block_advantages2_pku .consultation .select_messager .callback {}
.block_advantages2_pku .consultation .select_messager .callback::before {
content: "";
display: block;
width: 2vw;
height: 2vw;
margin: 0.5vw;
background-color: #0066b0;
background-image: url('../../img_blue/phone-cal).svg');
background-repeat: no-repeat;
background-position: center;
background-size: 49%;
border-radius: 100%;
}
.block_transcript_pku {
padding: 0 0 4vw 0;
position: relative;
background-color: #f0f0f0;
}
.block_transcript_pku h2 {
text-align: center;
margin-bottom: 1vw;
}
.block_transcript_pku .items {
display: flex;
flex-direction: column-reverse;
}
.block_transcript_pku .item {
font-size: 1.2vw;
margin: 0 0 1vw 32vw;
}
.block_transcript_pku .item span {
font-size: 1.8vw;
position: absolute;
top: 6vw;
}
.block_transcript_pku .item1:before {
content: "";
position: absolute;
top: 9vw;
left: 10vw;
width: 0;
height: 13.6vw;
border-left: 1px solid #000000;
}
.block_transcript_pku .item1:after {
content: "";
position: absolute;
top: 22.6vw;
left: 10vw;
width: 21vw;
height: 0;
border-top: 1px solid #000000;
}	
.block_transcript_pku .item1 span {
left: 8vw;
}
.block_transcript_pku .item2:before {
content: "";
position: absolute;
top: 9vw;
left: 18.2vw;
width: 0;
height: 10.8vw;
border-left: 1px solid #000000;
}
.block_transcript_pku .item2:after {
content: "";
position: absolute;
top: 19.8vw;
left: 18.2vw;
width: 12.8vw;
height: 0;
border-top: 1px solid #000000;
}
.block_transcript_pku .item2 span {
left: 17.8vw;
}
.block_transcript_pku .item3:before {
content: "";
position: absolute;
top: 9vw;
left: 21.9vw;
width: 0;
height: 6.3vw;
border-left: 1px solid #000000;
}
.block_transcript_pku .item3:after {
content: "";
position: absolute;
top: 15.3vw;
left: 21.9vw;
width: 9vw;
height: 0;
border-top: 1px solid #000000;	
}	
.block_transcript_pku .item3 span {
left: 20.5vw;
}
.block_transcript_pku .item4 {
	margin-top: 6vw;
}
.block_transcript_pku .item4:before {
content: "";
position: absolute;
top: 9vw;
left: 27vw;
width: 0;
height: 1.8vw;
border-left: 1px solid #000000;
}
.block_transcript_pku .item4:after {
content: "";
position: absolute;
top: 10.7vw;
left: 27vw;
width: 4vw;
height: 0;
border-top: 1px solid #000000;
}	
.block_transcript_pku .item4 span {
left: 25vw;
white-space: nowrap;
overflow: hidden;
width: 4.5vw;
}
.block_transcript_kso {
padding: 0 0 4vw 0;
position: relative;
background-color: #f0f0f0;
}
.block_transcript_kso h2 {
text-align: center;
margin-bottom: 1vw;
}
.block_transcript_kso .items {
display: flex;
flex-direction: column-reverse;
}
.block_transcript_kso .item {
font-size: 1.2vw;
margin: 0 0 1vw 32vw;
}
.block_transcript_kso .item span {
font-size: 1.8vw;
position: absolute;
top: 6vw;
}
.block_transcript_kso .item1:before {
content: "";
position: absolute;
top: 9vw;
left: 9.7vw;
width: 0;
height: 16.4vw;
border-left: 1px solid #000000;
}
.block_transcript_kso .item1:after {
content: "";
position: absolute;
top: 25.4vw;
left: 9.7vw;
width: 21.2vw;
height: 0;
border-top: 1px solid #000000;
}	
.block_transcript_kso .item1 span {
left: 8vw;
}
.block_transcript_kso .item2:before {
content: "";
position: absolute;
top: 9vw;
left: 14.8vw;
width: 0;
height: 13.6vw;
border-left: 1px solid #000000;
}
.block_transcript_kso .item2:after {
content: "";
position: absolute;
top: 22.6vw;
left: 14.8vw;
width: 16.1vw;
height: 0;
border-top: 1px solid #000000;
}
.block_transcript_kso .item2 span {
left: 13.4vw;
}
.block_transcript_kso .item3:before {
content: "";
position: absolute;
top: 9vw;
left: 19.9vw;
width: 0;
height: 9vw;
border-left: 1px solid #000000;
}
.block_transcript_kso .item3:after {
content: "";
position: absolute;
top: 18vw;
left: 19.9vw;
width: 11vw;
height: 0;
border-top: 1px solid #000000;
}	
.block_transcript_kso .item3 span {
left: 18vw;
}
.block_transcript_kso .item4:before {
content: "";
position: absolute;
top: 9vw;
left: 25.2vw;
width: 0;
height: 6.2vw;
border-left: 1px solid #000000;
}
.block_transcript_kso .item4:after {
content: "";
position: absolute;
top: 15.2vw;
left: 25.2vw;
width: 5.7vw;
height: 0;
border-top: 1px solid #000000;
}	
.block_transcript_kso .item4 span {
left: 23.7vw;
}
.block_transcript_kso .item5 {
	margin-top: 6vw;
}
.block_transcript_kso .item5:before {
content: "";
position: absolute;
top: 9vw;
left: 29.4vw;
width: 0;
height: 1.8vw;
border-left: 1px solid #000000;
}
.block_transcript_kso .item5:after {
content: "";
position: absolute;
top: 10.8vw;
left: 29.4vw;
width: 1.6vw;
height: 0;
border-top: 1px solid #000000;
}	
.block_transcript_kso .item5 span {
left: 28.4vw;
white-space: nowrap;
overflow: hidden;
width: 2.5vw;
}

.block_transcript_krun {
padding: 0 0 4vw 0;
position: relative;
background-color: #f0f0f0;
}
.block_transcript_krun h2 {
text-align: center;
margin-bottom: 1vw;
}
.block_transcript_krun .items {
display: flex;
flex-direction: column-reverse;
}
.block_transcript_krun .item {
font-size: 1.1vw;
margin: 0 0 1vw 32vw;
}
.block_transcript_krun .item span {
font-size: 1.8vw;
position: absolute;
top: 6vw;
}
.block_transcript_krun .item1:before {
content: "";
position: absolute;
top: 9vw;
left: 10.9vw;
width: 0;
height: 35.7vw;
border-left: 1px solid #000000;
}
.block_transcript_krun .item1:after {
content: "";
position: absolute;
top: 44.7vw;
left: 10.9vw;
width: 20vw;
height: 0;
border-top: 1px solid #000000;
}	
.block_transcript_krun .item1 span {
left: 8vw;
}
.block_transcript_krun .item2:before {
content: "";
position: absolute;
top: 9vw;
left: 16.6vw;
width: 0;
height: 33.1vw;
border-left: 1px solid #000000;
}
.block_transcript_krun .item2:after {
content: "";
position: absolute;
top: 42vw;
left: 16.6vw;
width: 14.3vw;
height: 0;
border-top: 1px solid #000000;
}
.block_transcript_krun .item2 span {
left: 15.8vw;
}
.block_transcript_krun .item3:before {
content: "";
position: absolute;
top: 9vw;
left: 20.6vw;
width: 0;
height: 17vw;
border-left: 1px solid #000000;
}
.block_transcript_krun .item3:after {
content: "";
position: absolute;
top: 26vw;
left: 20.6vw;
width: 10.2vw;
height: 0;
border-top: 1px solid #000000;
}	
.block_transcript_krun .item3 span {
left: 19.1vw;
}
.block_transcript_krun .item4:before {
content: "";
position: absolute;
top: 9vw;
left: 24.7vw;
width: 0;
height: 4.2vw;
border-left: 1px solid #000000;
}
.block_transcript_krun .item4:after {
content: "";
position: absolute;
top: 13.2vw;
left: 24.7vw;
width: 6vw;
height: 0;
border-top: 1px solid #000000;
}	
.block_transcript_krun .item4 span {
left: 23.7vw;
}
.block_transcript_krun .item5 {
	margin-top: 6vw;
}
.block_transcript_krun .item5:before {
content: "";
position: absolute;
top: 9vw;
left: 28.7vw;
width: 0;
height: 1.8vw;
border-left: 1px solid #000000;
}
.block_transcript_krun .item5:after {
content: "";
position: absolute;
top: 10.7vw;
left: 28.7vw;
width: 2.1vw;
height: 0;
border-top: 1px solid #000000;
}	
.block_transcript_krun .item5 span {
left: 27.7vw;
white-space: nowrap;
overflow: hidden;
width: 2.5vw;
}

.block_transcript_stp {
padding: 0 0 4vw 0;
position: relative;
background-color: #f0f0f0;
}
.block_transcript_stp h2 {
text-align: center;
margin-bottom: 1vw;
}
.block_transcript_stp .items {
display: flex;
flex-direction: column-reverse;
}
.block_transcript_stp .item {
font-size: 1.2vw;
margin: 0 0 1vw 32vw;
}
.block_transcript_stp .item span {
font-size: 1.8vw;
position: absolute;
top: 6vw;
}
.block_transcript_stp .item1:before {
content: "";
position: absolute;
top: 9vw;
left: 9.7vw;
width: 0;
height: 10.1vw;
border-left: 1px solid #000000;
}
.block_transcript_stp .item1:after {
content: "";
position: absolute;
top: 19.1vw;
left: 9.7vw;
width: 21.3vw;
height: 0;
border-top: 1px solid #000000;
}	
.block_transcript_stp .item1 span {
left: 8vw;
}
.block_transcript_stp .item2:before {
content: "";
position: absolute;
top: 9vw;
left: 18.7vw;
width: 0;
height: 7.2vw;
border-left: 1px solid #000000;
}
.block_transcript_stp .item2:after {
content: "";
position: absolute;
top: 16.2vw;
left: 18.7vw;
width: 12.3vw;
height: 0;
border-top: 1px solid #000000;
}
.block_transcript_stp .item2 span {
left: 17.8vw;
}
.block_transcript_stp .item3:before {
content: "";
position: absolute;
top: 9vw;
left: 22vw;
width: 0;
height: 4.5vw;
border-left: 1px solid #000000;
}
.block_transcript_stp .item3:after {
content: "";
position: absolute;
top: 13.5vw;
left: 22vw;
width: 9vw;
height: 0;
border-top: 1px solid #000000;
}	
.block_transcript_stp .item3 span {
left: 21.3vw;
}
.block_transcript_stp .item4 {
margin-top: 6vw;
}
.block_transcript_stp .item4:before {
content: "";
position: absolute;
top: 9vw;
left: 26vw;
width: 0;
height: 1.8vw;
border-left: 1px solid #000000;
}
.block_transcript_stp .item4:after {
content: "";
position: absolute;
top: 10.7vw;
left: 26vw;
width: 5vw;
height: 0;
border-top: 1px solid #000000;
}	
.block_transcript_stp .item4 span {
left: 24.7vw;
white-space: nowrap;
overflow: hidden;
width: 2.5vw;
}
.block_before_after {
margin: 4vw auto 4vw auto;
position: relative;
}
.block_before_after h2 {
text-align: center;
margin-bottom: 2vw;
}
.block_before_after .items {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.block_before_after .items .item {
width: 49%;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 2vw;
}
.block_before_after .items .item .title {
font-size: 1.4vw;
line-height: 1.1;
min-height: 3.1vw;
padding-left: 2vw;
margin-bottom: 0.5vw;
background-image: url(../../img_blue/comp.svg);
background-position: left top;
background-size: 1.4vw;
}
.block_before_after .items .item .task {
font-size: 1.1vw;
font-weight: 300;
padding-left: 2vw;
margin-bottom: 1vw;
background-image: url('../../img_blue/task.svg');
background-position: left top;
background-size: 1.5vw;
}
.block_before_after .items .item .decision {
font-size: 1.1vw;
font-weight: 300;
padding-left: 2vw;
margin-bottom: 1vw;
background-image: url('../../img_blue/decision.svg');
background-position: left top;
background-size: 1.5vw;
}
.block_before_after .items .item .hide {
overflow: hidden;
display: box;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.block_before_after .items .item .show {
display: inline-block;
color: #0066b0;
font-size: 1vw;
line-height: 1.1;
border-bottom: 1px solid #0066b0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.block_before_after .items .item .show:hover {
border-bottom: 1px solid transparent;
}
.block_before_after .items .item .show::before {
content: "Показать еще...";
line-height: 1.1;
}
.block_before_after .items .item .open .hide {
overflow: auto;
display: block;
-webkit-box-orient: vertical;
-webkit-line-clamp: unset;
}
.block_before_after .items .item .open .show::before {
content: "Скрыть";
}
.block_before_after .items .item .st3 {
font-size: 1.1vw;
font-weight: 600;
margin-bottom: 0.2vw;
}
.block_before_after .items .item .twentytwenty_images {
margin-bottom: 1vw;
}
.block_before_after .items .item .twentytwenty_images img {
width: 100%;
height: 20vw;
object-fit: cover;
border-radius: 0.5vw;
}
.twentytwenty-overlay {
display: none;
}
.block_expensive2 {
margin: 2vw auto 4vw auto;
position: relative;
}
.block_expensive2 .wrap {
display: flex;
}
.block_expensive2 h2 {
font-family: 'Rubik', sans-serif;
font-size: 2.29vw;
line-height: 1.2;
font-weight: 500;
margin-bottom: 1vw;
}
.block_expensive2 p {
font-size: 1.1vw;
line-height: 1.3;
font-weight: 300;
margin-bottom: 1.2vw;
}
.block_expensive2 .left {
width: 50%;
}
.block_expensive2 .right {
width: 50%;
font-size: 1vw;
}
.block_expensive2 .left .big_img {
padding-right: 2vw;
}
.block_expensive2 .left .big_img img {
width: 100%;
}
.block_expensive2 .left .prev_imgs {
display: flex;
}
.block_expensive2 .left .prev_imgs img {
height: 5vw;
margin-right: 1vw;
}
.block_work {
font-family: 'Circe', sans-serif;
position: relative;
padding: 0vw 0 4vw 0;
margin-top: -2vw;
background: #f0f0f0;
}
.block_work h2 {
font-family: 'Rubik', sans-serif;
font-size: 2.29vw;
line-height: 1.2;
font-weight: 500;
margin-bottom: 1vw;
}
.block_work .nav_block {
text-align: right;
margin-bottom: 2vw;
}
.block_work .block1 {
display: flex;
margin-bottom: 2vw;
justify-content: space-between;
font-size: 1.2vw;
line-height: 1.2;
font-weight: 300;
}
.block_work .block1 .city {
background-image: url(../../img_blue/location.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 1.4vw;
padding-left: 2vw;
}
.block_work .block1 .equipment {
background-image: url(../../img_blue/equipment.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 1.4vw;
padding-left: 2vw;
}
.block_work .block1 .count {
background-image: url(../../img_blue/count.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 1.4vw;
padding-left: 2vw;
}
.block_work .block1 .date {
background-image: url(../../img_blue/calendar.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 1.4vw;
padding-left: 2vw;
}
.block_work .block2 {
position: relative;
margin-bottom: 4vw;
}
.block_work .block2 .img_full {
margin-bottom: 1vw;
border-radius: 0.5vw;
overflow: hidden;
}
.block_work .block2 .img_full a {
display: block;
}
.block_work .block2 .img_full a img {
display: block;
width: 100%;
height: 30vw;
object-fit: cover;
}
.block_work .block2 .work_swiper {
max-width: 52.97vw;
width: 100%!important;
border-radius: 0.5vw;
overflow: hidden;
}
.block_work .block2 .work_swiper .swiper-wrapper {
width: 100%!important
}
.block_work .block2 .work_swiper .swiper-wrapper .swiper-slide img {
display: block;
position: relative;
width: 100%;
height: 39vw;
object-fit: cover;
}
.block_work .block2 .work_swiper .swiper-wrapper .swiper-slide .swiper-slide_bg {
background: linear-gradient(360deg, rgba(34, 34, 34, 0.98) 0%, rgba(34, 34, 34, 0) 100%);
opacity: 0.5;
position: absolute;
bottom: 0vw;
width: 100%;
height: 50%;
z-index: 1
}
.block_work .block2 .work_swiper .btn {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
z-index: 5;
display: flex;
justify-content: space-between;
align-items: center;
width: 5.68vw
}
.block_work .block2 .work_swiper .btn .swiper-button-next, .block_work .block2 .work_swiper .btn .swiper-button-prev {
width: 3.4vw;
height: 3.4vw;
transform: rotate(0)!important;
background: hsla(0, 0%, 100%, .3);
border-radius: 0.16vw;
transition: all .2s;
right: 14.3vw;
}
.block_work .block2 .work_swiper .btn .swiper-button-next:after, .block_work .block2 .work_swiper .btn .swiper-button-prev:after {
color: #fff!important;
font-weight: bolder!important;
font-size: 1.3vw!important;
transition: all .2s
}
.block_work .block2 .work_swiper .btn .swiper-button-next:hover, .block_work .block2 .work_swiper .btn .swiper-button-prev:hover {
background: #fff
}
.block_work .block2 .work_swiper .btn .swiper-button-next:hover:after, .block_work .block2 .work_swiper .btn .swiper-button-prev:hover:after {
color: #0066b0!important
}
.block_work .block2 .work_swiper .swiper-pagination {
position: absolute;
right: 0;
top: 0;
left: auto;
bottom: auto;
width: auto;
align-items: center;
display: flex;
justify-content: center;
flex-direction: column;
}
.block_work .block2 .work_swiper .swiper-pagination .swiper-pagination-bullet {
width: 12vw!important;
height: 7vw!important;
border-radius: 0.5vw!important;
margin: 0 0 1vw 0;
background-color: #92959b!important;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
opacity: 0.7;
}
.block_work .block2 .work_swiper .swiper-pagination .swiper-pagination-bullet-active {
opacity: 1;
}
.block_work .block2 .img_preview {
display: flex;
}
.block_work .block2 .img_preview div {
width: 18%;
height: 7vw;
margin-right: 2vw;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: pointer;
border-radius: 0.5vw;
overflow: hidden;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_work .block2 .img_preview div:last-child {
margin-right: 0vw;
}
.block_work .block2 .img_preview div:hover {
opacity: 0.5;
}
.block_work .other_works {
display: flex;
flex-wrap: wrap;
margin-left: -2vw;
}
.block_work .other_works .work {
display: block;
width: 20.89vw;
margin-left: 2vw;
margin-bottom: 2vw;
cursor: pointer;
}
.block_work .other_works .work .img {
height: 15vw;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 0.5vw;
margin-bottom: 0.5vw;
border-radius: 0.5vw;
position: relative;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.block_work .other_works .work .img:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 0.5vw;
background: linear-gradient(1turn, rgba(57, 171, 60, .98), rgba(57, 171, 60, .85) 21.78%, rgba(57, 171, 60, 0) 64.96%);
top: 0;
left: 0;
opacity: 0;
transition: all .2s;
}
.block_work .other_works .work .img:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 0.5vw;
background: linear-gradient(1turn, rgba(34, 34, 34, .98), rgba(34, 34, 34, .85) 21.78%, rgba(34, 34, 34, 0) 64.96%);
top: 0;
left: 0;
opacity: 1;
transition: all .2s;
}
.block_work .other_works .work:hover .img:before {
opacity: 1;
}
.block_work .other_works .work:hover .img:after {
opacity: 0;
}
.block_work .other_works .work .title {
font-family: 'Rubik', sans-serif;
font-size: 1.2vw;
line-height: 1.2;
color: #fff;
position: relative;
z-index: 1;
}
.block_work .other_works .work .city {
font-size: 1.2vw;
line-height: 1.2;
font-weight: 300;
color: #fff;
display: inline-block;
width: 13vw;
text-align: right;
position: relative;
z-index: 1;
}

/*.block_work .but_line .button2 {
width: 14vw;
}*/

.block_work .but_line {
text-align: center;
}
.block_photo {
position: relative;
height: 50vw;
}
.block_photo .h2_block {
position: absolute;
top: 16.4vw;
left: 32.8vw;
width: 32.3vw;
height: 15.9vw;
margin: 0.5vw;
text-align: center;
display: flex;
align-items: center;
background-color: #F0F0F0;
border-radius: 0.5vw;
}
.block_photo .item {
position: absolute;
top: 0;
left: 0;
display: block;
width: 15.9vw;
height: 15.9vw;
margin: 0.5vw;
border-radius: 0.5vw;
overflow: hidden;
transition: all .2s;
opacity: 0;
}
.block_photo .item1 {
width: 32.3vw;
}
.block_photo .item1.scrolled {
animation: opacity_anim 0.5s forwards;
animation-delay: 0s;
}
.block_photo .item2 {
left: 32.8vw;
width: 32.3vw;
}
.block_photo .item2.scrolled {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.2s;
}
.block_photo .item3 {
left: 65.6vw;
width: 32.3vw;
}
.block_photo .item3.scrolled {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.4s;
}
.block_photo .item4 {
top: 16.4vw;
height: 32.3vw;
}
.block_photo .item4.scrolled {
animation: opacity_anim 0.5s forwards;
animation-delay: 0s;
}
.block_photo .item5 {
top: 16.4vw;
left: 16.4vw;
}
.block_photo .item5.scrolled {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.2s;
}
.block_photo .item6 {
top: 16.4vw;
left: 65.6vw;
}
.block_photo .item6.scrolled {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.4s;
}
.block_photo .item7 {
top: 16.4vw;
left: 82vw;
height: 32.3vw;
}
.block_photo .item7.scrolled {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.6s;
}
.block_photo .item8 {
top: 32.8vw;
left: 16.4vw;
width: 32.3vw;
}
.block_photo .item8.scrolled {
animation: opacity_anim 0.5s forwards;
animation-delay: 0s;
}
.block_photo .item9 {
top: 32.8vw;
left: 49.2vw;
width: 32.3vw;
}
.block_photo .item9.scrolled {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.2s;
}
.block_photo .item::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(1turn, rgba(34, 34, 34, 1), rgba(34, 34, 34, 0.9) 0%, rgba(34, 34, 34, 0) 100%);
opacity: 0;
transition: all .2s;
}
.block_photo .item:hover::before {
opacity: 1;
}
.block_photo .item .bg {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: none;
width: 100%;
height: 100%;
}
.block_photo .item.scrolled .bg {
display: block;
}
.block_photo .item .zoom {
position: absolute;
bottom: calc(50% - 2vw);
left: calc(50% - 5vw);
z-index: 1;
background-image: url(../../img_blue/storage_zoom.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: 2.5vw;
padding-top: 3vw;
color: #fff;
font-size: 0.9vw;
line-height: 1.3;
font-weight: 200;
text-align: center;
width: 10vw;
opacity: 0;
transition: all .2s;
}
.block_photo .item:hover .zoom {
opacity: 1;
}
.block_urgent_production {
font-family: 'Rubik', sans-serif;
position: relative;
/*	margin: 4.17vw auto;*/
background-color: #fff;
opacity: 0;
transition: all .5s;
}
.block_urgent_production.scrolled {
opacity: 1;
}
.block_urgent_production .bg {
position: absolute;
width: 100%;
height: 100%;
background-image: url('../../img_blue/urgent_production_bg.jpg');
background-repeat: no-repeat;
background-position: right top;
background-size: auto 100%;
display: none;
}
.block_urgent_production.scrolled .bg {
display: block;
}
.block_urgent_production.type1 .bg {
background-image: url('../../img_blue/urgent_production_bg1.jpg');
}
.block_urgent_production.type2 .bg {
background-image: url('../../img_blue/urgent_production_bg2.jpg');
}
.block_urgent_production.type3 .bg {
background-image: url('../../img_blue/urgent_production_bg3.jpg');
}
.block_urgent_production .wrapper {
display: flex;
}
.block_urgent_production h2 {
font-size: 2.29vw;
line-height: 1.2;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 1vw;
}
.block_urgent_production .left {
width: 55%;
padding: 5vw 0;
}
.block_urgent_production .left .sticker {
background-image: url('../../img_blue/sticker.svg');
background-repeat: no-repeat;
background-position: left center;
background-size: auto 100%;
padding: 2.5vw 2vw 1.7vw 9vw;
margin-bottom: 3vw;
position: relative;
}
.block_urgent_production .left .sticker .cl {
background-image: url(../../img_blue/clock.png);
background-repeat: no-repeat;
background-position: center 3.7vw;
background-size: 3vw;
padding: 7.3vw 1.5vw 0vw 1.5vw;
position: absolute;
top: 0;
left: 0;
font-size: 1.2vw;
font-weight: 300;
}
.block_urgent_production .left .st1 {
font-family: 'Circe', sans-serif;
font-size: 1.4vw;
line-height: 1.2;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 2vw;
}
.block_urgent_production .left .st1 strong, .block_urgent_production .left .st1 b {
font-weight: 400;
}
.block_urgent_production .left .st5 {
font-family: 'Rubik', sans-serif;
font-size: 1.875vw;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.7vw;
display: inline-block;
position: relative;
z-index: 1;
}
.block_urgent_production .left .st5:before {
content: "";
width: 100%;
height: 0.2vw;
background: #0066b0;
position: absolute;
bottom: 2%;
left: 0;
z-index: -1
}
.block_urgent_production .left .st3 {
font-family: 'Circe', sans-serif;
font-size: 1.12vw;
line-height: 1.2;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 0.4vw;
position: relative;
/*	padding-left: 1vw;*/
padding-top: 0.8vw;
height: 3.5vw;
}

/*.block_urgent_production .left .st3:before {
content: "";
position: absolute;
left: 0;
top: 0.6vw;
width: 0.5vw;
height: 0.5vw;
background-color: #0066b0;
border-radius: 100%;
}*/

.block_urgent_production .left .st4 {
font-family: 'Rubik', sans-serif;
font-size: 1.4vw;
font-weight: 500;
padding-left: 3vw;
margin-bottom: 0.4vw;
}
.block_about2 {
color: #333;
position: relative;
/*	margin: 4.17vw auto;*/
background-color: #FAFAFA;
height: 40.6vw;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.block_about2.scrolled {
opacity: 1;
}
.block_about2 .bg {
position: absolute;
width: 100%;
height: 100%;
background-image: url('../../img_blue/about_bg.jpg');
background-repeat: no-repeat;
background-position: left top;
background-size: 100%;
display: none;
}
.block_about2.scrolled .bg {
display: block;
}
.block_about2 h2 {
margin-bottom: 2vw;
}
.block_about2 .block1 {
position: absolute;
top: 4.8vw;
left: 25vw;
background-color: #fff;
background-image: url(../../img_blue/quotes.svg);
background-repeat: no-repeat;
background-position: 95% 90%;
background-size: 4vw;
padding: 1.5vw 4vw 1.5vw 1.5vw;
border-radius: 1vw;
opacity: 0;
-webkit-box-shadow: 0 24px 36px 0 rgba(34, 34, 34, 0.04);
box-shadow: 0 24px 36px 0 rgba(34, 34, 34, 0.04);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.block_about2.scrolled .block1 {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.2s;
}
.block_about2 .name {
font-family: 'Rubik', sans-serif;
font-size: 1vw;
font-weight: 500;
margin-bottom: 0.2vw;
}
.block_about2 .post {
font-size: 0.8vw;
font-weight: 400;
}
.block_about2 .text {
font-family: 'Rubik', sans-serif;
font-size: 1.4vw;
line-height: 1.4;
font-weight: 300;
margin-bottom: 1vw;
}
.block_about2 .text b, .block_about2 .text strong {
font-weight: 500;
}
.block_about2 .text .but_line {
text-align: center;
}
.block_about2 .text .button2 {
margin-top: 5vw;
}
.block_about2 .facts {
position: absolute;
top: 22vw;
left: 25vw;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.block_about2.scrolled .facts {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.4s;
}
.block_about2 .facts .title {
font-family: 'Rubik', sans-serif;
font-size: 1.4vw;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 1.5vw;
}
.block_about2 .facts ul {
display: flex;
}
.block_about2 .facts li {
position: relative;
margin-right: 3vw;
list-style: none;
}
.block_about2 .facts li:last-child {
border-bottom: 0px;
}
.block_about2 .facts li:before {
content: "";
width: 1.5vw;
height: 1.5vw;
background-color: #d9d9d9;
border-radius: 0.3vw;
position: absolute;
left: -0.7vw;
top: -0.7vw;
}
.block_about2 .facts .num {
font-family: 'Rubik', sans-serif;
font-size: 1.4vw;
font-weight: 500;
position: relative;
}
.block_about2 .facts .units {
font-family: 'Rubik', sans-serif;
font-size: 1.4vw;
font-weight: 500;
white-space: pre;
}
.block_about2 .facts .desc {
font-size: 1.1vw;
font-weight: 300;
display: block;
}
.block_about2 .but_line {
position: absolute;
top: 31vw;
left: 25vw;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.block_about2.scrolled .but_line {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.4s;
}
.block_online_presentation {
font-family: 'Rubik', sans-serif;
position: relative;
/*	margin: 4.17vw auto;*/
background-color: #fff;
}
.block_online_presentation .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.block_online_presentation.scrolled .bg {
opacity: 1;
}
.block_online_presentation .bg:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('../../img_blue/online_presentation_bg.jpg');
background-repeat: no-repeat;
background-position: right top;
background-size: auto 100%;
display: none;
}
.block_online_presentation.scrolled .bg:before {
display: block;
}
.block_online_presentation.type1:before {
background-image: url('../../img_blue/online_presentation_bg1.jpg');
}
.block_online_presentation.type2:before {
background-image: url('../../img_blue/online_presentation_bg2.jpg');
}
.block_online_presentation.type3:before {
background-image: url('../../img_blue/online_presentation_bg3.jpg');
}
.block_online_presentation .wrapper {
display: flex;
}
.block_online_presentation h2 {
line-height: 1.4;
margin-bottom: 2vw;
}
.block_online_presentation .left {
width: 42%;
padding: 5vw 0 7vw 0;
}
.block_online_presentation .left .st4 {
font-family: 'Circe', sans-serif;
font-size: 1.3vw;
line-height: 1.4;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 2vw;
}
.block_online_presentation .left .st4 strong, .block_online_presentation .left .st4 b {
font-weight: 400;
}
.block_online_presentation .left .st3 {
font-family: 'Circe', sans-serif;
font-size: 1.4vw;
font-weight: 500;
margin-bottom: 0.4vw;
}
.block_online_presentation .left .button2 {
white-space: nowrap;
}
.block_online_presentation .left ul {
margin-bottom: 2vw;
}
.block_online_presentation .left ul li {
list-style: none;
font-family: 'Circe', sans-serif;
font-size: 1.1vw;
font-weight: 300;
padding-left: 1.2vw;
position: relative;
margin-bottom: 0.3vw;
}
.block_online_presentation .left ul li:before {
content: "";
position: absolute;
left: 0;
top: 0.6vw;
width: 0.5vw;
height: 0.5vw;
background-color: #0066b0;
border-radius: 100%;
}
.block_online_presentation .right {
width: 58%;
padding: 21vw 0 2vw 8vw;
text-align: right;
opacity: 0;
}
.block_online_presentation.scrolled .right {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.4s;
}
.block_online_presentation .right .video_block {
position: relative;
width: 28vw;
height: 16vw;
padding: 10vw 0vw 0vw 0vw;
border: 0.2vw solid #fff;
background-image: url('../../img_blue/online_presentation_video.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 0.5vw;
cursor: pointer;
display: none;
}
.block_online_presentation.scrolled .right .video_block {
display: inline-block;
}
.block_online_presentation .right .video_block::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_online_presentation .right .video_block:hover::before {
background-color: #00000030;
}
.block_online_presentation .right .video_block .video_but {
display: inline-block;
background-color: #fff;
padding: 1vw 1vw 1.1vw 2.5vw;
position: relative;
}
.block_online_presentation .right .video_block .video_but span {
position: absolute;
left: -1.5vw;
top: 0;
width: 3vw;
height: 3vw;
padding: 1vw 1.2vw;
background: linear-gradient(180deg, #51D254 0%, #0066b0 99.26%);
-webkit-box-shadow: 0px 40px 40px -20px rgb(57 171 60 / 40%), 0px 4px 0px 0px rgb(43 144 46);
box-shadow: 0px 40px 40px -20px rgb(57 171 60 / 40%), 0px 4px 0px 0px rgb(43 144 46);
-webkit-border-radius: 100%;
border-radius: 100%;
}
.block_online_presentation .right .video_block:hover .video_but span {
background: linear-gradient(180deg, #4ecc50 0%, #329c36 99.26%);
}
.block_online_presentation .right .video_block .video_but span svg {
width: 0.8vw;
height: 1vw;
display: block;
}
.block_text {
font-family: 'Circe', sans-serif;
font-size: 1.14vw;
font-weight: 300;
margin: 4vw 0vw;
}
.block_text h2 {
font-family: 'Rubik', sans-serif;
font-size: 2.29vw;
line-height: 1.2em;
font-weight: 500;
text-transform: uppercase;
text-align: center;
margin-bottom: 1vw;
}
.block_text p, .block_text ul, .block_text ol {
margin-bottom: 1.2vw;
}
.block_text ul li {
	list-style:disc;
	margin-left: 1.2vw;
}
.block_text ol li {
	list-style:decimal;
	margin-left: 1.2vw;
}
.block_text table {
	width: 100%;
	margin-bottom: 1.2vw;
	border-collapse: collapse;
}
.block_text table th, .block_text table td {
	padding: 0.5vw;
	border: 1px solid #e1e1e1;
}
.block_text .text_block {
max-height: 15vw;
overflow: hidden;
position: relative;
padding-bottom: 2vw;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_text .text_block.open {
max-height: none;
}
.show_text {
height: 6vw;
position: absolute;
cursor: pointer;
left: 0px;
bottom: 0px;
padding: 4vw 4vw 0vw 4vw;
color: #0066b0;
text-align: center;
font-weight: 400;
background-color: #fff;
width: 100%;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.show_text::before {
content: "Прочитать все";
}
.show_text::after {
content: "";
position: absolute;
left: 41%;
bottom: 1vw;
width: 1vw;
height: 1vw;
border-left: 2px solid #0066b0;
border-bottom: 2px solid #0066b0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.show_text span {
position: absolute;
top: 5.6vw;
left: 44.5%;
background-color: #0066b0;
width: 0vw;
height: 2px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.show_text:hover span {
width: 7.4vw;
}
.block_text .text_block.open .show_text {
display: none;
}
.block_works2 {
font-family: 'Rubik', sans-serif;
margin-top: 4vw;
}
.block_works2 h2 {
font-size: 2.29vw;
line-height: 1.2em;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.88vw;
}
.block_works2 .map_block {
height: 470px;
margin-bottom: 30px;
border: 0.73vw solid #FFFFFF;
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.block_works2 .block3 {
margin-right: -30px;
}
.block_works2 .block4 {
margin-bottom: 20px;
}
.block_works2 .block4 ul {
list-style-type: none;
margin-left: 0px;
}
.block_works2 .block4 ul li {
vertical-align: middle;
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
}
.block_works2 .block4 ul li a {
background-color: #F4F4F4;
font-size: 0.73vw;
line-height: 1.25vw;
color: #666666;
padding: 10px 20px;
display: block;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease;
cursor: pointer;
text-decoration: none;
}
.block_works2 .block4 ul li a:hover, .block_works2 .block4 ul li a.active {
color: #FFFFFF;
background-color: #0066b0;
}
.block_noja_using {
position: relative;
max-width: 100vw;
overflow: hidden;
margin-top: 2.08vw;
margin-right: auto;
margin-bottom: 2.08vw;
margin-left: auto;
padding-bottom: 4vw;
}
.block_noja_using .show_video {
position: absolute;
left: 50%;
margin-left: -5.52vw;
width: 11.04vw;
top: 0vw;
}
.block_noja_using .show_video a {
display: block;
font-size: 1.25vw;
color: #246b00;
text-decoration: none;
border-bottom-width: 0.05vw;
border-bottom-style: dashed;
border-bottom-color: #246b00;
line-height: 1.25vw;
font-weight: 400;
background-size: auto 5.47vw;
background-repeat: no-repeat;
background-position: center top;
padding-top: 0.52vw;
}
.block_noja_using .show_video a:hover {
border-bottom-color: transparent;
}
.block_noja_using .show_video a:before {
content: "";
border: 0.16vw solid #ffffff;
height: 4.06vw;
width: 4.06vw;
-webkit-border-radius: 4.27vw;
border-radius: 4.27vw;
display: block;
margin: 0 auto 1.04vw auto;
}
.block_noja_using .show_video a:after {
content: "";
position: absolute;
border-top-width: 0.99vw;
border-right: 0;
border-bottom: 0.99vw solid transparent;
border-left: 1.77vw solid #ffffff;
border-top: 0.99vw solid transparent;
left: 4.9vw;
top: 1.67vw;
}
.block_noja_using .using {
position: relative;
top: 2vw;
left: -100%;
width: 100%;
opacity: 0;
}
.block_noja_using .using.hide {
opacity: 1;
left: 100%;
-webkit-transition: left 0.5s ease;
transition: left 0.5s ease;
}
.block_noja_using .using.active {
opacity: 1;
left: 0%;
-webkit-transition: left 0.5s ease;
transition: left 0.5s ease;
position: absolute;
}
.block_noja_using .using .title {
font-size: 2vw;
width: 26vw;
line-height: 2.81vw;
letter-spacing: 0.1vw;
margin-bottom: 1.04vw;
background-image: url(../../img_blue/noja_arr.png);
background-repeat: no-repeat;
background-position: right 0.6vw;
background-size: 2.76vw;
padding-right: 4.43vw;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
-webkit-animation: noja_arr 1.5s infinite linear;
animation: noja_arr 1.5s infinite linear;
}
@-webkit-keyframes noja_arr {
0% {
background-position: 100% 0.6vw;
}
50% {
background-position: 98% 0.6vw;
}
100% {
background-position: 100% 0.6vw;
}
}
@keyframes noja_arr {
0% {
background-position: 100% 0.6vw;
}
50% {
background-position: 98% 0.6vw;
}
100% {
background-position: 100% 0.6vw;
}
}
.block_noja_using .using .next_title {
position: absolute;
left: 30vw;
top: 0.9vw;
font-size: 1.1vw;
line-height: 1.5;
color: #0066b0;
text-decoration: none;
font-weight: 400;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.block_noja_using .using .next_title span {
border-bottom: dashed 0.05vw #0066b0;
}
.block_noja_using .using .next_title:hover span {
border-bottom: dashed 0.05vw transparent;
}
.block_noja_using .using .show_examples {
margin-bottom: 0.52vw;
}
.block_noja_using .using .show_examples a {
font-size: 1.25vw;
line-height: 1.25vw;
color: #0066b0;
border-bottom: dashed 0.05vw #0066b0;
text-decoration: none;
font-weight: 400;
}
.block_noja_using .using .show_examples a:hover {
border-bottom-color: transparent;
}
.block_noja_using .using img {
width: 100%;
margin: 0 auto;
display: block;
}
.block_noja_using .using .bg_img {
opacity: 0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_noja_using.scrolled .using .bg_img {
opacity: 1;
}
.block_noja_advantages {
margin: 2.6vw auto;
}
.block_noja_advantages h2 {
font-weight: 300;
font-size: 1.88vw;
text-align: center;
margin-bottom: 1vw;
text-transform: uppercase;
}
.block_noja_advantages .advantages {
background-image: url(../../noja/noja_2_0.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 34.27vw;
height: 47.92vw;
list-style-type: none;
margin-bottom: 0;
margin-left: 0;
position: relative;
}
.block_noja_advantages .advantages li {
position: absolute;
width: 23%;
}
.block_noja_advantages .advantages li .photo {
position: relative;
text-align: center;
border: 0.05vw solid #CED7C8;
background-color: #FFFFFF;
margin-bottom: 0.52vw;
height: 9.53vw;
}
.block_noja_advantages .advantages li .photo>div {
width: 100%;
height: 100%;
overflow: hidden;
padding: 0.52vw;
}
.block_noja_advantages .advantages li .photo>div:after {
content: "";
vertical-align: middle;
display: inline-block;
height: 100%;
width: 0vw;
}
.block_noja_advantages .advantages li .photo a {
display: inline-block;
vertical-align: middle;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_noja_advantages .advantages li .photo:hover a {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.block_noja_advantages .advantages li .photo:before {
content: "";
background-image: url(../../img_blue/shadow2.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
height: 0.73vw;
position: absolute;
bottom: -0.73vw;
left: 0vw;
right: 0vw;
}
.block_noja_advantages .advantages li .photo img {
width: 100%;
min-width: 100%;
min-height: 100%;
}
.block_noja_advantages .advantages li .title {
font-size: 0.68vw;
color: #4b7648;
line-height: 1.5em;
font-weight: 400;
margin-left: 0.63vw;
margin-right: 0.63vw;
text-align: center;
}
.block_noja_advantages .advantages li.item1 {
left: 7.51vw;
top: 0;
}
.block_noja_advantages .advantages li.item1 .title {}
.block_noja_advantages .advantages li.item2 {
left: 26.2vw;
top: 0;
}
.block_noja_advantages .advantages li.item2 .title {}
.block_noja_advantages .advantages li.item3 {
top: 0;
right: 6.51vw;
}
.block_noja_advantages .advantages li.item3 .title {
margin-left: 2.86vw;
margin-right: 2.08vw;
}
.block_noja_advantages .advantages li.item4 {
top: 16.61vw;
left: 0;
}
.block_noja_advantages .advantages li.item4 .title {}
.block_noja_advantages .advantages li.item5 {
right: 0;
top: 16.67vw;
}
.block_noja_advantages .advantages li.item6 {
top: 37.5vw;
left: 7.51vw;
}
.block_noja_advantages .advantages li.item6 .title {
position: absolute;
left: 0;
bottom: 10.16vw;
width: 12.4vw;
}
.block_noja_advantages .advantages li.item7 {
left: 26.2vw;
top: 37.5vw;
}
.block_noja_advantages .advantages li.item7 .title {
position: absolute;
left: 0;
bottom: 10.16vw;
width: 12.4vw;
}
.block_noja_advantages .advantages li.item8 {
right: 6.51vw;
top: 37.5vw;
}
.block_noja_advantages .advantages li.item8 .title {
position: absolute;
left: 1.15vw;
bottom: 10.16vw;
width: 10.42vw;
}
.block_noja_save {
background-image: url(../../noja/noja_3_1.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
height: 52.08vw;
margin-top: 4.17vw;
margin-right: auto;
margin-bottom: 4.17vw;
margin-left: auto;
position: relative;
}
.block_noja_save .title {
padding: 3.65vw 0vw 0vw 24.46vw;
}
.block_noja_save .title h2 {
letter-spacing: 0.1vw;
margin-bottom: 1vw;
font-size: 1.875vw;
}
.block_noja_save .title p {
color: #666666;
font-size: 1.2vw;
font-weight: 300;
line-height: 1.2;
margin-bottom: 1.3vw;
}
.block_noja_save .title .show_video {
text-align: right;
}
.block_noja_save .title .show_video a {
font-size: 1.25vw;
line-height: 1.25vw;
color: #246b00;
text-decoration: none;
border-bottom-width: 0.05vw;
border-bottom-style: dashed;
border-bottom-color: #246b00;
font-weight: 400;
}
.block_noja_save .title .show_video:after {
content: "";
border-top: solid 0.52vw transparent;
border-right: solid 0vw transparent;
border-bottom: solid 0.52vw transparent;
border-left: solid 0.94vw #246b00;
display: inline-block;
vertical-align: middle;
margin-left: 1.04vw;
}
.block_noja_save .title .show_video a:hover {
border-bottom-color: transparent;
}
.block_noja_save .info {
position: absolute;
top: 18.8vw;
left: 20.71vw;
width: 22.4vw;
font-size: 1vw;
font-weight: 300;
line-height: 1.2vw;
color: #06305a;
}
.block_noja_control {
position: relative;
margin-top: 4.17vw;
margin-right: auto;
margin-bottom: 4.17vw;
margin-left: auto;
max-width: 101.56vw;
}
.block_noja_control #noja_smartphone_slider {
opacity: 1;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
z-index: 1;
position: relative;
}
.block_noja_control #noja_smartphone_slider.hide {
opacity: 0;
z-index: 0;
}
.block_noja_control #noja_tablet_slider {
opacity: 1;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
position: absolute;
overflow: hidden;
height: 33.85vw;
width: 100%;
left: 0vw;
top: 0vw;
z-index: 1;
}
.block_noja_control #noja_tablet_slider.hide {
opacity: 0;
z-index: 0;
}
.block_noja_control .background_list {
list-style-type: none;
position: relative;
width: 65.63vw;
overflow: hidden;
height: 33.85vw;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.block_noja_control .background_list li {
display: block;
height: 20.26vw;
width: 9.43vw;
position: absolute;
left: 0vw;
top: 5.21vw;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.2;
cursor: pointer;
-webkit-transition: left 0.3s ease, opacity 0.3s ease;
transition: left 0.3s ease, opacity 0.3s ease;
}
.block_noja_control .background_list li:hover {
opacity: 0.6;
}
.block_noja_control .background_list li.bg0 {
left: -12.4vw;
}
.block_noja_control .background_list li.bg1 {
left: 0vw;
}
.block_noja_control .background_list li.bg2 {
left: 12.4vw;
}
.block_noja_control .background_list li.bg3 {
left: 28.13vw;
}
.block_noja_control .background_list li.bg4 {
left: 43.8vw;
}
.block_noja_control .background_list li.bg5 {
left: 56.2vw;
}
.block_noja_control .background_list li.bg6 {
left: 68.59vw;
}
.block_noja_control .background_list2 {
list-style-type: none;
position: relative;
width: 65.63vw;
height: 33.85vw;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.block_noja_control .background_list2 li {
display: block;
height: 15.63vw;
width: 20.68vw;
position: absolute;
left: 0vw;
top: 8.54vw;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.2;
cursor: pointer;
-webkit-transition: left 0.3s ease, opacity 0.3s ease;
transition: left 0.3s ease, opacity 0.3s ease;
}
.block_noja_control .background_list2 li:hover {
opacity: 0.6;
}
.block_noja_control .background_list2 li.bg0 {
left: -40.1vw;
}
.block_noja_control .background_list2 li.bg1 {
left: -16.67vw;
}
.block_noja_control .background_list2 li.bg2 {
left: 28.13vw;
}
.block_noja_control .background_list2 li.bg3 {
left: 61.2vw;
}
.block_noja_control .background_list2 li.bg4 {
left: 84.64vw;
}
.block_noja_control .smartphone {
height: 33vw;
width: 25vw;
margin-left: -12.5vw;
position: absolute;
left: 50%;
top: 0vw;
}
.block_noja_control .smartphone:after {
content: "";
background-image: url(../../noja/noja_4_1.png);
background-repeat: no-repeat;
background-position: center 0vw;
background-size: 100%;
position: absolute;
height: 100%;
width: 19.53vw;
top: 0vw;
left: 2.71vw;
}
.block_noja_control .smartphone_prev {
background-image: url(../../img_blue/noja_arr2.png);
background-repeat: no-repeat;
background-position: center;
height: 4.64vw;
width: 2.8vw;
position: absolute;
left: 0vw;
top: 10.42vw;
cursor: pointer;
}
.block_noja_control .smartphone_next {
background-image: url(../../img_blue/noja_arr2.png);
background-repeat: no-repeat;
background-position: center;
height: 4.64vw;
width: 2.8vw;
position: absolute;
right: 0vw;
top: 10.42vw;
cursor: pointer;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.block_noja_control .smartphone_list {
list-style-type: none;
position: absolute;
left: 5.48vw;
top: 0.94vw;
height: 30vw;
width: 13.85vw;
overflow: hidden;
}
.block_noja_control .smartphone_list li {
display: block;
position: absolute;
left: -100%;
top: 0vw;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 100%;
width: 100%;
}
.block_noja_control .smartphone_list li.start_left {
opacity: 1;
left: -100%;
}
.block_noja_control .smartphone_list li.start_right {
opacity: 1;
left: 100%;
}
.block_noja_control .smartphone_list li.active {
opacity: 1;
left: 0%;
-webkit-transition: left 0.3s ease;
transition: left 0.3s ease;
}
.block_noja_control .smartphone_list li.hide_left {
opacity: 1;
left: -100%;
-webkit-transition: left 0.3s ease;
transition: left 0.3s ease;
}
.block_noja_control .smartphone_list li.hide_right {
opacity: 1;
left: 100%;
-webkit-transition: left 0.3s ease;
transition: left 0.3s ease;
}
.block_noja_control .tablet {
height: 32.81vw;
width: 53.49vw;
margin-left: -26.72vw;
position: absolute;
left: 50%;
top: 0vw;
}
.block_noja_control .tablet:after {
content: "";
background-image: url(../../noja/noja_4_2.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
position: absolute;
height: 100%;
width: 45.16vw;
top: 0vw;
left: 4.17vw;
}
.block_noja_control .tablet_prev {
background-image: url(../../img_blue/noja_arr2.png);
background-repeat: no-repeat;
background-position: center;
height: 4.64vw;
width: 2.8vw;
position: absolute;
left: 0vw;
top: 13.8vw;
cursor: pointer;
}
.block_noja_control .tablet_next {
background-image: url(../../img_blue/noja_arr2.png);
background-repeat: no-repeat;
background-position: center;
height: 4.64vw;
width: 2.8vw;
position: absolute;
right: 0vw;
top: 13.8vw;
cursor: pointer;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.block_noja_control .tablet_list {
list-style-type: none;
position: absolute;
left: 7.2vw;
top: 1.56vw;
height: 29.48vw;
width: 39.06vw;
overflow: hidden;
}
.block_noja_control .tablet_list li {
display: block;
position: absolute;
left: -100%;
top: 0vw;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 100%;
width: 100%;
}
.block_noja_control .tablet_list li.start_left {
opacity: 1;
left: -100%;
}
.block_noja_control .tablet_list li.start_right {
opacity: 1;
left: 100%;
}
.block_noja_control .tablet_list li.active {
opacity: 1;
left: 0%;
-webkit-transition: left 0.3s ease;
transition: left 0.3s ease;
}
.block_noja_control .tablet_list li.hide_left {
opacity: 1;
left: -100%;
-webkit-transition: left 0.3s ease;
transition: left 0.3s ease;
}
.block_noja_control .tablet_list li.hide_right {
opacity: 1;
left: 100%;
-webkit-transition: left 0.3s ease;
transition: left 0.3s ease;
}
.block_noja_control .noja_control_description {
width: 58vw;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
text-align: center;
}
.block_noja_control .noja_control_description h2 {
font-size: 1.9vw;
margin-bottom: 1.3vw;
}

/*.block_noja_control .noja_control_description h2:after {
content: "";
height: 0.05vw;
width: 11.77vw;
background-color: #246b00;
display: block;
margin: 0.78vw auto 0 auto;
}*/

.block_noja_control .noja_control_description p {
font-size: 1.2vw;
font-weight: 300;
line-height: 1.4;
margin-bottom: 1vw;
}
.block_noja_control .switch_device {
text-align: center;
margin-bottom: 2vw;
}
.block_noja_control .switch_device #switch_smartphone {
background-image: url(../../noja/noja_4_3.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
vertical-align: middle;
display: inline-block;
height: 4.69vw;
width: 2.29vw;
margin: 0 0.52vw;
position: relative;
opacity: 0.5;
cursor: pointer;
border-bottom: solid 0.21vw transparent;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
-webkit-user-select: none;
user-select: none;
}
.block_noja_control .switch_device #switch_smartphone::after {
content: "Показать на смартфоне";
position: absolute;
left: -10vw;
top: 1.7vw;
color: #0066b0;
border-bottom: 1px dashed #0066b0;
}
.block_noja_control .switch_device #switch_smartphone:hover::after {
border-bottom: 1px dashed transparent;
}
.block_noja_control .switch_device #switch_smartphone.active::after {
display: none;
}
.block_noja_control .switch_device #switch_smartphone:hover, .block_noja_control .switch_device #switch_smartphone.active {
opacity: 1;
border-bottom: solid 0.21vw #000;
}
.block_noja_control .switch_device #switch_tablet {
background-image: url(../../noja/noja_4_4.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
vertical-align: middle;
display: inline-block;
height: 4.69vw;
width: 4.17vw;
margin: 0 0.52vw;
position: relative;
opacity: 0.5;
cursor: pointer;
border-bottom: solid 0.21vw transparent;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
-webkit-user-select: none;
user-select: none;
}
.block_noja_control .switch_device #switch_tablet::after {
content: "Показать на планшете";
position: absolute;
right: -10vw;
top: 1.7vw;
color: #0066b0;
border-bottom: 1px dashed #0066b0;
}
.block_noja_control .switch_device #switch_tablet:hover::after {
border-bottom: 1px dashed transparent;
}
.block_noja_control .switch_device #switch_tablet.active::after {
display: none;
}
.block_noja_control .switch_device #switch_tablet:hover, .block_noja_control .switch_device #switch_tablet.active {
opacity: 1;
border-bottom: solid 0.21vw #000;
}
.block_noja_scheme {
margin: 4.17vw auto;
position: relative;
width: 59.38vw;
}
.block_noja_scheme h2 {
text-align: center;
margin-bottom: 1vw;
}
.block_noja_scheme h3 {
font-family: 'Rubik', sans-serif;
font-size: 2.1875vw;
line-height: 1.3;
font-weight: 500;
text-transform: uppercase;
text-align: center;
}
.block_noja_scheme .general_scheme {
position: relative;
background-image: url(../../noja/noja_5_2.jpg);
background-repeat: no-repeat;
background-position: center 11.5vw;
background-size: 59.375vw;
height: 65vw;
margin: 0 auto;
z-index: 1;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}

/*.block_noja_scheme .general_scheme.hide {
opacity: 0;
z-index: 0;
}*/

.block_noja_scheme .general_scheme .description {
font-size: 1.2vw;
font-weight: 300;
line-height: 1.4;
text-align: center;
margin: 0 auto;
}
.block_noja_scheme .general_scheme .elements {
position: relative;
height: 35.94vw;
list-style-type: none;
margin: 0vw;
}
.block_noja_scheme .general_scheme .elem {
position: absolute;
color: #089f0c;
font-size: 1vw;
line-height: 1.3;
}
.block_noja_scheme .general_scheme .elem a {
color: #0066b0;
text-decoration: none;
border-bottom-width: 0.05vw;
border-bottom-style: dashed;
border-bottom-color: #0066b0;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.block_noja_scheme .general_scheme .elem a:hover {
border-bottom-color: transparent;
}
.block_noja_scheme .general_scheme .elem1 {
top: 2.55vw;
right: 6.88vw;
width: 5.21vw;
}
.block_noja_scheme .general_scheme .elem2 {
top: 6.41vw;
right: 0.89vw;
width: 8.33vw;
}
.block_noja_scheme .general_scheme .elem3 {
top: 11.32vw;
left: 1.56vw;
width: 10.42vw;
text-align: right;
}
.block_noja_scheme .general_scheme .elem4 {
top: 19.7vw;
left: 1.56vw;
width: 10.42vw;
text-align: right;
}
.block_noja_scheme .general_scheme .elem5 {
top: 26vw;
left: 5.42vw;
width: 10.42vw;
text-align: right;
}
.block_noja_scheme .general_scheme .elem6 {
top: 16.5vw;
right: 0vw;
width: 8.54vw;
}
.block_noja_scheme .general_scheme .elem7 {
top: 28.55vw;
left: 6.93vw;
width: 10.42vw;
text-align: right;
}
.block_noja_scheme .general_scheme .elem8 {
top: 22.7vw;
right: 0vw;
width: 6.56vw;
}
.block_noja_scheme .general_scheme .info {
vertical-align: top;
display: inline-block;
width: 18.2vw;
margin-right: 1.5vw;
}
.block_noja_scheme .general_scheme .info .title {
font-family: 'Rubik', sans-serif;
font-size: 1.1vw;
line-height: 1.6;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.52vw;
padding-top: 0.52vw;
padding-bottom: 0.52vw;
margin-left: 0.52vw;
white-space: nowrap;
}
.block_noja_scheme .general_scheme .info .title span.st2 {
position: relative;
display: inline-block;
z-index: 1;
}
.block_noja_scheme .general_scheme .info .title span.st2:before {
content: "";
width: 100%;
height: 0.2vw;
background: #0066b0;
position: absolute;
bottom: 2%;
left: 0;
z-index: -1
}
.block_noja_scheme .general_scheme .info p {
font-size: 1.1vw;
line-height: 1.4;
font-weight: 300;
margin-left: 0.52vw;
}
.block_noja_scheme .control_panel {
width: 59.38vw;
position: relative;
background-image: url(../../noja/noja_5_1.jpg);
background-repeat: no-repeat;
background-position: center 7.55vw;
background-size: 38.3vw;
height: 66vw;
margin: 0 auto;
left: 0vw;
top: 0vw;
z-index: 1;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}

/*.block_noja_scheme .control_panel.hide {
opacity: 0;
z-index: 0;
}*/

.block_noja_scheme .control_panel h3 {
margin-bottom: 3vw;
}
.block_noja_scheme .control_panel .show_link {
width: 25.63vw;
margin: 0 auto;
text-align: right;
}
.block_noja_scheme .control_panel .show_link a {
color: #0066b0;
border-bottom-width: 0.05vw;
border-bottom-style: dashed;
border-bottom-color: #0066b0;
font-size: 1vw;
line-height: 0.5;
text-decoration: none;
cursor: pointer;
}
.block_noja_scheme .control_panel .show_link a:hover {
border-bottom-color: transparent;
}
.block_noja_scheme .control_panel .elements {
list-style-type: none;
margin: 0vw;
}
.block_noja_scheme .control_panel .desc {
position: absolute;
top: 0vw;
width: 13.7vw;
font-size: 1vw;
line-height: 1.2;
font-weight: 300;
}
.block_noja_scheme .control_panel .desc1 {
left: -3.5vw;
text-align: right;
top: 10.3vw;
}
.block_noja_scheme .control_panel .desc2 {
right: -3.5vw;
top: 5.7vw;
}
.block_noja_scheme .control_panel .desc3 {
right: -3.5vw;
top: 15.65vw;
}
.block_noja_scheme .control_panel .desc4 {
text-align: right;
left: -3.5vw;
top: 41.1vw;
}
.block_noja_scheme .control_panel .desc5 {
right: -3.5vw;
top: 39.6vw;
}
.block_noja_scheme .control_panel .desc6 {
text-align: right;
top: 54.6vw;
left: -3.5vw;
}
.block_noja_scheme2 {
margin: 4.17vw auto;
position: relative;
width: 59.38vw;
}
.block_noja_scheme2 h2 {
text-align: center;
margin-bottom: 1vw;
}
.block_noja_scheme2 .show_link {
font-size: 1.25vw;
color: #0066b0;
line-height: 1.25vw;
letter-spacing: 0.05vw;
}
.block_noja_scheme2 .show_link a {
color: #0066b0;
border-bottom-width: 0.05vw;
border-bottom-style: dashed;
border-bottom-color: #0066b0;
text-decoration: none;
cursor: pointer;
}
.block_noja_scheme2 .show_link a:hover {
border-bottom-color: transparent;
}
.block_noja_scheme2 .description {
font-size: 1.2vw;
line-height: 1.4;
font-weight: 300;
text-align: center;
margin: 0 auto;
}
.block_noja_scheme2 .elements {
background-repeat: no-repeat;
background-position: center 5.21vw;
position: relative;
height: 27.08vw;
margin-bottom: 1.56vw;
list-style-type: none;
}
.block_noja_scheme2 .elements .elem {
position: absolute;
font-size: 1vw;
line-height: 1.2vw;
color: #0066b0;
}
.block_noja_scheme2 .elements .elem1 {
top: 3.65vw;
left: 13.33vw;
}
.block_noja_scheme2 .elements .elem2 {
top: 5.42vw;
left: 16.82vw;
}
.block_noja_scheme2 .elements .elem3 {
top: 3.75vw;
left: 29.53vw;
}
.block_noja_scheme2 .elements .elem4 {
top: 3.75vw;
left: 42.81vw;
}
.block_noja_scheme2 .elements .elem5 {
top: 5.63vw;
left: 44.38vw;
}
.block_noja_scheme2 .elements .elem6 {
top: 23.7vw;
left: 13.18vw;
}
.block_noja_scheme2 .elements .elem7 {
top: 23.7vw;
left: 28.13vw;
}
.block_noja_scheme2 .elements .elem8 {
top: 23.7vw;
left: 40.05vw;
}
.block_noja_scheme2 .elements .elem9 {
top: 25vw;
left: 41.41vw;
}
.block_noja_scheme2 .elements .elem10 {
top: 26.2vw;
left: 42.86vw;
}
.block_noja_scheme2 .inline_block {
display: inline-block;
width: 17.19vw;
margin-right: 2.6vw;
}
.block_noja_scheme2 .info {
vertical-align: top;
display: inline-block;
width: 17.19vw;
margin-right: 2.6vw;
}
.block_noja_scheme2 .info .title {
font-family: 'Rubik', sans-serif;
font-size: 1.1vw;
line-height: 1.6;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.52vw;
padding-top: 0.52vw;
padding-bottom: 0.52vw;
margin-left: 0.52vw;
white-space: nowrap;
}
.block_noja_scheme2 .info .title span.st2 {
position: relative;
display: inline-block;
z-index: 1;
}
.block_noja_scheme2 .info .title span.st2:before {
content: "";
width: 100%;
height: 0.2vw;
background: #0066b0;
position: absolute;
bottom: 2%;
left: 0;
z-index: -1
}
.block_noja_scheme2 .info p {
font-size: 1.1vw;
line-height: 1.4;
font-weight: 300;
margin-left: 0.52vw;
margin-bottom: 1vw;
}
.block_noja_scheme2 .info1 {
width: 39.58vw;
margin-right: 0vw;
}
.block_noja_scheme2 .relay_protection {
position: relative;
z-index: 1;
margin-bottom: 2vw;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}

/*.block_noja_scheme2 .relay_protection.hide {
z-index: 0;
opacity: 0;
}*/


/*.block_noja_scheme2 .relay_protection h2 {
margin-right: 19.79vw;
}*/

.block_noja_scheme2 .relay_protection .show_link {
position: absolute;
top: 0.78vw;
right: 10.42vw;
}
.block_noja_scheme2 .relay_protection .elements {
background-image: url(../../noja/noja_6_1.jpg);
background-size: 38.177vw;
}
.block_noja_scheme2 .noja_integration {
position: relative;
z-index: 1;
left: 0vw;
top: 0vw;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
right: 0vw;
}

/*.block_noja_scheme2 .noja_integration.hide {
z-index: 0;
opacity: 0;
}*/


/*.block_noja_scheme2 .noja_integration h2 {
margin-left: 15.1vw;
}*/

.block_noja_scheme2 .noja_integration .show_link {
position: absolute;
top: 0.78vw;
left: 10.42vw;
}
.block_noja_scheme2 .noja_integration .elements {
background-image: url(../../noja/noja_6_2.jpg);
background-position: center 2vw;
background-size: 56.4vw;
height: 21vw;
}
.block_noja_guarantee {
margin: 4.17vw auto;
position: relative;
}
.block_noja_guarantee h2 {
text-align: center;
margin-bottom: 1vw;
}
.block_noja_guarantee .description {
font-size: 1.2vw;
line-height: 1.4;
font-weight: 300;
text-align: left;
display: flex;
width: 46vw;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
position: relative;
}
.block_noja_guarantee .elements {
background-repeat: no-repeat;
background-position: center;
position: relative;
height: 47.92vw;
margin-bottom: 1.56vw;
background-image: url(../../noja/noja_7_1.jpg);
background-size: 100%;
}
.block_noja_guarantee .show_link {
font-size: 0.8vw;
font-weight: 400;
text-align: right;
white-space: nowrap;
margin-left: 1vw;
}
.block_noja_guarantee .show_link a {
text-decoration: none;
cursor: pointer;
display: block;
width: 100%;
min-width: 8vw;
height: 11vw;
border: 0.2vw solid #f0f0f0;
margin-top: 0.4vw;
border-radius: 0.5vw;
background-size: cover;
transition: all .2s;
}
.block_noja_guarantee .show_link a:hover {
border: 0.2vw solid #0066b0;
}
.video_panel {
position: fixed;
bottom: 2vw;
left: 0vw;
z-index: 1000;
padding: 0 1vw 1vw 1vw;
transition: all .2s;
}
.video_panel.hide {
-webkit-transform: scale(0);
transform: scale(0);
}
.video_panel .video_wrap {
position: relative;
width: 6vw;
height: 9vw;
overflow: hidden;
border: 0.2vw solid #fff;
border-radius: 0.5vw;
-webkit-box-shadow: 0 0.25vw 1.88vw 0 rgb(34 34 34 / 40%);
box-shadow: 0 0.25vw 1.88vw 0 rgb(34 34 34 / 40%);
}
.video_panel .video_but {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.video_panel .video_but .sunik {
border-radius: 50%;
border: 1px solid rgb(57 171 60 / 0%);
position: absolute;
left: calc(50% - 0.5vw);
top: calc(50% - 0.5vw);
width: 1vw;
height: 1vw;
animation: video_but2 3s linear infinite;
pointer-events: none;
box-shadow: 0 0 0.1vw 0.1vw rgb(57 171 60 / 60%), inset 0 0 0.1vw 0.1vw rgb(57 171 60 / 60%);
}
.video_panel .video_but .sunik:nth-of-type(2) {
animation-delay: 1s
}
.video_panel .video_but .sunik:nth-of-type(3) {
animation-delay: 2s
}
.video_panel .video_but .sunik:nth-of-type(4) {
animation-delay: 3s
}
@keyframes video_but2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
30% {
opacity: .8
}
80% {
opacity: .6
}
to {
-webkit-transform: scale(3);
transform: scale(3);
opacity: 0
}
}
.video_panel .video_but::before {
content: '';
position: absolute;
left: calc(50% - 1.2vw);
top: calc(50% - 1.2vw);
z-index: 1;
width: 2.4vw;
height: 2.4vw;
background-color: #0066b0;
border-radius: 100%;
transition: all .2s;
}
.video_panel .video_but:hover::before {
background-color: #fff;
}
.video_panel .video_but::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00000030;
}
.video_panel .video_but .bg_but {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: all 2s;
}
.video_panel .video_but .bg_but.hide {
opacity: 0;
}
.video_panel .video_but svg {
position: absolute;
left: calc(53% - 0.5vw);
top: calc(50% - 0.5vw);
z-index: 1;
width: 1vw;
height: 1vw;
}
.video_panel .video_but svg .play_vid_svg {
transition: all .2s;
}
.video_panel .video_but:hover svg .play_vid_svg {
fill: #0066b0;
}
.video_panel .video_wrap iframe {
height: 175%;
width: 300%;
margin-left: -100%;
margin-top: -60%;
}
.video_panel .close_but {
position: absolute;
top: 0vw;
right: 1vw;
width: 2vw;
height: 2vw;
cursor: pointer;
}
.video_panel .close_but::before {
content: "+";
display: block;
font-family: 'Rubik', sans-serif;
color: #fff;
font-size: 1.3vw;
line-height: 1.8vw;
font-weight: 300;
text-align: center;
transition: all .2s;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.video_panel .close_but:hover::before {
color: #0066b0;
}
.video_panel .click {
position: absolute;
top: -3.8vw;
right: 0vw;
padding: 0vw 0vw 2.4vw 2.3vw;
color: #0066b0;
font-size: 0.7vw;
font-family: 'Circe', sans-serif;
background-image: url(../../img_blue/arr_v.png);
background-position: left bottom;
background-repeat: no-repeat;
background-size: 1.927vw;
}
.sidebar_panel {
position: fixed;
top: 10%;
right: 0vw;
z-index: 1000;
overflow: hidden;
height: 32vw;
padding: 0 1vw 1vw 1vw;
transition: all .2s;
}
.sidebar_panel.closed {
height: 2.6vw;
}
.sidebar_panel .close {
width: 1.88vw;
height: 1.88vw;
margin: 0 auto 0.8vw auto;
background-color: #fff;
cursor: pointer;
-webkit-border-radius: 2vw;
border-radius: 2vw;
transition: all .2s;
-webkit-box-shadow: 0 0.25vw 1vw 0 rgb(34 34 34 / 8%);
box-shadow: 0 0.25vw 1vw 0 rgb(34 34 34 / 8%);
}
.sidebar_panel .close:hover {
background-color: #f0f0f0;
}
.sidebar_panel .close::before {
content: "+";
display: block;
font-family: 'Rubik', sans-serif;
color: #222222;
font-size: 1.3vw;
line-height: 1.8vw;
font-weight: 300;
text-align: center;
transition: all .2s;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sidebar_panel.closed .close::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.sidebar_panel .item_calc {
display: block;
width: 4.79vw;
height: 4.79vw;
padding: 2.6vw 0 0 0;
margin-bottom: 0.5vw;
border: 1px solid #0066b0;
font-family: 'Rubik', sans-serif;
font-size: 0.7vw;
text-align: center;
background-color: #fff;
background-image: url(../../images/sidebar_calc.svg);
background-repeat: no-repeat;
background-position: center 0.5vw;
background-size: 1.458vw;
cursor: pointer;
-webkit-box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
transition: all .2s
}
.sidebar_panel .item_calc:hover {
background-color: #f0f0f0;
}
.sidebar_panel .item_price {
display: block;
width: 4.79vw;
height: 4.79vw;
padding: 2.6vw 0 0 0;
margin-bottom: 0.5vw;
border: 1px solid #0066b0;
font-family: 'Rubik', sans-serif;
font-size: 0.7vw;
text-align: center;
background-color: #fff;
background-image: url(../../images/sidebar_price.svg);
background-repeat: no-repeat;
background-position: center 0.5vw;
background-size: 1.458vw;
cursor: pointer;
-webkit-box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
transition: all .2s
}
.sidebar_panel .item_price:hover {
background-color: #f0f0f0;
}
.sidebar_panel .item_calculate_file {
display: block;
width: 4.79vw;
height: 4.79vw;
padding: 2.4vw 0 0 0;
margin-bottom: 0.5vw;
border: 1px solid #0066b0;
font-family: 'Rubik', sans-serif;
font-size: 0.7vw;
line-height: 1;
text-align: center;
background-color: #fff;
background-image: url('../../img_blue/note 1.svg');
background-repeat: no-repeat;
background-position: center 0.4vw;
background-size: 1.9vw;
cursor: pointer;
-webkit-box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
transition: all .2s
}
.sidebar_panel .item_calculate_file:hover {
background-color: #f0f0f0;
}
.sidebar_panel .item_callback {
display: block;
width: 4.79vw;
height: 4.79vw;
padding: 2.6vw 0 0 0;
margin-bottom: 0.5vw;
border: 1px solid #0066b0;
font-family: 'Rubik', sans-serif;
font-size: 0.7vw;
text-align: center;
background-color: #fff;
background-image: url(../../images/sidebar_callback.svg);
background-repeat: no-repeat;
background-position: center 0.6vw;
background-size: 1.875vw;
cursor: pointer;
-webkit-box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
transition: all .2s
}
.sidebar_panel .item_callback:hover {
background-color: #f0f0f0;
}
.sidebar_panel .item_whatsapp {
display: block;
width: 4.79vw;
height: 4.79vw;
padding: 3vw 0 0 0;
margin-bottom: 0.8vw;
border: 1px solid #0066b0;
font-family: 'Rubik', sans-serif;
font-size: 0.7vw;
text-align: center;
background-color: #fff;
background-image: url(../../img_blue/whatsapp.svg);
background-repeat: no-repeat;
background-position: center 0.6vw;
background-size: 1.875vw;
cursor: pointer;
-webkit-box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
transition: all .2s
}
.sidebar_panel .item_whatsapp:hover {
background-color: #f0f0f0;
}
@keyframes video_but {
0% {
width: 0;
height: 0
}
30% {
opacity: .8
}
80% {
opacity: .6
}
to {
width: 13.02vw;
height: 13.02vw;
opacity: 0
}
}
.page_wrap {
width: 100%;
position: relative;
}
.page_wrap::-webkit-scrollbar {
width: 0
}
.main .swiper-container-horizontal>.swiper-pagination-bullets {
max-width: 66.67vw;
left: 50%!important;
bottom: 4.69vw!important;
transform: translateX(-50%);
display: flex;
justify-content: flex-start
}
.main .swiper-pagination-bullet {
width: 4.38vw!important;
height: 0.16vw!important;
background: #ededed!important;
border-radius: 0 0 0.26vw 0.26vw!important;
padding-top: 0.21vw;
font-weight: 700;
font-size: 0.78vw;
line-height: 1.15vw;
opacity: 1!important;
text-align: center;
color: #ededed;
transition: all .2s
}
.main .swiper-pagination-bullet:hover {
background: #222!important;
color: #222
}
.main .swiper-pagination-bullet-active, .swiper-pagination-bullet-active:hover {
color: #0066b0;
background-color: #0066b0!important
}
.main {
position: relative
}
.main .swiper-container {
z-index: 0
}
.main .swiper-pagination-bullet {
margin: 0 0.63vw!important
}
.main .swiper-pagination-bullet:first-child {
margin: 0 0.63vw 0 0!important
}
.main_cont {
width: 100%;
margin: 0 auto 4vw auto;
}
.main_cont_slide {
padding: 7.24vw 1.04vw;
width: 100%!important;
min-height: 40.52vw;
overflow: hidden;
background-position: center top!important;
background-size: cover!important;
background-repeat: no-repeat;
background-image: url("../../img_blue/new_slide1.jpg");
}
.main_cont_slide .main_cont_slide_box {
max-width: 66.67vw;
margin: 0 auto
}
.main_cont_slide img {
position: absolute;
width: 100vw;
top: 0;
left: 50%;
margin-left: -50vw;
z-index: -1
}
.main_cont_slide .title {
font-family: Rubik;
font-style: normal;
max-width: 39.64vw;
font-weight: 500;
font-size: 2.4vw;
line-height: 2.86vw;
text-transform: uppercase;
color: #222;
margin-bottom: 1.56vw
}
.main_cont_slide p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 1.09vw;
max-width: 38.39vw;
padding-left: 0.99vw;
line-height: 1.72vw;
color: #222;
margin-bottom: 4.17vw;
position: relative
}
.main_cont_slide p:before {
content: "";
position: absolute;
left: 0;
top: 0.52vw;
width: 0.36vw;
height: 0.36vw;
background: #0066b0;
border-radius: 0.05vw
}

/*.main_cont_slide a { background: #0066b0; box-shadow: 0.42vw 0.42vw 1.3vw rgba(57,171,60,.3); border: 0.05vw solid #0066b0; border-radius: 0.21vw; font-family: Circe; font-style: normal; font-weight: 800; font-size: 0.73vw; line-height: 1.09vw; letter-spacing: .05em; text-transform: uppercase; padding: 0.94vw 3.13vw; color: #fff; transition: all .2s }
.main_cont_slide a:hover { background: #fff; color: #0066b0 }*/

.allequipment {
padding: 3.65vw 1.04vw 4.48vw;
border-bottom: 0.05vw solid #ededed
}
.allequipment .allequipment_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto
}
.allequipment .allequipment_cont .allequipment_cont_title {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 2.19vw
}
.allequipment .allequipment_cont .allequipment_cont_title h2 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 2.29vw;
line-height: 2.71vw;
text-transform: uppercase;
color: #222
}
.allequipment .allequipment_cont .allequipment_cont_title a {
border: 0.05vw solid #0066b0;
box-sizing: border-box;
border-radius: 0.21vw;
padding: 0.57vw 1.35vw;
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.89vw;
line-height: 1.3vw;
color: #222;
transition: all .2s
}
.allequipment .allequipment_cont .allequipment_cont_title a:hover {
background: #0066b0;
color: #fff
}
.allequipment .allequipment_cont .allequipment_cont_flex {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
flex-wrap: wrap
}
.allequipment .allequipment_cont .allequipment_cont_flex .allequipment_cont_flex_item {
width: 32%;
margin-bottom: 1.25vw;
background: #f0f0f0;
padding: 11vw 1.56vw 1.25vw 1.56vw;
position: relative;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
min-height: 14vw;
border-radius: 0.5vw;
}

/*.allequipment .allequipment_cont .allequipment_cont_flex .allequipment_cont_flex_item .st_bg { position: absolute; top: 0; width: 100%; height: 100%; left: 0;}
.allequipment .allequipment_cont .allequipment_cont_flex .allequipment_cont_flex_item .st_bg:before { content: ""; position: absolute; top: 0; width: 100%; height: 100%; left: 0; background: linear-gradient(1turn, rgba(57,171,60,.98), rgba(57,171,60,.85) 21.78%, rgba(57,171,60,0) 64.96%); opacity: 0; transition: all .2s; }
.allequipment .allequipment_cont .allequipment_cont_flex .allequipment_cont_flex_item:hover .st_bg:before { opacity: 1; }*/

.allequipment .allequipment_cont .allequipment_cont_flex .allequipment_cont_flex_item .title {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 0.99vw;
line-height: 1.25vw;
/*max-width: 13.33vw;*/
text-transform: uppercase;
color: #222;
transition: all .2s;
z-index: 1;
position: relative;
padding-left: 0.83vw;
border-left: 0.1vw solid #0066b0;
}
.allequipment .allequipment_cont .allequipment_cont_flex .allequipment_cont_flex_item p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.83vw;
opacity: 0;
line-height: 1.25vw;
transition: all .2s;
z-index: 1;
margin-bottom: 2.08vw;
margin-top: 0.78vw
}
.allequipment .allequipment_cont .allequipment_cont_flex .allequipment_cont_flex_item a {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
border: 0.05vw solid transparent;
line-height: 1.25vw;
color: #939393;
transition: all .2s;
z-index: 1;
position: relative
}
.allequipment .allequipment_cont .allequipment_cont_flex .allequipment_cont_flex_item img {
/*filter: grayscale(1); */
transition: all .2s;
position: absolute;
right: 1.56vw;
top: 0vw;
/*max-width: 15.63vw; max-height: 15.63vw; */
width: 85%;
height: 75%;
object-fit: contain;
}
.allequipment .allequipment_cont .allequipment_cont_flex .allequipment_cont_flex_item .btn2 {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.7vw;
opacity: 0;
padding: 0.4vw 1.2vw;
border: 0.05vw solid #0066b0;
box-sizing: border-box;
border-radius: 0.21vw;
font-weight: 700;
color: #fff;
background-color: #0066b0;
position: absolute;
bottom: 1.4vw;
right: 1vw;
transition: all .2s
}
.allequipment .allequipment_cont .allequipment_cont_flex .allequipment_cont_flex_item .btn2:hover {
background: #0066b0;
color: #fff
}
.allequipment .allequipment_cont .allequipment_cont_flex .allequipment_cont_flex_item:hover h4 {
color: #0066b0
}
.allequipment .allequipment_cont .allequipment_cont_flex .allequipment_cont_flex_item:hover p {
opacity: 1;
}
.allequipment .allequipment_cont .allequipment_cont_flex .allequipment_cont_flex_item:hover .btn2 {
opacity: 1
}
.allequipment .allequipment_cont .allequipment_cont_flex .allequipment_cont_flex_item:hover .btn1 {
opacity: 0
}
.allequipment .allequipment_cont .allequipment_cont_flex .allequipment_cont_flex_item:hover img {
/*filter: grayscale(0) blur(0.31vw); */
opacity: 0.3;
}
.allequipment .allequipment_cont .allequipment_cont_all {
width: 100%;
height: 2.5vw;
display: none;
justify-content: center;
align-items: center;
border: 0.05vw solid #0066b0;
border-radius: 0.21vw
}
.allequipment .allequipment_cont .allequipment_cont_all a {
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.89vw;
line-height: 1.3vw;
text-align: center;
color: #222
}
.services {
padding: 5.26vw 1.04vw 4.48vw
}
.services .services_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto
}
.services .services_cont .services_cont_title {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 2.19vw
}
.services .services_cont .services_cont_title h2 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 2.29vw;
line-height: 2.71vw;
text-transform: uppercase;
color: #222
}
.services .services_cont .services_cont_title h2 span {
position: relative;
display: inline-block
}
.services .services_cont .services_cont_title h2 span:before {
content: "";
width: 100%;
height: 10%;
background: #0066b0;
position: absolute;
bottom: 15%;
left: 0;
z-index: -1
}
.services .services_cont .services_cont_title a {
border: 0.05vw solid #0066b0;
box-sizing: border-box;
border-radius: 0.21vw;
padding: 0.57vw 1.35vw;
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.89vw;
line-height: 1.3vw;
color: #222;
transition: all .2s
}
.services .services_cont .services_cont_title a:hover {
background: #0066b0;
color: #fff
}
.services .services_cont .services_cont_flex {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
flex-wrap: wrap
}
.services .services_cont .services_cont_flex .services_cont_flex_item {
width: 32%;
margin-bottom: 1.25vw;
background: #f0f0f0;
padding: 1.25vw 1.56vw;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
position: relative;
min-height: 14.84vw;
border-radius: 0.5vw;
overflow: hidden;
}
.services .services_cont .services_cont_flex .services_cont_flex_item .title {
position: relative;
z-index: 1;
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 0.89vw;
line-height: 1.25vw;
text-transform: uppercase;
color: #fff;
max-width: 16.67vw;
padding-left: 0.83vw;
border-left: 0.1vw solid #0066b0
}
.services .services_cont .services_cont_flex .services_cont_flex_item img {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
.services .services_cont .services_cont_flex .services_cont_flex_item .st_bg {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
}
.services .services_cont .services_cont_flex .services_cont_flex_item .st_bg:before {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
background: linear-gradient(1turn, rgba(57, 171, 60, .98), rgba(57, 171, 60, .85) 21.78%, rgba(57, 171, 60, 0) 64.96%);
opacity: 0;
transition: all .2s;
}
.services .services_cont .services_cont_flex .services_cont_flex_item .st_bg:after {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
background: linear-gradient(1turn, rgba(34, 34, 34, 0.98), rgba(34, 34, 34, .85) 21.78%, rgba(34, 34, 34, 0) 64.96%);
opacity: 1;
transition: all .2s;
}
.services .services_cont .services_cont_flex .services_cont_flex_item:hover .st_bg:before {
opacity: 1;
}
.services .services_cont .services_cont_flex .services_cont_flex_item:hover .st_bg:after {
opacity: 0;
}
.services .services_cont .services_cont_all {
width: 100%;
height: 2.5vw;
display: none;
justify-content: center;
align-items: center;
border: 0.05vw solid #0066b0;
border-radius: 0.21vw
}
.services .services_cont .services_cont_all a {
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.89vw;
line-height: 1.3vw;
text-align: center;
color: #222
}
.production .production_first {
background-color: #222;
background-image: url(../../img_blue/Group5\).png);
padding: 5.36vw 1.04vw 0;
width: 100%
}
.production .production_first .production_first_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto
}
.production .production_first .production_first_cont h2 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 2.29vw;
line-height: 2.71vw;
text-transform: uppercase;
color: #fff;
margin-bottom: 2.6vw
}
.production .production_first .production_first_cont h2 span {
position: relative;
display: inline-block;
z-index: 2
}
.production .production_first .production_first_cont h2 span:before {
content: "";
width: 100%;
height: 10%;
background: #0066b0;
position: absolute;
bottom: 15%;
left: 0;
z-index: -1
}
.production .production_first .production_first_cont .production_first_cont_flex {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start
}
.production .production_first .production_first_cont .production_first_cont_flex .production_first_cont_flex_video {
max-width: 38.07vw;
width: 100%;
position: relative;
margin-right: 6.88vw
}
.production .production_first .production_first_cont .production_first_cont_flex .production_first_cont_flex_video .production_first_cont_flex_video_bg {
position: relative;
}
.production .production_first .production_first_cont .production_first_cont_flex .production_first_cont_flex_video .production_first_cont_flex_video_bg .video {
display: block;
width: 100%;
max-width: 52.08vw;
position: relative;
height: 21.56vw;
background-size: cover;
border: 0.16vw solid #fff;
margin-bottom: -0.31vw;
border-radius: 0.5vw;
overflow: hidden;
}
.production .production_first .production_first_cont .production_first_cont_flex .production_first_cont_flex_video .production_first_cont_flex_video_bg .video:after {
content: "";
position: absolute;
top: 0.16vw;
left: 0.16vw;
right: 0.16vw;
bottom: 0.16vw;
background-color: #000;
opacity: 0.5;
}
.production .production_first .production_first_cont .production_first_cont_flex .production_first_cont_flex_video .production_first_cont_flex_video_bg:before {
content: "";
width: 16.67vw;
height: 13.54vw;
background: #fff;
position: absolute;
bottom: -0.05vw;
left: -16.67vw
}
.production .production_first .production_first_cont .production_first_cont_flex .production_first_cont_flex_video .production_first_cont_flex_video_bg:after {
content: "";
position: absolute;
background-image: url('../../img_blue/Group 6.png');
width: 4.74vw;
height: 1.61vw;
top: 2.08vw;
left: 100%;
}
.production .production_first .production_first_cont .production_first_cont_flex .production_first_cont_flex_text {
max-width: 21.41vw;
width: 100%;
margin-top: 1.56vw
}
.production .production_first .production_first_cont .production_first_cont_flex .production_first_cont_flex_text p {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
line-height: 1.04vw;
color: #0066b0;
margin-bottom: 2.5vw
}
.production .production_first .production_first_cont .production_first_cont_flex .production_first_cont_flex_text p span {
font-family: Rubik;
font-style: normal;
margin-left: 0.89vw;
font-weight: 400;
font-size: 0.99vw;
line-height: 1.2vw;
color: #fff
}
.production .production_two {
margin-top: -2.6vw;
position: relative;
z-index: 1;
padding: 0 1.04vw;
display: flex;
justify-content: flex-end;
align-items: flex-start
}
.production .production_two .production_two_cont {
max-width: 66.67vw;
width: 100%;
display: flex;
margin: 0 auto;
justify-content: space-between;
align-items: center
}
.production .production_two .production_two_cont .production_two_cont_left {
max-width: 25.47vw;
min-width: 25.47vw;
width: 100%;
padding-top: 8.54vw
}
.production .production_two .production_two_cont .production_two_cont_left p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.94vw;
line-height: 1.46vw;
color: #222;
margin-bottom: 1.56vw
}
.production .production_two .production_two_cont .production_two_cont_left p:nth-child(2) {
margin-bottom: 3.65vw
}
.production .production_two .production_two_cont .production_two_cont_left a {
padding: 0.78vw 3.13vw;
border: 0.05vw solid #0066b0;
border-radius: 0.21vw;
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.89vw;
line-height: 1.3vw;
color: #222;
transition: all .2s
}
.production .production_two .production_two_cont .production_two_cont_left a:hover {
background: #0066b0;
color: #fff
}
.production .production_two .production_two_cont .production_two_cont_right.swiper-container2 {
position: absolute;
left: calc(50% - 3.5vw);
border: 0.16vw solid #fff;
max-width: 52.97vw;
width: 100%!important;
border-radius: 0.5vw;
overflow: hidden;
}
.production .production_two .production_two_cont .production_two_cont_right.swiper-container2 .production_two_cont_right_container.swiper-wrapper {
width: 100%!important
}
.production .production_two .production_two_cont .production_two_cont_right.swiper-container2 .production_two_cont_right_container.swiper-wrapper .swiper-slide img {
display: block;
position: relative;
width: 100%;
height: 39vw;
object-fit: cover;
}
.production .production_two .production_two_cont .production_two_cont_right.swiper-container2 .production_two_cont_right_container.swiper-wrapper .swiper-slide .swiper-slide_bg {
background: linear-gradient(360deg, rgba(34, 34, 34, 0.98) 0%, rgba(34, 34, 34, 0) 100%);
opacity: 0.5;
position: absolute;
bottom: 0vw;
width: 100%;
height: 50%;
z-index: 1
}
.production .production_two .production_two_cont .production_two_cont_right.swiper-container2 .btn {
position: absolute;
bottom: 2.5vw;
left: 2.34vw;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
z-index: 5;
display: flex;
justify-content: space-between;
align-items: center;
width: 5.68vw
}
.production .production_two .production_two_cont .production_two_cont_right.swiper-container2 .btn .swiper-button-next, .production .production_two .production_two_cont .production_two_cont_right.swiper-container2 .btn .swiper-button-prev {
width: 2.4vw;
height: 2.4vw;
transform: rotate(0)!important;
position: unset!important;
background: hsla(0, 0%, 100%, .3);
border-radius: 0.16vw;
transition: all .2s
}
.production .production_two .production_two_cont .production_two_cont_right.swiper-container2 .btn .swiper-button-next:after, .production .production_two .production_two_cont .production_two_cont_right.swiper-container2 .btn .swiper-button-prev:after {
color: #fff!important;
font-weight: bolder!important;
font-size: 0.73vw!important;
transition: all .2s
}
.production .production_two .production_two_cont .production_two_cont_right.swiper-container2 .btn .swiper-button-next:hover, .production .production_two .production_two_cont .production_two_cont_right.swiper-container2 .btn .swiper-button-prev:hover {
background: #fff
}
.production .production_two .production_two_cont .production_two_cont_right.swiper-container2 .btn .swiper-button-next:hover:after, .production .production_two .production_two_cont .production_two_cont_right.swiper-container2 .btn .swiper-button-prev:hover:after {
color: #0066b0!important
}
.production .production_two .production_two_cont .production_two_cont_right.swiper-container2 .swiper-pagination {
position: absolute;
bottom: 3.28vw!important;
z-index: 4;
left: 50%;
transform: translateX(-50%);
align-items: center;
display: flex;
justify-content: center
}
.production .production_two .production_two_cont .production_two_cont_right.swiper-container2 .swiper-pagination .swiper-pagination-bullet {
width: 0.42vw!important;
height: 0.42vw!important;
border-radius: 50%!important;
margin: 0 0.52vw;
background: #92959b!important
}
.production .production_two .production_two_cont .production_two_cont_right.swiper-container2 .swiper-pagination .swiper-pagination-bullet-active {
border: 0.1vw solid #fff;
width: 0.83vw!important;
height: 0.83vw!important;
background: 0 0!important
}
.production .production_info {
padding: 8.49vw 1.04vw 0
}
.production .production_info .production_info_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center
}
.production .production_info .production_info_cont .production_info_cont_left.swiper-container2 {
max-width: 33.85vw;
width: 100%!important;
position: relative;
border-radius: 0.5vw;
overflow: hidden;
}
.production .production_info .production_info_cont .production_info_cont_left.swiper-container2 .production_info_cont_left_container.swiper-wrapper {
width: 100%!important
}
.production .production_info .production_info_cont .production_info_cont_left.swiper-container2 .production_info_cont_left_container.swiper-wrapper .swiper-slide img {
display: block;
position: relative;
width: 100%;
height: 23vw;
object-fit: cover;
}
.production .production_info .production_info_cont .production_info_cont_left.swiper-container2 .production_info_cont_left_container.swiper-wrapper .swiper-slide .swiper-slide_bg {
background: linear-gradient(360deg, rgba(34, 34, 34, 0.98) 0%, rgba(34, 34, 34, 0) 100%);
opacity: 0.5;
position: absolute;
bottom: 0vw;
width: 100%;
height: 50%;
z-index: 1
}
.production .production_info .production_info_cont .production_info_cont_left.swiper-container2 .btn {
position: absolute;
bottom: 3.7vw;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
right: 2.34vw;
z-index: 5;
display: flex;
justify-content: space-between;
align-items: center;
width: 5.68vw
}
.production .production_info .production_info_cont .production_info_cont_left.swiper-container2 .btn .swiper-button-next, .production .production_info .production_info_cont .production_info_cont_left.swiper-container2 .btn .swiper-button-prev {
width: 2.4vw;
transform: rotate(0)!important;
height: 2.4vw;
position: unset!important;
background: hsla(0, 0%, 100%, .3);
border-radius: 0.16vw;
transition: all .2s
}
.production .production_info .production_info_cont .production_info_cont_left.swiper-container2 .btn .swiper-button-next:after, .production .production_info .production_info_cont .production_info_cont_left.swiper-container2 .btn .swiper-button-prev:after {
color: #fff!important;
font-weight: bolder!important;
font-size: 0.73vw!important;
transition: all .2s
}
.production .production_info .production_info_cont .production_info_cont_left.swiper-container2 .btn .swiper-button-next:hover, .production .production_info .production_info_cont .production_info_cont_left.swiper-container2 .btn .swiper-button-prev:hover {
background: #fff
}
.production .production_info .production_info_cont .production_info_cont_left.swiper-container2 .btn .swiper-button-next:hover:after, .production .production_info .production_info_cont .production_info_cont_left.swiper-container2 .btn .swiper-button-prev:hover:after {
color: #0066b0!important
}
.production .production_info .production_info_cont .production_info_cont_left.swiper-container2 .swiper-pagination {
position: absolute;
bottom: 2.08vw;
z-index: 4;
left: 50%;
transform: translateX(-50%);
align-items: center;
display: flex;
justify-content: center
}
.production .production_info .production_info_cont .production_info_cont_left.swiper-container2 .swiper-pagination .swiper-pagination-bullet {
width: 0.42vw!important;
height: 0.42vw!important;
border-radius: 50%!important;
margin: 0 0.52vw;
background: #fff
}
.production .production_info .production_info_cont .production_info_cont_left.swiper-container2 .swiper-pagination .swiper-pagination-bullet-active {
border: 0.1vw solid #fff;
width: 0.83vw!important;
height: 0.83vw!important;
background: 0 0!important
}
.production .production_info .production_info_cont .production_info_cont_right {
max-width: 27.03vw;
min-width: 27.03vw;
width: 100%;
margin-left: 1.04vw
}
.production .production_info .production_info_cont .production_info_cont_right p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.94vw;
line-height: 1.46vw;
color: #222
}
.production .production_info .production_info_cont .production_info_cont_right h2 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
max-width: 26.56vw;
font-size: 2.29vw;
line-height: 2.71vw;
text-transform: uppercase;
margin-bottom: 2.34vw;
color: #222
}
.production .production_info2 {
padding: 0.26vw 1.04vw 5.57vw
}
.production .production_info2 .production_info_cont .production_info_cont_right {
margin-left: 0;
margin-right: 1.04vw
}
.production .production_info2 .production_info_cont .production_info_cont_left.swiper-container2 .btn {
right: unset;
left: 2.34vw
}
.kruglaya-volna, .kruglaya-volna2 {
position: absolute;
top: 34%;
left: 50%;
transform: translate(-50%);
display: inline-block;
z-index: 1000
}
.kruglaya-volna2 .konaso-dasuva, .kruglaya-volna .konaso-dasuva {
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 100%;
height: 7.03vw;
width: 7.03vw;
transition: all .2s
}
.kruglaya-volna2 .lasuteke-sturad, .kruglaya-volna .lasuteke-sturad {
font-family: Roboto Condensed, Tahoma, sans-serif;
color: #f9f8f6;
font-size: 0.94vw;
transition: all .2s
}
.kruglaya-volna2 .lasuteke-sturad .play_vid_svg, .kruglaya-volna .lasuteke-sturad .play_vid_svg {
fill: #0066b0!important;
transition: all .2s
}
.canstructor2 .show_all_btn:hover path, .const_advantages .const_advantages_bottom .show_all_btn:hover path, .kruglaya-volna2:hover .lasuteke-sturad .play_vid_svg, .kruglaya-volna:hover .lasuteke-sturad .play_vid_svg, .pku .pku_cont .pku_cont_title a:hover path {
fill: #fff!important
}
.kruglaya-volna2 .sunik, .kruglaya-volna .sunik {
border-radius: 50%;
border: 0.05vw solid rgba(255, 171, 60, .3);
position: absolute;
animation: video_but 4s linear infinite;
z-index: -1;
pointer-events: none;
box-shadow: 0 0 1.04vw 1.04vw rgba(57, 171, 60, .6), inset 0 0 1.04vw 1.04vw rgba(57, 171, 60, .6)
}
.kruglaya-volna2 .sunik:nth-of-type(2), .kruglaya-volna .sunik:nth-of-type(2) {
animation-delay: 1s
}
.kruglaya-volna2 .sunik:nth-of-type(3), .kruglaya-volna .sunik:nth-of-type(3) {
animation-delay: 2s
}
.kruglaya-volna2 .sunik:nth-of-type(4), .kruglaya-volna .sunik:nth-of-type(4) {
animation-delay: 3s
}
.kruglaya-volna2:hover .konaso-dasuva, .kruglaya-volna:hover .konaso-dasuva {
background: #0066b0!important
}
.swiper-container3 {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 55.31vw;
overflow: hidden
}
.swiper-slide {
background-size: cover;
background-position: 50%
}
.gallery-top {
height: 80%;
width: 100%
}
.gallery-thumbs {
height: 7.45vw!important;
box-sizing: border-box;
overflow: hidden;
padding: 0.52vw 0;
}
.gallery-thumbs .swiper-slide {
height: 100%;
max-width: 4.38vw;
margin-left: 1.25vw;
opacity: 1;
cursor: pointer;
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
display: none;
}
.gallery-thumbs .swiper-slide:first-child {
margin-left: 0vw;
}
.scrolled .gallery-thumbs .swiper-slide {
display: block;
}
.gallery-thumbs .swiper-slide-thumb-active.swiper-slide-thumb-active {
opacity: 1;
border: 0.1vw solid #0066b0!important
}
.otziv {
padding: 4vw 1.04vw 4vw;
background: #f0f0f0;
}
.otziv .otziv_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto;
position: relative
}
.otziv .otziv_cont h2 {
text-align: center;
margin-bottom: 2.6vw
}
.otziv .otziv_cont .left_block {
width: 62%;
display: inline-block;
vertical-align: top;
position: relative;
padding-right: 3vw;
}
.otziv .otziv_cont .right_block {
width: 38%;
height:41vw;
display: inline-block;
vertical-align: top;
overflow:hidden;
position:relative;
}
.otziv .otziv_cont .gallery-top {
width: 100%!important;
margin-bottom: 3.49vw
}
.otziv .otziv_cont .gallery-top .btn {
position: absolute;
top: 42%;
transform: translate(-50%);
left: 50%;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
z-index: 5;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 66.67vw
}
.otziv .otziv_cont .gallery-top .btn .swiper_button_next, .otziv .otziv_cont .gallery-top .btn .swiper_button_prev {
background: #fff;
}
.otziv .otziv_cont .gallery-top .btn .swiper_button_prev {
left: -3vw;
}
.otziv .otziv_cont .gallery-top .btn .swiper_button_next {
right: 0.5vw;
}
.otziv .otziv_cont .gallery-top .swiper-wrapper .swiper-slide {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
max-width: 55.31vw;
opacity: 0;
transition: all .5s
}
.otziv.scrolled .otziv_cont .gallery-top .swiper-wrapper .swiper-slide {
opacity: 1;
}
.otziv .otziv_cont .gallery-top .swiper-wrapper .swiper-slide .img {
padding-bottom: 2.6vw;
background-image: url(../../img_blue/sert_bg.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
}
.otziv .otziv_cont .gallery-top .swiper-wrapper .swiper-slide .img img {
width: 15.73vw;
height: 22.29vw;
object-fit: contain;
-webkit-border-radius: 0.5vw;
border-radius: 0.5vw;
display: none;
}
.otziv.scrolled .otziv_cont .gallery-top .swiper-wrapper .swiper-slide .img img {
display: block;
}
.otziv .otziv_cont .gallery-top .swiper-wrapper .swiper-slide .text {
max-width: 37.03vw;
margin-left: 2.55vw;
width: 100%;
}
.otziv .otziv_cont .gallery-top .swiper-wrapper .swiper-slide .comment_text {
position: relative;
font-family: Circe;
font-style: normal;
font-weight: 300;
font-size: 1vw;
line-height: 1.35vw;
color: #222
}
.otziv .otziv_cont .gallery-top .swiper-wrapper .swiper-slide .chitat {
display: none;
}
.otziv .otziv_cont .gallery-top .swiper-wrapper .swiper-slide .comment_text:before {
content: url('../../img_blue/quote 1.png');
position: absolute;
left: 0.1vw;
top: -1.56vw
}
.otziv .otziv_cont .gallery-top .swiper-wrapper .swiper-slide .title_text {
margin-top: 1.72vw
}
.otziv .otziv_cont .gallery-top .swiper-wrapper .swiper-slide .title_text p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
color: #222;
margin-bottom: 0.1vw
}
.otziv .otziv_cont .gallery-top .swiper-wrapper .swiper-slide .title_text h4 {
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 0.99vw;
line-height: 1.25vw;
text-transform: uppercase;
color: #222;
margin-bottom: 0.47vw
}
.otziv .otziv_cont .gallery-top .swiper-pagination {
position: absolute;
bottom: 1.04vw!important;
z-index: 4;
overflow: hidden;
left: 50%;
transform: translateX(-50%);
align-items: center;
display: none;
justify-content: center
}
.otziv .otziv_cont .gallery-top .swiper-pagination .swiper-pagination-bullet {
min-width: 0.42vw!important;
min-height: 0.42vw!important;
border-radius: 50%!important;
margin: 0 0.52vw;
background: #aaa!important
}
.otziv .otziv_cont .gallery-top .swiper-pagination .swiper-pagination-bullet-active {
border: 0.1vw solid #0066b0;
min-width: 0.83vw!important;
min-height: 0.83vw!important;
background: 0 0!important
}
.partner {
padding: 2.29vw 1.04vw 0;
background: #fff;
}
.partner h2 {
margin-bottom: 1vw;
text-align: center;
}
.partner p {
text-align: center;
font-family: Circe;
font-style: normal;
font-weight: 300;
font-size: 1vw;
line-height: 1.35vw;
text-transform: uppercase;
color: #222;
margin-bottom: 1vw;
}
.partner .partner_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
position: relative
}
.news .news_cont .news_cont_title a, .news_page .news_page_cont .all_news {
border: 0.05vw solid #0066b0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box
}
.partner .partner_cont .swiper-container5 {
height: 19vw;
overflow: hidden;
opacity: 0;
transition: all .5s
}
.partner.scrolled .partner_cont .swiper-container5 {
opacity: 1;
}
.partner .partner_cont .swiper-container5 .swiper-wrapper {
align-items: center;
transition-timing-function: linear!important;
/*transition: all 3s linear!important;*/
}

/*.partner .partner_cont .swiper-container5:hover .swiper-wrapper { transition: all 0.5s linear!important; }*/

.partner .partner_cont .swiper-container5 .swiper-wrapper .swiper-slide {
position: relative;
width: 13.5%;
min-width: 8.85vw;
margin-left: 1.5%;
margin-right: 1.5%;
transition: all .4s;
/*display: none;*/
}

/*.partner.scrolled .partner_cont .swiper-container5 .swiper-wrapper .swiper-slide {
display: block;
}*/

.partner .partner_cont .swiper-container5 .swiper-wrapper .swiper-slide .partner {
position: relative;
height: 5vw;
padding: 0.3vw;
margin-bottom: 4vw;
background-color: #fff;
border-radius: 0.5vw;
cursor: pointer;
}
.partner .partner_cont .swiper-container5 .swiper-wrapper .swiper-slide .partner:hover {
-webkit-box-shadow: 0 10px 10px 0 rgb(0 0 0 / 50%);
box-shadow: 0 15px 20px 5px rgb(187 187 187 / 50%);
background-color: #fff;
z-index: 1;
}
.partner .partner_cont .swiper-container5 .swiper-wrapper .swiper-slide .partner img {
display: block;
width: 95%;
height: 95%;
object-fit: scale-down;
/*	filter: grayscale(1);*/
transition: all .2s;
margin: auto;
}
.partner .partner_cont .swiper-container5 .swiper-wrapper .swiper-slide .partner:hover img {
filter: grayscale(0)
}
.partner .partner_cont .swiper-container5 .swiper-wrapper .swiper-slide .partner .info {
position: absolute;
top: calc(100% + 0.3vw);
left: 0vw;
min-width: 100%;
padding: 0.4vw 0vw;
/*	background-color: #fff;*/
font-family: Circe;
font-size: 0.7vw;
line-height: 1.1;
text-align: center;
border-radius: 0.5vw;
/*	box-shadow: 0 0 18px 0 #28272819;*/
/*transform: scale(0);*/
opacity: 0;
transition: all .4s
}
.partner .partner_cont .swiper-container5 .swiper-wrapper .swiper-slide .partner:hover .info {
/*	transform: scale(1);*/
opacity: 1;
}
.partner .partner_cont .swiper-container5 .swiper-wrapper .swiper-slide .partner .info .title {
font-size: 0.8vw;
font-weight: 400;
margin-bottom: 0.3vw;
}
.partner .partner_cont .swiper-container5 .swiper-wrapper .swiper-slide .partner .info .desc {
font-weight: 300;
}
.partner .partner_cont .swiper-container5 .btn {
position: absolute;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
max-width: 5.5vw;
right: 0vw;
width: 100%;
top: -1.8vw;
display: none;
}
.partner .partner_cont .swiper-container5 .btn div {
position: relative!important;
outline: 0!important;
}
.partner .partner_cont .swiper-container5 .btn div:after {
display: none;
}
.partner .partner_cont .swiper-container5 .btn div:hover:after {
color: #0066b0!important
}
.partner .partner_cont .swiper-container5 .btn div.swiper-button-prev {
position: relative;
left: auto;
width: 2.1875vw;
height: 2.1875vw;
margin-right: 0.5vw;
background-image: url(../../img_blue/but.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: pointer;
}
.partner .partner_cont .swiper-container5 .btn div.swiper-button-next {
position: relative;
right: auto;
width: 2.1875vw;
height: 2.1875vw;
margin-left: 0.5vw;
background-image: url(../../img_blue/but.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: pointer;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.partner .partner_cont .swiper-pagination {
display: none;
}
.news_page {
padding: 0vw 0.42vw 5.73vw
}
.news_page .news_page_cont {
max-width: 67.92vw;
width: 100%;
margin: 0 auto
}
.news_page .news_page_cont h1 {
margin-bottom: 2vw;
}
.news_page .news_page_cont .all_news {
margin: 0.52vw auto 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
border-radius: 0.21vw;
padding: 0.57vw 0;
text-align: center;
transition: all .2s
}
.news_page .news_page_cont .all_news img {
margin-right: 0.78vw
}
.news_page .news_page_cont .all_news a {
font-family: Circe;
font-style: normal;
transition: all .2s;
font-weight: 700;
font-size: 0.89vw;
line-height: 1.3vw;
color: #222
}
.news_page .news_page_cont .news_page_cont_blok {
width: 100%
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex {
display: flex;
justify-content: flex-start;
width: 100%;
flex-wrap: wrap
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .swiper-slide {
width: 100%;
margin: 0 0.63vw 3.13vw;
max-width: 15.7vw
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .swiper-slide img {
width: 100%;
height: 14.79vw;
object-fit: cover;
border-radius: 0.5vw;
overflow: hidden;
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .swiper-slide .img {
width: 100%;
height: 14.79vw;
border-radius: 0.5vw;
background-color: #f0f0f0;
background-image: url(../../img_blue/Group4.png);
background-position: center;
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .swiper-slide .news_page_text {
margin-top: 0.89vw
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .swiper-slide .news_page_text span, .news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .swiper-slide .news_page_text p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.95vw;
line-height: 1.2vw;
color: #939393
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .swiper-slide.top_news .news_page_text span {
color: #fff;
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .swiper-slide .news_page_text h2 {
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 0.99vw;
line-height: 1.25vw;
margin-top: 0.3vw;
margin-bottom: 0.4vw;
text-transform: uppercase;
color: #222
}

.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .swiper-slide a:hover .news_page_text h4 {
color: #0066b0;
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news {
width: 100%;
max-width: 32.71vw;
position: relative;
transition: all .2s
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news .top_news_bg:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 0.5vw;
top: 0;
left: 0;
background: linear-gradient(1turn, rgba(57, 171, 60, .98), rgba(57, 171, 60, .85) 21.78%, rgba(57, 171, 60, 0) 64.96%);
top: 0;
left: 0;
opacity: 0;
transition: all .2s;
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news:hover .top_news_bg:before {
opacity: 1;
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news .top_news_bg:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 0.5vw;
background: linear-gradient(1turn, rgba(34, 34, 34, .98), rgba(34, 34, 34, .85) 21.78%, rgba(34, 34, 34, 0) 64.96%);
top: 0;
left: 0;
opacity: 1;
transition: all .2s;
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news:hover .top_news_bg:after {
opacity: 0;
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news img {
width: 100%;
height: 20.83vw;
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news .news_page_text {
width: 100%;
position: absolute;
bottom: 0;
z-index: 1;
max-width: 31.25vw;
padding: 0 1.51vw 1.2vw
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news .news_page_text h2 {
max-width: 22.97vw;
margin-bottom: 0.73vw;
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 0.99vw;
line-height: 1.25vw;
text-transform: uppercase;
color: #fff
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news a:hover .news_page_text h4 {
color: #FFF;
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news .news_page_text p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.78vw;
line-height: 1.15vw;
color: #fff
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news .news_page_text .top_news_text_title {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 0.47vw
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news .news_page_text .top_news_text_title p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
color: #0066b0;
padding-right: 0.89vw;
margin-right: 0.89vw;
border-right: 0.05vw solid #939393
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news a:hover .news_page_text p {
color: #FFF;
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news .news_page_text .top_news_text_title span {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
color: #FFF
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news a:hover .news_page_text span {
color: #FFF;
}
.news_page .news_page_cont .news_page_cont_blok .news_page_cont_flex .top_news:hover .top_news_bg {
background: linear-gradient(1turn, rgba(57, 171, 60, .98), rgba(57, 171, 60, .85) 21.78%, rgba(57, 171, 60, 0) 64.96%)
}
.news {
padding: 5.26vw 1.04vw 5.73vw
}
.news .news_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto
}
.news .news_cont .news_cont_title {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 2.19vw
}
.news .news_cont .news_cont_title h2 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 2.29vw;
line-height: 2.71vw;
text-transform: uppercase;
color: #222;
position: relative
}
.news .news_cont .all_news a, .news .news_cont .news_cont_title a {
font-weight: 700;
font-size: 0.89vw;
line-height: 1.3vw;
font-family: Circe;
font-style: normal
}
.news .news_cont .news_cont_title a {
box-sizing: border-box;
border-radius: 0.21vw;
padding: 0.57vw 1.35vw;
color: #222;
transition: all .2s
}
.news .news_cont .news_cont_title a:hover {
background: #0066b0;
color: #fff
}
.news .news_cont .all_news {
margin: 3.13vw auto 0;
width: 100%;
display: none;
border: 0.05vw solid #0066b0;
box-sizing: border-box;
border-radius: 0.21vw;
padding: 0.57vw 0;
text-align: center
}
.news .news_cont .all_news a {
width: 100%;
color: #222
}
.news .news_cont .news_cont_swiper {
width: 100%!important
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper {
display: flex;
justify-content: space-between;
width: 100%
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .swiper-slide {
max-width: 15.73vw;
width: 100%
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .swiper-slide img {
width: 100%;
height: 14.79vw;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
border-radius: 0.5vw;
overflow: hidden;
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .swiper-slide .news_text {
margin-top: 0.89vw
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .swiper-slide .news_text span {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
color: #939393
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .swiper-slide .news_text .h4 {
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 0.99vw;
line-height: 1.25vw;
margin-top: 0.31vw;
text-transform: uppercase;
color: #222;
transition: all .2s;
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .top_news {
max-width: 32.71vw;
position: relative;
transition: all .2s;
border-radius: 0.5vw;
overflow: hidden;
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .top_news .top_news_bg {
position: absolute;
width: 100%;
height: 99.2%;
top: 0;
left: 0;
z-index: 3;
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .top_news .top_news_bg:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(1turn, rgba(57, 171, 60, .98), rgba(57, 171, 60, .85) 21.78%, rgba(57, 171, 60, 0) 64.96%);
top: 0;
left: 0;
opacity: 0;
transition: all .2s;
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .top_news .top_news_bg:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(1turn, rgba(34, 34, 34, .98), rgba(34, 34, 34, .85) 21.78%, rgba(34, 34, 34, 0) 64.96%);
top: 0;
left: 0;
opacity: 1;
transition: all .2s;
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .top_news img {
width: 100%;
height: 20.83vw;
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .top_news .top_news_text {
width: 100%;
position: absolute;
bottom: 0;
z-index: 3;
max-width: 31.25vw;
padding: 0 1.51vw 1.2vw
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .top_news .top_news_text .h4 {
max-width: 22.97vw;
margin-bottom: 0.73vw;
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 0.99vw;
line-height: 1.25vw;
text-transform: uppercase;
color: #fff
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .top_news .top_news_text p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.78vw;
line-height: 1.15vw;
color: #fff
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .top_news .top_news_text .top_news_text_title {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 0.47vw
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .top_news .top_news_text .top_news_text_title p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
color: #0066b0;
padding-right: 0.89vw;
margin-right: 0.89vw;
border-right: 0.05vw solid #939393;
transition: all .2s;
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .top_news .top_news_text .top_news_text_title span {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
color: #939393;
transition: all .2s;
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .top_news:hover .top_news_bg:before {
opacity: 1;
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .top_news:hover .top_news_bg:after {
opacity: 0;
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .top_news:hover .top_news_text .top_news_text_title p {
color: #FFF;
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .top_news:hover .top_news_text .top_news_text_title span {
color: #FFF;
}
.news .news_cont .news_cont_swiper .news_cont_swiper_wraper .swiper-slide:hover .news_text .h4 {
color: #0066b0;
}
.news .news_cont .news_cont_swiper .swiper-pagination {
position: absolute;
bottom: 0!important;
z-index: 4;
padding: 0!important;
overflow: hidden;
left: 0;
width: 100%;
align-items: center;
display: none;
justify-content: center
}
.news .news_cont .news_cont_swiper .swiper-pagination .swiper-pagination-bullet {
width: 0.42vw!important;
height: 0.42vw!important;
border-radius: 50%!important;
margin: 0 0.52vw;
background: #aaa!important
}
.news .news_cont .news_cont_swiper .swiper-pagination .swiper-pagination-bullet-active {
border: 0.1vw solid #0066b0;
min-width: 0.83vw!important;
min-height: 0.83vw!important;
background: 0 0!important
}
.question {
padding: 14.17vw 1.04vw 5.47vw;
border-bottom: 0.05vw solid #413f3f;
background-color: #222222;
position: relative;
opacity: 0;
transition: all .5s;
}
.question.scrolled {
opacity: 1;
}
.question .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../../img_blue/form_bg.jpg);
background-size: 100%;
background-repeat: no-repeat;
display: none;
}
.question.scrolled .bg {
display: block;
}
.question .question_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto
}
.question .question_cont .order_status {
position: relative;
}
.question .question_cont h2 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 2.29vw;
display: flex;
line-height: 2.71vw;
text-transform: uppercase;
color: #fff;
margin-bottom: 0.78vw
}
.question .question_cont h2 span {
margin-left: 0.78vw;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 2;
position: relative;
display: inline-block
}
.question .question_cont h2 span:before {
content: "";
width: 100%;
height: 0.31vw;
background: #0066b0;
position: absolute;
bottom: 0.42vw;
left: 0;
z-index: -1
}
.question .question_cont p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 1.04vw;
line-height: 1.25vw;
color: #fff
}
.question .question_cont .question_cont_form {
margin-top: 2.14vw;
width: 100%
}
.question .question_cont .question_cont_form .question_cont_form_top {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.question .question_cont .question_cont_form .question_cont_form_top .question_cont_form_top_left {
max-width: 27.03vw;
width: 100%;
margin-right: 1.25vw;
}
.question .question_cont .question_cont_form .question_cont_form_top .question_cont_form_top_left .intext_block {
width: 100%
}
.question .question_cont .question_cont_form .question_cont_form_top .question_cont_form_top_left input[type=text] {
width: 100%;
background: #fff;
border-radius: 0.21vw;
border: unset;
padding: 0.83vw 1.15vw;
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
line-height: 1.25vw
}
.question .question_cont .question_cont_form .question_cont_form_top .question_cont_form_top_left input[type=text]::-webkit-input-placeholder {
color: #aaa
}
.question .question_cont .question_cont_form .question_cont_form_top .question_cont_form_top_left input[type=text]:-moz-placeholder, .question .question_cont .question_cont_form .question_cont_form_top .question_cont_form_top_left input[type=text]::-moz-placeholder {
color: #aaa
}
.question .question_cont .question_cont_form .question_cont_form_top .question_cont_form_top_left input[type=text]:-ms-input-placeholder, .question .question_cont .question_cont_form .question_cont_form_top .question_cont_form_top_left input[type=text]::-ms-input-placeholder {
color: #aaa
}
.question .question_cont .question_cont_form .question_cont_form_top .question_cont_form_top_left input[type=text]::placeholder {
color: #aaa
}
.question .question_cont .question_cont_form .question_cont_form_top .question_cont_form_top_left .intext_block:first-child input {
margin-bottom: 1.25vw
}
.question .question_cont .question_cont_form .question_cont_form_top .intext_block {
width: 100%
}
.question .question_cont .question_cont_form .question_cont_form_top textarea {
resize: none;
width: 100%;
outline: 0;
background: #fff;
border-radius: 0.21vw;
border: unset;
padding: 0.83vw 1.15vw;
height: 7.08vw;
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
line-height: 1.25vw
}
.question .question_cont .question_cont_form .question_cont_form_top textarea::-webkit-input-placeholder {
color: #aaa
}
.question .question_cont .question_cont_form .question_cont_form_top textarea:-moz-placeholder, .question .question_cont .question_cont_form .question_cont_form_top textarea::-moz-placeholder {
color: #aaa
}
.question .question_cont .question_cont_form .question_cont_form_top textarea:-ms-input-placeholder, .question .question_cont .question_cont_form .question_cont_form_top textarea::-ms-input-placeholder {
color: #aaa
}
.question .question_cont .question_cont_form .question_cont_form_top textarea::placeholder {
color: #aaa
}
.question .question_cont .question_cont_form .question_cont_form_btn {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 1.25vw
}
.question .question_cont .question_cont_form .question_cont_form_btn p {
font-family: Circe;
font-style: normal;
max-width: 25.26vw;
font-weight: 350;
font-size: 0.89vw;
display: grid;
line-height: 1.25vw;
color: #b8b5b5;
position: relative;
}
.question .question_cont .question_cont_form .question_cont_form_btn p a {
line-height: 0.73vw;
border-bottom: 0.05vw solid #fff;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
color: #fff
}
.question .question_cont .question_cont_form .question_cont_form_btn .intext_block {
max-width: 15.73vw;
width: 100%
}
.question .question_cont .question_cont_form .question_cont_form_btn .button2 {
padding: 1.3vw 1vw;
}
.site_navigation {
padding: 2vw 1vw 1.5vw;
background: #f0f0f0;
margin-bottom: 2vw;
}
.site_navigation .site_navigation_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto
}
.site_navigation .site_navigation_cont .site_navigation_cont_links {
display: flex;
justify-content: flex-start;
align-items: center
}
.site_navigation .site_navigation_cont .site_navigation_cont_links a {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
color: #0066b0;
position: relative
}
.site_navigation .site_navigation_cont .site_navigation_cont_links li:first-child a {
padding-left: 1.09vw;
}
.site_navigation .site_navigation_cont .site_navigation_cont_links li:first-child a:before {
content: "";
position: absolute;
left: 0;
top: 0;
background-image: url('../../img_blue/home 1.svg');
background-position: left center;
width: 1vw;
height: 1vw;
background-size: 0.8vw;
}
.site_navigation .site_navigation_cont .site_navigation_cont_links span {
margin: 0 1.04vw;
position: relative
}
.site_navigation .site_navigation_cont .site_navigation_cont_links span:before {
content: "next";
font-family: swiper-icons;
text-transform: none!important;
font-weight: bolder;
letter-spacing: 0;
font-size: 0.63vw;
font-variant: normal;
line-height: 1
}
.site_navigation .site_navigation_cont .site_navigation_cont_links {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
color: #222
}
.site_navigation .site_navigation_cont .hide_link {
display: none
}
.site_navigation .site_navigation_cont h1 {
margin-top: 0.63vw;
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 2.29vw;
line-height: 2.71vw;
text-transform: uppercase;
color: #222
}
.site_navigation2 .site_navigation_cont .site_navigation_cont_links .hide_link {
display: block
}
.site_navigation2 .site_navigation_cont .site_navigation_cont_links .hide_link a {
padding-left: 2.08vw
}
.site_navigation2 .site_navigation_cont .site_navigation_cont_links .hide_link a:before {
content: url('../../img_blue/Vector 5.svg');
position: absolute;
left: 0;
top: 0
}
.obaut_page {
padding: 1.5vw 1vw 0vw;
position: relative;
background-color: #f0f0f0;
margin-top: -3.5vw;
}
.obaut_page .obaut_page_cont {
max-width: 66.67vw;
margin: 0 auto;
width: 100%
}
.obaut_page .obaut_page_cont h1 {
margin-bottom: 2vw;
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex .obaut_page_cont_flex_text {
max-width: 31vw;
width: 100%;
margin-right: 1.25vw;
position: relative;
z-index: 1;
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex .obaut_page_cont_flex_text p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.94vw;
line-height: 1.46vw;
margin-bottom: 1.25vw;
color: #222
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex .obaut_page_cont_flex_text .text_img {
display: none
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex .obaut_page_cont_flex_text .hide_text button {
border: unset;
background: #fff;
position: absolute;
right: 0;
bottom: -0.26vw;
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.94vw;
line-height: 1.46vw;
color: #0066b0;
display: none
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex .obaut_page_cont_flex_text h2 {
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 0.94vw;
line-height: 1.09vw;
color: #222;
text-transform: unset;
margin-bottom: 0.78vw;
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex .obaut_page_cont_flex_text .projects {
margin-bottom: 2.08vw
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex .obaut_page_cont_flex_text .projects p {
position: relative;
padding-left: 1.67vw;
margin-bottom: 0.2vw;
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex .obaut_page_cont_flex_text .projects p:before {
content: url(../../img_blue/Vector.svg);
position: absolute;
top: 0;
left: 0
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex .obaut_page_cont_flex_text .primushestva {
width: 100%;
margin-left: 35vw;
margin-top: 3vw;
margin-bottom: 5vw;
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex .obaut_page_cont_flex_text .primushestva .primushestva_item {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex .obaut_page_cont_flex_text .primushestva .primushestva_item img {
width: 5vw;
margin-right: 1.46vw;
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex .obaut_page_cont_flex_img {
max-width: unset;
position: absolute;
top: 0;
height: 34.4vw;
display: flex;
justify-content: flex-end;
align-items: center;
left: 0;
width: 100%;
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex .obaut_page_cont_flex_img img {
width: 43%;
max-width: 33vw;
position: absolute;
left: calc(50% - 0vw);
border-radius: 0.5vw;
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex .obaut_page_cont_flex_img2 {
max-width: unset;
position: absolute;
top: 29vw;
height: 30vw;
display: flex;
justify-content: flex-end;
align-items: center;
left: 0;
width: 100%;
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex .obaut_page_cont_flex_img2 img {
width: 43%;
max-width: 33vw;
position: absolute;
left: calc(50% - 33.13vw);
border-radius: 0.5vw;
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex_bottom {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex_bottom .obaut_page_cont_flex_bottom_img {
max-width: 12vw;
width: 100%;
position: relative
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex_bottom .obaut_page_cont_flex_bottom_img img {
width: 100%;
display: block;
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex_bottom .obaut_page_cont_flex_bottom_text {
max-width: 48vw;
margin-left: 5vw
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex_bottom .obaut_page_cont_flex_bottom_text h4 {
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 1.35vw;
line-height: 1.25vw;
text-transform: uppercase;
color: #222;
margin-bottom: 0.47vw
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex_bottom .obaut_page_cont_flex_bottom_text span {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.94vw;
line-height: 1.41vw;
color: #939393
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex_bottom .obaut_page_cont_flex_bottom_text .text_p {
margin-top: 3vw;
position: relative;
margin-bottom: 3vw;
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex_bottom .obaut_page_cont_flex_bottom_text .text_p:before {
content: url('../../img_blue/quote 1.svg');
position: absolute;
top: -1.3vw;
left: 0
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex_bottom .obaut_page_cont_flex_bottom_text .text_p p {
font-family: Circe;
font-style: normal;
font-weight: 350;
margin-bottom: 1.25vw;
font-size: 0.94vw;
line-height: 1.46vw;
color: #222
}
.obaut_page .obaut_page_cont .obaut_page_cont_flex_bottom .obaut_page_cont_flex_bottom_text .text_p p:nth-child(2) {
margin-bottom: 0
}
.contact {
margin-bottom: 4vw;
}
.contact h1, .contact h2 {
font-size: 1.9vw!important;
margin-bottom: 1.5vw!important;
}
.contact iframe {
width: 100%!important;
height: 29.01vw!important
}
.contact .contact_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto
}
.contact .contact_cont .contact_cont_button {
width: 100%;
display: none;
justify-content: flex-start;
align-items: center;
border-bottom: 0.05vw solid #f0f0f0;
margin-bottom: 1.61vw
}
.contact .contact_cont .contact_cont_button button {
font-family: Circe;
font-style: normal;
border: unset;
font-weight: 700;
font-size: 0.89vw;
line-height: 1.3vw;
padding-bottom: 0.68vw;
background: unset;
border-bottom: 0.16vw solid transparent;
color: #222
}
.contact .contact_cont .contact_cont_button .is_activ {
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.89vw;
line-height: 1.3vw;
border-bottom: 0.16vw solid #0066b0;
color: #0066b0;
position: relative
}
.contact .contact_cont .contact_cont_button .is_activ:before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -1.2vw;
border: 0.63vw solid transparent;
border-top: 0.52vw solid #0066b0
}
.contact .contact_cont .contact_cont_flex {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text {
display: flex;
max-width: 16.98vw;
width: 100%;
margin-right: 1.25vw;
flex-direction: column;
align-items: flex-start
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text h1 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 2vw;
line-height: 1.3;
text-transform: uppercase;
margin-bottom: 1.5vw;
color: #222
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text p:nth-child(2) {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
line-height: 1.3vw;
color: #939393;
white-space: nowrap;
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text .first_num {
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 1.67vw;
line-height: 1.98vw;
color: #222;
margin-bottom: 0.78vw;
margin-top: 0.21vw
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text .contact_email {
position: relative;
padding-left: 1.8vw;
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 1.4vw;
line-height: 1.2;
color: #0066b0
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text .contact_email:before {
content: "";
position: absolute;
left: 0;
top: 0.2vw;
background-image: url('../../img_blue/email 1 (2).svg');
background-size: 1.1vw;
width: 1.1vw;
height: 1.1vw;
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text .adres {
margin-top: 1.4vw;
margin-bottom: 0vw;
display: flex;
justify-content: flex-start;
align-items: center
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text .adres img {
width: 1.2vw;
margin-right: 0.78vw
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text .adres .text {
padding-left: 0.78vw;
border-left: 0.05vw solid #222
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text .adres .text span {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
line-height: 1.3vw;
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text .adres .text p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
margin-top: 0.26vw;
line-height: 1.25vw;
color: #222
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text .adres .text p:first-child {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
line-height: 1.3vw;
color: #939393;
white-space: nowrap;
}
.contact .contact_cont .contact_cont_flex .sheme_text {
border-left: 0.05vw solid #222;
padding-left: 0.78vw;
margin-left: 2vw;
margin-bottom: 1vw;
position: relative;
}
.contact .contact_cont .contact_cont_flex .sheme_text::before {
content: "";
position: absolute;
left: -2vw;
top: 1.7vw;
background-image: url(../../img_blue/propusk.png);
background-position: center;
background-size: 1.4vw;
width: 1.4vw;
height: 1.5vw;
}
.contact .contact_cont .contact_cont_flex .sheme_text .geo {
margin-top: 0.2vw;
font-size: 0.89vw;
color: #939393;
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text h4 {
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 1.04vw;
line-height: 1.25vw;
text-transform: uppercase;
color: #222;
border-bottom: 0.2vw solid #0066b0;
margin-bottom: 0.94vw
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text p:nth-child(8) {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
line-height: 1.3vw;
color: #939393
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text .contact_cont_flex_img, .contact .contact_cont .contact_cont_flex .contact_cont_flex_text .contact_cont_flex_img:before {
display: none
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text .contact_cont_flex_img .img_text {
margin-top: 0;
margin-bottom: 1.25vw
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text h5 {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.94vw;
line-height: 1.41vw;
color: #939393;
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text .last_num {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 1.2vw;
line-height: 1.4;
color: #222;
display: block;
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text .print {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
margin-top: 1.09vw;
color: #0066b0;
padding-left: 1.46vw;
position: relative;
white-space: nowrap;
padding-left: 4vw;
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_text .print:before {
content: "";
background-image: url('../../img_blue/printing 1 (1).svg');
background-repeat: no-repeat;
background-position: 2vw center;
background-size: 1.4vw;
opacity: 1;
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_img {
max-width: 44.01vw;
width: 100%;
position: relative
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_img:before {
content: url('../../img_blue/Group 13.svg');
left: -7.03vw;
bottom: 9.64vw;
position: absolute
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_img .img_map, .contact .contact_cont .contact_cont_flex .contact_cont_flex_img .img_map2 {
border: 0.1vw solid #222222;
border-radius: 0.5vw;
overflow: hidden;
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_img img {
width: 100%;
display: block;
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_img .img_text {
width: 100%;
display: flex;
margin-top: 1.25vw;
justify-content: flex-end;
cursor: pointer;
align-items: center
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_img .img_text span {
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.89vw;
line-height: 1.3vw;
position: relative;
padding-left: 0.68vw
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_img .img_text p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
line-height: 1.3vw;
padding-left: 1.15vw;
margin-left: 1.15vw;
border-left: 0.05vw solid #939393;
color: #939393;
position: relative
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_img .img_text p:before {
left: unset!important;
right: -0.68vw!important
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_img .img_text .active {
color: #0066b0
}
.contact .contact_cont .contact_cont_flex .contact_cont_flex_img .img_text .active:before {
content: url('../../img_blue/Ellipse 196.svg');
top: -0.1vw;
position: absolute;
left: 0
}

/*.contact .contact_cont .contact_cont_flex2 {
margin-top: 3.85vw
}*/

.contact .contact_cont .contact_cont_flex2 .contact_cont_flex_text {
margin-right: 0;
/*	margin-left: 1.25vw*/
}
.contact .contact_cont .contact_cont_flex2 .contact_cont_flex_img:before {
content: "";
left: unset;
left: -4.3vw;
bottom: 15.9vw;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
background-image: url('../../img_blue/Group 14.svg');
background-size: 100%;
width: 4.4vw;
height: 3vw;
}
.contact .contact_cont .contact_cont_flex2 .contact_cont_flex_img .img_text {
justify-content: flex-start
}
.map_sc iframe {
height: 40vw;
}
.form-popup {
max-width: 59.01vw;
margin-right: auto;
margin-left: auto;
position: relative;
}
.callback_block {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .9);
justify-content: center;
align-items: center
}
.callback_block .callback_cont {
max-width: 59.01vw;
width: 100%;
display: flex;
justify-content: flex-start;
position: relative;
height: 100%;
max-height: 35.73vw;
border-radius: 0.5vw;
overflow: hidden;
}
.callback_block .callback_cont .clous_call_back {
position: absolute;
right: 1.3vw;
top: 1.46vw;
border: unset;
background: unset
}
.callback_block .callback_cont .clous_call_back span {
width: 0.68vw;
height: 0.08vw;
background: #222;
border-radius: 0.21vw;
position: absolute;
left: 0;
top: 0;
transform: rotate(45deg)
}
.callback_block .callback_cont .clous_call_back span:nth-child(2) {
left: unset;
right: 0;
transform: rotate(-45deg)
}
.callback_block .callback_cont .callback_cont_img {
display: flex;
height: 35.73vw;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
border: 0.05vw solid #fff;
max-width: 30.31vw;
width: 100%;
padding: 3.65vw;
background-image: url(../../img_blue/form2_bg.jpg);
background-size: cover;
background-position: center;
border-radius: 0.5vw 0vw 0vw 0.5vw;
}
.callback_block .callback_cont .callback_cont_img p:first-child {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.83vw;
line-height: 1.25vw;
color: #fff
}
.callback_block .callback_cont .callback_cont_img .first_num {
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 1.67vw;
line-height: 1.98vw;
color: #fff;
margin-bottom: 0.78vw;
margin-top: 0.21vw
}
.callback_block .callback_cont .callback_cont_img a:nth-child(3) {
position: relative;
padding-left: 1.3vw;
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
color: #0066b0
}
.callback_block .callback_cont .callback_cont_img a:nth-child(3):before {
content: url("../../img_blue/email 1 (2).svg");
position: absolute;
left: 0;
top: 0
}
.callback_block .callback_cont .callback_cont_img .adres {
margin-top: 1.09vw;
margin-bottom: 2.5vw;
display: flex;
justify-content: flex-start;
align-items: center
}
.callback_block .callback_cont .callback_cont_form, .callback_block .callback_cont .callback_cont_form form {
display: -webkit-box;
display: -moz-box
}
.callback_block .callback_cont .callback_cont_img .adres img {
margin-right: 0.78vw
}
.callback_block .callback_cont .callback_cont_img .adres .text {
padding-left: 0.78vw;
border-left: 0.05vw solid #fff
}
.callback_block .callback_cont .callback_cont_img .adres .text span {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
line-height: 1.3vw;
color: #939393
}
.callback_block .callback_cont .callback_cont_img .adres .text p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
margin-top: 0.26vw;
line-height: 1.25vw;
color: #fff
}
.callback_block .callback_cont .callback_cont_form {
padding: 2.5vw 3.65vw 3.33vw;
background: #fff;
display: flex;
height: 35.73vw;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.callback_block .callback_cont .callback_cont_form::-webkit-scrollbar {
width: 0
}
.callback_block .callback_cont .callback_cont_form h2 {
font-family: Rubik;
margin-bottom: 0.89vw;
font-style: normal;
font-weight: 500;
font-size: 2.19vw;
line-height: 2.6vw;
text-transform: uppercase;
color: #222
}
.callback_block .callback_cont .callback_cont_form p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.94vw;
line-height: 1.35vw;
margin-bottom: 2vw;
}
.callback_block .callback_cont .callback_cont_form form {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
max-width: 21.41vw;
width: 100%
}
.callback_block .callback_cont .callback_cont_form form>div {
width: 100%
}
.callback_block .callback_cont .callback_cont_form form input[type=text], .callback_block .callback_cont .callback_cont_form form textarea {
width: 100%;
background: #fafafa;
border: 0.05vw solid #ebebeb;
box-sizing: border-box;
border-radius: 0.21vw;
height: 2.92vw;
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
line-height: 1.25vw;
padding: 0 1.15vw;
margin-bottom: 0.78vw
}
.callback_block .callback_cont .callback_cont_form form input[type=text]::-webkit-input-placeholder, .callback_block .callback_cont .callback_cont_form form textarea::-webkit-input-placeholder {
color: #aaa
}
.callback_block .callback_cont .callback_cont_form form input[type=text]:-moz-placeholder, .callback_block .callback_cont .callback_cont_form form input[type=text]::-moz-placeholder, .callback_block .callback_cont .callback_cont_form form textarea:-moz-placeholder, .callback_block .callback_cont .callback_cont_form form textarea::-moz-placeholder {
color: #aaa
}
.callback_block .callback_cont .callback_cont_form form input[type=text]:-ms-input-placeholder, .callback_block .callback_cont .callback_cont_form form input[type=text]::-ms-input-placeholder, .callback_block .callback_cont .callback_cont_form form textarea:-ms-input-placeholder, .callback_block .callback_cont .callback_cont_form form textarea::-ms-input-placeholder {
color: #aaa
}
.callback_block .callback_cont .callback_cont_form form input[type=text]::placeholder, .callback_block .callback_cont .callback_cont_form form textarea::placeholder {
color: #aaa
}
.callback_block .callback_cont .callback_cont_form form textarea {
height: 6.15vw;
resize: none;
margin-bottom: 1.35vw;
padding-top: 0.78vw
}
.callback_block .callback_cont .callback_cont_form form input[type=submit] {
max-width: 12.92vw;
width: 100%;
cursor: pointer;
background: #0066b0;
box-shadow: 0.42vw 0.42vw 1.3vw rgba(57, 171, 60, .3);
border-radius: 0.21vw;
border: 0.05vw solid #0066b0;
height: 2.92vw;
font-family: Circe;
font-style: normal;
font-weight: 800;
font-size: 0.73vw;
line-height: 1.09vw;
letter-spacing: .05em;
text-transform: uppercase;
color: #fff;
transition: all .2s
}
.callback_block .callback_cont .callback_cont_form form input[type=submit]:hover {
background: 0 0;
color: #222
}
.callback_block .callback_cont .callback_cont_form form p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.89vw;
line-height: 1.25vw;
max-width: 21.3vw;
color: #222
}
.callback_block .callback_cont .callback_cont_form form p a {
text-decoration: underline;
font-weight: 600;
margin-left: 0.26vw
}
img.mfp-img {
border-radius: 1vw;
max-height: 90vh!important;
padding: 0!important;
}
.storage-mfp .mfp-arrow-left {
background-image: url('../../img_blue/arr1.svg')!important;
background-size: 2vw!important;
background-position: center!important;
transition: all .2s
}
.storage-mfp .mfp-arrow-right {
background-image: url('../../img_blue/arr1.svg')!important;
background-size: 2vw!important;
background-position: center!important;
transition: all .2s;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.mfp-close {
background-color: rgb(255 255 255)!important;
color: #000!important;
font-weight: 400!important;
font-family: Circe, sans-serif!important;
transition: all .2s;
top: 0.5vw!important;
left: auto!important;
right: 0.5vw!important;
width: 2vw!important;
height: 2vw!important;
font-size: 2.5vw!important;
line-height: 2.5vw!important;
border-radius: 100%!important;
opacity: 0.8!important;
}
.mfp-close:hover {
opacity: 1;
}

/*.mfp-gallery .mfp-close {
top: 3vw!important;
}*/

.storage-mfp .mfp-close {
top: 3.5vw!important;
}
.storage-mfp .mfp-container {
display: grid;
align-items: center;
justify-content: center;
}
.storage-mfp .mfp-content {
grid-column: 2;
grid-row: 1;
}
.storage-mfp .mfp-arrow-left {
grid-column: 1;
grid-row: 1;
margin: 0!important;
position: static!important;
width: 3vw!important;
height: 5vw!important;
}
.storage-mfp .mfp-arrow-right {
grid-column: 3;
grid-row: 1;
margin: 0!important;
position: static!important;
width: 3vw!important;
height: 5vw!important;
}
.form-popup2 {
max-width: 1px;
margin-right: auto;
margin-left: auto;
position: relative;
}
.form-popup2 .mfp-close {
right: -10.5vw!important;
}
#prce-popup.form-popup2 .mfp-close {
right: -24vw!important;
}
.form-popup2 .mfp-close:active, .video-popup .mfp-close:active {
top: -2.5vw;
}
#order5-popup.form-popup2 .mfp-close {
right: -14vw!important;
}
#calculator-popup .mfp-close {
right: -23.5vw!important;
}
.callback2_block {
background-color: #fff;
padding: 2vw;
border-radius: 1.25vw;
font-family: Circe;
text-align: center;
width: 22vw;
margin-left: -11vw;
}
.callback2_block .calcs_block {
display: flex;
}
.callback2_block .calcs_block .calc_block {}
.calculator_popup_block {
background-color: #fff;
padding: 2vw;
border-radius: 1.25vw;
font-family: Circe;
text-align: center;
width: 48vw;
margin-left: -24vw;
}
.calculator_popup_block .calcs_block {
display: flex;
flex-wrap: wrap;
}
.calculator_popup_block .calcs_block .calc_block {
width: 20%;
padding: 0.5vw;
}
.calculator_popup_block .calcs_block .calc_block .img {
width: 100%;
height: 14vh;
min-height: 2vw;
margin-bottom: 0.5vw;
}
.calculator_popup_block .calcs_block .calc_block .img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.calculator_popup_block .calcs_block .calc_block .title {
font-size: 0.9vw;
line-height: 1.1;
}
.callback2_block.callback_prce {
width: 49vw;
padding-right: 29vw;
margin-left: -24.5vw;
position: relative;
}
.callback2_block.callback_prce:before {
content: "";
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
width: 25vw;
background-color: #0066b0;
-webkit-border-radius: 2vw 1.25vw 1.25vw 2vw;
border-radius: 2vw 1.25vw 1.25vw 2vw;
}
.callback2_block.callback_prce:after {
background-size: contain;
content: "";
position: absolute;
right: -13vw;
top: 0vw;
bottom: -1vw;
width: 40vw;
background-image: url(../../images/offer_bg.png);
background-repeat: no-repeat;
}
.callback2_block h2 {
font-size: 1.4vw;
line-height: 1.1;
margin-bottom: 0.5vw;
}
.callback2_block p {
font-size: 0.88vw;
line-height: 1.3;
font-weight: 300;
margin-bottom: 1.2vw;
}
.callback2_block a {
color: #0066b0;
}
.callback2_block a:hover {
text-decoration: underline;
}
.callback2_block .st2 {
font-size: 0.8vw;
font-weight: 400;
margin-bottom: 0.8vw;
}
.callback2_block .st3 {
font-size: 0.8vw;
font-weight: 300;
margin-bottom: 0vw;
}
.callback2_block .intext_block {
margin-bottom: 0.8vw;
}
.callback2_block .intext_block .intext {
width: 100%;
font-weight: 300;
}
.callback2_block .intext_block .input_name {
background-image: url(../../images/user_name_ico.svg);
background-repeat: no-repeat;
background-position: 0.9vw center;
padding-left: 2.5vw;
}
.callback2_block .intext_block .input_phone {
background-image: url(../../images/phone2_ico.svg);
background-repeat: no-repeat;
background-position: 0.9vw center;
padding-left: 2.5vw;
}
.callback2_block .select_messager {
padding: 0.6vw;
border: 1px solid #D8D8D8;
background-color: #fff;
font-size: 0.8vw;
font-weight: 400;
color: #222;
display: flex;
justify-content: space-between;
margin-bottom: 0.8vw;
cursor: pointer;
-webkit-border-radius: 0.31vw;
border-radius: 0.31vw;
}
.callback2_block .select_messager .messager {
width: 25%;
padding: 3vw 0.5vw 0.5vw 0.5vw;
background-position: center 0.5vw;
background-repeat: no-repeat;
-webkit-border-radius: 0.3vw;
border-radius: 0.3vw;
}
.callback2_block .select_messager .messager:hover, .callback2_block .select_messager .messager.active {
background-color: #F2F2F2;
}
.callback2_block .select_messager .whatsapp {
background-image: url(../../images/whatsapp.svg);
}
.callback2_block .select_messager .viber {
background-image: url(../../images/viber.svg);
}
.callback2_block .select_messager .telegram {
background-image: url(../../images/telegram.svg);
}
.callback2_block .select_messager .email {
background-image: url(../../images/email.svg);
}
.callback2_block .button2 {
width: 100%;
white-space: normal;
padding: 1.3vw 0vw;
margin-bottom: 1vw;
}
.callback3_block {
background-color: #fff;
padding: 2.5vw 2vw 2vw 2vw;
border-radius: 1.25vw;
font-family: Circe;
text-align: center;
width: 26vw;
margin-left: -11vw;
}
.callback3_block h2 {
font-size: 1.4vw;
line-height: 1.1;
margin-bottom: 1.5vw;
}
.callback3_block a {
color: #0066b0;
}
.callback3_block a:hover {
text-decoration: underline;
}
.callback3_block .intext {
width: 100%;
font-weight: 300;
}
.callback3_block .file_block {
width: 100%;
}
.callback3_block .button2 {
white-space: normal;
width: 15vw;
padding: 1vw 2.5vw;
margin-bottom: 1vw;
}
.block_single {
margin: 4.17vw auto;
min-height: 46.88vw;
background-color: #F0F0F0;
}
.block_single h2 {
font-size: 2.5vw;
line-height: 1.2em;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 0.52vw;
}
.block_single p {
font-size: 1.15vw;
font-weight: 300;
margin-bottom: 1.93vw;
}
.block_single ul {
font-size: 1.15vw;
font-weight: 300;
list-style: none;
margin-bottom: 1.93vw;
}
.block_single li {
background-image: url(../../images/check.svg);
background-repeat: no-repeat;
background-position: left 0.36vw;
background-size: 0.83vw;
padding-left: 1.56vw;
margin-bottom: 0.94vw;
}
.block_single .block1 {
position: relative;
padding-left: 27.24vw;
padding-top: 4.9vw;
min-height: 26.88vw;
}
.block_single .block1 .img {
background-image: url(../../images/single_img3.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 24.9vw;
height: 30vw;
border: 0.21vw solid #FFF;
position: absolute;
top: -3.13vw;
left: 0vw;
}
.block_single .block2 {
position: relative;
z-index: 1;
padding-right: 27.24vw;
padding-top: 2.71vw;
min-height: 20.57vw;
}
.block_single .block2 .info {
background-image: url(../../images/svg_bg1.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100%;
position: absolute;
top: 12.14vw;
right: 21.3vw;
width: 24.69vw;
padding: 0.73vw 0vw 0.73vw 1.98vw;
}
.block_single .block2 .info .title {
font-size: 0.94vw;
font-weight: 500;
text-transform: uppercase;
}
.block_single .block2 .info .title .st2 {
color: #0066b0;
}
.block_single .block2 .info .st3 {
font-size: 0.89vw;
font-weight: 300;
padding-left: 1.77vw;
}
.block_single .block2 .img {
background-image: url(../../images/single_img2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-color: #FFFFFF;
width: 22.66vw;
height: 23.65vw;
border: 0.05vw solid #3dad40;
position: absolute;
top: 0vw;
right: 0vw;
z-index: 1;
display: none;
}
.block_single .block2.startscroll .img {
display: block;
}
.block_single .block2 ul {
display: none;
}
.block_single .block2.startscroll ul {
display: block;
}
.block_single .block2 .button {
width: 15.63vw;
margin-top: 0.89vw;
}
.block_video {
color: #fff;
position: relative;
/*margin: 4.17vw auto;*/
min-height: 50vw;
}
.block_video .bg_img {
position: absolute;
top: 0vw;
left: 0vw;
width: 100%;
height: 35.68vw;
background-image: url(../../images/video_bg.png);
background-repeat: repeat-x;
background-position: calc(50% + 7.29vw) -2.6vw;
background-color: #222222;
background-size: 85.3%;
}
.block_video .block1 {
padding-top: 4.69vw;
width: 44.01vw;
}
.block_video .block1 h2 {
font-size: 2.5vw;
line-height: 1.2em;
font-weight: 400;
text-transform: uppercase;
width: 41.15vw;
margin-bottom: 2.86vw;
}
.block_video .block1 .video_block {
position: relative;
height: 31.25vw;
width: 44.53vw;
border: 0.26vw solid #FFFFFF;
overflow: hidden;
}
.block_video .block1 .video_block .video_play {
position: absolute;
top: 0vw;
left: 0vw;
width: 100%;
height: 100%;
background-image: url(../../images/video_img.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: pointer;
opacity: 1;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
}
.block_video .block1 .video_block.play .video_play {
opacity: 0;
}
.block_video .block1 .video_block .video_play.load .but {
-webkit-animation: video_load 1s infinite linear;
animation: video_load 1s infinite linear;
}
@-webkit-keyframes video_load {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes video_load {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.block_video .block1 .video_block .video_play .but {
position: absolute;
top: 50%;
left: 50%;
margin-left: -2.4vw;
margin-top: -2.4vw;
width: 4.79vw;
height: 4.79vw;
background-color: #fff;
padding: 1.51vw 1.88vw;
-webkit-border-radius: 4.79vw;
border-radius: 4.79vw;
-webkit-transition: background 0.2s ease;
transition: background 0.2s ease;
}
.block_video .block1 .video_block:hover .video_play .but {
background-color: #0066b0;
}
.block_video .block1 .video_block .video_play .but svg {
width: 1.61vw;
height: 1.77vw;
}
.block_video .block1 .video_block .video_play .but .vplay {
fill: #0066b0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_video .block1 .video_block:hover .video_play .but .vplay {
fill: #fff;
}

/*.block_video .block1 .video_block .video {
width: 100%;
height: 100%;
display: none;
}
.block_video .block1 .video_block.play .video {
display: block;
}*/

.block_video .block1 .video_block .video iframe {
width: 100%;
height: 100%;
}
.block_video .block2 {
background-image: url(../../images/video_i.svg);
background-repeat: no-repeat;
position: absolute;
top: 15.63vw;
right: 0vw;
width: 22.4vw;
padding-left: 3.39vw;
padding-top: 1.82vw;
}
.block_video .block2 p {
font-size: 1.15vw;
font-weight: 400;
margin-bottom: 15.63vw;
}
.block_video .block2 .button {
width: 100%;
}
.block_complectation {
position: relative;
min-height: 62.24vw;
padding-top: 4vw;
}
.block_complectation h2 {
font-size: 2.5vw;
line-height: 1.2em;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 0.89vw;
}
.block_complectation p {
font-size: 1.15vw;
font-weight: 300;
margin-right: 8vw;
margin-bottom: 2vw;
}
.block_complectation .bg_img {
background-image: url(../../images/compl_bg1.jpg);
background-repeat: no-repeat;
background-position: calc(50% + 21.09vw) -0.52vw;
background-size: 34.64vw;
position: absolute;
top: 0vw;
left: 0vw;
width: 100%;
height: 100%;
}
.block_complectation .block1 {
padding-top: 1.04vw;
position: relative;
}
.block_complectation .block1 h3 {
background-image: url(../../images/compl_svg_bg1.svg);
background-repeat: no-repeat;
background-size: auto 100%;
font-size: 1.15vw;
line-height: 1.5;
font-weight: 500;
text-transform: uppercase;
padding: 0.89vw 1.56vw;
margin-bottom: 1.56vw;
}
.block_complectation .block1 ul {
list-style: none;
}
.block_complectation .block1 ul li {
background-image: url(../../images/check2.svg);
background-repeat: no-repeat;
background-position: left 0.21vw;
background-size: 0.83vw;
padding-left: 1.56vw;
font-size: 0.89vw;
font-weight: 300;
margin-bottom: 1.04vw;
width: 21.41vw;
}
.block_complectation .block1 ul li.item4 {
position: absolute;
left: 23.44vw;
top: 6.09vw;
}
.block_complectation .block1 ul li.item5 {
position: absolute;
left: 23.44vw;
top: 9.9vw;
}
.block_complectation .block1 ul li .title {
font-size: 0.94vw;
font-weight: 700;
}
.block_complectation .block2 {
background-image: url(../../images/compl_bg2.jpg);
background-repeat: no-repeat;
background-position: left top;
background-size: 28.65vw;
padding-top: 1.04vw;
position: relative;
padding-left: 23.44vw;
padding-top: 7.29vw;
padding-bottom: 5.21vw;
}
.block_complectation .block2 h3 {
background-image: url(../../images/compl_svg_bg2.svg);
background-repeat: no-repeat;
background-size: auto 100%;
font-size: 1.15vw;
line-height: 1.5;
font-weight: 500;
color: #FFF;
text-transform: uppercase;
padding: 0.89vw 1.56vw;
margin-bottom: 1.56vw;
}
.block_complectation .block2 ul {
list-style: none;
}
.block_complectation .block2 ul li {
background-image: url(../../images/check.svg);
background-repeat: no-repeat;
background-position: left 0.21vw;
background-size: 0.83vw;
padding-left: 1.56vw;
font-size: 0.89vw;
font-weight: 300;
margin-bottom: 1.04vw;
width: 21.41vw;
}
.block_complectation .block2 ul li.item4 {
position: absolute;
left: 45.31vw;
top: 12.34vw;
}
.block_complectation .block2 ul li.item5 {
position: absolute;
left: 45.31vw;
top: 17.4vw;
}
.block_complectation .block2 ul li.item6 {
position: absolute;
left: 45.31vw;
top: 22.45vw;
}
.block_complectation .block2 ul li .title {
font-size: 0.94vw;
font-weight: 700;
}
.block_tests {
padding: 4.17vw 0vw;
background-color: #F0F0F0;
}
.block_tests h2 {
font-size: 2.5vw;
line-height: 1.2em;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 0.89vw;
}
.block_tests p {
font-size: 1.15vw;
font-weight: 300;
margin-bottom: 1.93vw;
}
.block_tests .table_block table {}
.block_tests .table_block table th {
border-bottom: 0.1vw solid #0066b0;
padding: 0.52vw 0vw;
vertical-align: middle;
}
.block_tests .table_block table .th1 {
font-size: 0.83vw;
font-weight: 500;
text-align: left;
text-transform: uppercase;
}
.block_tests .table_block table .th2 {
font-size: 0.94vw;
font-weight: 700;
text-align: center;
background-color: #D5E6D5;
width: 11.35vw;
}
.block_tests .table_block table .th3 {
width: 1.25vw;
}
.block_tests .table_block table .th4 {
font-size: 0.94vw;
line-height: 1.04em;
font-weight: 700;
text-align: center;
color: #FFF;
background: #0066b0;
width: 11.35vw;
}
.block_tests .table_block table td {
padding: 0.78vw 1.3vw;
vertical-align: top;
font-size: 0.94vw;
font-weight: 400;
text-align: left;
}
.block_tests .table_block table td.even {
background-color: #E8E8E8;
}
.block_tests .table_block table .td4 {
padding-right: 0vw;
padding-top: 0vw;
}
.block_tests .table_block table td .st3 {
background-image: url(../../images/inf.svg);
background-repeat: no-repeat;
background-position: left 0.21vw;
background-size: 0.78vw;
font-size: 0.83vw;
font-weight: 300;
line-height: 1.15em;
padding-left: 1.35vw;
display: inline-block;
}
.block_tests .table_block table td .st3 b {
font-weight: 400;
}
.block_tests .table_block table td .st4 {
background-image: url(../../images/svg_bg7.svg);
background-repeat: no-repeat;
background-size: cover;
float: right;
padding: 0.57vw 1.3vw;
font-family: 'Rubik', sans-serif;
font-size: 0.83vw;
font-weight: 500;
text-transform: uppercase;
}
.block_tests .table_block table .td2 {
padding: 0.78vw 0.78vw;
background: #FFF;
text-align: center;
font-size: 1.04vw;
font-weight: 700;
}
.block_tests .table_block table .td2.even {
background: #F7F7F7;
}
.block_tests .table_block table .td2 .st2 {
font-size: 0.83vw;
font-weight: 400;
line-height: 1.15em;
}
.block_tests .table_block table .td3 {
width: 1.25vw;
padding: 0;
}
.block_tests .table_block table .pr1 {
border-top: 0.1vw solid #F0F0F0;
font-family: 'Rubik', sans-serif;
font-size: 1.15vw;
font-weight: 500;
padding: 0.99vw 0.78vw;
}
.block_tests .table_block table .pr2 {
border-top: 0.1vw solid #F0F0F0;
font-family: 'Rubik', sans-serif;
font-size: 1.15vw;
font-weight: 500;
color: #0066b0;
padding: 0.99vw 0.78vw;
}
.hover_info {
position: relative;
display: inline-block;
font-size: 0.83vw;
line-height: 1em;
font-weight: 600;
color: #0066b0;
border-bottom: 0.05vw solid #0066b0;
cursor: pointer;
}
.hover_info .info {
position: absolute;
left: 0vw;
top: calc(100% + 1.04vw);
color: #222;
font-weight: 400;
background-color: #FFF;
padding: 0.83vw 1.04vw 0.21vw 1.04vw;
width: 19.27vw;
-webkit-box-shadow: 0.42vw 0.42vw 1.3vw rgba(0, 0, 0, 0.07);
box-shadow: 0.42vw 0.42vw 1.3vw rgba(0, 0, 0, 0.07);
z-index: 1;
display: none;
}
.hover_info .info:before {
content: "";
border-bottom: 0.36vw solid #FFF;
border-left: 0.36vw solid #FFF;
border-top: 0.36vw solid transparent;
border-right: 0.36vw solid transparent;
position: absolute;
left: 0vw;
top: -0.73vw;
}
.hover_info:hover .info {
display: block;
}
.hover_info .info ul {
list-style: none;
}
.hover_info .info ul li {
background-image: url(../../images/check.svg);
background-repeat: no-repeat;
background-position: left 0.1vw;
background-size: 0.83vw;
font-size: 0.83vw;
line-height: 1.15em;
padding-left: 1.56vw;
margin-bottom: 0.63vw;
}
.block_video2 {
position: relative;
min-height: 26.93vw;
margin-bottom: 4vw;
}
.block_video2 h2 {
font-size: 2.5vw;
line-height: 1.2em;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 0.89vw;
}
.block_video2 p {
font-size: 1.15vw;
font-weight: 300;
margin-bottom: 1.93vw;
}
.block_video2 .bg_img {
position: absolute;
top: 0vw;
left: 0vw;
width: 100%;
height: 21.35vw;
background-color: #F0F0F0;
}
.block_video2 .block1 {
width: 38.39vw;
display: none;
}
.block_video2.startscroll .block1 {
display: block;
}
.block_video2 .block1 h2 {
font-size: 2.5vw;
line-height: 1.2em;
font-weight: 400;
text-transform: uppercase;
width: 31.77vw;
margin-bottom: 2.86vw;
}
.block_video2 .block1 .video_block {
position: relative;
height: 26.93vw;
width: 100%;
border: 0.26vw solid #FFFFFF;
}
.block_video2 .block1 .video_block .video_play {
position: absolute;
top: 0vw;
left: 0vw;
width: 100%;
height: 100%;
background-image: url(../../images/video2_img.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: pointer;
opacity: 1;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
}
.block_video2 .block1 .video_block.play .video_play {
opacity: 0;
}
.block_video2 .block1 .video_block .video_play.load .but {
-webkit-animation: video_load 1s infinite linear;
animation: video_load 1s infinite linear;
}
@-webkit-keyframes video_load {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes video_load {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.block_video2 .block1 .video_block .video_play .but {
position: absolute;
top: 50%;
left: 50%;
margin-left: -2.4vw;
margin-top: -2.4vw;
width: 4.79vw;
height: 4.79vw;
background-color: #fff;
padding: 1.51vw 1.88vw;
-webkit-border-radius: 4.79vw;
border-radius: 4.79vw;
-webkit-transition: background 0.2s ease;
transition: background 0.2s ease;
}
.block_video2 .block1 .video_block:hover .video_play .but {
background-color: #0066b0;
}
.block_video2 .block1 .video_block .video_play .but svg {
width: 1.61vw;
height: 1.77vw;
}
.block_video2 .block1 .video_block .video_play .but .vplay {
fill: #0066b0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_video2 .block1 .video_block:hover .video_play .but .vplay {
fill: #fff;
}
.block_video2 .block1 .video_block .video iframe {
width: 100%;
height: 100%;
}
.block_video2 .block2 {
position: absolute;
top: 0vw;
right: 0vw;
width: 27.6vw;
padding-left: 3.39vw;
}
.block_video2 .block2 h2 .gr {
display: inline-block;
}
.block_video2 .block2 h2 .gr:before {
bottom: 0.89vw;
}
.block_video2 .block2 p {
font-weight: 400;
margin-bottom: 5.63vw;
}
.block_video2 .block2 .button {
width: 18.23vw;
}
.block_sertificates {
position: relative;
padding: 4.17vw 0vw 2.08vw 0vw;
min-height: 40.1vw;
background-color: #F0F0F0;
}
.block_sertificates h2 {
margin-bottom: 0.89vw;
}
.block_sertificates p {
font-size: 1.15vw;
font-weight: 300;
margin-bottom: 1.93vw;
}
.block_sertificates .block1 {
text-align: center;
opacity: 0;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
}
.block_sertificates .block1.scrolled {
opacity: 1;
}
.block_sertificates .items {
position: relative;
height: 18.49vw;
}
.block_sertificates .items .item {
width: auto;
height: auto;
position: absolute;
opacity: 0;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
}
.block_sertificates .items .item.scrolled {
opacity: 1;
}
.block_sertificates .items .item .title {
position: absolute;
font-size: 0.93vw;
font-weight: 500;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
display: none;
}
.block_sertificates .items .item.startscroll .title {
display: block;
}
.block_sertificates .items .item:hover .title {
color: #0066b0;
}
.block_sertificates .items .item .title:before {
content: "";
position: absolute;
left: 0vw;
top: 0vw;
width: 100%;
height: 100%;
background-image: url(../../images/svg_bg4.svg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: cover;
}
.block_sertificates .items .item .title span {
display: block;
position: relative;
padding: 0.52vw 1.56vw 0.52vw 0.83vw;
}
.block_sertificates .items .item .img {
position: relative;
background-repeat: no-repeat;
background-position: center;
padding-bottom: 1.82vw;
display: none;
}
.block_sertificates .items .item.startscroll .img {
display: inline-block;
}
.block_sertificates .items .item .img:before {
content: "";
background-image: url(../../images/shadow1.png);
background-repeat: no-repeat;
background-size: 100%;
width: 11.04vw;
height: 4.69vw;
position: absolute;
bottom: 0vw;
left: 50%;
margin-left: -5.52vw;
}
.block_sertificates .items .item .img a {
display: block;
position: relative;
height: 14.22vw;
width: 10.05vw;
border: 0.21vw solid #fff;
background-repeat: no-repeat;
background-position: center;
}
.block_sertificates .items .item1 {
left: 0vw;
top: 0vw;
}
.block_sertificates .items .item1 .title {
width: 16.56vw;
left: 21.15vw;
top: 0vw;
}
.block_sertificates .items .item1 .img1 {
margin-right: 1.04vw;
}
.block_sertificates .items .item1 .img1 a {
background-image: url(../../images/sertificat_prev1.jpg);
background-size: cover;
}
.block_sertificates .items .item1_1 {
left: 11.09vw;
top: 0vw;
}
.block_sertificates .items .item1_1 .title {
display: none!important;
}
.block_sertificates .items .item1_1 .img1 a {
background-image: url(../../images/sertificat_prev2.jpg);
background-size: cover;
}
.block_sertificates .items .item2 {
right: 0vw;
top: 2.08vw;
}
.block_sertificates .items .item2 .title {
width: 16.67vw;
right: 10.05vw;
top: 0vw;
}
.block_sertificates .items .item2 .title:before {
background-image: url(../../images/svg_bg5.svg);
background-position: left bottom;
}
.block_sertificates .items .item2 .title span {
padding: 0.57vw 0.83vw 0.57vw 1.56vw;
}
.block_sertificates .items .item2 .img1 a {
background-image: url(../../images/sertificat_prev5.jpg);
background-size: cover;
}
.block_sertificates .items .item3 {
right: 11.3vw;
top: 5.94vw;
}
.block_sertificates .items .item3 .title {
width: 17.76vw;
right: 10.05vw;
top: 0vw;
}
.block_sertificates .items .item3 .title:before {
background-image: url(../../images/svg_bg5.svg);
background-position: left bottom;
}
.block_sertificates .items .item3 .title span {
padding: 0.57vw 0.83vw 0.57vw 1.56vw;
}
.block_sertificates .items .item3 .img1 a {
background-image: url(../../images/sertificat_prev4.jpg);
background-size: cover;
}
.block_sertificates .list {
position: relative;
opacity: 0;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
}
.block_sertificates .list.scrolled {
opacity: 1;
}
.block_sertificates .list .wrap {
background-image: url(../../images/sertificat_bg.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 38.02vw;
padding-bottom: 2.6vw;
display: none;
}
.block_sertificates .list.startscroll .wrap {
display: block;
}
.block_sertificates .list .title {
position: absolute;
font-size: 1.25vw;
font-weight: 500;
text-transform: uppercase;
left: 28.91vw;
top: 0.42vw;
}
.block_sertificates .list ul {
list-style: none;
font-size: 1.04vw;
font-weight: 300;
}
.block_sertificates .list ul li {
background-image: url(../../images/check.svg);
background-repeat: no-repeat;
background-position: left 0.36vw;
background-size: 0.83vw;
padding-left: 1.56vw;
margin-bottom: 0.94vw;
}
.block_single_pku {
margin: 0vw auto 4.17vw auto;
min-height: 46.88vw;
background-color: #F0F0F0;
}
.block_single_pku h2 {
margin-bottom: 1vw;
}
.block_single_pku p {
font-size: 1.4vw;
line-height: 1.2;
font-weight: 300;
margin-bottom: 1.93vw;
}
.block_single_pku ul {
font-size: 1.4vw;
line-height: 1.2;
font-weight: 300;
list-style: none;
margin-bottom: 1.93vw;
}
.block_single_pku li {
background-image: url(../../images/check.svg);
background-repeat: no-repeat;
background-position: left 0.36vw;
padding-left: 1.56vw;
margin-bottom: 0.94vw;
}
.block_single_pku .block1 {
position: relative;
padding-left: 27.24vw;
padding-top: 4.9vw;
min-height: 26.88vw;
opacity: 0;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
}
.block_single_pku .block1.scrolled {
opacity: 1;
}
.block_single_pku .block1 .img {
background-image: url(../../images/single_img32.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 24.9vw;
height: 30vw;
border: 0.21vw solid #FFF;
position: absolute;
top: -3.13vw;
left: 0vw;
display: none;
}
.block_single_pku .block1.startscroll .img {
display: block;
}
.block_single_pku .block1 ul {
display: none;
}
.block_single_pku .block1.scrolled ul {
display: block;
}
.block_single_pku .block2 {
position: relative;
padding-right: 27.24vw;
padding-top: 2.71vw;
min-height: 20.57vw;
opacity: 0;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
}
.block_single_pku .block2.scrolled {
opacity: 1;
}
.block_single_pku .block2 .info {
background-image: url(../../images/svg_bg1.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
position: absolute;
top: 12.14vw;
right: 21.3vw;
width: 24.69vw;
padding: 0.73vw 0vw 0.73vw 1.98vw;
}
.block_single_pku .block2 .info {
display: none;
}
.block_single_pku .block2.startscroll .info {
display: block;
}
.block_single_pku .block2 .info .title {
font-size: 0.94vw;
font-weight: 600;
text-transform: uppercase;
}
.block_single_pku .block2 .info .title .st2 {
color: #0066b0;
}
.block_single_pku .block2 .info .st3 {
font-size: 0.96vw;
font-weight: 300;
padding-left: 1.77vw;
}
.block_single_pku .block2 .img {
background-image: url(../../images/single_img22.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-color: #FFFFFF;
width: 22.66vw;
height: 23.65vw;
border: 0.05vw solid #3dad40;
position: absolute;
top: 0vw;
right: 0vw;
display: none;
}
.block_single_pku .block2.startscroll .img {
display: block;
}
.block_single_pku .block2 ul {
display: none;
}
.block_single_pku .block2.startscroll ul {
display: block;
}
.block_single_pku .block2 .button2 {
width: 17.63vw;
margin-top: 0.89vw;
}
.block_cupboard_pku {
position: relative;
margin: 4.17vw auto;
min-height: 44.27vw;
opacity: 0;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
}
.block_cupboard_pku.scrolled {
opacity: 1;
}
.block_cupboard_pku h2 {
margin-bottom: 1vw;
}
.block_cupboard_pku p {
font-size: 1.3vw;
line-height: 1.3;
font-weight: 300;
margin-bottom: 1.93vw;
}
.block_cupboard_pku .bg_img {
position: absolute;
top: 0vw;
left: 0vw;
width: 100%;
height: 100%;
background-image: url(../../images/cupboard_img1.jpg);
background-repeat: no-repeat;
background-position: calc(50% + 19.48vw) 9.11vw;
background-size: 64.48vw auto;
display: none;
}
.block_cupboard_pku.startscroll .bg_img {
display: block;
}
.block_cupboard_pku .block1 {
width: 44.27vw;
margin-bottom: 4.17vw;
position: relative;
z-index: 1;
}
.block_cupboard_pku .block1 p {
margin-bottom: 0vw;
}
.block_cupboard_pku .block2 {
position: relative;
}
.block_cupboard_pku .block2 ul {
width: 27.08vw;
list-style: none;
}
.block_cupboard_pku .block2 ul .item {
position: relative;
margin-bottom: 2.6vw;
padding-left: 2.19vw;
opacity: 0;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
}
.block_cupboard_pku .block2 ul .item.scrolled {
opacity: 1;
}
.block_cupboard_pku .block2 ul .item:before {
content: "";
position: absolute;
left: 0vw;
top: 0.16vw;
font-size: 1.04vw;
color: #0066b0;
}
.block_cupboard_pku .block2 ul .item1:before {
content: "01";
}
.block_cupboard_pku .block2 ul .item2:before {
content: "02";
}
.block_cupboard_pku .block2 ul .item3:before {
content: "03";
}
.block_cupboard_pku .block2 ul .item4:before {
content: "04";
}
.block_cupboard_pku .block2 ul .item .title {
font-size: 1.3vw;
font-weight: 600;
margin-bottom: 0.63vw;
}
.block_cupboard_pku .block2 ul .item .desc {
font-size: 1.1vw;
font-weight: 300;
}
.block_cupboard_pku .block2 .img_animation {
background-image: url(../../images/cupboard_stroke.svg);
background-repeat: repeat-x;
background-size: 19.375vw auto;
position: absolute;
left: 32.19vw;
top: 1vw;
width: 19.38vw;
height: 28.75vw;
}
.block_production_kso {
font-family: 'Rubik', sans-serif;
position: relative;
margin: 4.17vw auto;
min-height: 74.48vw;
}
.block_production_kso h2 {
font-size: 2.29vw;
line-height: 1.2em;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 3.13vw;
}
.block_production_kso .item {
position: relative;
display: inline-block;
vertical-align: top;
padding: 1.56vw;
}
.block_production_kso .item .img {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.block_production_kso .item .img:after {
content: "";
position: absolute;
left: -1.56vw;
top: -1.56vw;
z-index: -1;
width: 100%;
height: 100%;
background-color: #F0F0F0;
}
.block_production_kso .item .title {
position: absolute;
top: 0vw;
left: 0vw;
font-size: 1.15vw;
text-transform: uppercase;
}
.block_production_kso .item .title:before {
content: "";
position: absolute;
left: -0.47vw;
top: 0vw;
width: 0.16vw;
height: 2.55vw;
background-color: #0066b0;
}
.block_production_kso .item .title span {
display: block;
padding: 0.42vw;
width: 2.76vw;
position: absolute;
background-color: #0066b0;
color: #fff;
text-align: center;
}
.block_production_kso .item .title span:after {
content: "";
position: absolute;
right: 0vw;
bottom: 0vw;
border-top: 0.31vw solid transparent;
border-left: 0.42vw solid transparent;
border-right: 0.42vw solid #fff;
border-bottom: 0.31vw solid #fff;
}
.block_production_kso .item1 .img {
width: 17.71vw;
height: 21.46vw;
background-image: url(../../images3/prodaction_img1.jpg);
}
.block_production_kso .item1 .img:after {
height: 17.08vw;
}
.block_production_kso .item1 .title {
left: 100%;
top: 2.08vw;
padding-left: 2.71vw;
width: 20.83vw;
}
.block_production_kso .item1 .title:before {
left: -1.3vw;
top: -0.52vw;
height: 3.49vw;
}
.block_production_kso .item1 .title span {
left: -0.89vw;
top: 0.42vw;
}
.block_production_kso .item2 {
margin: 11.72vw 0vw 0vw 1.2vw;
}
.block_production_kso .item2 .img {
width: 41.51vw;
height: 19.9vw;
background-image: url(../../images3/prodaction_img2.jpg);
}
.block_production_kso .item2 .img:after {
left: unset;
top: unset;
right: -1.56vw;
bottom: -1.56vw;
width: 40.63vw;
}
.block_production_kso .item2 .title {
left: 50%;
top: -5.73vw;
width: 15.63vw;
}
.block_production_kso .item2 .title:before {
left: 0.1vw;
top: 3.85vw;
height: 3.44vw;
}
.block_production_kso .item2 .title span {
left: 0.57vw;
top: 3.85vw;
}
.block_production_kso .item3 {
margin: 3.13vw 0vw 0vw 0vw;
padding-left: 0vw;
}
.block_production_kso .item3 .img {
width: 27.03vw;
height: 17.71vw;
background-image: url(../../images3/prodaction_img3.jpg);
}
.block_production_kso .item3 .img:after {
left: unset;
top: unset;
right: -1.56vw;
bottom: -1.56vw;
height: 13.54vw;
}
.block_production_kso .item3 .title {
left: 1.56vw;
top: -5.73vw;
width: 15.63vw;
}
.block_production_kso .item3 .title:before {
left: 0.1vw;
top: 3.85vw;
height: 3.44vw;
}
.block_production_kso .item3 .title span {
left: 0.57vw;
top: 3.85vw;
}
.block_production_kso .item4 {
margin: 3.13vw 0vw 0vw 3.13vw;
}
.block_production_kso .item4 .img {
width: 17.71vw;
height: 27.45vw;
background-image: url(../../images3/prodaction_img4.jpg);
}
.block_production_kso .item4 .img:after {
top: unset;
bottom: -1.56vw;
height: 23.28vw;
}
.block_production_kso .item4 .title {
left: unset;
top: unset;
right: -12.14vw;
bottom: 40%;
width: 9.38vw;
}
.block_production_kso .item4 .title:before {
left: -4.01vw;
top: 0.42vw;
height: 15.42vw;
}
.block_production_kso .item4 .title span {
left: -3.54vw;
top: 0.42vw;
}
.block_production_kso .button {
display: block;
width: 15.63vw;
margin-top: -6.77vw;
margin-left: 5.99vw;
padding: 1.35vw 1.35vw 1.3vw 1.35vw;
position: relative;
z-index: 1;
}
.block_features_kso {
font-family: 'Rubik', sans-serif;
position: relative;
padding: 4.17vw 0vw;
min-height: 161.56vw;
background-color: #F0F0F0;
}
.block_features_kso h2 {
font-size: 2.29vw;
line-height: 1.2em;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 3.13vw;
}
.block_features_kso .item {
height: 28.13vw;
padding: 13.54vw 5.63vw 0vw 33.85vw;
position: relative;
}
.block_features_kso .item .line1 {
position: absolute;
top: 0vw;
left: 0vw;
right: 0vw;
height: 1.04vw;
background-image: url(../../images3/features_line.svg);
background-repeat: no-repeat;
background-position: right top;
}
.block_features_kso .item .line2 {
position: absolute;
top: 1.25vw;
right: 0vw;
bottom: -0.1vw;
width: 1.04vw;
background-image: url(../../images3/features_line2.svg);
background-repeat: no-repeat;
background-position: right bottom;
}
.block_features_kso .item2 .line1, .block_features_kso .item4 .line1, .block_features_kso .item6 .line1 {
right: 0.83vw;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.block_features_kso .item3 .line1, .block_features_kso .item5 .line1, .block_features_kso .item7 .line1 {
left: 0.83vw;
}
.block_features_kso .item2 .line2, .block_features_kso .item4 .line2, .block_features_kso .item6 .line2 {
left: 0vw;
right: auto;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.block_features_kso .item:last-child:before {
content: "";
position: absolute;
bottom: 0vw;
left: 0vw;
right: 0.52vw;
height: 0.1vw;
background-image: url(../../images3/features_line.svg);
background-repeat: no-repeat;
background-position: 0.21vw top;
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.block_features_kso .item:after {
content: "";
position: absolute;
left: 33.85vw;
top: 7.81vw;
width: 3.75vw;
height: 3.75vw;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
border: 0.21vw solid #0066b0;
-webkit-border-radius: 2.08vw;
border-radius: 2.08vw;
}
.block_features_kso .item .num {
position: absolute;
top: 0.94vw;
left: 35vw;
font-size: 1.46vw;
font-weight: 500;
color: #DDDDDD;
}
.block_features_kso .item .num:after {
content: "";
position: absolute;
top: -0.94vw;
left: -0.26vw;
width: 2.19vw;
height: 0.63vw;
border-top: 0.63vw solid #0066b0;
border-right: 0.89vw solid transparent;
}
.block_features_kso .item .img1 {
width: 13.02vw;
height: 19.32vw;
position: absolute;
left: 17.08vw;
top: 4.43vw;
background-color: #C4C4C4;
background-size: contain;
}
.block_features_kso .item .img1:before {
content: "";
position: absolute;
top: 0vw;
right: 0vw;
border-top: 1.04vw solid #F0F0F0;
border-left: 1.56vw solid transparent;
}
.block_features_kso .item .img1 a {
display: block;
width: 100%;
height: 100%;
}
.block_features_kso .item .img2 {
width: 9.9vw;
height: 9.17vw;
position: absolute;
left: 5.94vw;
top: 4.43vw;
background-color: #C4C4C4;
background-size: contain;
}
.block_features_kso .item .img2 a {
display: block;
width: 100%;
height: 100%;
}
.block_features_kso .item .img3 {
width: 15.89vw;
height: 8.91vw;
position: absolute;
left: 0vw;
top: 14.84vw;
background-color: #C4C4C4;
background-size: contain;
}
.block_features_kso .item .img3 a {
display: block;
width: 100%;
height: 100%;
}
.block_features_kso .item .title {
font-size: 1.35vw;
font-weight: 500;
line-height: 1.88vw;
margin-bottom: 1.15vw;
text-transform: uppercase;
position: relative;
z-index: 1;
}
.block_features_kso .item .desc {
font-family: 'Circe', sans-serif;
font-size: 0.89vw;
font-weight: 300;
line-height: 1.3vw;
position: relative;
z-index: 1;
}
.block_features_kso .item1:after {
background-image: url(../../images3/features_ico1.svg);
}
.block_features_kso .item1 .img1 {
background-image: url(../../images3/features_img1.jpg);
}
.block_features_kso .item1 .img2 {
background-image: url(../../images3/features_img1_1.jpg);
}
.block_features_kso .item1 .img3 {
background-image: url(../../images3/features_img1_2.jpg);
}
.block_features_kso .item2 {
padding: 13.54vw 33.85vw 0vw 5.63vw;
}
.block_features_kso .item2:after {
left: 5.63vw;
background-image: url(../../images3/features_ico2.svg);
}
.block_features_kso .item2 .num {
left: 6.77vw;
}
.block_features_kso .item2 .num:after {
left: -0.99vw;
border-right: 0vw;
border-left: 0.89vw solid transparent;
}
.block_features_kso .item2 .img1 {
background-image: url(../../images3/features_img2.jpg);
left: 36.46vw;
}
.block_features_kso .item2 .img1:before {
left: 0vw;
right: auto;
border-left: 0vw;
border-right: 1.56vw solid transparent;
}
.block_features_kso .item2 .img2 {
background-image: url(../../images3/features_img2_1.jpg);
left: 50.73vw;
}
.block_features_kso .item2 .img3 {
background-image: url(../../images3/features_img2_2.jpg);
left: 50.73vw;
}
.block_features_kso .item3:after {
background-image: url(../../images3/features_ico3.svg);
}
.block_features_kso .item3 .img1 {
background-image: url(../../images3/features_img3.jpg);
}
.block_features_kso .item3 .img2 {
background-image: url(../../images3/features_img3_1.jpg);
}
.block_features_kso .item3 .img3 {
background-image: url(../../images3/features_img3_2.jpg);
}
.block_features_kso .item4 {
padding: 13.54vw 33.85vw 0vw 5.63vw;
}
.block_features_kso .item4:after {
left: 5.63vw;
background-image: url(../../images3/features_ico4.svg);
}
.block_features_kso .item4 .num {
left: 6.77vw;
}
.block_features_kso .item4 .num:after {
left: -0.99vw;
border-right: 0vw;
border-left: 0.89vw solid transparent;
}
.block_features_kso .item4 .img1 {
background-image: url(../../images3/features_img4.jpg);
left: 36.46vw;
}
.block_features_kso .item4 .img1:before {
left: 0vw;
right: auto;
border-left: 0vw;
border-right: 1.56vw solid transparent;
}
.block_features_kso .item4 .img2 {
background-image: url(../../images3/features_img4_1.jpg);
left: 50.73vw;
}
.block_features_kso .item4 .img3 {
background-image: url(../../images3/features_img4_2.jpg);
left: 50.73vw;
}
.block_features_kso .item5 {
height: 28.23vw;
}
.block_features_kso .item5:after {
background-image: url(../../images3/features_ico5.svg);
}
.block_features_kso .item5 .img1 {
background-image: url(../../images3/features_img5.jpg);
}
.block_features_kso .item5 .img2 {
background-image: url(../../images3/features_img5_1.jpg);
}
.block_features_kso .item5 .img3 {
background-image: url(../../images3/features_img5_2.jpg);
}
.block_features_kso .button {
display: block;
margin: auto;
width: 14.9vw;
margin-top: -1.46vw;
position: relative;
z-index: 1;
}

.block_features_ve {
position: relative;
padding: 4.17vw 0vw;
min-height: 161.56vw;
background-color: #F0F0F0;
}
.block_features_ve h2 {
text-align: center;
margin-bottom: 3.13vw;
}
.block_features_ve .item {
height: 28.13vw;
padding: 13.54vw 5.63vw 0vw 33.85vw;
position: relative;
opacity: 0;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
}
.block_features_ve .item.scrolled {
opacity: 1;
}
.block_features_ve .item .line1 {
position: absolute;
top: 0vw;
left: 0vw;
right: 0vw;
height: 1.04vw;
background-image:url(../../images5/features_line.svg);
background-repeat: no-repeat;
background-position: right top;
}
.block_features_ve .item .line2 {
position: absolute;
top: 1.25vw;
right: 0vw;
bottom: -0.1vw;
width: 1.04vw;
background-image:url(../../images5/features_line2.svg);
background-repeat: no-repeat;
background-position: right bottom;
}
.block_features_ve .item2 .line1, .block_features_ve .item4 .line1, .block_features_ve .item6 .line1 {
right: 0.83vw;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.block_features_ve .item3 .line1, .block_features_ve .item5 .line1, .block_features_ve .item7 .line1 {
left: 0.83vw;
}
.block_features_ve .item2 .line2, .block_features_ve .item4 .line2, .block_features_ve .item6 .line2 {
left: 0vw;
right: auto;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.block_features_ve .item:last-child:before {
content: "";
position: absolute;
bottom: 0vw;
left: 0vw;
right: 0.52vw;
height: 0.1vw;
background-image:url(../../images5/features_line.svg);
background-repeat: no-repeat;
background-position: 0.21vw top;
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.block_features_ve .item:after {
content: "";
display: none;
position: absolute;
left: 33.85vw;
top: 7.81vw;
width: 3.75vw;
height: 3.75vw;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
border: 0.21vw solid #0066b0;
-webkit-border-radius: 2.08vw;
border-radius: 2.08vw;
}
.block_features_ve .item.startscroll:after {
display: block;
}
.block_features_ve .item .num {
position: absolute;
top: 0.94vw;
left: 35vw;
font-size: 1.46vw;
font-weight: 500;
color: #DDDDDD;
}
.block_features_ve .item .num:after {
content: "";
position: absolute;
top: -0.94vw;
left: -0.26vw;
width: 2.19vw;
height: 0.63vw;
border-top: 0.63vw solid #0066b0;
border-right: 0.89vw solid transparent;
}
.block_features_ve .item .img1 {
display: none;
}
.block_features_ve .item .img2 {
display: none;
}
.block_features_ve .item .img3 {
display: none;
}
.block_features_ve .item.startscroll .img1 {
display: block;
}
.block_features_ve .item.startscroll .img2 {
display: block;
}
.block_features_ve .item.startscroll .img3 {
display: block;
}
.block_features_ve .item .img1 {
width: 13.02vw;
height: 19.32vw;
position: absolute;
left: 17.08vw;
top: 4.43vw;
background-color: #C4C4C4;
background-size: contain;
}
.block_features_ve .item .img1:before {
content: "";
position: absolute;
top: 0vw;
right: 0vw;
border-top: 1.04vw solid #F0F0F0;
border-left: 1.56vw solid transparent;
}
.block_features_ve .item .img1 a {
display: block;
width: 100%;
height: 100%;
}
.block_features_ve .item .img2 {
width: 9.9vw;
height: 9.17vw;
position: absolute;
left: 5.94vw;
top: 4.43vw;
background-color: #C4C4C4;
background-size: contain;
}
.block_features_ve .item .img2 a {
display: block;
width: 100%;
height: 100%;
}
.block_features_ve .item .img3 {
width: 15.89vw;
height: 8.91vw;
position: absolute;
left: 0vw;
top: 14.84vw;
background-color: #C4C4C4;
background-size: contain;
}
.block_features_ve .item .img3 a {
display: block;
width: 100%;
height: 100%;
}
.block_features_ve .item .title {
font-size: 1.35vw;
font-weight: 500;
line-height: 1.88vw;
margin-bottom: 1.15vw;
text-transform: uppercase;
position: relative;
z-index: 1;
}
.block_features_ve .item .desc {
font-family: 'Circe', sans-serif;
font-size: 1vw;
font-weight: 300;
line-height: 1.3vw;
position: relative;
z-index: 1;
}
.block_features_ve .item1:after {
background-image:url(../../images5/features_ico10.png);
}
.block_features_ve .item1 .img1 {
background-image:url(../../images5/features_img1.jpg);
}
.block_features_ve .item1 .img2 {
background-image:url(../../images5/features_img1_1.jpg);
}
.block_features_ve .item1 .img3 {
background-image:url(../../images5/features_img1_2.jpg);
}
.block_features_ve .item2 {
padding: 13.54vw 33.85vw 0vw 5.63vw;
}
.block_features_ve .item2:after {
left: 5.63vw;
background-image:url(../../images5/features_ico8.png);
}
.block_features_ve .item2 .num {
left: 6.77vw;
}
.block_features_ve .item2 .num:after {
left: -0.99vw;
border-right: 0vw;
border-left: 0.89vw solid transparent;
}
.block_features_ve .item2 .img1 {
background-image:url(../../images5/features_img2.jpg);
left: 36.46vw;
}
.block_features_ve .item2 .img1:before {
left: 0vw;
right: auto;
border-left: 0vw;
border-right: 1.56vw solid transparent;
}
.block_features_ve .item2 .img2 {
background-image:url(../../images5/features_img2_1.jpg);
left: 50.73vw;
}
.block_features_ve .item2 .img3 {
background-image:url(../../images5/features_img2_2.jpg);
left: 50.73vw;
}
.block_features_ve .item3:after {
background-image:url(../../images5/features_ico9.png);
}
.block_features_ve .item3 .img1 {
background-image:url(../../images5/features_img3.jpg);
}
.block_features_ve .item3 .img2 {
background-image:url(../../images5/features_img3_1.jpg);
}
.block_features_ve .item3 .img3 {
background-image:url(../../images5/features_img3_2.jpg);
}
.block_features_ve .item4 {
padding: 13.54vw 33.85vw 0vw 5.63vw;
}
.block_features_ve .item4:after {
left: 5.63vw;
background-image:url(../../images5/features_ico6.svg);
}
.block_features_ve .item4 .num {
left: 6.77vw;
}
.block_features_ve .item4 .num:after {
left: -0.99vw;
border-right: 0vw;
border-left: 0.89vw solid transparent;
}
.block_features_ve .item4 .img1 {
background-image:url(../../images5/features_img4.jpg);
left: 36.46vw;
}
.block_features_ve .item4 .img1:before {
left: 0vw;
right: auto;
border-left: 0vw;
border-right: 1.56vw solid transparent;
}
.block_features_ve .item4 .img2 {
background-image:url(../../images5/features_img4_1.jpg);
left: 50.73vw;
}
.block_features_ve .item4 .img3 {
background-image:url(../../images5/features_img4_2.jpg);
left: 50.73vw;
}
.block_features_ve .item5 {
height: 28.23vw;
}
.block_features_ve .item5:after {
background-image:url(../../images5/features_ico2.svg);
}
.block_features_ve .item5 .img1 {
background-image:url(../../images5/features_img5.jpg);
}
.block_features_ve .item5 .img2 {
background-image:url(../../images5/features_img5_1.jpg);
}
.block_features_ve .item5 .img3 {
background-image:url(../../images5/features_img5_2.jpg);
}
.block_features_ve .button2 {
display: block;
margin: auto;
width: 26vw;
margin-top: -1.9vw;
position: relative;
z-index: 1;
}
.block_form_video_kso {
font-family: 'Rubik', sans-serif;
position: relative;
margin: 5.21vw 0vw;
min-height: 40.89vw;
}
.block_form_video_kso h2 {
font-size: 2.29vw;
line-height: 1.2em;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.88vw;
}
.block_form_video_kso p {
font-family: 'Circe', sans-serif;
font-size: 22px;
font-weight: 300;
margin-bottom: 37px;
}
.block_form_video_kso .video_block {
position: absolute;
padding: 1.56vw;
}
.block_form_video_kso .video_block:before {
content: "";
position: absolute;
top: 0vw;
left: 0vw;
width: 60%;
height: 90%;
background-color: #F0F0F0;
z-index: -1;
}
.block_form_video_kso .video_wrap {
position: relative;
width: 27.03vw;
height: 39.32vw;
overflow: hidden;
}
.block_form_video_kso .video_wrap:before {
content: "";
position: absolute;
top: 0vw;
right: 0vw;
left: 0vw;
bottom: 0vw;
border: 0.05vw solid #222;
z-index: 1;
}
.block_form_video_kso .video_wrap:after {
content: "";
position: absolute;
top: -1.15vw;
right: -1.15vw;
width: 2.08vw;
height: 2.08vw;
border: 0.05vw solid #222;
background-color: #fff;
z-index: 2;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.block_form_video_kso .video_block video {
position: relative;
display: block;
height: 100%;
background-color: #fff;
margin-left: -5.83vw;
}
.block_form_video_kso .video_block .button {
display: none;
}
.block_form_video_kso .form_block {
padding: 0vw 0vw 0vw 33.96vw;
}
.block_form_video_kso .form_block h2 {
margin-bottom: 2.6vw;
}
.block_form_video_kso .form_block .title {
display: inline-block;
position: relative;
background-color: #222;
color: #fff;
font-size: 1.15vw;
text-transform: uppercase;
padding: 0.26vw 1.56vw 0.26vw 1.3vw;
margin-bottom: 1.25vw;
}
.block_form_video_kso .form_block .title:before {
content: "";
position: absolute;
top: 0vw;
left: -0.42vw;
width: 0.16vw;
height: 100%;
background-color: #222;
}
.block_form_video_kso .form_block .title:after {
content: "";
position: absolute;
right: 0vw;
bottom: 0vw;
border-right: 0.83vw solid #fff;
border-top: 0.57vw solid transparent;
}
.block_form_video_kso .form_block .order_status {
height: 2.71vw;
margin-top: -2.71vw;
text-align: center;
margin-left: 14.32vw;
width: 12.76vw;
}
.block_form_video_kso .form_block form {
max-width: 27.08vw;
}
.block_form_video_kso .form_block .intext_block {
margin-bottom: 1.25vw;
}
.block_form_video_kso .form_block .intext {
width: 100%;
border: 0.05vw solid #EBEBEB;
background-color: #FAFAFA;
}
.block_form_video_kso .form_block .file_block {
display: inline-block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}
.block_form_video_kso .form_block .file_block .file_button {
font-family: 'Circe', sans-serif;
font-size: 0.83vw;
margin-right: 0.52vw;
padding: 0.36vw 0.78vw 0.36vw 2.08vw;
border: 0.05vw solid #0066b0;
background-color: #fff;
background-image: url(../../images3/paper_clip_ico.svg);
background-repeat: no-repeat;
background-position: 0.68vw 0.57vw;
cursor: pointer;
-webkit-border-radius: 0.31vw;
border-radius: 0.31vw;
-webkit-transition: color 0.1s ease, background 0.1s ease;
transition: color 0.1s ease, background 0.1s ease;
}
.block_form_video_kso .form_block .file_block:hover .file_button {
background-image: url(../../images3/paper_clip_ico_hover.svg);
background-color: #0066b0;
color: #fff;
}
.block_form_video_kso .form_block .file_block .file_text {
font-family: 'Circe', sans-serif;
font-size: 0.73vw;
font-weight: 300;
color: #AAAAAA;
}
.block_form_video_kso .form_block .st2 {
font-family: 'Circe', sans-serif;
font-size: 0.89vw;
font-weight: 300;
line-height: 1.15vw;
}
.block_form_video_kso .form_block .st2 a {
font-weight: 400;
border-bottom: 0.05vw solid #222;
}
.block_form_video_kso .form_block .st2 a:hover {
border-bottom: 0vw solid #222;
}
.block_form_video_kso .form_block .button {
width: 100%;
max-width: 15.63vw;
border: 0;
}
.block_video_kso {
font-family: 'Rubik', sans-serif;
color: #fff;
position: relative;
/*margin: 4.17vw auto;*/
min-height: 44.95vw;
}
.block_video_kso h2 {
font-size: 2.29vw;
line-height: 1.2em;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.88vw;
}
.block_video_kso p {
font-family: 'Circe', sans-serif;
font-size: 22px;
font-weight: 300;
margin-bottom: 37px;
}
.block_video_kso .bg_img {
position: absolute;
top: 0vw;
left: 0vw;
width: 100%;
height: 35.68vw;
background-image: url(../../images3/video_bg.png);
background-repeat: repeat-x;
background-position: calc(50% + 7.29vw) -2.6vw;
background-color: #222222;
}
.block_video_kso .block1 {
padding-top: 4.69vw;
width: 44.01vw;
}
.block_video_kso .block1 h2 {
width: 31.25vw;
margin-bottom: 2.86vw;
}
.block_video_kso .block1 .video_block {
position: relative;
height: 33.54vw;
width: 44.53vw;
border: 0.26vw solid #FFFFFF;
overflow: hidden;
}
.block_video_kso .block1 .video_block .video_play {
position: absolute;
top: 0vw;
left: 0vw;
width: 100%;
height: 100%;
background-image: url(../../images3/video_img.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: pointer;
opacity: 1;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.block_video_kso .block1 .video_block iframe {
width: 58.7vw;
margin-left: -7.03vw;
}
.block_video_kso .block1 .video_block .video_play.load .but {
-webkit-animation: video_load 1s infinite linear;
animation: video_load 1s infinite linear;
}
@-webkit-keyframes video_load {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes video_load {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.block_video_kso .block1 .video_block .video_play .but {
position: absolute;
top: 50%;
left: 50%;
margin-left: -2.4vw;
margin-top: -2.4vw;
width: 4.79vw;
height: 4.79vw;
background-color: #fff;
padding: 1.51vw 1.88vw;
-webkit-border-radius: 4.79vw;
border-radius: 4.79vw;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_video_kso .block1 .video_block:hover .video_play .but {
background-color: #0066b0;
}
.block_video_kso .block1 .video_block .video_play .but .vplay {
fill: #0066b0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_video_kso .block1 .video_block:hover .video_play .but .vplay {
fill: #fff;
}

/*.block_video_kso .block1 .video_block .video {
width: 100%;
height: 100%;
}
.block_video_kso .block1 .video_block.play .video {
display: block;
}*/

.block_video_kso .block1 .video_block .video iframe {
width: 100%;
height: 100%;
}
.block_video_kso .block2 {
background-image: url(../../images3/video_i.svg);
background-repeat: no-repeat;
position: absolute;
top: 15.63vw;
right: 0vw;
width: 22.4vw;
padding-left: 3.39vw;
padding-top: 1.82vw;
}
.block_video_kso .block2 p {
font-weight: 400;
margin-bottom: 14.58vw;
}
.block_video_kso .block2 .button {
width: 100%;
}
.hover_info {
position: relative;
display: inline-block;
font-family: 'Circe', sans-serif;
font-size: 0.83vw;
line-height: 0.83vw;
font-weight: 600;
color: #0066b0;
border-bottom: 0.05vw solid #0066b0;
cursor: pointer;
}
.hover_info .info {
position: absolute;
left: 0vw;
top: calc(100% + 1.04vw);
color: #222;
font-weight: 400;
background-color: #FFF;
padding: 0.83vw 1.04vw 0.21vw 1.04vw;
width: 19.27vw;
-webkit-box-shadow: 0.42vw 0.42vw 1.3vw rgba(0, 0, 0, 0.07);
box-shadow: 0.42vw 0.42vw 1.3vw rgba(0, 0, 0, 0.07);
z-index: 1;
}
.hover_info .info:before {
content: "";
border-bottom: 0.36vw solid #FFF;
border-left: 0.36vw solid #FFF;
border-top: 0.36vw solid transparent;
border-right: 0.36vw solid transparent;
position: absolute;
left: 0vw;
top: -0.73vw;
}
.hover_info:hover .info {
display: block;
}
.hover_info .info ul {
list-style: none;
}
.hover_info .info ul li {
background-image: url(../../images3/check.svg);
background-repeat: no-repeat;
background-position: left 0.1vw;
font-size: 0.83vw;
line-height: 1.15vw;
padding-left: 1.56vw;
margin-bottom: 0.63vw;
}
.block_info_kso {
font-family: 'Rubik', sans-serif;
position: relative;
margin: 4.17vw auto;
min-height: 40.1vw;
}
.block_info_kso h2 {
font-size: 2.29vw;
line-height: 1.2em;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.88vw;
}
.block_info_kso p {
font-family: 'Circe', sans-serif;
font-size: 22px;
font-weight: 300;
margin-bottom: 37px;
}
.block_info_kso .items {
position: relative;
min-height: 29.64vw;
}
.block_info_kso .items .item {
position: absolute;
padding: 0.26vw;
outline: 0.1vw solid #FFF;
}
.block_info_kso .items .item:hover {
outline: 0.1vw solid #0066b0;
}
.block_info_kso .items .item .wrap {
background-repeat: no-repeat;
}
.block_info_kso .items .item1 {
left: -0.26vw;
top: 0vw;
}
.block_info_kso .items .item1 .wrap {
background-image: url(../../images3/info_img1_1.jpg);
height: 27.24vw;
width: 21.41vw;
padding: 16.46vw 1.25vw 0vw 0vw;
}
.block_info_kso .items .item2 {
right: -0.26vw;
top: 0vw;
}
.block_info_kso .items .item2 .wrap {
background-image: url(../../images3/info_img2.jpg);
height: 15.63vw;
width: 44.01vw;
padding: 8.75vw 11.35vw 0vw 0vw;
}
.block_info_kso .items .item3 {
left: 22.4vw;
top: 16.77vw;
}
.block_info_kso .items .item3 .wrap {
background-image: url(../../images3/info_img3_1.jpg);
height: 15.63vw;
width: 21.41vw;
padding: 7.45vw 1.25vw 0vw 0vw;
}
.block_info_kso .items .item4 {
right: -0.26vw;
top: 16.77vw;
}
.block_info_kso .items .item4 .wrap {
background-image: url(../../images3/info_img4.jpg);
height: 15.63vw;
width: 21.41vw;
padding: 7.45vw 1.25vw 0vw 0vw;
}
.block_info_kso .items .item .title {
background-image: url(../../images3/svg_bg3.svg);
background-repeat: no-repeat;
background-position: right bottom;
font-size: 0.94vw;
font-weight: 500;
text-transform: uppercase;
position: relative;
margin-right: -0.36vw;
left: -0.36vw;
bottom: -0.83vw;
display: inline-block;
padding: 0.26vw 3.23vw 0.21vw 0.99vw;
border-left: 0.1vw solid #0066b0;
}
.block_info_kso .items .item .desc {
background-image: url(../../images3/svg_bg2.svg);
background-repeat: no-repeat;
background-position: right bottom;
font-family: 'Circe', sans-serif;
font-size: 0.89vw;
font-weight: 200;
color: #fff;
padding: 1.56vw 0.82vw 0.83vw 0.83vw;
}
.block_info_kso .button {
width: 21.41vw;
}
.block_sheme_kso {
font-family: 'Rubik', sans-serif;
background-color: #F0F0F0;
padding: 4vw 0vw;
text-align: center;
}
.block_sheme_kso h2 {
font-size: 2.29vw;
line-height: 1.2em;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.88vw;
text-align: left;
}
.block_sheme_kso img {
max-width: 100%;
}
.block_specifications_kso {
font-family: 'Rubik', sans-serif;
background-color: #F0F0F0;
padding: 4vw 0vw;
}
.block_specifications_kso h2 {
font-size: 2.29vw;
line-height: 1.2em;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.88vw;
}
.block_specifications_kso table {
border-collapse: collapse;
}
.block_specifications_kso table tr td {
padding: 0.5vw 0.8vw;
border: 0px;
}
.block_specifications_kso table tr td.td1 {
font-weight: 600;
text-transform: uppercase;
border-bottom: 2px solid #66BC69;
padding: 1vw 0vw;
}
.block_specifications_kso table tr td.td2 {
font-weight: 600;
text-align: center;
background-color: #D5E6D5;
border-bottom: 2px solid #66BC69;
padding: 1vw;
}
.block_specifications_kso table tr td.td3 {
font-family: 'pdf_rubiklight', 'Rubik', Arial, Helvetica, sans-serif;
font-weight: 300;
}
.block_specifications_kso table tr td.td3_odd {
font-family: 'pdf_rubiklight', 'Rubik', Arial, Helvetica, sans-serif;
font-weight: 300;
background-color: #E8E8E8;
}
.block_specifications_kso table tr td.td4 {
text-align: center;
background-color: #FFFFFF;
}
.block_specifications_kso table tr td.td4_odd {
text-align: center;
background-color: #F7F7F7;
}
.block_specifications_kso table tr td.td4_odd2 {
text-align: center;
background-color: #F7F7F7;
}
.block_features_krun {
font-family: 'Rubik', sans-serif;
position: relative;
padding: 4.17vw 0vw;
min-height: 161.56vw;
background-color: #F0F0F0;
}
.block_features_krun h2 {
font-size: 2.29vw;
line-height: 1.2em;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 3.13vw;
}
.block_features_krun .item {
height: 28.13vw;
padding: 13.54vw 5.63vw 0vw 33.85vw;
position: relative;
}
.block_features_krun .item .line1 {
position: absolute;
top: 0vw;
left: 0vw;
right: 0vw;
height: 1.04vw;
background-image: url(../../images4/features_line.svg);
background-repeat: no-repeat;
background-position: right top;
}
.block_features_krun .item .line2 {
position: absolute;
top: 1.25vw;
right: 0vw;
bottom: -0.1vw;
width: 1.04vw;
background-image: url(../../images4/features_line2.svg);
background-repeat: no-repeat;
background-position: right bottom;
}
.block_features_krun .item2 .line1, .block_features_krun .item4 .line1, .block_features_krun .item6 .line1 {
right: 0.83vw;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.block_features_krun .item3 .line1, .block_features_krun .item5 .line1, .block_features_krun .item7 .line1 {
left: 0.83vw;
}
.block_features_krun .item2 .line2, .block_features_krun .item4 .line2, .block_features_krun .item6 .line2 {
left: 0vw;
right: auto;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.block_features_krun .item:last-child:before {
content: "";
position: absolute;
bottom: 0vw;
left: 0vw;
right: 0.52vw;
height: 0.1vw;
background-image: url(../../images4/features_line.svg);
background-repeat: no-repeat;
background-position: 0.21vw top;
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.block_features_krun .item:after {
content: "";
position: absolute;
left: 33.85vw;
top: 7.81vw;
width: 3.75vw;
height: 3.75vw;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
border: 0.21vw solid #0066b0;
-webkit-border-radius: 2.08vw;
border-radius: 2.08vw;
}
.block_features_krun .item .num {
position: absolute;
top: 0.94vw;
left: 35vw;
font-size: 1.46vw;
font-weight: 500;
color: #DDDDDD;
}
.block_features_krun .item .num:after {
content: "";
position: absolute;
top: -0.94vw;
left: -0.26vw;
width: 2.19vw;
height: 0.63vw;
border-top: 0.63vw solid #0066b0;
border-right: 0.89vw solid transparent;
}
.block_features_krun .item .img1 {
display: block;
}
.block_features_krun .item .img2 {
display: block;
}
.block_features_krun .item .img3 {
display: block;
}
.block_features_krun .item .img1 {
width: 13.02vw;
height: 19.32vw;
position: absolute;
left: 17.08vw;
top: 4.43vw;
background-color: #C4C4C4;
}
.block_features_krun .item .img1:before {
content: "";
position: absolute;
top: 0vw;
right: 0vw;
border-top: 1.04vw solid #F0F0F0;
border-left: 1.56vw solid transparent;
}
.block_features_krun .item .img1 a {
display: block;
width: 100%;
height: 100%;
}
.block_features_krun .item .img2 {
width: 9.9vw;
height: 9.17vw;
position: absolute;
left: 5.94vw;
top: 4.43vw;
background-color: #C4C4C4;
}
.block_features_krun .item .img2 a {
display: block;
width: 100%;
height: 100%;
}
.block_features_krun .item .img3 {
width: 15.89vw;
height: 8.91vw;
position: absolute;
left: 0vw;
top: 14.84vw;
background-color: #C4C4C4;
}
.block_features_krun .item .img3 a {
display: block;
width: 100%;
height: 100%;
}
.block_features_krun .item .title {
font-size: 1.35vw;
font-weight: 500;
line-height: 1.88vw;
margin-bottom: 1.15vw;
text-transform: uppercase;
position: relative;
z-index: 1;
}
.block_features_krun .item .desc {
font-family: 'Circe', sans-serif;
font-size: 0.89vw;
font-weight: 300;
line-height: 1.3vw;
position: relative;
z-index: 1;
}
.block_features_krun .item1:after {
background-image: url(../../images4/features_ico6.svg);
}
.block_features_krun .item1 .img1 {
background-image: url(../../images4/features_img1.jpg);
}
.block_features_krun .item1 .img2 {
background-image: url(../../images4/features_img1_1.jpg);
}
.block_features_krun .item1 .img3 {
background-image: url(../../images4/features_img1_2.jpg);
}
.block_features_krun .item2 {
padding: 11.46vw 33.85vw 0vw 5.63vw;
}
.block_features_krun .item2:after {
left: 5.63vw;
top: 6.25vw;
background-image: url(../../images4/features_ico7.svg);
}
.block_features_krun .item2 .num {
left: 6.77vw;
}
.block_features_krun .item2 .num:after {
left: -0.99vw;
border-right: 0vw;
border-left: 0.89vw solid transparent;
}
.block_features_krun .item2 .img1 {
background-image: url(../../images4/features_img2.jpg);
left: 36.46vw;
}
.block_features_krun .item2 .img1:before {
left: 0vw;
right: auto;
border-left: 0vw;
border-right: 1.56vw solid transparent;
}
.block_features_krun .item2 .img2 {
background-image: url(../../images4/features_img2_1.jpg);
left: 50.73vw;
}
.block_features_krun .item2 .img3 {
background-image: url(../../images4/features_img2_2.jpg);
left: 50.73vw;
}
.block_features_krun .item3:after {
background-image: url(../../images4/features_ico1.svg);
}
.block_features_krun .item3 .img1 {
background-image: url(../../images4/features_img3.jpg);
}
.block_features_krun .item3 .img2 {
background-image: url(../../images4/features_img3_1.jpg);
}
.block_features_krun .item3 .img3 {
background-image: url(../../images4/features_img3_2.jpg);
}
.block_features_krun .item4 {
padding: 11.46vw 33.85vw 0vw 5.63vw;
}
.block_features_krun .item4:after {
left: 5.63vw;
top: 6.25vw;
background-image: url(../../images4/features_ico8.png);
}
.block_features_krun .item4 .num {
left: 6.77vw;
}
.block_features_krun .item4 .num:after {
left: -0.99vw;
border-right: 0vw;
border-left: 0.89vw solid transparent;
}
.block_features_krun .item4 .img1 {
background-image: url(../../images4/features_img4.jpg);
left: 36.46vw;
}
.block_features_krun .item4 .img1:before {
left: 0vw;
right: auto;
border-left: 0vw;
border-right: 1.56vw solid transparent;
}
.block_features_krun .item4 .img2 {
background-image: url(../../images4/features_img4_1.jpg);
left: 50.73vw;
}
.block_features_krun .item4 .img3 {
background-image: url(../../images4/features_img4_2.jpg);
left: 50.73vw;
}
.block_features_krun .item5:after {
background-image: url(../../images4/features_ico9.svg);
}
.block_features_krun .item5 .img1 {
background-image: url(../../images4/features_img5.jpg);
}
.block_features_krun .item5 .img2 {
background-image: url(../../images4/features_img5_1.jpg);
}
.block_features_krun .item5 .img3 {
background-image: url(../../images4/features_img5_2.jpg);
}
.block_features_krun .item6 {
padding: 13.54vw 33.85vw 0vw 5.63vw;
}
.block_features_krun .item6:after {
left: 5.63vw;
background-image: url(../../images4/features_ico10.svg);
}
.block_features_krun .item6 .num {
left: 6.77vw;
}
.block_features_krun .item6 .num:after {
left: -0.99vw;
border-right: 0vw;
border-left: 0.89vw solid transparent;
}
.block_features_krun .item6 .img1 {
background-image: url(../../images4/features_img6.jpg);
left: 36.46vw;
}
.block_features_krun .item6 .img1:before {
left: 0vw;
right: auto;
border-left: 0vw;
border-right: 1.56vw solid transparent;
}
.block_features_krun .item6 .img2 {
background-image: url(../../images4/features_img6_1.jpg);
left: 50.73vw;
}
.block_features_krun .item6 .img3 {
background-image: url(../../images4/features_img6_2.jpg);
left: 50.73vw;
}
.block_features_krun .item7 {
height: 28.23vw;
}
.block_features_krun .item7:after {
background-image: url(../../images4/features_ico5.svg);
}
.block_features_krun .item7 .img1 {
background-image: url(../../images4/features_img7.jpg);
}
.block_features_krun .item7 .img2 {
background-image: url(../../images4/features_img7_1.jpg);
}
.block_features_krun .item7 .img3 {
background-image: url(../../images4/features_img7_2.jpg);
}
.block_features_krun .button {
display: block;
margin: auto;
width: 14.9vw;
margin-top: -1.46vw;
position: relative;
z-index: 1;
}
.block_form_video_krun {
font-family: 'Rubik', sans-serif;
position: relative;
margin: 5.21vw 0vw;
min-height: 40.89vw;
}
.block_form_video_krun h2 {
font-size: 2.29vw;
line-height: 1.2em;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.88vw;
}
.block_form_video_krun p {
font-family: 'Circe', sans-serif;
font-size: 22px;
font-weight: 300;
margin-bottom: 37px;
}
.block_form_video_krun .video_block {
position: absolute;
padding: 1.56vw;
}
.block_form_video_krun .video_block:before {
content: "";
position: absolute;
top: 0vw;
left: 0vw;
width: 60%;
height: 90%;
background-color: #F0F0F0;
z-index: -1;
}
.block_form_video_krun .video_block h2 {
display: none;
}
.block_form_video_krun .video_block .video_play {
display: none;
}
.block_form_video_krun .video_block .button {
display: none;
}
.block_form_video_krun .video_wrap {
position: relative;
width: 27.03vw;
height: 39.32vw;
overflow: hidden;
}
.block_form_video_krun .video_wrap:before {
content: "";
position: absolute;
top: 0vw;
right: 0vw;
left: 0vw;
bottom: 0vw;
border: 0.05vw solid #222;
z-index: 1;
}
.block_form_video_krun .video_wrap:after {
content: "";
position: absolute;
top: -1.15vw;
right: -1.15vw;
width: 2.08vw;
height: 2.08vw;
border: 0.05vw solid #222;
background-color: #fff;
z-index: 2;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.block_form_video_krun .video_block video {
position: relative;
display: block;
height: 100%;
background-color: #fff;
margin-left: -5.83vw;
}
.block_form_video_krun .form_block {
padding: 0vw 0vw 0vw 33.96vw;
}
.block_form_video_krun .form_block h2 {
margin-bottom: 2.6vw;
}
.block_form_video_krun .form_block .title {
display: inline-block;
position: relative;
background-color: #222;
color: #fff;
font-size: 1.15vw;
text-transform: uppercase;
padding: 0.26vw 1.56vw 0.26vw 1.3vw;
margin-bottom: 1.25vw;
}
.block_form_video_krun .form_block .title:before {
content: "";
position: absolute;
top: 0vw;
left: -0.42vw;
width: 0.16vw;
height: 100%;
background-color: #222;
}
.block_form_video_krun .form_block .title:after {
content: "";
position: absolute;
right: 0vw;
bottom: 0vw;
border-right: 0.83vw solid #fff;
border-top: 0.57vw solid transparent;
}
.block_form_video_krun .form_block .order_status {
height: 2.71vw;
margin-top: -2.71vw;
text-align: center;
margin-left: 14.32vw;
width: 12.76vw;
}
.block_form_video_krun .form_block form {
max-width: 27.08vw;
}
.block_form_video_krun .form_block .intext_block {
margin-bottom: 1.25vw;
}
.block_form_video_krun .form_block .intext {
width: 100%;
border: 0.05vw solid #EBEBEB;
background-color: #FAFAFA;
}
.block_form_video_krun .form_block .file_block {
display: inline-block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}
.block_form_video_krun .form_block .file_block .file_button {
font-family: 'Circe', sans-serif;
font-size: 0.83vw;
margin-right: 0.52vw;
padding: 0.36vw 0.78vw 0.36vw 2.08vw;
border: 0.05vw solid #0066b0;
background-color: #fff;
background-image: url(../../images4/paper_clip_ico.svg);
background-repeat: no-repeat;
background-position: 0.68vw 0.57vw;
cursor: pointer;
-webkit-border-radius: 0.31vw;
border-radius: 0.31vw;
-webkit-transition: color 0.1s ease, background 0.1s ease;
transition: color 0.1s ease, background 0.1s ease;
}
.block_form_video_krun .form_block .file_block:hover .file_button {
background-image: url(../../images4/paper_clip_ico_hover.svg);
background-color: #0066b0;
color: #fff;
}
.block_form_video_krun .form_block .file_block .file_text {
font-family: 'Circe', sans-serif;
font-size: 0.73vw;
font-weight: 300;
color: #AAAAAA;
}
.block_form_video_krun .form_block .st2 {
font-family: 'Circe', sans-serif;
font-size: 0.89vw;
font-weight: 300;
line-height: 1.15vw;
}
.block_form_video_krun .form_block .st2 a {
font-weight: 400;
border-bottom: 0.05vw solid #222;
}
.block_form_video_krun .form_block .st2 a:hover {
border-bottom: 0vw solid #222;
}
.block_form_video_krun .form_block .button {
width: 100%;
max-width: 15.63vw;
border: 0;
}
.block_video_krun {
font-family: 'Rubik', sans-serif;
color: #fff;
position: relative;
/*margin: 4.17vw auto;*/
min-height: 38.96vw;
}
.block_video_krun h2 {
font-size: 2.29vw;
line-height: 1.2em;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.88vw;
}
.block_video_krun p {
font-family: 'Circe', sans-serif;
font-size: 22px;
font-weight: 300;
margin-bottom: 37px;
}
.block_video_krun .bg_img {
position: absolute;
top: 0vw;
left: 0vw;
width: 100%;
height: 35.68vw;
background-image: url(../../images4/video_bg.png);
background-repeat: repeat-x;
background-position: calc(50% + 7.29vw) -2.6vw;
background-color: #222222;
display: block;
}
.block_video_krun .block1 {
padding-top: 4.69vw;
width: 44.01vw;
display: block;
}
.block_video_krun .block1 h2 {
width: 32.29vw;
margin-bottom: 2.86vw;
}
.block_video_krun .block1 .video_block {
position: relative;
height: 33.54vw;
width: 44.53vw;
border: 0.26vw solid #FFFFFF;
overflow: hidden;
}
.block_video_krun .block1 .video_block .video_play {
position: absolute;
top: 0vw;
left: 0vw;
width: 100%;
height: 100%;
background-image: url(../../images4/video_img.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: pointer;
opacity: 1;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.block_video_krun .block1 .video_block.play .video_play {
opacity: 0;
}
.block_video_krun .block1 .video_block .video_play.load .but {
-webkit-animation: video_load 1s infinite linear;
animation: video_load 1s infinite linear;
}
@-webkit-keyframes video_load {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes video_load {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.block_video_krun .block1 .video_block .video_play .but {
position: absolute;
top: 50%;
left: 50%;
margin-left: -2.4vw;
margin-top: -2.4vw;
width: 4.79vw;
height: 4.79vw;
background-color: #fff;
padding: 1.51vw 1.88vw;
-webkit-border-radius: 4.79vw;
border-radius: 4.79vw;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_video_krun .block1 .video_block:hover .video_play .but {
background-color: #0066b0;
}
.block_video_krun .block1 .video_block .video_play .but .vplay {
fill: #0066b0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.block_video_krun .block1 .video_block:hover .video_play .but .vplay {
fill: #fff;
}

/*.block_video_krun .block1 .video_block .video {
width: 100%;
height: 100%;
display: none;
}
.block_video_krun .block1 .video_block.play .video {
display: block;
}*/

.block_video_krun .block1 .video_block .video iframe {
width: 100%;
height: 100%;
}
.block_video_krun .block2 {
background-image: url(../../images4/video_i.svg);
background-repeat: no-repeat;
position: absolute;
top: 15.63vw;
right: 0vw;
width: 22.4vw;
padding-left: 3.39vw;
padding-top: 1.82vw;
display: block;
}
.block_video_krun .block2 p {
font-weight: 400;
margin-bottom: 14.17vw;
}
.block_video_krun .block2 .button {
width: 100%;
}
.block_sheme_krun {
font-family: 'Rubik', sans-serif;
background-color: #F0F0F0;
padding: 4vw 0vw;
text-align: center;
}
.block_sheme_krun h2 {
font-size: 2.29vw;
line-height: 1.2em;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.88vw;
text-align: left;
}
.block_sheme_krun img {
max-width: 100%;
}
.pku {
padding: 0vw 1.04vw 0vw;
margin-top: 4vw;
margin-bottom: 4vw;
}
.pku .pku_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto
}
.pku .pku_cont .pku_cont_title {
width: 100%;
margin-bottom: 3.13vw
}
.pku .pku_cont .pku_cont_title a.but {
display: flex;
align-items: center;
border: 0.05vw solid #0066b0;
width: 13.85vw;
height: 2.92vw;
justify-content: center;
border-radius: 0.21vw;
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.94vw;
line-height: 1.41vw;
color: #222;
transition: all .2s
}
.pku .pku_cont .pku_cont_flex, .pku .pku_cont .pku_cont_flex .pku_cont_flex_item a {
-webkit-box-pack: justify
}
.pku .pku_cont .pku_cont_title a.but svg {
margin-right: 0.52vw
}
.pku .pku_cont .pku_cont_title a.but path {
transition: all .2s
}
.pku .pku_cont .pku_cont_title a.but:hover {
color: #fff;
background: #0066b0
}
.pku .pku_cont .pku_cont_title .button2 {
margin-left: 1vw;
}
.pku .pku_cont .pku_cont_flex {
width: 100%;
flex-wrap: wrap
}
.pku .pku_cont .pku_cont_flex, .pku .pku_cont .pku_cont_flex .pku_cont_flex_item a {
display: flex;
justify-content: space-between;
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item {
width: 49%;
border: 2px solid #f0f0f0;
padding-right: 0.5vw;
margin-bottom: 1.3vw;
position: relative;
transition: all .2s;
border-radius: 0.5vw;
overflow: hidden;
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item .button2 {
position: absolute;
left: 17vw;
bottom: 1.5vw;
padding: 1vw 1.5vw;
text-transform: inherit;
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item .item_calc {
display: inline-block;
vertical-align: top;
width: 4.4vw;
height: 4.4vw;
padding: 2.6vw 0 0 0;
margin-bottom: 0.8vw;
margin-right: 0.5vw;
border: 1px solid #0066b0;
font-family: 'Rubik', sans-serif;
font-size: 0.6vw;
text-align: center;
background-color: #fff;
background-image: url(../../images/sidebar_calc.svg);
background-repeat: no-repeat;
background-position: center 0.5vw;
background-size: 1.458vw;
cursor: pointer;
-webkit-box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
transition: all .2s;
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item .item_calc:hover {
-webkit-box-shadow: 0 0vw 0.88vw 0 rgb(57 171 60);
box-shadow: 0 0vw 0.88vw 0 rgb(57 171 60);
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item .item_price {
display: inline-block;
vertical-align: top;
width: 4.4vw;
height: 4.4vw;
padding: 2.6vw 0 0 0;
margin-bottom: 0.8vw;
border: 1px solid #0066b0;
font-family: 'Rubik', sans-serif;
font-size: 0.6vw;
text-align: center;
background-color: #fff;
background-image: url(../../images/sidebar_price.svg);
background-repeat: no-repeat;
background-position: center 0.5vw;
background-size: 1.458vw;
cursor: pointer;
-webkit-box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
box-shadow: 0 1.25vw 1.88vw 0 rgb(34 34 34 / 6%);
-webkit-border-radius: 0.26vw;
border-radius: 0.26vw;
transition: all .2s;
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item .item_price:hover {
-webkit-box-shadow: 0 0vw 0.88vw 0 rgb(57 171 60);
box-shadow: 0 0vw 0.88vw 0 rgb(57 171 60);
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item .pku_cont_flex_item_img {
display: flex;
width: 15.63vw;
height: 15.63vw;
/*background-color: #fff;*/
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item .pku_cont_flex_item_img img {
width: 100%;
height: 100%;
object-fit: contain;
transition: all .2s;
}
.pku.scrolled .pku_cont .pku_cont_flex .pku_cont_flex_item .pku_cont_flex_item_img img {
display: block;
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item .pku_cont_flex_item_img img.serv_img {
object-fit: cover;
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item:hover .pku_cont_flex_item_img img {
transform: scale(1.1);
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item .pku_cont_flex_item_cena {
position: absolute;
right: 0;
max-width: 10.31vw;
width: 100%;
top: 0;
background-image: url(../../img_blue/price_bg2.svg);
background-repeat: no-repeat;
background-position: left bottom;
background-size: cover;
padding: 0.36vw 0.05vw 0.36vw 0.73vw;
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item .pku_cont_flex_item_cena span {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.78vw;
line-height: 1.35vw;
color: #222
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item .pku_cont_flex_item_cena h4 {
font-family: Circe;
font-style: normal;
font-weight: 900;
font-size: 0.89vw;
line-height: 1.04vw;
text-align: center;
color: #0066b0
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item .pku_cont_flex_item_text {
padding: 1vw 0 5vw 0;
width: 14.84vw;
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item .pku_cont_flex_item_text h2, .pku .pku_cont .pku_cont_flex .pku_cont_flex_item .pku_cont_flex_item_text h3 {
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 1.15vw;
line-height: 1.56vw;
text-transform: uppercase;
color: #222;
margin-bottom: 0.57vw;
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item .pku_cont_flex_item_text .pku_cont_flex_item_text_p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.83vw;
line-height: 1.25vw;
margin-bottom: 0.57vw;
color: #222
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item .pku_cont_flex_item_text .but {
display: inline-block;
padding: 0.52vw 1.51vw;
margin-bottom: 1vw;
border: 0.05vw solid #0066b0;
border-radius: 0.21vw;
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.78vw;
line-height: 1.15vw;
text-align: center;
transition: all .2s;
opacity: 0;
color: #222
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item:hover {
border: 2px solid #0066b0;
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item:hover .pku_cont_flex_item_cena:before {
border-bottom: 0.73vw solid #f0f0f0;
border-left: 1.3vw solid #f0f0f0
}
.pku .pku_cont .pku_cont_flex .pku_cont_flex_item:hover .pku_cont_flex_item_text .but {
opacity: 1
}
.pku_text {
margin-top: 4vw;
margin-bottom: 4vw;
}
.pku_text .pku_text_cont_text {
max-width: 66.67vw;
width: 100%;
margin: 0 auto
}
.pku_text .pku_text_cont_text h1 {
margin-bottom: 1vw;
}
.pku_text .pku_text_cont_text h2 {
font-size: 1.7vw;
margin-bottom: 1vw;
}	
.pku_text .pku_text_cont_text h4 {
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 1.41vw;
line-height: 1.67vw;
margin-bottom: 1.67vw;
text-transform: uppercase;
color: #222
}
.pku_text .pku_text_cont_text, .pku_text .pku_text_cont_text h5, .pku_text .pku_text_cont_text p, .pku_text .pku_text_cont_text ul li {
font-size: 1.1vw;
font-family: Circe;
font-style: normal
}
.pku_text .pku_text_cont_text .date {
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
color: #939393;
}
.pku_text .pku_text_cont_text .img_right {
float: right;
border-radius: 0.5vw;
overflow: hidden;
margin: 0 0 1vw 1vw;
}
.pku_text .pku_text_cont_text .img_right img {
display: block;
}
.pku_text .pku_text_cont_text p {
font-weight: 400;
line-height: 1.46vw;
margin-bottom: 1vw;
color: #222
}

/*.pku_text .pku_text_cont_text p span { font-weight: 700; margin: 0 0.26vw }*/

.pku_text .pku_text_cont_text p a {
text-decoration: underline;
color: #0066b0;
margin: 0 0.26vw
}

/*.pku_text .pku_text_cont_text p:nth-child(2) { margin-bottom: 1.25vw }*/

.pku_text .pku_text_cont_text h5 {
margin: 1.67vw 0 0.78vw;
font-weight: 600;
line-height: 1.09vw;
color: #222
}
.pku_text .pku_text_cont_text ul {
margin-bottom: 1vw;
}
.pku_text .pku_text_cont_text ul li {
list-style: disc;
list-style-position: inside;
margin-bottom: 0.5vw;
}
.pku_text .pku_text_cont_text ul span {
margin-right: 0.78vw;
color: #0066b0;
font-weight: 800
}
.etm_10_main {
padding: 4.64vw 1.04vw 4.79vw
}
.etm_10_main .etm_10_main_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top {
display: flex;
justify-content: space-between;
width: 100%;
margin-bottom: 5.83vw;
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_left {
max-width: 33.23vw;
width: 100%;
height: 29.95vw;
position: relative
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_left img {
position: absolute;
left: 0;
z-index: -1;
max-width: 100%;
max-height: 100%;
border-radius: 0.5vw;
overflow: hidden;
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right {
margin-left: 1.25vw;
max-width: 27.45vw;
width: 100%
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .last_p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 1.15vw;
line-height: 1.67vw;
color: #222;
position: relative
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .last_p:before {
content: "";
background-image: url("../../img_blue/Group 6 (1).png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 3.59vw;
height: 1.5vw;
position: absolute;
top: 0;
left: -4.48vw;
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .etm_10_main_cont_top_right_cena {
margin: 2.55vw 0 3.49vw;
display: flex;
position: relative
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .etm_10_main_cont_top_right_cena .etm_10_main_cont_top_right_cena_left {
max-width: 14.27vw;
width: 100%
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .etm_10_main_cont_top_right_cena .etm_10_main_cont_top_right_cena_left p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.78vw;
line-height: 1.15vw;
margin-left: 1.04vw;
margin-top: 0.36vw;
color: #222
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .etm_10_main_cont_top_right_cena .etm_10_main_cont_top_right_cena_left .stoimost {
background-image: url("../../img_blue/price_bg.svg");
background-repeat: no-repeat;
background-size: contain;
padding: 0.57vw 1.04vw;
max-width: 14.17vw;
min-height: 4.9vw;
width: 100%;
z-index: 2;
position: relative
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .etm_10_main_cont_top_right_cena .etm_10_main_cont_top_right_cena_left .stoimost p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.94vw;
line-height: 1.56vw;
color: #222;
margin: 0 0 0.26vw 0;
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .etm_10_main_cont_top_right_cena .etm_10_main_cont_top_right_cena_left .stoimost h4 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 1.15vw;
line-height: 1.35vw;
color: #222
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .etm_10_main_cont_top_right_cena .etm_10_main_cont_top_right_cena_left .stoimost h4 span {
font-size: 1.88vw;
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .etm_10_main_cont_top_right_cena .open_calc_btn {
width: 15vw;
height: 3.85vw;
position: absolute;
background: #0066b0;
box-shadow: 0.42vw 0.42vw 1.3vw rgba(57, 171, 60, .3);
border-radius: 0.21vw;
font-family: Circe;
border: 0.05vw solid #0066b0;
font-style: normal;
font-weight: 800;
right: -0.21vw;
bottom: -1.2vw;
z-index: 0;
font-size: 0.73vw;
transition: all .2s;
line-height: 1.09vw;
letter-spacing: .05em;
text-transform: uppercase;
color: #fff
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .etm_10_main_cont_top_right_cena .open_calc_btn:hover {
background: #fff;
color: #222
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .etm_10_main_cont_top_right__item_row {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
width: 100%
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .etm_10_main_cont_top_right__item_row .etm_10_main_cont_top_right__item_row_info {
width: 42%;
position: relative
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .etm_10_main_cont_top_right__item_row .etm_10_main_cont_top_right__item_row_info h3 {
font-family: Rubik;
font-style: normal;
font-weight: 300;
font-size: 3.75vw;
color: #222
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .etm_10_main_cont_top_right__item_row .etm_10_main_cont_top_right__item_row_info h3 span {
font-size: 1.88vw
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .etm_10_main_cont_top_right__item_row .etm_10_main_cont_top_right__item_row_info p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.89vw;
line-height: 1.25vw;
margin-top: 0.26vw;
color: #222
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_right .etm_10_main_cont_top_right__item_row .etm_10_main_cont_top_right__item_row_info:before {
content: "";
width: 3.23vw;
position: absolute;
z-index: -1;
height: 3.65vw;
left: -0.52vw;
top: 2.6vw;
background: #f0f0f0
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom, .etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom2 {
width: 100%
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom2 .etm_10_main_cont_bottom_title, .etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom .etm_10_main_cont_bottom_title {
width: 100%;
position: relative;
display: none
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom2 .etm_10_main_cont_bottom_title p, .etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom .etm_10_main_cont_bottom_title p {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 0.83vw;
line-height: 0.99vw;
text-transform: uppercase;
color: #0066b0
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom2:after, .etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom:after {
content: url("../../img_blue/Vector 28 (1).png");
position: absolute;
right: 0.99vw;
top: 0.63vw
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom2 .etm_10_main_cont_bottom_flex, .etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom .etm_10_main_cont_bottom_flex {
width: 100%;
display: flex;
flex-wrap: wrap
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom2 .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item, .etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item {
max-width: 13.33vw;
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
position: relative
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom2 .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item img, .etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item img {
max-width: 3.49vw;
margin-right: 0.68vw;
height: 3.65vw;
width: 100%
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom2 .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item .etm_10_main_cont_bottom_flex_item_text h4, .etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item .etm_10_main_cont_bottom_flex_item_text h4 {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.94vw;
line-height: 1.2vw;
transition: color .2s;
color: #222
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom2 .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item .etm_10_main_cont_bottom_flex_item_text p, .etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item .etm_10_main_cont_bottom_flex_item_text p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.73vw;
line-height: 1.09vw;
margin: 0.47vw 0 0.73vw;
color: #9d9d9d
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom2 .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item .etm_10_main_cont_bottom_flex_item_text span, .etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item .etm_10_main_cont_bottom_flex_item_text span {
opacity: 0;
max-width: 0.94vw;
transition: all .2s
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom2 .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item .etm_10_main_cont_bottom_flex_item_text span img, .etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item .etm_10_main_cont_bottom_flex_item_text span img {
max-width: 0.99vw;
height: unset
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom2 .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item:hover .etm_10_main_cont_bottom_flex_item_text h4, .etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item:hover .etm_10_main_cont_bottom_flex_item_text h4 {
color: #0066b0;
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom2 .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item:hover .etm_10_main_cont_bottom_flex_item_text span, .etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item:hover .etm_10_main_cont_bottom_flex_item_text span {
opacity: 1
}
.etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom2 .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item:nth-child(4) h4, .etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom .etm_10_main_cont_bottom_flex .etm_10_main_cont_bottom_flex_item:nth-child(4) h4 {
max-width: 5.21vw
}
.etm_10_main2 {
padding: 1.41vw 1.04vw 5.16vw
}
.etm_10_main2 .etm_10_main_cont .etm_10_main_cont_top {
align-items: center;
margin-bottom: 0
}
.etm_10_main2 .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_bottom2 {
margin-top: 4.22vw
}
.etm_10_main2 .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_bottom_flex_item {
margin-bottom: 2.86vw
}
.etm_10_main2 .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_bottom_flex_item:nth-child(3), .etm_10_main2 .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_bottom_flex_item:nth-child(4) {
margin-bottom: 0
}
.etm_10_main2 .etm_10_main_cont .etm_10_main_cont_top .etm_10_main_cont_top_left {
max-width: 30.21vw;
height: 33.75vw
}
.const_advantages .const_advantages_top {
background-image: url("../../img_blue/Mask Group (20).png");
background-size: cover;
width: 100%;
background-color: #222;
padding: 5.36vw 1.04vw;
height: 28.23vw;
position: relative
}
.const_advantages .const_advantages_top .const_advantages_top_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto;
position: relative
}
.const_advantages .const_advantages_top .const_advantages_top_cont h2 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 2.29vw;
line-height: 2.71vw;
text-transform: uppercase;
color: #fff;
margin-bottom: 2.6vw
}
.const_advantages .const_advantages_top .const_advantages_top_cont .const_advantages_top_cont_h2 {
display: none
}
.const_advantages .const_advantages_top .const_advantages_top_cont_right {
position: absolute;
right: 0;
top: 8.07vw;
display: flex;
justify-content: flex-start;
align-items: flex-start
}
.const_advantages .const_advantages_top .const_advantages_top_cont_right .kruglaya-volna2 {
left: 0;
cursor: pointer;
transform: unset;
position: relative
}
.const_advantages .const_advantages_top .const_advantages_top_cont_right .kruglaya-volna2:after {
content: url(../../img_blue/aaaaghjkj.svg);
position: absolute;
top: 0;
right: -4.01vw
}
.const_advantages .const_advantages_top .const_advantages_top_cont_right .kruglaya-volna2 .sunik {
border: 0.05vw solid hsla(0, 0%, 100%, .6)
}
.const_advantages .const_advantages_top .const_advantages_top_cont_right p {
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 1.25vw;
margin-top: -0.63vw;
margin-left: 6.04vw;
line-height: 1.67vw;
text-transform: uppercase;
color: #fff
}
.const_advantages .const_advantages_bottom {
padding: 0 1.04vw 5.68vw;
width: 100%;
margin: 0 auto
}
.const_advantages .const_advantages_bottom .const_advantages_bottom_cont {
max-width: 66.67vw;
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: -20.31vw auto 0;
position: relative;
flex-wrap: wrap
}
.const_advantages .const_advantages_bottom .const_advantages_bottom_cont .const_advantages_item_last {
width: 50%
}
.const_advantages .const_advantages_bottom .const_advantages_bottom_cont .const_advantages_item_last img {
width: 100%
}
.const_advantages .const_advantages_bottom .const_advantages_bottom_cont .const_advantages_item {
width: 24%;
margin-bottom: 2.34vw;
position: relative
}
.const_advantages .const_advantages_bottom .const_advantages_bottom_cont .const_advantages_item:before {
content: "";
background: linear-gradient(0deg, rgba(34, 34, 34, 0.6), rgba(34, 34, 34, 0) 90%);
position: absolute;
top: 0vw;
left: 0vw;
width: 100%;
height: 100%;
}
.const_advantages .const_advantages_bottom .const_advantages_bottom_cont .const_advantages_item img {
display: block;
width: 100%
}
.const_advantages .const_advantages_bottom .const_advantages_bottom_cont .const_advantages_item h4 {
background: #fff;
border-radius: 0 0.21vw 0 0;
padding: 0.36vw 0.36vw 0.36vw 0;
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.89vw;
position: absolute;
bottom: 0;
max-width: 13.85vw;
width: 100%;
line-height: 1.25vw;
color: #222
}
.const_advantages .const_advantages_bottom .const_advantages_bottom_cont .const_advantages_item:nth-child(2), .const_advantages .const_advantages_bottom .const_advantages_bottom_cont .const_advantages_item:nth-child(3) {
margin-top: 17.66vw
}
.const_advantages .const_advantages_bottom .const_advantages_bottom_cont .const_advantages_item:nth-child(5) h4, .const_advantages .const_advantages_bottom .const_advantages_bottom_cont .const_advantages_item:nth-child(6) h4 {
padding-right: 8.7vw
}
.const_advantages .const_advantages_bottom button, .const_advantages .const_advantages_bottom .popap_button {
margin: 1.41vw auto 0;
padding: 0.89vw;
text-align: center;
width: 15.73vw;
border: 0.05vw solid #0066b0;
height: 2.92vw;
transition: all .2s;
background: #0066b0;
box-shadow: 0.42vw 0.42vw 1.3vw rgba(57, 171, 60, .3);
border-radius: 0.21vw;
font-family: Circe;
font-style: normal;
font-weight: 800;
font-size: 0.73vw;
line-height: 1.09vw;
letter-spacing: .05em;
text-transform: uppercase;
color: #fff
}
.const_advantages .const_advantages_bottom button:hover, .const_advantages .const_advantages_bottom .popap_button:hover {
background: #fff;
color: #222
}
.const_advantages .const_advantages_bottom .show_all_btn {
border: 0.05vw solid #0066b0;
border-radius: 0.21vw;
margin-bottom: 0.78vw;
margin-top: 1.41vw;
background: #fff;
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.89vw;
display: none;
justify-content: center;
align-items: center;
line-height: 1.3vw;
text-align: center;
color: #222;
transition: all .2s
}
.const_advantages .const_advantages_bottom .show_all_btn svg {
margin-right: 0.52vw
}
.const_advantages .const_advantages_bottom .show_all_btn path {
transition: all .2s
}
.const_advantages .const_advantages_bottom .show_all_btn:hover {
color: #fff;
background: #0066b0
}
.const_advantages .const_advantages_bottom .btn_cont {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column
}
.evolution_etm {
padding: 5.26vw 1.04vw 7.24vw;
background: #f0f0f0
}
.evolution_etm .evolution_etm_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto
}
.evolution_etm .evolution_etm_cont .zakaz_pku {
padding: 0.94vw 2.97vw;
background: #0066b0;
border: 0.05vw solid #0066b0;
box-shadow: 0.42vw 0.42vw 1.3vw rgba(57, 171, 60, .3);
border-radius: 0.21vw;
font-family: Circe;
display: none;
font-style: normal;
font-weight: 800;
font-size: 0.73vw;
line-height: 1.09vw;
letter-spacing: .05em;
text-transform: uppercase;
color: #fff;
transition: all .2s
}
.evolution_etm .evolution_etm_cont .zakaz_pku:hover {
background: 0 0;
color: #222
}
.evolution_etm .evolution_etm_cont h2 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 2.29vw;
line-height: 2.71vw;
text-transform: uppercase;
color: #222;
margin-bottom: 1.04vw
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_title {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2.4vw
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_title p {
max-width: 42.86vw;
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.99vw;
line-height: 1.56vw;
color: #222
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_title .zakaz_pku {
display: block
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left {
width: 49%
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item {
width: 100%;
padding: 0.78vw 0 0.78vw 2.24vw;
display: flex;
justify-content: flex-start;
align-items: flex-start;
position: relative;
margin-bottom: 2.45vw
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item:before {
content: "";
width: 3.13vw;
height: 3.13vw;
background: #939393;
opacity: .15;
position: absolute;
left: 0;
top: 0
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item .evolution_etm_cont_flex_img {
max-width: 13.02vw;
width: 100%;
position: relative;
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item .evolution_etm_cont_flex_img:after {
content: "";
position: absolute;
top: 0vw;
right: 0vw;
border: 0vw solid transparent;
border-right: 1.46vw solid #F0F0F0;
border-bottom: 1.09vw solid transparent;
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item .evolution_etm_cont_flex_item_text {
margin-left: 1.72vw;
margin-top: 0.78vw
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item .evolution_etm_cont_flex_item_text h4 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 1.04vw;
line-height: 1.67vw;
text-transform: uppercase;
color: #222
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item .evolution_etm_cont_flex_item_text p {
margin: 0.57vw 0 0;
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.89vw;
line-height: 1.25vw;
color: #222
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item .evolution_etm_cont_flex_item_text .st4 {
font-family: Rubik;
font-style: normal;
font-weight: 700;
font-size: 1.77vw;
line-height: 1.15vw;
position: absolute;
bottom: 1.25vw;
color: rgba(147, 147, 147, 0.2);
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item .evolution_etm_cont_flex_item_text .st4:after {
content: url(../../img_blue/Arrow.svg);
position: absolute;
right: -2.08vw;
top: 0
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item .evolution_etm_cont_flex_item_text .arrow_left:after {
transform: rotate(-90deg);
top: -1.25vw;
right: -2.97vw
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item_top {
position: relative;
height: unset;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item_top:before {
display: none
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item_top .evolution_etm_cont_flex_img {
max-width: unset
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item_top .evolution_etm_cont_flex_item_text {
display: flex;
justify-content: flex-end;
-ms-flex-align: end;
align-items: flex-end;
flex-direction: column;
max-width: 15.73vw;
margin-top: -2.08vw;
margin-right: 2.08vw
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item_top .evolution_etm_cont_flex_item_text h4 {
font-size: 1.88vw;
position: relative;
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item_top .evolution_etm_cont_flex_item_text p {
margin-bottom: 1.67vw
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item_top .evolution_etm_cont_flex_item_text .st4 {
color: rgb(57, 171, 60, 0.2);
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .evolution_etm_cont_flex_item_top .evolution_etm_cont_flex_item_text .st4::after {
display: none;
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .arrow_up {
position: relative;
padding-right: 0.78vw
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left .arrow_up:after {
content: url("../../img_blue/Arrow (1).svg");
position: absolute;
right: 0;
bottom: 0
}
.evolution_etm .evolution_etm_cont .evolution_etm_cont_flex .evolution_etm_cont_flex_left:nth-child(2) {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column
}
.expensive {
padding: 0 1.04vw 4.32vw;
margin-top: -2.08vw
}
.expensive .expensive_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between
}
.expensive .expensive_cont .expensive_cont_left {
max-width: 25.1vw;
width: 100%;
border: 0.16vw solid #fff
}
.expensive .expensive_cont .expensive_cont_left img {
width: 100%
}
.expensive .expensive_cont .expensive_cont_right {
max-width: 38.39vw;
margin-left: 1.25vw;
width: 100%;
margin-top: 5.52vw
}
.expensive .expensive_cont .expensive_cont_right p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.94vw;
line-height: 1.56vw;
color: #222
}
.expensive .expensive_cont .expensive_cont_right p span {
font-weight: 700;
margin: 0 0.26vw
}
.expensive .expensive_cont .expensive_cont_right P:nth-child(3) {
margin-top: 1.25vw;
margin-bottom: 1.25vw
}
.expensive .expensive_cont .expensive_cont_right h2 {
font-weight: 500;
font-size: 2.29vw;
color: #222;
margin-bottom: 1.04vw;
font-family: Rubik;
line-height: 2.71vw;
text-transform: uppercase;
font-style: normal
}
.partner2 {
padding: 2.29vw 1.04vw;
background: #222!important
}
.partner2 .partner_cont p {
color: #fff;
display: grid;
border-right: 0.05vw solid hsla(0, 0%, 100%, .1)
}
.partner2 .partner_cont p span {
color: #0066b0
}
.partner2 .partner_cont .swiper-container5 .swiper-wrapper .swiper-slide {
margin: 0 0.52vw!important;
min-width: 12.92vw!important
}
.partner2 .partner_cont .swiper-container5 .swiper-wrapper .swiper-slide img {
filter: grayscale(0)
}
.partner2 .partner_cont .swiper-container5 .btn {
position: absolute;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
justify-content: space-between;
max-width: 4.43vw;
left: 9.06vw;
width: 100%;
bottom: 0.73vw
}
.partner2 .partner_cont .swiper-container5 .btn div {
position: relative!important;
outline: 0!important;
transform: rotate(0)!important
}
.partner2 .partner_cont .swiper-container5 .btn div:after {
font-size: 0.73vw;
color: #fff!important;
font-weight: 600
}
.partner2 .partner_cont .swiper-container5 .btn div:hover:after {
color: #0066b0!important
}
.reliability {
padding: 1.72vw 1.04vw 5.73vw
}
.reliability .reliability_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center
}
.reliability .reliability_cont .reliability_cont_left {
max-width: 30.99vw;
width: 100%
}
.reliability .reliability_cont .reliability_cont_left h2 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 2.29vw;
line-height: 2.71vw;
text-transform: uppercase;
color: #222;
margin-bottom: 1.51vw
}
.reliability .reliability_cont .reliability_cont_left h2 span {
margin-right: 0.78vw;
position: relative;
display: inline-block;
z-index: 2
}
.reliability .reliability_cont .reliability_cont_left h2 span:before {
content: "";
width: 100%;
height: 0.31vw;
background: #0066b0;
position: absolute;
bottom: 0.36vw;
left: 0;
z-index: -1
}
.reliability .reliability_cont .reliability_cont_left p {
font-family: Circe;
font-style: normal;
font-weight: 350;
margin-bottom: 0.78vw;
font-size: 0.94vw;
line-height: 1.56vw;
color: #222;
padding-left: 1.67vw;
position: relative
}
.reliability .reliability_cont .reliability_cont_left p:before {
content: url("../../img_blue/Group (4).svg");
position: absolute;
left: 0;
top: 0
}
.reliability .reliability_cont .reliability_cont_left p:last-child {
margin-bottom: 0
}
.reliability .reliability_cont .reliability_cont_right {
max-width: 32.71vw;
width: 100%;
margin-left: 1.25vw
}
.reliability .reliability_cont .reliability_cont_right img {
width: 100%
}
.accessories {
padding: 0 1.04vw;
background: #f0f0f0;
position: relative
}
.accessories .accessories_cont {
max-width: 66.67vw;
width: 100%;
position: relative;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center
}
.accessories .accessories_cont .accessories_cont_left {
max-width: 28.13vw;
width: 100%;
margin: 5.26vw 0
}
.accessories .accessories_cont .accessories_cont_left h2 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 2.29vw;
line-height: 2.71vw;
text-transform: uppercase;
color: #222;
margin-bottom: 1.82vw
}
.accessories .accessories_cont .accessories_cont_left .accessories_cont_left_item {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
cursor: pointer
}
.accessories .accessories_cont .accessories_cont_left .accessories_cont_left_item.highlight p {
color: #0066b0;
}
.accessories .accessories_cont .accessories_cont_left p {
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 0.99vw;
line-height: 1.2vw;
margin-bottom: 1.56vw;
color: #222;
position: relative;
padding-left: 2.4vw
}
.accessories .accessories_cont .st3 {
width: 1.56vw;
height: 1.56vw;
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 0.78vw;
line-height: 1.56vw;
text-align: center;
color: #fff;
position: absolute;
top: 0vw;
left: 0vw;
z-index: 1;
cursor: pointer;
}
.accessories .accessories_cont .st3:before {
content: "";
width: 1.56vw;
height: 1.56vw;
position: absolute;
top: 0vw;
left: 0vw;
z-index: -1;
border-radius: 50%;
box-sizing: border-box;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.accessories .accessories_cont .st3.highlight:before {
border: 0.1vw solid #fff;
}
.accessories .accessories_cont .st3_1:before {
background: #caba17;
}
.accessories .accessories_cont .st3_2:before {
background: #1a467a
}
.accessories .accessories_cont .st3_3:before {
background: #0066b0
}
.accessories .accessories_cont .st3_4:before {
background: #222
}
.accessories .accessories_cont .st3_5:before {
background: #939393
}
.accessories .accessories_cont .accessories_cont_left p .st3 {
top: -0.21vw;
left: 0vw;
}
.accessories .accessories_cont .accessories_cont_left .accessories_cont_left_item:last-child p {
margin: 0
}
.accessories .accessories_cont .accessories_cont_left .hide_text {
position: absolute;
right: 5.21vw;
opacity: 0;
transition: all .2s
}
.accessories .accessories_cont .accessories_cont_left .hide_text span {
position: absolute;
left: 2.81vw;
top: 1.61vw;
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.15vw;
color: #222
}
.accessories .accessories_cont .accessories_cont_left .accessories_cont_left_item p:hover~.hide_text {
opacity: 1
}
.accessories .accessories_cont .accessories_cont_right {
position: relative;
max-width: 38.49vw;
height: 100%;
width: 100%
}
.accessories .accessories_cont .accessories_cont_right .st3:before {
height: 1.25vw;
top: 0.16vw;
opacity: 0.6;
}
.accessories .accessories_cont .accessories_cont_right .st3:hover:before, .accessories .accessories_cont .accessories_cont_right .st3.highlight:before {
opacity: 1;
}
.accessories .accessories_cont .accessories_cont_right .st3 span {
position: absolute;
top: 0.68vw;
left: -520.83vw;
z-index: -100;
background-color: #fff;
padding: 0.52vw 1.15vw;
opacity: 0;
font-family: Circe;
font-size: 0.83vw;
line-height: 1.04vw;
white-space: nowrap;
color: #222;
-webkit-box-shadow: 0.42vw 0.42vw 1.3vw rgba(0, 0, 0, 0.12);
box-shadow: 0.42vw 0.42vw 1.3vw rgba(0, 0, 0, 0.12);
-webkit-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
}
.accessories .accessories_cont .accessories_cont_right .st3.show {
z-index: 2;
}
.accessories .accessories_cont .accessories_cont_right .st3.show span {
left: calc(100% + 1.04vw);
opacity: 1;
}
.accessories .accessories_cont .accessories_cont_right .st3 span:after {
content: "";
position: absolute;
top: 0vw;
left: -0.73vw;
border-top: 0.36vw solid #fff;
border-left: 0.36vw solid transparent;
border-right: 0.36vw solid #fff;
border-bottom: 0.36vw solid transparent;
}
.accessories .accessories_cont .accessories_cont_right img {
max-width: 100%;
}
.gabarit {
padding: 5.52vw 1.04vw 5.73vw;
position: relative;
z-index: 1;
background: #fff
}
.gabarit .gabarit_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center
}
.gabarit .gabarit_cont .gabarit_cont_left h2 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 2.29vw;
line-height: 2.71vw;
text-transform: uppercase;
color: #222;
margin-bottom: 1.04vw
}
.gabarit .gabarit_cont .gabarit_cont_left .gabarit_cont_left_text {
max-width: 20.47vw;
width: 100%;
margin-top: -5.99vw
}
.gabarit .gabarit_cont .gabarit_cont_left .gabarit_cont_left_text h4 {
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 0.94vw;
line-height: 1.67vw;
margin-bottom: 0.36vw;
text-transform: uppercase;
color: #222
}
.gabarit .gabarit_cont .gabarit_cont_left .gabarit_cont_left_text .gabarit_cont_left_text_flex {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 3.02vw
}
.gabarit .gabarit_cont .gabarit_cont_left .gabarit_cont_left_text .gabarit_cont_left_text_flex p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.94vw;
line-height: 1.41vw;
color: #222
}
.gabarit .gabarit_cont .gabarit_cont_left .gabarit_cont_left_text .gabarit_cont_left_text_flex p span {
margin-left: 0.26vw;
font-weight: 700
}
.gabarit .gabarit_cont .gabarit_cont_left .gabarit_cont_left_text a {
padding: 0.89vw 2.19vw;
background: #0066b0;
border-radius: 0.21vw;
border: 0.05vw solid #0066b0;
box-shadow: 0.42vw 0.42vw 1.3vw rgba(57, 171, 60, .3);
font-family: Circe;
font-style: normal;
font-weight: 800;
font-size: 0.73vw;
line-height: 1.09vw;
letter-spacing: .05em;
text-transform: uppercase;
color: #fff;
transition: all .2s
}
.gabarit .gabarit_cont .gabarit_cont_left .gabarit_cont_left_text a:hover {
background: #fff;
color: #222
}
.gabarit .gabarit_cont .gabarit_cont_right {
position: relative;
display: flex;
width: 100%;
justify-content: flex-end
}
.gabarit .gabarit_cont .gabarit_cont_right img {
position: absolute;
left: -6.67vw;
max-width: 33.54vw;
top: 0.89vw
}
.gabarit .gabarit_cont .gabarit_cont_right .gabarit_cont_right_text {
max-width: 15.68vw;
margin-top: -2.08vw;
position: relative
}
.gabarit .gabarit_cont .gabarit_cont_right .gabarit_cont_right_text:before {
content: url(../../img_blue/fresdf.svg);
position: absolute;
left: -11.35vw;
top: 0.73vw
}
.gabarit .gabarit_cont .gabarit_cont_right .gabarit_cont_right_text h4 {
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 1.25vw;
line-height: 1.67vw;
margin-bottom: 1.2vw;
text-transform: uppercase;
color: #222
}
.gabarit .gabarit_cont .gabarit_cont_right .gabarit_cont_right_text p {
max-width: 8.65vw;
width: 100%;
display: flex;
justify-content: space-between;
font-family: Circe;
font-style: normal;
margin-bottom: 1.15vw;
font-weight: 350;
font-size: 1.04vw;
line-height: 1.51vw;
color: #222
}
.gabarit .gabarit_cont .gabarit_cont_right .gabarit_cont_right_text p span {
font-weight: 700
}
.gabarit .gabarit_cont .gabarit_cont_right .gabarit_cont_right_text .gabarit_cont_right_text_item {
margin-top: 0.89vw;
display: flex;
justify-content: flex-start;
align-items: flex-start
}
.gabarit .gabarit_cont .gabarit_cont_right .gabarit_cont_right_text .gabarit_cont_right_text_item img {
position: unset
}
.gabarit .gabarit_cont .gabarit_cont_right .gabarit_cont_right_text .gabarit_cont_right_text_item p {
flex-direction: column;
margin-left: 0.89vw;
margin-bottom: 0
}
.specifications {
padding: 5.21vw 1.04vw 5.21vw;
background: #f0f0f0
}
.specifications h3 {
font-family: Rubik;
font-weight: 500;
font-size: 1.458vw;
text-transform: uppercase;
margin-bottom: 1vw;
}
.specifications .specifications_cont_flex .dimensions_video_block {
min-width: 24vw;
opacity: 0;
transition: all .5s;
position: relative;
}
.specifications .specifications_cont_flex.scrolled .dimensions_video_block {
opacity: 1;
}
.specifications .dimensions_video {
overflow: hidden;
width: fit-content;
margin-bottom: 2vw;
margin: 0vw auto 0vw auto;
border-radius: 0.5vw;
border: 1px solid #D9D9D9;
position: relative;
height: 24vw;
width: 24vw;
background-color: #fff;
display: none;
}
.specifications .specifications_cont_flex.scrolled .dimensions_video {
display: block;
}
.specifications .dimensions_video::after {
content: "";
position: absolute;
top: 0vw;
left: 0vw;
width: 100%;
height: 100%;
background-image: url(../../img_blue/dimensions_video_pku.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.specifications .dimensions_video.played::after {
display: none;
}
.specifications .dimensions_video video {
display: block;
height: 100%;
}
.specifications .dimensions_video .video_but {
display: inline-block;
position: absolute;
left: 12vw;
top: 10vw;
z-index: 1;
}
.specifications .dimensions_video.played .video_but {
display: none;
}
.specifications .dimensions_video .video_but span {
position: absolute;
left: -1.5vw;
top: 0;
width: 4.6vw;
height: 4.6vw;
padding: 1.36vw 1.66vw;
background: linear-gradient(180deg, #51D254 0%, #0066b0 99.26%);
-webkit-box-shadow: 0px 40px 40px -20px rgb(57 171 60 / 40%), 0px 3px 0px 0px rgb(43 144 46);
box-shadow: 0px 40px 40px -20px rgb(57 171 60 / 40%), 0px 3px 0px 0px rgb(43 144 46);
-webkit-border-radius: 100%;
border-radius: 100%;
}
.specifications .dimensions_video:hover .video_but span {
background: linear-gradient(180deg, #4ecc50 0%, #329c36 99.26%);
}
.specifications .dimensions_video .video_but span svg {
width: 1.7vw;
height: 1.7vw;
display: inline-block;
}
.specifications .dimensions_video .kruglaya-volna2 {
left: calc(50% - 2.5vw);
top: calc(50% - 2.5vw);
cursor: pointer;
transform: unset;
position: relative;
z-index: 1;
}
.specifications .dimensions_video .kruglaya-volna2 .konaso-dasuva {
background: #fff;
height: 5.03vw;
width: 5.03vw;
}
.specifications .dimensions_video .kruglaya-volna2 .konaso-dasuva:hover {
background: #0066b0!important;
}
.specifications .dimensions_video .kruglaya-volna2 .lasuteke-sturad .play_vid_svg {
fill: #0066b0!important;
}
.specifications .dimensions_video .kruglaya-volna2 .konaso-dasuva:hover .play_vid_svg {
fill: #fff!important;
}
.specifications .dimensions_video .kruglaya-volna2 .sunik {
border: 0.05vw solid hsla(0, 0%, 100%, .6);
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.specifications .dimensions_video.played .kruglaya-volna2 {
display: none;
}
.specifications .specifications_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto
}
.specifications .specifications_cont h2 {
text-align: center;
margin-bottom: 3.07vw
}
.specifications .specifications_cont .specifications_cont_flex {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start
}
.specifications .specifications_cont .specifications_cont_flex .specifications_cont_flex_left {
/*max-width: 45vw;*/
width: 100%;
margin-right: 1.25vw;
opacity: 0;
transition: all .5s;
}
.specifications .specifications_cont .specifications_cont_flex.scrolled .specifications_cont_flex_left {
opacity: 1;
}
.specifications .specifications_cont .specifications_cont_flex .specifications_cont_flex_left p {
padding: 0.68vw 0;
max-width: 10.78vw;
margin-left: 1.04vw;
background: #fff;
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 0.99vw;
text-align: center;
text-transform: uppercase;
color: #222;
margin-bottom: 1.98vw
}
.specifications .specifications_cont .specifications_cont_flex .specifications_cont_flex_left img {
max-width: 100%;
/*max-height: 38.02vw;*/
margin-bottom: 1.67vw;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
display: none;
}
.specifications .specifications_cont .specifications_cont_flex.scrolled .specifications_cont_flex_left img {
display: block;
}

/*.specifications .specifications_cont .specifications_cont_flex .specifications_cont_flex_left a { margin-left: 1.04vw; padding: 0.94vw 4.53vw; background: #0066b0; border: 0.05vw solid #0066b0; box-shadow: 0.42vw 0.42vw 1.3vw rgba(57,171,60,.3); border-radius: 0.21vw; font-family: Circe; font-style: normal; font-weight: 800; font-size: 0.73vw; line-height: 1.09vw; letter-spacing: .05em; text-transform: uppercase; color: #fff; transition: all .2s }
.specifications .specifications_cont .specifications_cont_flex .specifications_cont_flex_left a:hover { background: 0 0; color: #222 }*/

.specifications .specifications_cont .specifications_cont_flex .specifications_cont_flex_right {
max-width: 22vw;
width: 100%
}
.specifications .specifications_cont_flex_right_tabel_block {
width: 100%;
/*margin-bottom: 3.13vw;*/
padding-left: 2vw;
opacity: 0;
transition: all .5s;
}
.specifications .specifications_cont_flex.scrolled .specifications_cont_flex_right_tabel_block {
opacity: 1;
}
.specifications .specifications_cont_flex_right_tabel_block .specifications_cont_flex_right_tabel_cont {
width: 100%;
border: 1px solid #D9D9D9;
border-radius: 0.5vw;
overflow: hidden;
}
.specifications .specifications_cont_flex_right_tabel_item {
width: 100%;
display: flex;
justify-content: space-between;
/*-ms-flex-align: center; align-items: center*/
background-color: #fff;
}
.specifications .specifications_cont_flex_right_tabel_item .tt1 {
padding: 0.78vw 1.3vw;
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 0.83vw;
line-height: 0.99vw;
text-transform: uppercase;
color: #222;
}
.specifications .specifications_cont_flex_right_tabel_item .tt1:nth-child(2) {
max-width: 10.26vw;
width: 100%;
text-align: center
}
.specifications .specifications_cont_flex_right_tabel_item p {
padding: 0.78vw 1.3vw;
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 1vw;
line-height: 1.41vw;
color: #222
}
.specifications .specifications_cont_flex_right_tabel_item span {
padding: 0.78vw 1.3vw;
max-width: 14vw;
width: 100%;
text-align: center;
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.94vw;
line-height: 1.41vw;
}
.specifications .specifications_cont_flex_right_tabel_item:nth-child(odd) {
background: #F8F8F8;
}
.specifications .specifications_cont_flex_right_tabel_item:first-child {
background: #EDEDED;
}
.specifications .specifications_cont .specifications_cont_flex_right_bottom {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 1vw;
}
.specifications .specifications_cont .specifications_cont_flex_right_bottom p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.94vw;
line-height: 1.41vw;
padding-left: 1.3vw;
margin: 0 2.86vw 0 1.3vw;
position: relative;
color: #222;
cursor: pointer;
}
.specifications .specifications_cont .specifications_cont_flex_right_bottom p:before {
content: url('../../img_blue/Vector 33.svg');
position: absolute;
left: 0;
top: 0
}
.specifications .specifications_cont .specifications_cont_flex_right_bottom .all_xarakter {
transition: all .2s;
}
.specifications .specifications_cont .specifications_cont_flex_right_bottom .all_xarakter:hover {
color: #0066b0;
;
}
.specifications .specifications_cont .specifications_cont_flex_right_bottom span {
padding-left: 1.88vw;
position: relative;
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.94vw;
line-height: 1.41vw;
color: #0066b0
}
.specifications .specifications_cont .specifications_cont_flex_right_bottom span:before {
content: url('../../img_blue/pdf-file-format-symbol 1.svg');
position: absolute;
left: 0;
top: 0
}
.specifications .specifications_cont .zakaz {
padding: 0.94vw 4.53vw;
background: #0066b0;
border: 0.05vw solid #0066b0;
box-shadow: 0.42vw 0.42vw 1.3vw rgba(57, 171, 60, .3);
border-radius: 0.21vw;
font-family: Circe;
font-style: normal;
font-weight: 800;
font-size: 0.73vw;
line-height: 1.09vw;
letter-spacing: .05em;
text-transform: uppercase;
color: #fff;
transition: all .2s
}
.specifications .specifications_cont .zakaz:hover {
background: 0 0;
color: #222
}
.specifications .specifications_cont .specifications_cont_bottom {
width: 100%;
margin-top: -4vw;
display: flex;
justify-content: space-between;
align-items: flex-start
}
.specifications .specifications_cont .specifications_cont_bottom .specifications_cont_bottom_item:first-child {
margin-right: 4.79vw;
margin-bottom: 2vw;
}
.specifications .specifications_cont .specifications_cont_bottom .specifications_cont_bottom_item:nth-child(2) h4:after {
content: "";
width: 0.21vw;
height: 98%;
background: #0066b0;
position: absolute;
left: -1.3vw;
top: 0
}
.specifications .specifications_cont .specifications_cont_bottom .specifications_cont_bottom_item {
max-width: 17.86vw;
width: 100%
}
.specifications .specifications_cont .specifications_cont_bottom .specifications_cont_bottom_item h4 {
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 1.15vw;
line-height: 1.56vw;
text-transform: uppercase;
color: #222;
margin-bottom: 1.04vw;
position: relative
}
.specifications .specifications_cont .specifications_cont_bottom .specifications_cont_bottom_item h4:before {
content: "";
width: 0.21vw;
height: 98%;
background: #0066b0;
position: absolute;
left: -0.89vw;
top: 0
}
.specifications .specifications_cont .specifications_cont_bottom .specifications_cont_bottom_item p {
max-width: 8.96vw;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 1.04vw;
margin-bottom: 1.09vw;
line-height: 1.51vw;
color: #222
}
.specifications .specifications_cont .specifications_cont_bottom .specifications_cont_bottom_item p span {
font-weight: 700
}
.specifications .specifications_cont .specifications_cont_bottom .specifications_cont_bottom_item .gabarit_cont_right_text_item:nth-child(5) {
margin-top: 0.78vw;
margin-bottom: 0.89vw
}
.specifications .specifications_cont .specifications_cont_bottom .specifications_cont_bottom_item .gabarit_cont_right_text_item {
max-width: 6.56vw;
display: flex;
justify-content: flex-start;
align-items: flex-start
}
.specifications .specifications_cont .specifications_cont_bottom .specifications_cont_bottom_item .gabarit_cont_right_text_item img {
margin-right: 0.89vw
}
.specifications .specifications_cont .specifications_cont_bottom .specifications_cont_bottom_item .gabarit_cont_right_text_item p {
margin-bottom: 0;
flex-direction: column;
align-items: flex-start
}
.specifications .specifications_cont .specifications_cont_bottom .specifications_cont_bottom_img {
max-width: 26.04vw;
width: 100%
}
.specifications .specifications_cont .specifications_cont_bottom .specifications_cont_bottom_img img {
max-width: 100%;
}
.specifications .docs {
width: 100%;
opacity: 0;
transition: all .2s/* display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap*/
}
.specifications .specifications_cont_flex.scrolled .docs {
opacity: 1;
}
.specifications .docs .item {
/*max-width: 13.3vw; */
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
position: relative;
background-color: #fff;
padding: 0.9vw 1.2vw 0.6vw 1.2vw;
margin-bottom: 1vw;
border-radius: 0.5vw;
opacity: 0;
}
.specifications .docs .item img {
max-width: 3vw;
margin-right: 0.68vw;
height: 3.65vw;
width: 100%
}
.specifications .docs .item .item_text {
padding-top: 0.3vw;
width: 100%;
}
.specifications .docs .item .item_text .title {
display: block;
font-size: 0.94vw;
transition: color .2s;
color: #222
}
.specifications .docs .item .item_text .ext {
font-size: 0.73vw;
line-height: 1.09vw;
margin: 0.47vw 0 0.73vw;
color: #9d9d9d
}
.specifications .docs .item .item_text .arr {
float: right;
opacity: 0;
max-width: 0.94vw;
transition: all .2s
}
.specifications .docs .item .item_text .arr img {
max-width: 0.99vw;
height: unset
}
.specifications .docs .item:hover .item_text .title {
color: #0066b0;
}
.specifications .docs .item:hover .item_text .arr {
opacity: 1
}
.specifications .specifications_cont_flex.scrolled .docs .item:nth-child(1) {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.2s;
}
.specifications .specifications_cont_flex.scrolled .docs .item:nth-child(2) {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.4s;
}
.specifications .specifications_cont_flex.scrolled .docs .item:nth-child(3) {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.6s;
}
.specifications .specifications_cont_flex.scrolled .docs .item:nth-child(4) {
animation: opacity_anim 0.5s forwards;
animation-delay: 0.8s;
}
.specifications .specifications_cont_flex.scrolled .docs .item:nth-child(5) {
animation: opacity_anim 0.5s forwards;
animation-delay: 1s;
}
.specifications .specifications_cont_flex.scrolled .docs .item:nth-child(6) {
animation: opacity_anim 0.5s forwards;
animation-delay: 1.2s;
}
.map {
width: 100%;
position: relative;
opacity: 0;
transition: all .5s;
}
.map.scrolled {
opacity: 1;
}
.map #map {
width: 100%;
height: 41.72vw
}
.map #map .ymaps-2-1-77-map {
height: 100%!important
}
.map .map_cont {
top: 0;
padding: 0 1.04vw;
position: absolute;
max-width: 68.75vw;
width: 100%;
left: 50%;
transform: translateX(-50%)
}
.map .map_cont h2 {
padding: 1.56vw;
background: #fff;
position: absolute;
left: calc(50% - 13vw);
line-height: 2.71vw;
margin-bottom: 3.07vw;
border-radius: 0 0 1vw 1vw;
}
.map .popover {
position: absolute;
z-index: 1000;
}
.map .popover .close {
position: absolute;
top: 0.16vw;
left: 19.06vw;
width: 1.56vw;
font-size: 1.56vw;
line-height: 1.56vw;
text-align: center;
z-index: 2;
}
.map .popover .bg {
position: absolute;
left: 0vw;
top: 0vw;
bottom: 0vw;
width: 100%;
background: #fff;
-webkit-box-shadow: 0.42vw 0.42vw 1.82vw rgba(0, 0, 0, 0.12);
box-shadow: 0.42vw 0.42vw 1.82vw rgba(0, 0, 0, 0.12);
border-radius: 1vw;
}
.map .popover .arrow {
position: absolute;
left: 0vw;
bottom: -0.73vw;
border-top: 0.36vw solid #fff;
border-left: 0.36vw solid #fff;
border-right: 0.36vw solid transparent;
border-bottom: 0.36vw solid transparent;
display: none;
}
.map .popover .map_mini_blok {
position: relative;
z-index: 1;
max-width: 28.65vw;
/*	height: 15.26vw;*/
display: flex;
justify-content: flex-start;
}
.map .popover .map_mini_blok_left {
padding: 1.4vw;
width: 20.83vw;
position: relative
}
.map .popover .map_mini_blok_left h3 {
font-family: Rubik;
font-weight: 500;
font-size: 1.3vw;
line-height: 1.2;
margin-bottom: 0.63vw;
text-transform: uppercase;
color: #222
}
.map .popover .map_mini_blok_left p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.83vw;
line-height: 1.4;
margin-right: 0.5vw;
}
.map .popover .map_mini_blok_left p b {
display: block;
}
.map .popover .map_mini_blok_left a.but {
padding: 0.47vw 1vw;
border: 0.05vw solid #0066b0;
border-radius: 0.21vw;
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.78vw;
line-height: 1.15vw;
transition: all .2s;
color: #222;
box-shadow: 0.42vw 0.42vw 1.82vw rgba(0, 0, 0, .12)
}
.map .popover .map_mini_blok_left a.but:hover {
background: #0066b0;
color: #fff
}
.map .popover .map_mini_blok_left .info {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 1vw;
}
.map .popover .map_mini_blok_left .images {
display: flex;
overflow: auto;
}
.map .popover .map_mini_blok_left .images::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.map .popover .map_mini_blok_left .images::-webkit-scrollbar-button {
background-color: #7a8392;
border-radius: 5px;
width: 0px;
height: 0px;
}
.map .popover .map_mini_blok_left .images::-webkit-scrollbar-track {
background-color: transparent;
}
.map .popover .map_mini_blok_left .images::-webkit-scrollbar-track-piece {
background-color: #F0F0F3;
}

/*.map .popover .map_mini_blok_left .images::-webkit-scrollbar-track-piece:hover {
background-color: #e3f2fd;
}*/

.map .popover .map_mini_blok_left .images::-webkit-scrollbar-thumb {
background-color: #9298A6;
border-radius: 5px;
}
.map .popover .map_mini_blok_left .images::-webkit-scrollbar-thumb:hover {
background-color: rgb(112, 112, 112);
}

/*.map .popover .map_mini_blok_left .images:hover::-webkit-scrollbar-thumb {
background-color: #2b5ba4;
}*/

.map .popover .map_mini_blok_left .images::-webkit-scrollbar-corner {
background-color: transparent;
}
.map .popover .map_mini_blok_left .images::-webkit-resizer {
background-color: transparent;
}
.map .popover .map_mini_blok_left .images img {
height: 4vw;
margin-right: 0.5vw;
border-radius: 0.3vw;
}
.map .popover .map_mini_blok_right {
padding-left: 0.26vw;
}
.map .popover .map_mini_blok_right .swiper-container6 {
max-width: 6.46vw;
width: 100%;
max-height: 100%;
position: relative;
overflow: hidden
}
.map .popover .map_mini_blok_right .swiper-container6 .swiper-wrapper {
flex-direction: column;
}
.map .popover .map_mini_blok_right .swiper-container6 .swiper-wrapper .swiper-slide {
height: 4.32vw;
margin-bottom: 0.26vw!important;
overflow: hidden;
}
.map .popover .map_mini_blok_right .swiper-container6 .swiper-wrapper .swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.map .popover .map_mini_blok_right .swiper-container6 .btn {
position: absolute;
bottom: 0;
width: 100%;
background: linear-gradient(0deg, #222, rgba(34, 34, 34, 0) 165%);
z-index: 2;
height: 1.51vw;
display: flex;
justify-content: center;
align-items: center
}
.map .popover .map_mini_blok_right .swiper-container6 .btn .swiper-button-next {
position: relative;
width: 100%!important;
right: unset!important;
top: unset!important;
margin-top: 0vw;
}
.map .popover .map_mini_blok_right .swiper-container6 .btn .swiper-button-next:after {
transform: rotate(90deg);
font-size: 1.04vw!important;
right: 0!important
}
.pku2 .pku_cont {
position: relative
}
.pku2 .pku_cont .pku_cont_title {
margin-bottom: 0
}
.pku2 .pku_cont .pku_cont_title h2 {
font-family: Rubik;
font-weight: 500;
font-size: 2.29vw;
line-height: 2.71vw;
font-style: normal;
text-transform: uppercase;
text-align: center;
color: #222;
margin-bottom: 2.45vw
}
.pku2 .pku_cont .swiper-container8 {
max-width: 66.67vw;
overflow: hidden
}
.pku2 .pku_cont .swiper-container8 .swiper-wrapper .swiper-slide {
max-width: 32.71vw;
width: 100%!important;
margin-right: 1.09vw;
height: auto;
opacity: 0;
transition: all .5s;
}
.pku2.scrolled .pku_cont .swiper-container8 .swiper-wrapper .swiper-slide {
opacity: 1;
}
.pku2 .pku_cont .swiper-container8 .swiper-wrapper .swiper-slide .pku_cont_flex_item {
display: flex;
width: 100%
}
.pku2 .pku_cont .swiper-container8 .btn {
position: absolute;
right: 0;
top: 0.2vw;
z-index: 2;
display: flex;
justify-content: flex-end;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
align-items: center
}
.pku2 .pku_cont .swiper-container8 .btn .swiper_button_next {
margin-left: 0.89vw
}
.pku2 .pku_cont .swiper-container8 .swiper-pagination {
display: none;
}
.specifications2 .specifications_cont .specifications_cont_flex .specifications_cont_flex_left {
max-width: 18.7vw
}
.canstructor2 .show_all_btn {
border: 0.05vw solid #0066b0;
border-radius: 0.21vw;
margin-bottom: 0.78vw;
margin-top: 1.41vw;
background: #fff;
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.89vw;
display: none;
justify-content: center;
align-items: center;
line-height: 1.3vw;
text-align: center;
color: #222;
transition: all .2s
}
.canstructor2 .show_all_btn svg {
margin-right: 0.52vw
}
.canstructor2 .show_all_btn path {
transition: all .2s
}
.canstructor2 .show_all_btn:hover {
color: #fff;
background: #0066b0
}
.canstructor2 .canstructor2_top {
width: 100%;
background: #f0f0f0;
padding: 5.36vw 1.04vw 10.47vw
}
.canstructor2 .canstructor2_top .canstructor2_top_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto
}
.canstructor2 .canstructor2_top .canstructor2_top_cont h2 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 2.29vw;
line-height: 2.71vw;
text-transform: uppercase;
color: #222;
margin-bottom: 1.67vw
}
.canstructor2 .canstructor2_top .canstructor2_top_cont .h222 {
display: none
}
.canstructor2 .canstructor2_top .canstructor2_top_cont .canstructor2_top_cont_btn {
width: 100%;
border-bottom: 0.05vw solid #d8d8d8;
display: flex
}
.canstructor2 .canstructor2_top .canstructor2_top_cont .canstructor2_top_cont_btn .canstructor2_select {
padding: 0 0 0.89vw;
border: unset;
border-bottom: 0.16vw solid transparent;
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 0.78vw;
line-height: 0.94vw;
text-transform: uppercase;
color: #222
}
.canstructor2 .canstructor2_top .canstructor2_top_cont .canstructor2_top_cont_btn .canstructor2_select_activ {
border-bottom: 0.16vw solid #0066b0;
color: #0066b0
}
.canstructor2 .canstructor2_top .canstructor2_top_cont .canstructor2_top_cont_btn .canstructor2_select:first-child {
margin-right: 1.77vw
}
.canstructor2 .canstructor2_top .canstructor2_top_cont .canstructor2_top_cont_btn2 {
display: none
}
.canstructor2 .canstructor2_bottom {
padding: 0 1.04vw 5.36vw;
margin-top: -6.77vw
}
.canstructor2 .canstructor2_bottom .canstructor2_bottom_cont {
max-width: 66.67vw;
width: 100%;
margin: 0 auto
}
.canstructor2 .canstructor2_bottom .canstructor2_bottom_cont .canstructor2_bottom_cont_top {
display: flex;
justify-content: space-between;
-ms-flex-align: end;
align-items: flex-end
}
.canstructor2 .canstructor2_bottom .canstructor2_bottom_cont .canstructor2_bottom_cont_top .canstructor_hide {
display: none
}
.canstructor2 .canstructor2_bottom .canstructor2_bottom_cont .canstructor2_bottom_cont_top .canstructor2_bottom_cont_item:nth-child(5) p {
max-width: 6.09vw
}
.canstructor2 .canstructor2_bottom .canstructor2_bottom_cont_item {
position: relative;
max-width: 11.25vw;
display: flex;
flex-direction: column;
justify-content: flex-end
}
.canstructor2 .canstructor2_bottom .canstructor2_bottom_cont_item:before {
content: "";
background-image: url("../../img_blue/Vector (1).png");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 0;
bottom: -0.21vw;
width: 9.3vw;
height: 7vw;
}
.canstructor2 .canstructor2_bottom .canstructor2_bottom_cont_item p {
margin-bottom: 1.3vw;
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
line-height: 1.25vw;
color: #222;
position: relative
}
.canstructor2 .canstructor2_bottom .canstructor2_bottom_cont_item p:before {
width: 0.36vw;
height: 0.36vw;
border-radius: 50%;
background: #0066b0;
left: -0.99vw;
top: 0.36vw;
position: absolute;
content: ""
}
.canstructor2 .canstructor2_bottom .canstructor2_bottom_cont_item span {
padding: 0.1vw 0.26vw;
background: #fff;
border-radius: 0.16vw 0 0;
font-family: Rubik;
font-style: normal;
font-weight: 700;
font-size: 0.83vw;
line-height: 1.15vw;
color: #0066b0;
position: absolute;
left: 0;
bottom: 0
}
.canstructor2 .canstructor2_bottom .canstructor2_bottom_cont_item img {
max-width: 9.01vw;
position: relative;
z-index: 1
}
.canstructor2 .canstructor2_bottom .canstructor2_bottom_cont_bottom {
width: 100%;
display: flex;
justify-content: space-between
}
.canstructor2 .canstructor2_bottom .canstructor2_bottom_cont_bottom .canstructor2_bottom_cont_item_last {
margin-top: 2.5vw;
max-width: 36.61vw;
width: 100%;
margin-right: 3.96vw
}
.canstructor2 .canstructor2_bottom .canstructor2_bottom_cont_bottom .canstructor2_bottom_cont_item_last img {
width: 100%
}
.canstructor2 .canstructor2_bottom .canstructor2_bottom_cont_bottom .canstructor2_bottom_cont_bottom_right {
margin-right: -2.4vw;
max-width: 25.68vw;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap
}
.caluclator {
padding: 0 1.04vw;
background: #f0f0f0;
/*position: absolute; top: 0vw; display: none;*/
}
.caluclator.show {
display: block;
}
.caluclator .sovet {
padding: 0.5vw 0.3vw;
max-width: 15.73vw;
z-index: 5;
width: 100%;
/*background: #fff; */
position: absolute;
left: 0;
top: 16vw
}
.caluclator .sovet .sovet_title {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 0.99vw;
display: none;
}
.caluclator .sovet .sovet_title img {
max-width: 5.05vw;
width: 100%
}
.caluclator .sovet .sovet_title .clous_Sovet {
position: absolute;
right: 1.2vw;
top: 1.2vw;
background: unset;
border: unset;
padding: 0
}
.caluclator .sovet .sovet_title .clous_Sovet img {
max-width: 0.73vw
}
.caluclator .sovet .sovet_title .sovet_title_text {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
margin-left: 1.04vw
}
.caluclator .sovet .sovet_title .sovet_title_text img {
max-width: 0.89vw
}
.caluclator .sovet .sovet_title .sovet_title_text span {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.15vw;
color: rgba(0, 0, 0, .5);
margin: 0.36vw 0 0
}
.caluclator .sovet .sovet_title .sovet_title_text h4 {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.73vw;
line-height: 1.15vw;
color: #222
}
.caluclator .sovet p {
max-height: 11.98vw;
overflow-y: scroll;
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.78vw;
line-height: 1.2vw;
color: #222
}
.caluclator .sovet p::-webkit-scrollbar-thumb {
background: #d8d8d8;
border-radius: 0.21vw
}
.caluclator .sovet p::-webkit-scrollbar {
width: 0.36vw;
border-radius: 0.21vw;
background: #f0f0f0
}
.caluclator .caluclator_cont {
position: relative;
max-width: 66.67vw;
width: 100%;
padding-top: 3vw;
padding-bottom: 3.5vw;
margin: 0 auto;
}
.caluclator .caluclator_cont #hide_calculator {
position: absolute;
top: 3.6vw;
right: 0vw;
font-family: Circe;
padding-left: 1.67vw;
font-style: normal;
display: block;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.25vw;
color: #0066b0;
}
.caluclator .caluclator_cont #hide_calculator:before {
content: url('../../img_blue/Vector 5.svg');
position: absolute;
left: 0;
top: 0
}
.caluclator .caluclator_cont h2 {
text-transform: uppercase;
margin-bottom: 1.5vw;
text-align: center;
}
.caluclator .caluclator_cont h2 .st3 {
font-family: Circe;
position: relative;
font-size: 1.2vw;
font-weight: 300;
}
.caluclator .caluclator_cont .caluclator_cont_manager {
font-family: Circe;
position: relative;
max-width: 15.7vw;
width: 100%;
background-color: #F6F6F6;
border-radius: 0 0 0 1vw;
}
.caluclator .caluclator_cont .caluclator_cont_manager img {
margin-left: 1.2vw;
min-width: 19.02vw;
width: 19.02vw;
position: absolute;
bottom: 0;
left: -3vw;
}
.caluclator .caluclator_cont .caluclator_cont_manager .info_block {
position: absolute;
bottom: 25vw;
left: 2vw;
width: 12vw;
background-color: #fff;
padding: 0.5vw;
border-radius: 0.5vw;
}
.caluclator .caluclator_cont .caluclator_cont_manager .title {
display: inline-block;
background: #fff;
font-size: 1.2vw;
/*	padding: 0.5vw 1vw;*/
width: 100%;
text-align: center;
/*	margin-top: -0.38vw;*/
/*	margin-bottom: 1vw;*/
}
.caluclator .caluclator_cont .caluclator_cont_manager .desc {
margin-top: 0.1vw;
text-align: center;
}
.caluclator .caluclator_cont .caluclator_cont_manager .desc h4 {
margin-bottom: 1vw;
}
.caluclator .caluclator_cont .caluclator_cont_manager .online {
position: absolute;
bottom: 17vw;
right: 1vw;
color: #fff;
background-color: #0066b0;
padding: 0.4vw 0.8vw;
-webkit-border-radius: 0.4vw;
border-radius: 0.4vw;
}
.caluclator .caluclator_cont .caluclator_cont_manager .online:before {
content: "";
background-color: #fff;
display: inline-block;
width: 0.4vw;
height: 0.4vw;
margin: 0 0.3vw 0.06vw 0;
-webkit-border-radius: 0.4vw;
border-radius: 0.4vw;
animation: shine2 1s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes shine2 {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.caluclator .caluclator_cont .caluclator_cont_first {
display: none;
}
.caluclator .caluclator_cont_progres {
height: 2vw;
background: #e6e6e6;
position: relative;
border-radius: 1vw 1vw 0vw 0vw;
}
.caluclator .caluclator_cont_progres p {
position: absolute;
left: 0;
top: 0;
width: 15%;
border-radius: 1vw 1vw 1vw 0vw;
height: 100%;
background-color: #0066b0;
background-image: url(../../images/lines.png);
background-repeat: repeat-x;
background-size: auto 100%;
animation: moveIt 1.5s infinite linear;
transition: all .5s;
opacity: 0.7;
}
.caluclator .caluclator_cont_progres p.done {
border-radius: 1vw 1vw 0vw 0vw;
}
.caluclator .caluclator_cont_progres span {
position: absolute;
top: 0.3vw;
left: 45%;
font-family: Circe;
font-style: normal;
font-weight: 700;
font-size: 0.89vw;
line-height: 1.46vw;
}
@keyframes moveIt {
from {
background-position: 0 center
}
to {
background-position: 1.9791vw center
}
}
.caluclator .caluclator_cont .caluclator_cont_rashet {
position: relative;
width: 100%;
border-radius: 0vw 0vw 1vw 1vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet h3 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 1.41vw;
line-height: 1.67vw;
text-transform: uppercase;
color: #222;
position: relative;
/*padding-left: 2.5vw;*/
margin-bottom: 1.34vw
}
.caluclator .caluclator_cont .caluclator_cont_rashet h3 .num {
position: absolute;
left: 0vw;
top: 0.16vw;
width: 1.3vw;
height: 1.3vw;
background: #0066b0;
border-radius: 0.21vw;
display: flex;
justify-content: center;
align-items: center;
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 0.83vw;
line-height: 1vw;
text-align: center;
text-transform: uppercase;
color: #fff
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex {
width: 100%;
display: flex;
justify-content: space-between;
-ms-flex-align: center;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left {
width: 100%;
padding: 2vw 0vw 4.45vw 2vw;
background-color: #fff;
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left {
padding: 2vw 0vw 0vw 2vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left.full_rashet {
width: 51vw;
min-height: 30vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts {
margin-left: -1.5vw;
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label.chek_option {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
border: 1px solid #d9d9d9;
margin-bottom: 1.5vw;
width: 26vw;
max-width: calc(100% - 1.5vw);
margin-left: 1.5vw;
cursor: pointer;
background-color: #fff;
padding: 0.6vw 0.5vw;
border-radius: 0.4vw;
transition: all ease 0.2s;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label.chek_option.o6 {
width: 22vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label.chek_option.o12 {
width: 14.3vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label.chek_option.o18 {
width: 10.3vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label.chek_option.clip_file_skip {
margin-top: 1vw;
margin-bottom: 0vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label.chek_option.gift_skip {
margin-top: 1vw;
margin-bottom: 0vw;
margin-left: 8vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label.chek_option:hover {
-webkit-box-shadow: 0vw 0.25vw 0.8vw 0.2vw rgb(163 163 163 / 38%);
box-shadow: 0vw 0.25vw 0.8vw 0.2vw rgb(163 163 163 / 38%);
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label.chek_option.active {
border: 1px solid #0066b0;
-webkit-box-shadow: 0vw 0vw 0vw 0vw rgb(57 171 60 / 100%);
box-shadow: 0vw 0vw 0vw 0vw rgb(57 171 60 / 100%);
transition: all ease 0.5s;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.94vw;
line-height: 1.41vw;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
color: #222
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label .chek {
margin-right: 0.42vw;
width: 1.8vw;
height: 1.8vw;
position: relative
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label .chek input {
width: 1.8vw;
height: 1.8vw;
opacity: 0
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label .chek span {
position: absolute;
left: 0;
top: 0;
background-color: #f5f6f6;
border-radius: 50%;
border: 1px solid #D9D9D9;
background-image: url(../../img_blue/check2.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 55%;
transition: all ease 0.2s;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label .chek span:after {
content: "";
display: block;
width: 1.3vw;
height: 1.3vw;
border: 0.3vw solid #fff;
border-radius: 50%;
}

/*.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label .chek span:after { content: ""; position: absolute; width: 1.15vw; height: 1.15vw; border-radius: 50%; left: 0vw; top: 0vw; 
transition: all ease 0.2s;
}*/


/*.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label:hover .chek span:after { background-color: #0066b0; background-image: url(../../img_blue/check.svg); opacity: 0.5; }*/

.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label:hover .chek span {
background-color: #90d992;
background-image: url(../../img_blue/check.svg);
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label .chek input:checked~span {
background-color: #0066b0;
background-image: url(../../img_blue/check.svg);
}

/*.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label .chek input:checked~span:after {
opacity: 1;
}*/

.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .full_opts {
flex-direction: row;
justify-content: flex-start;
max-width: none;
width: auto;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .clip_file_wrap {
display: flex;
align-items: flex-start;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .clip_file_wrap .opts {
width: 24vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .clip_file_wrap img {
width: 24.4791vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts .clip_file_block {
/*width: 23vw;*/
margin-left: 1.5vw;
margin-top: 2vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts .clip_file_block p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.94vw;
line-height: 1.2vw;
color: #222;
margin-bottom: 1vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts .file_block {
display: flex;
flex-direction: row-reverse;
width: 22.5vw;
max-width: 100%;
margin-bottom: 1vw;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts .file_block .file_button {
font-family: 'Circe', sans-serif;
font-size: 0.83vw;
color: #fff;
width: 7vw;
padding: 0.9vw 0.78vw 0.9vw 2.08vw;
border: 0.05vw solid #0066b0;
background-color: #0066b0;
background-image: url(../../images3/paper_clip_ico_hover.svg);
background-repeat: no-repeat;
background-position: 0.68vw 1vw;
background-size: 0.9vw;
cursor: pointer;
-webkit-border-radius: 0vw 0.31vw 0.31vw 0vw;
border-radius: 0vw 0.31vw 0.31vw 0vw;
-webkit-transition: color 0.1s ease, background 0.1s ease;
transition: color 0.1s ease, background 0.1s ease;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts .file_block:hover .file_button {
background-color: #2c982e;
color: #fff;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts .file_block .file_text {
font-family: 'Circe', sans-serif;
font-size: 0.73vw;
font-weight: 400;
background-color: #fff;
width: 15.5vw;
padding: 0.97vw 0.8vw 0.9vw 0.8vw;
border: 1px solid #d9d9d9;
border-right: 0;
-webkit-border-radius: 0.31vw 0vw 0vw 0.31vw;
border-radius: 0.31vw 0vw 0vw 0.31vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label.img_option {
display: block;
text-align: center;
position: relative;
max-width: 10.5vw;
margin-left: 1.5vw;
margin-bottom: 1vw;
cursor: pointer;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label.img_option .chek {
position: absolute;
left: 42%;
top: 9.7vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label.img_option p {
width: auto;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label.img_option .img {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 10.75vw;
height: 10.75vw;
border-radius: 1vw;
border: 1px solid #D9D9D9;
background-color: #fff;
margin-bottom: 1vw;
transition: all ease 0.2s;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label.img_option:hover .img {
border: 2px solid rgba(255, 255, 255, 0);
-webkit-box-shadow: 0vw 0.25vw 0.8vw 0.2vw rgb(163 163 163 / 38%);
box-shadow: 0vw 0.25vw 0.8vw 0.2vw rgb(163 163 163 / 38%);
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts label.img_option.active .img {
border: 2px solid #0066b0;
-webkit-box-shadow: 0vw 0vw 0vw 0vw rgb(57 171 60 / 100%);
box-shadow: 0vw 0vw 0vw 0vw rgb(57 171 60 / 100%);
transition: all ease 0.5s;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .select_messager {
width: 20vw;
padding: 0.6vw;
border: 1px solid #D8D8D8;
background-color: #fff;
font-family: Circe;
text-align: center;
font-size: 0.8vw;
font-weight: 400;
color: #222;
display: flex;
justify-content: space-between;
margin-bottom: 0.8vw;
cursor: pointer;
-webkit-border-radius: 0.31vw;
border-radius: 0.31vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .select_messager .messager {
width: 25%;
padding: 3vw 0.5vw 0.3vw 0.5vw;
background-position: center 0.5vw;
background-repeat: no-repeat;
background-size: 2.08vw;
-webkit-border-radius: 0.3vw;
border-radius: 0.3vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .select_messager .messager:hover, .caluclator .caluclator_cont .caluclator_cont_rashet .select_messager .messager.active {
background-color: #F2F2F2;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .select_messager .whatsapp {
background-image: url(../../images/whatsapp.svg);
}
.caluclator .caluclator_cont .caluclator_cont_rashet .select_messager .viber {
background-image: url(../../images/viber.svg);
}
.caluclator .caluclator_cont .caluclator_cont_rashet .select_messager .sms {
background-image: url(../../images/sms.svg);
}
.caluclator .caluclator_cont .caluclator_cont_rashet .select_messager .telegram {
background-image: url(../../images/telegram.svg);
}
.caluclator .caluclator_cont .caluclator_cont_rashet .select_messager .email {
background-image: url(../../images/email.svg);
}
.caluclator .caluclator_cont .caluclator_cont_rashet .intext_block .intext {
width: 100%;
margin-bottom: 1vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .intext_block .input_phone {
background-image: url(../../images/phone2_ico.svg);
background-repeat: no-repeat;
background-position: 0.9vw center;
background-size: 0.9vw;
padding-left: 2.5vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .intext_block .input_email {
background-image: url(../../images/email3_ico.svg);
background-repeat: no-repeat;
background-position: 0.9vw center;
padding-left: 2.5vw;
margin-bottom: 0;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .button2 {
width: 100%;
margin-top: 1.5vw;
margin-bottom: 1vw;
padding: 1.3vw 0vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_right {
width: 22vw;
min-height: 25.26vw;
text-align: right;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_flex .caluclator_cont_rashet_right img {
max-width: 100%;
max-height: 100%;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom {
width: 100%;
padding: 0vw 1.5vw 1.5vw 3vw;
margin-top: -4.45vw;
display: flex;
justify-content: space-between;
align-items: center;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .click_info {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.94vw;
line-height: 1.2vw;
color: #222;
position: relative;
width: 18vw;
padding-left: 2.5vw;
margin-left: 16vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .click_info::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 2.5vw;
height: 2.5vw;
background-image: url(../../img_blue/hand_ico.svg);
background-repeat: no-repeat;
background-position: 0.4vw 0.1vw;
background-size: contain;
z-index: 1;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .click_info .sunik {
border-radius: 50%;
border: 1px solid rgb(57 171 60 / 0%);
position: absolute;
left: 0.75vw;
top: 0.45vw;
width: 0.8vw;
height: 0.8vw;
animation: video_but2 3s linear infinite;
pointer-events: none;
box-shadow: 0 0 0.1vw 0.1vw rgb(57 171 60 / 40%), inset 0 0 0.1vw 0.1vw rgb(57 171 60 / 40%);
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .click_info .sunik:nth-of-type(2) {
animation-delay: 1s
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .click_info .sunik:nth-of-type(3) {
animation-delay: 2s
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .click_info .sunik:nth-of-type(4) {
animation-delay: 3s
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .cena {
max-width: 8.44vw;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .cena p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.94vw;
line-height: 1.56vw;
color: #222
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .cena h4 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 1.67vw;
line-height: 1.98vw;
color: #0066b0
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .buttons {
position: relative;
/*max-width: 16.73vw; width: 100%; */
display: flex;
justify-content: flex-end;
align-items: center
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .buttons .prev_calc {
padding: 0.94vw 1.41vw;
width: 8vw;
margin-right: 3vw;
height: 2.92vw;
font-family: Circe;
font-style: normal;
font-weight: 800;
font-size: 0.73vw;
text-transform: uppercase;
display: flex;
justify-content: space-between;
align-items: center;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .buttons .prev_calc::before {
content: "";
display: inline-block;
width: 1vw;
height: 1vw;
margin-bottom: 3px;
background-image: url(../../img_blue/arr_back.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transform: scaleX(-1);
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .buttons .next_calc {
width: 9vw;
height: 2.92vw;
padding: 0.94vw 1.35vw 0.94vw 1.46vw;
background-image: linear-gradient(to top, #2e9330, #47c94a);
border-radius: 0.5vw;
font-family: Circe;
font-style: normal;
font-weight: 600;
font-size: 0.9vw;
border: unset;
line-height: 1.09vw;
display: flex;
justify-content: space-between;
align-items: center;
letter-spacing: .05em;
text-transform: capitalize;
color: #fff;
box-shadow: 0 19px 49px 0 #fe585119, 0 4px 0 0 #055a07;
transition: all ease 0.2s;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .buttons .next_calc:hover {
background-image: linear-gradient(to top, #37a739, #51d453);
}

/*.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .buttons .next_calc::after {
content: "";
display: inline-block;
width: 1vw;
height: 1vw;
margin-bottom: 3px;
background-image: url(../../img_blue/arr_next.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}*/

.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .buttons .next_calc.disabled {
opacity: .5;
cursor: no-drop;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .buttons .next_calc.disabled:hover {
background-image: linear-gradient(to top, #2e9330, #47c94a);
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .buttons .but_info {
max-width: 9vw;
box-shadow: 0 0 18px 0 #28272819;
width: 100%;
padding: 0.4vw 0.4vw;
position: absolute;
right: 0;
bottom: 116%;
font-family: Circe;
font-size: 0.7vw;
line-height: 1.2;
text-align: center;
background-color: #fff;
border-radius: 0.5vw;
transform: scale(0);
transition: all ease 0.2s;
}
.caluclator .caluclator_cont .caluclator_cont_rashet .caluclator_cont_rashet_bottom .buttons .but_info.show {
transform: scale(1);
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 {
border-bottom: unset
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_left p {
font-family: Circe, sans-serif;
font-size: 1.15vw;
font-weight: 300;
margin-bottom: 1vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_left p a {
color: #0066b0;
text-decoration: underline;
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_left p a:hover {
text-decoration: none;
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_left .st2 {
font-size: 0.7vw;
line-height: 1.2;
font-weight: 400;
margin-bottom: 1vw;
text-align: center;
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_left .st3 {
font-size: 0.9vw;
line-height: 1.2;
font-weight: 400;
margin-bottom: 1vw;
text-align: center;
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_progres p {
width: 100%
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex {
border-bottom: unset;
/*-ms-flex-align: start; align-items: flex-start;*/
justify-content: space-between
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left {
/*margin-right: 1.25vw*/
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .caluclator_cont_rashet_form {
display: flex;
align-items: stretch;
position: relative;
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .caluclator_cont_rashet_form_left {
width: 20vw;
min-height: 25.2vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .smartphone {
width: 20.2vw;
min-height: 24.2vw;
background-image: url(../../img_blue/smartphone.png);
background-position: center bottom;
background-size: contain;
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .caluclator_cont_rashet_form_gift {
position: absolute;
top: 0vw;
right: 1vw;
display: block;
text-align: center;
max-width: 10.5vw;
margin-left: 1.5vw;
margin-bottom: 1vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .caluclator_cont_rashet_form_gift .chek {
position: absolute;
left: 42%;
top: 9.7vw;
margin-right: 0.42vw;
width: 1.8vw;
height: 1.8vw;
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .caluclator_cont_rashet_form_gift .chek span {
position: absolute;
left: 0;
top: 0;
width: 1.8vw;
height: 1.8vw;
background-color: #0066b0;
border-radius: 50%;
border: 0.3vw solid #fff;
background-image: url(../../img_blue/check.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 55%;
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .caluclator_cont_rashet_form_gift p {
width: auto;
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .caluclator_cont_rashet_form_gift .img {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 10.75vw;
height: 10.75vw;
border-radius: 1vw;
background-color: #fff;
margin-bottom: 1vw;
border: 2px solid #0066b0;
-webkit-box-shadow: 0vw 0vw 0vw 0vw rgb(57 171 60 / 100%);
box-shadow: 0vw 0vw 0vw 0vw rgb(57 171 60 / 100%);
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .caluclator_cont_rashet_left_cena {
max-width: 23.65vw;
width: 100%;
display: flex
}
.etm_10_main2 .etm_10_main_cont .etm_10_main_cont_bottom2:after, .etm_10_main .etm_10_main_cont .etm_10_main_cont_bottom:after, .video_modal {
display: none
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .caluclator_cont_rashet_left_cena p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.78vw;
line-height: 1.15vw;
margin-left: 1.04vw;
margin-top: 0.36vw;
color: #222
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .caluclator_cont_rashet_left_cena .stoimost {
padding: 0.57vw 1.04vw;
max-width: 13.23vw;
width: 100%;
z-index: 2;
position: relative;
background-image: url(../../img_blue/SVGID\ 2.svg);
background-size: contain;
background-repeat: no-repeat;
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .caluclator_cont_rashet_left_cena .stoimost p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.94vw;
line-height: 1.56vw;
color: #222;
margin: 0
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .caluclator_cont_rashet_left_cena .stoimost h4 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 1.88vw;
line-height: 2.24vw;
color: #0066b0
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .caluclator_cont_rashet_left_cena .caluclator_cont_rashet_left_cena_right p {
font-family: Rubik;
font-style: normal;
font-weight: 300;
font-size: 1.25vw;
line-height: 1.46vw;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
color: #222
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts {
max-width: 20.16vw;
min-width: 20.16vw;
margin-top: 2.03vw;
width: 100%
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts input[type=submit] {
width: 100%;
height: 2.92vw;
background: #0066b0;
box-shadow: 0.42vw 0.42vw 1.3vw rgba(57, 171, 60, .3);
border-radius: 0.21vw;
border: 0.05vw solid #0066b0;
font-family: Circe;
font-style: normal;
font-weight: 800;
font-size: 0.73vw;
line-height: 1.09vw;
margin-top: 1.35vw;
letter-spacing: .05em;
text-transform: uppercase;
color: #fff;
transition: all .2s;
cursor: pointer;
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts input[type=submit]:hover {
background: #fff;
color: #222
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts .inp {
width: 100%;
margin-bottom: 1.35vw
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts .inp p {
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
line-height: 1.56vw;
margin-bottom: 0.31vw;
color: #222
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts .inp input {
width: 100%;
height: 2.92vw;
padding: 0 1.15vw;
background: #fff;
border: 0.05vw solid #e6e6e6;
border-radius: 0.21vw;
font-family: Circe;
font-style: normal;
font-weight: 400;
font-size: 0.89vw;
line-height: 1.25vw
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts .inp input::-webkit-input-placeholder {
color: #aaa
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts .inp input:-moz-placeholder, .caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts .inp input::-moz-placeholder {
color: #aaa
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts .inp input:-ms-input-placeholder, .caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts .inp input::-ms-input-placeholder {
color: #aaa
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_left .opts .inp input::placeholder {
color: #aaa
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_right {
max-width: 34.27vw;
width: 100%;
margin-top: 3.44vw
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_right img {
/*max-width: 40.73vw; width: 100%*/
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_right .cena p {
font-family: Circe;
font-style: normal;
font-weight: 350;
font-size: 0.94vw;
line-height: 1.56vw;
color: #222
}
.caluclator .caluclator_cont .caluclator_cont_rashet2 .caluclator_cont_rashet_flex .caluclator_cont_rashet_right .cena h4 {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 1.67vw;
line-height: 1.98vw;
color: #0066b0
}
.caluclator .submit_line {
position: relative;
}
.caluclator .submit_line .order_status {
position: absolute;
margin: -0.4vw 0 0 0;
width: 100%;
bottom: 5vw;
}
.support_filter {
margin-bottom: 1vw;
display: flex;
justify-content: space-between;
}
.support_filter .intext_select {
width: 21vw;
}
#src_support {
width: 22vw;
}
.support_type {
position: relative;
padding: 0 0 1.5vw 0;
}
.support_type h2 {
font-size: 1.5vw;
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;
margin-bottom: 0.5vw;
}
.support_type h2.files_title {
display: inline-block;
margin-top: 1vw;
margin-bottom: 0.5vw;
}
.support_type .value a.file_link {}
.support_type .value a.file_link:hover {
color: #19981C;
}
.support_type .value .intext {
width: 100%;
}
.support_type .file_line {
display: block;
padding: 1vw 0;
cursor: pointer;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.support_type .file_line:hover {
padding: 1vw 0 1vw 1vw;
background-color: #E8E8E8;
}
.support_type .file_line a {
display: block;
}
.support_type .file_line .icon {
display: inline-block;
vertical-align: middle;
width: 3vw;
height: 3vw;
background-image: url(../../img_blue/file_ico.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 100%;
color: #fff;
font-size: 0.7vw;
font-weight: 600;
text-transform: uppercase;
text-align: center;
padding: 1vw 0px;
}
.support_type .file_line .icon.blue {
background-image: url(../../img_blue/file_blue_ico.svg);
}
.support_type .file_line .icon.red {
background-image: url(../../img_blue/file_red_ico.svg);
}
.support_type .file_line .icon.green {
background-image: url(../../img_blue/file_green_ico.svg);
}
.support_type .file_line .icon.orange {
background-image: url(../../img_blue/file_orange_ico.svg);
}
.support_type .file_line .info {
display: inline-block;
vertical-align: middle;
width: calc(100% - 10vw);
padding: 0 1vw;
line-height: 1.2;
}
.support_type .file_line .info .name {
display: block;
max-width: 53vw;
font-family: 'Circe', sans-serif;
font-size: 1.2vw;
font-weight: 400;
line-height: 1.3;
margin-bottom: 0.4vw;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.support_type .file_line:hover .info .name {
color: #0066b0;
}
.support_type .file_line .info .date {
display: inline-block;
vertical-align: top;
font-family: 'Circe', sans-serif;
font-size: 0.8vw;
font-weight: 350;
line-height: 1.2;
padding-right: 0.8vw;
border-right: 1px solid #D8D8D8;
margin-right: 0.8vw;
}
.support_type .file_line .info .size {
display: inline-block;
vertical-align: top;
font-family: 'Circe', sans-serif;
font-size: 0.8vw;
font-weight: 400;
line-height: 1.2;
color: #9D9D9D;
}
.support_type .file_line .download {
display: inline-block;
vertical-align: middle;
width: 7vw;
font-size: 1vw;
/*	height: 2.5vw;
background-image: url(images/download_ico.svg);
background-repeat: no-repeat;
background-position: center;*/
}

/*.support_type .file_line .download:after {
content: "";
display: block;
width: 2.5vw;
height: 2.5vw;
background-image: url(images/download2_ico.svg);
background-repeat: no-repeat;
background-position: center;
opacity: 0;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.support_type .file_line:hover .download:after {
opacity: 1;
}*/

.support_type .file_line .download img {
width: 0.9vw;
margin-left: 0.5vw;
vertical-align: middle;
}
.suppurt_page {
background-color: #f0f0f0;
}
.suppurt_page .site_navigation {
margin-bottom: 0;
}
.suppurt_page h1 {
margin-bottom: 2vw;
}
.suppurt_page .login_form {
width: 30vw;
padding-bottom: 4vw;
margin: auto;
text-align: center;
}
.suppurt_page .login_form h1 {
text-align: center;
}
.suppurt_page .login_form .error, .suppurt_page .login_form .ok {
margin-bottom: 1vw;
}
.suppurt_page .login_form .block1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.suppurt_page .login_form .intext_block {
width: 100%;
margin-bottom: 1vw;
text-align: left;
}
.suppurt_page .login_form .intext_block .intext {
width: 100%;
}
.suppurt_page .login_form .code_line {
margin-bottom: 1vw;
}
.suppurt_page .login_form .code_line .intext {
width: 16.6vw;
}
.suppurt_page .login_form .code_line .code_img {
vertical-align: middle;
height: 3vw;
border-radius: 0.3vw;
}
.suppurt_page .login_form .code_line .code_refrash {
vertical-align: middle;
height: 2.5vw;
}
.suppurt_page .login_form .button2 {
margin: 0 0 1vw 0;
}
.suppurt_page .login_form .st2 {
font-size: 1vw;
}
.suppurt_page .login_form .st2 a {
color: #0066b0;
border-bottom: 0.05vw solid #0066b0;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.suppurt_page .login_form .st2 a:hover {
border-bottom: 0.05vw solid transparent;
}
.dealers_page {
background-color: #f0f0f0;
padding: 2vw 0;
}
.dealers_page .wrapper {
max-width: 93vw;
}
.dealers_page h1 {
text-align: center;
margin-bottom: 2vw;
}
.dealers_page .top_button {
padding: 0.7vw 1vw;
font-size: 0.9vw;
white-space: nowrap;
text-transform: none;
margin-bottom: 1vw;
}
.dealers_page .submit_offer_line {
text-align: center;
}
.pages {
text-align: center;
}
.pages a {
font-size: 1.3vw;
color: #252a3c;
height: 2vw;
width: 2vw;
margin: 0 0.2vw;
display: inline-block;
text-align: center;
line-height: 1.65;
vertical-align: middle;
text-decoration: none;
}
.pages a:hover {
color: #0066b0;
}
.pages a.active {
color: #fff;
-webkit-border-radius: 0.3vw;
border-radius: 0.3vw;
background-color: #0066b0;
}
.pages .left {
background-image: url(../../img_blue/arr2.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 1vw;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.pages .right {
background-image: url(../../img_blue/arr2.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 1vw;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.dealer_orders_top_line {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.status {
padding: 0.1vw;
-webkit-border-radius: 0.3vw;
border-radius: 0.3vw;
font-size: 0.8vw;
white-space: nowrap;
width: 5vw;
overflow: hidden;
min-height: 2vw;
display: flex;
justify-content: center;
align-items: center;
}
.status span {
white-space: normal;
}
.color_white {
background-color: #fff;
color: #000000;
border: 1px solid #EAEAEA;
}
.color_graylight {
background-color: #F2F2F2;
color: #000000;
}
.color_gray {
background-color: #CCCCCC;
color: #000000;
}
.color_pink {
background-color: #F3C2C2;
}
.color_pink2 {
background-color: #f5a4a4;
}
.color_brown {
background-color: #9C4E4E;
color: #FFFFFF;
}
.color_bluelight {
background-color: #89ACE0;
color: #FFFFFF;
}
.color_blue {
background-color: #2B5BA4;
color: #FFFFFF;
}
.color_greenlight {
background-color: #C1E89B;
}
.color_green {
background-color: #7AC530;
}
.color_green2 {
background-color: #00b050;
color: #FFF;
}
.color_violetlight {
background-color: #DA9EDA;
color: #FFFFFF;
}
.color_violet {
background-color: #B949B9;
color: #FFFFFF;
}
.color_yellow {
background-color: #F7DB18;
}
.color_red {
background-color: #DE3838;
color: #FFFFFF;
}
.color_darkred {
background-color: #801515;
color: #FFFFFF;
}
.color_orange {
background-color: #ff8c40;
}
.color_orangelight, .color_orange2 {
background-color: #ffad77;
}
.color_turquoiselight {
background-color: #B0F7F7;
}
.color_turquoise {
background-color: #70f0f0;
}
.dealer_orders_block {
overflow: auto;
}
.dealer_orders_table {
width: 100%;
font-size: 0.9vw;
line-height: 1.2;
}
.dealer_orders_table tr {
background-color: #F8F8F8;
}
.dealer_orders_table tr:hover {
background-color: #E8E8E8;
}
.dealer_orders_table>tbody>tr>th {
padding: 0.2vw 0.1vw 0.4vw 0.1vw;
background-color: #D5E6D5;
font-weight: normal;
text-align: center;
vertical-align: top;
white-space: nowrap;
font-size: 0.8vw;
font-weight: 600;
color: #222;
}
.dealer_orders_table>tbody>tr>th .asc:after {
content: "";
background-image: url(../../img_blue/sort_up.png);
background-position: center;
background-size: 0.8vw;
display: inline-block;
vertical-align: middle;
width: 0.8vw;
height: 0.8vw;
}
.dealer_orders_table>tbody>tr>th .desc:after {
content: "";
background-image: url(../../img_blue/sort_up.png);
background-position: center;
background-size: 0.8vw;
display: inline-block;
vertical-align: middle;
width: 0.8vw;
height: 0.8vw;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.dealer_orders_table>tbody>tr>th .intext {
text-align: left;
padding: 0.1vw 0.3vw;
font-size: 0.9vw;
line-height: 1.3;
min-width: 100%;
}
.dealer_orders_table>tbody>tr>th .intext_select>div {
min-width: 100%;
max-width: 5vw;
}
.dealer_orders_table>tbody>tr>th .intext_select>div:after {
height: 1.05vw;
}
.dealer_orders_table>tbody>tr>th .filter_num {
width: 3vw;
}
.dealer_orders_table>tbody>tr>th .filter_year {
width: 3vw;
}
.dealer_orders_table>tbody>tr>th .client_filter {
width: 3vw;
}
.dealer_orders_table>tbody>tr>th .object_filter {
width: 3vw;
}
.dealer_orders_table>tbody>tr>th.month_th .intext {
min-width: auto;
}
.dealer_orders_table>tbody>tr>th.month_th .intext_select {
width: 4.4vw;
}
.dealer_orders_table>tbody>tr>th.date_th .intext {
min-width: auto;
width: 4.2vw;
}
.dealer_orders_table>tbody>tr>td {
height: 3.7vw;
padding: 0.3vw 0.2vw;
text-align: center;
border-bottom: 1px solid #E8E8E8;
}
.dealer_orders_table>tbody>tr>td:first-child {
padding-left: 0.5vw;
}
.dealer_orders_table>tbody>tr>td:last-child {
padding-right: 0.5vw;
}
.dealer_orders_table>tbody>tr>td.content_td {
text-align: left;
white-space: nowrap;
}
.dealer_orders_table>tbody>tr>td.categories_td {
text-align: left;
white-space: nowrap;
}
.dealer_orders_table>tbody>tr>td.offer_date_end_td {
text-align: left;
white-space: nowrap;
}
.dealer_orders_table>tbody>tr>td span {
display: inline-block;
vertical-align: middle;
white-space: normal;
}
.dealer_orders_table .file_link {
display: inline-block;
text-decoration: none;
margin-bottom: 0.1vw;
}
.dealer_orders_table .file_link span {
text-decoration: underline;
}
.dealer_orders_table .file_link:hover span {
text-decoration: none;
}
.dealer_orders_table .offer_date_end {
display: inline-block;
}
.dealer_orders_table .dealer_order_edit {
width: 1.8vw;
height: 1.8vw;
}
.dealer_orders_table .refresh_ico {
width: 1.2vw;
height: 1.2vw;
vertical-align: middle;
margin-bottom: 0.1vw;
}
.dealer_orders_table .sand_ico {
width: 1.2vw;
height: 1.2vw;
vertical-align: middle;
}
.dealer_orders_table .clip_ico {
width: 1.2vw;
height: 1.2vw;
vertical-align: middle;
}
.dealer_orders_table .icon {
display: inline-block;
vertical-align: middle;
width: 2vw;
height: 2vw;
background-image: url(../../img_blue/file_ico.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 100%;
color: #fff;
font-size: 0.5vw;
font-weight: 600;
text-transform: uppercase;
text-align: center;
padding: 0.9vw 0px 0vw 0px;
}
.dealer_orders_table .icon.red {
background-image: url(../../img_blue/file_red_ico.svg);
}
.hide_h {
overflow: hidden;
height: 2vw;
width: max-content;
}
.hide_h2 {
overflow: hidden;
height: 2vw;
width: auto;
}
.hide_b {
background-color: #0066b094;
color: white;
font-size: 0.7vw;
text-decoration: none;
display: inline-block;
padding: 0vw 0.5vw 0.1vw 0.5vw;
-webkit-border-radius: 0.3vw;
border-radius: 0.3vw;
}
.hide_b:hover {
background-color: #0066b0;
}
.filter_date_block {
position: relative;
height: 1.5vw;
}
.filter_date_block .show_filter_date {
background-image: url(../../img_blue/calendar_ico.svg);
background-size: 1vw;
display: inline-block;
height: 1.5vw;
width: 2.5vw;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
border: 1px solid #dddddd;
background-color: #FFFFFF;
-webkit-border-radius: 0.3vw;
border-radius: 0.3vw;
-webkit-box-shadow: 0 0 0.2vw 0 rgba(0, 0, 0, 0.18);
box-shadow: 0 0 0.2vw 0 rgba(0, 0, 0, 0.18);
}
.filter_date_block .show_filter_date:hover {
background-color: #F0F5F1;
}
.filter_date_block .filter_date_main {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #FFF;
padding: 0.2vw;
z-index: 1;
-webkit-border-radius: 0.2vw;
border-radius: 0.2vw;
-webkit-box-shadow: 0 0 0.6vw 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 0.6vw 0 rgba(0, 0, 0, 0.5);
}
.filter_date_block .date_inp_block {
display: inline-block;
text-align: left;
vertical-align: top;
}
.filter_date_block .date_inp {
width: 3vw;
padding: 0.1vw 0.2vw;
margin: 0.3vw 0;
}
.filter_date_block .set_filter_block {
text-align: right;
margin-top: -1.5vw;
margin-bottom: 0.4vw;
}
.filter_date_block .set_filter_date {
background-image: none;
padding: 0.2vw 0.7vw;
margin-top: 0.2vw;
background-color: #0066b0;
color: #fff;
border-radius: 0.3vw;
}
.dealer_order_block {
display: inline-block;
vertical-align: top;
width: 44%;
margin-left: 6%;
}
.dealer_order_block:first-child {
width: 50%;
margin-left: 0%;
}
.dealer_order_block h2 {
text-align: center;
}
.dealer_order_block h3 {
display: inline-block;
text-align: center;
margin-bottom: 1vw;
font-size: 1.2vw;
padding-left: 35%;
}
.dealer_order_block .intext_block {
display: inline-block;
width: 65%;
}
.dealer_order_block .intext, .dealer_order_block .file_block {
width: 100%;
margin-bottom: 1vw;
}
.dealer_order_block .intext_title {
margin-bottom: 0.1vw;
text-align: left;
font-size: 1.1vw;
display: inline-block;
width: 35%;
vertical-align: top;
padding-top: 0.5vw;
}
.dealer_order_block .clip_ico {
width: 1.2vw;
height: 1.2vw;
vertical-align: middle;
}
.dealer_order_block .button3 {
font-family: 'Circe', sans-serif;
font-size: 0.9vw;
line-height: 1;
color: #fff!important;
text-align: center;
padding: 0.7vw 1vw;
border: 0px!important;
display: inline-block;
margin-bottom: 1vw;
cursor: pointer;
background-color: #0066b094;
-webkit-box-shadow: 0 0.2vw 0 0 #0066b0;
box-shadow: 0 0.2vw 0 0 #0066b0;
-webkit-border-radius: 0.5vw;
border-radius: 0.5vw;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.dealer_order_block .button3:hover {
background-color: #0066b0;
}
.dealer_order_block #refresh_offer {
background-image: url(../../img_blue/refresh2_ico.svg);
background-size: 1vw;
background-repeat: no-repeat;
background-position: 0.7vw 0.6vw;
padding-left: 2.2vw;
width: 9.5vw;
}
.dealer_order_block #add_object {
background-image: url(../../img_blue/plus_ico.png);
background-size: 1vw;
background-repeat: no-repeat;
background-position: 0.7vw 0.6vw;
padding-left: 2.2vw;
}
.dealer_order_block #add_category {
margin-bottom: 1vw;
background-image: url(../../img_blue/plus_ico.png);
background-size: 1vw;
background-repeat: no-repeat;
background-position: 0.7vw 0.6vw;
padding-left: 2.2vw;
}
.dealer_order_block #add_message {
margin-bottom: 1vw;
background-image: url(../../img_blue/plus_ico.png);
background-size: 1vw;
background-repeat: no-repeat;
background-position: 0.7vw 0.6vw;
padding-left: 2.2vw;
}
.dealer_order_block #add_phone {
margin-bottom: 1vw;
background-image: url(../../img_blue/plus_ico.png);
background-size: 1vw;
background-repeat: no-repeat;
background-position: 0.7vw 0.6vw;
padding-left: 2.2vw;
}
.dealer_order_block #add_email {
margin-bottom: 1vw;
background-image: url(../../img_blue/plus_ico.png);
background-size: 1vw;
background-repeat: no-repeat;
background-position: 0.7vw 0.6vw;
padding-left: 2.2vw;
}
.dealer_order_block #send_mail_upload_files_button {
background-image: url(../../img_blue/doc_plus_ico.png);
background-size: 1vw;
background-repeat: no-repeat;
background-position: 0.7vw 0.6vw;
padding-left: 2.2vw;
vertical-align: top;
}
.dealer_order_block .request_bill {
background-image: url(../../img_blue/order2_ico.png);
background-size: 1vw;
vertical-align: middle;
float: right;
background-repeat: no-repeat;
background-position: 0.7vw 0.6vw;
width: 9.5vw;
padding-left: 2.2vw;
margin-bottom: 0;
}
.dealer_order_block .show_questionnaire {
background-image: url(../../img_blue/check_online_ico.png);
background-size: 1vw;
background-repeat: no-repeat;
background-position: 0.7vw 0.6vw;
padding-left: 2.2vw;
vertical-align: middle;
margin-bottom: 1vw;
}
.dealer_order_block .show_support_file {
background-image: url(../../img_blue/download2_ico.png);
background-size: 1vw;
vertical-align: middle;
float: right;
background-repeat: no-repeat;
background-position: 0.7vw 0.6vw;
padding-left: 2.2vw;
margin-bottom: 1vw;
}
.dealer_order_block .input_phone {
width: calc(100% - 3vw);
}
.dealer_order_block .input_email {
width: calc(100% - 3vw);
}
.dealer_order_block .del_file, .dealer_order_block .del_object {
width: 1.2vw;
height: 1.2vw;
vertical-align: middle;
cursor: pointer;
margin: 0 0 0.5vw 1vw;
}
.dealer_order_block .date_end_intext {
width: calc(100% - 10.5vw);
margin-right: 1vw;
}
.dealer_order_block .file_link {
display: inline-block;
text-decoration: none;
margin-bottom: 0.5vw;
}
.dealer_order_block .file_link span {
text-decoration: underline;
}
.dealer_order_block .file_link:hover span {
text-decoration: none;
}
.dealer_order_block .icon {
display: inline-block;
vertical-align: middle;
width: 2.5vw;
height: 2.5vw;
background-image: url(../../img_blue/file_ico.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 100%;
color: #fff;
font-size: 0.6vw;
font-weight: 600;
text-transform: uppercase;
text-align: center;
padding: 0.9vw 0 0 0;
}
.dealer_order_block .icon.red {
background-image: url(../../img_blue/file_red_ico.svg);
}
.dealer_order_block .but_line {
padding-left: 35%;
}
#account_main .input_phone {
width: 100%;
}
.dealers_page .ok, .dealers_page .error {
text-align: center;
margin-bottom: 1vw;
}
.dealers_page .st2 {
font-size: 1.1vw;
}
.dealers_page #show_history {
font-size: 1.1vw;
}
.dealers_page .history_line {
margin-bottom: 0.5vw;
font-size: 1.1vw;
}
.dealers_page .history_line span:first-child {
color: #0066b094;
}
.questionnaire_line {
padding: 0.5vw 0.5vw;
margin: 0 -0.5vw 1vw -0.5vw;
-webkit-border-radius: 0.5vw;
border-radius: 0.5vw;
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.questionnaire_line:hover {
background-color: #fff;
}
.questionnaire_block .intext_status {
text-align: center;
}
.questionnaire_line.err .intext_block {
-webkit-border-radius: 0.3vw;
border-radius: 0.3vw;
-webkit-box-shadow: 0 0 0.2vw 0 rgba(175, 0, 0, 0.5);
box-shadow: 0 0 0.2vw 0 rgba(175, 0, 0, 0.5);
}
.questionnaire_line .questionnaire_oimgs {
display: flex;
flex-wrap: wrap;
}
.questionnaire_line .oblock {
display: inline-block;
vertical-align: top;
width: 30%;
font-size: 0.9vw;
line-height: 1.1;
font-weight: 400;
text-align: center;
background-color: #F3F3F3;
-webkit-border-radius: 0.3vw;
border-radius: 0.3vw;
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease;
-webkit-box-shadow: 0 0 0.3vw 0.1vw rgba(0, 0, 0, 0.25);
box-shadow: 0 0 0.3vw 0.1vw rgba(0, 0, 0, 0.2);
margin: 0.5vw;
}
.questionnaire_line .oblock:hover {
background-color: #ffffff;
}
.questionnaire_line .oblock.active {
background-color: #0066b0;
color: #FFF;
-webkit-box-shadow: 0 0 0.3vw 0.1vw rgba(16, 130, 18, 0.7);
box-shadow: 0 0 0.3vw 0.1vw rgba(16, 130, 18, 0.7);
}
.questionnaire_line .intext_title {
padding-top: 0.2vw;
}
.questionnaire_line .intext {
margin-bottom: 0;
}
.questionnaire_line .questionnaire_radio {
cursor: pointer;
height: 1vw;
width: 1vw;
background-color: white;
border: 1px solid #8a8a8a;
-webkit-border-radius: 0.5vw;
border-radius: 0.5vw;
vertical-align: bottom;
background-image: url(../../img_blue/radio.png);
background-repeat: no-repeat;
background-position: -20vw;
background-size: 1.1vw;
-webkit-text-size-adjust: none;
-webkit-appearance: none;
}
.questionnaire_line .questionnaire_radio:checked {
background-position: center;
}
.questionnaire_line .questionnaire_radio:disabled {
background-color: #ececec;
border: 1px solid #cccccc;
}
.questionnaire_line .oimg {
display: block;
position: relative;
height: 6vw;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #FFFFFF;
-webkit-border-radius: 0.3vw 0.3vw 0 0;
border-radius: 0.3vw 0.3vw 0 0;
cursor: zoom-in;
opacity: 0.8;
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.questionnaire_line .oimg:after {
content: "";
position: absolute;
bottom: 0.3vw;
right: 0.3vw;
width: 2vw;
height: 2vw;
background-image: url(images/zoom2.png);
background-size: contain;
background-repeat: no-repeat;
}
.questionnaire_line:hover .oblock .oimg {
opacity: 1;
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.questionnaire_line .oblock.active .oimg {
opacity: 1;
}
.questionnaire_line label {
padding: 0.3vw 0.2vw;
cursor: pointer;
display: block;
}
.video_modal {
position: fixed;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, .8);
padding: 1.04vw;
z-index: 1100;
top: 0;
left: 0;
justify-content: center
}
.video_modal .video_modal_cont {
position: relative;
width: 100%;
max-width: 26.04vw;
margin-top: 2.08vw
}
.video_modal .video_modal_cont .clous_vid {
position: absolute;
top: -1.04vw;
right: 0;
padding: 0;
background: unset;
border: unset
}
.video_modal video {
width: 100%;
max-width: 26.04vw
}