/*
Theme Name: Shifeng
Theme URI:
Author: Aleksey Chikun
Author URI: alekseychikun.ru
Description: 
Version: 1.0
License:
License URI:
Tags:
Text Domain:
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline:0; 
  font-size: 100%;
  font-family: 'Montserrat', 'Arial', sans-serif;
  font-weight: 400;
  vertical-align: middle;
  line-height: 1.25em;
  color: #101212;
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
  -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
  -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
}
html{ 
  font-family: 'Montserrat', 'Arial'; 
  font-weight: 400;
  font-size: 16px; 
  color: #000000; 
  width: 100%; 
  background-color: #F3F6F9;
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
  -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
  -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
  
}
body{ 
  margin:0px auto; 
  width: 100%; 
  min-width: 320px;
  /*max-width: 1920px;*/
  position: relative;
  padding-top: 0;
  overflow-x: hidden !important;
  
}
*{
  padding:0px; 
  margin:0px; 
  border: 0; 
  outline: 0;
  box-sizing: border-box;
  outline:none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
  -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
  -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
}
fieldset{
  border: 1px solid #111111;
  display: inline-block;
  padding: 0px 10px 5px 10px;

}
legend{
  padding: 0px 10px;
  font-size: 12px;
}
ul{
  list-style:none; 
  list-style-position: inside;
}
a{
  text-decoration:none;
  color: inherit;
}
a:hover{
  text-decoration:none; cursor: pointer;
}
p, code, span{
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  vertical-align: baseline;
}
  
input::-ms-clear {
   display: none;
}
span, strong{
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  vertical-align: baseline;
  line-height: inherit;
}
.hidden{
  display: none;
}  
.clr{
  clear:both;
}
a img{
  cursor: pointer;
}
img{
  max-width: 100%;
}
.b{
  font-family: inherit;
}
.text-left{
  text-align: left !important;
}
.text-right{
  text-align: right !important;
}
.text-center{
  text-align: center !important;
}
.hovered:hover{
  cursor: pointer;
}

.content{
  width: 81.125vw;
  height: auto;
  margin: auto;
  position: relative;
}
.button{
  position: relative;  
  text-align:center;  
  font-weight: 600;
  font-family: 'moula';
  font-size: 1vw;
  color: #ffffff;
  text-transform: uppercase;
  display: inline-block; 
  background: linear-gradient(180deg, #FF5D5D 0%, #EA2D2D 100%);
  border-radius: 0.3125vw;
  white-space: nowrap;
  outline: none;
  width: auto;
  height: 3.625vw;  
  overflow: hidden;
  padding-top: 0px;
  text-transform: uppercase;
  letter-spacing: 0.1vw;
}
a.button{
  line-height: 3.625vw;
}
.button:hover{
  background: #FF5D5D;
  cursor: pointer;
}
.button:active{
  background: #EC3131;
  margin-top: 2px;
}
.button:disabled{
  opacity: 0.5;
  cursor: default;
}
.button:disabled:hover{
  cursor: default;
}
.button:disabled:active{
  margin-top: 0px;
}
.buttonTransparent{
  position: relative;  
  text-align:center;  
  font-weight: 600;
  font-family: 'moula', 'Arial';
  font-size: 1vw;
  letter-spacing: 0.1vw;
  color: #EC3131;
  text-transform: uppercase;
  display: inline-block; 
  background: transparent;
  border-radius: 0.3125vw;
  border: 0.0625vw solid #EC3131;
  white-space: nowrap;
  outline: none;
  width: auto;
  height: 3.25vw;  
  overflow: hidden;
  padding-top: 0px;
  text-transform: uppercase;
  letter-spacing: 0.1vw;
}
.buttonTransparent:hover{
  cursor: pointer;
  background-color: #FF5D5D;
  color: #fff;
}
.buttonTransparent:active{
  background-color: #EC3131;
  border-color: #EC3131;
  color: #fff;
}
.button.tender:before{
  content: " ";
  display: inline-block;
  width: 1.125vw;
  height: 1vw;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url('pic/ico-tender.svg');
  margin-right: 0.625vw;
  vertical-align: top;
}
.button.star:before{
  content: " ";
  display: inline-block;
  width: 1vw;
  height: 1vw;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url('pic/ico-star.svg');
  margin-right: 0.625vw;
  vertical-align: top;
}
.button.black{
  background:  linear-gradient(180deg, #625E5E 0%, #202226 100%);
}
.button.black:hover{
  background: #625E5E;
}
.button.black:active{
  background: #202226;
}
.wrapBut{
  height: 3.75vw;
  position: relative;
}
.wrapBut52{
  height: 3.25vw;
  position: relative;
}
.wrapBut52 button{
  height: 3.25vw;
}
.wrapBut50{
  height: 3.125vw;
  position: relative;
}
.wrapBut50 button{
  height: 3.125vw;
}
.wrapBut40{
  height: 2.5vw;
  position: relative;
}
.wrapBut40 button{
  height: 2.5vw;
  font-size: 0.875vw;
}
.wrapBut.center{
  text-align: center;
}
.wrapBut.left{
  text-align: left;
}
.wrapBut.right{
  text-align: right;
}
.wrapBut.inline{
  display: inline-block;
}
.block{
  width: 100%;
  height: auto;
  /*max-width: 1920px;*/
  margin: auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.mobile, .mobileInline{
  display: none !important;
}
.fontTit{
  font-weight: 800;
  font-size: 2.5vw;
  color: #202226;
  text-align: left;
  padding: 0px 0px 1.875vw 0px;
  margin: 0px;
  line-height: 1.25em;
  position: relative;
  text-transform: uppercase;
}
.fontTit strong{
  color: #EC3131;
}
.fontTit span{
  font-weight: 400;
}
.wrapPhone{
  display: inline-block;
  position: relative;
}
.callDesctop{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
.callDesctop:hover{
  cursor: pointer;
}
.callDesctop.noHover:hover{
  cursor: default;
}
.dnone{
  opacity: 0;
}
#main{
  overflow: hidden;
  /*padding-top: 130px;*/
}

/****************BLOCK HEADLINE********************/
.blockHeadline{
  width: 100%;
  height: auto;
  position: fixed;
  z-index: 10;
  top: 0px;
  left: 50%;
  background-color: transparent;
  transform: translate3d(-50%, 0%, 0px);
  padding: 0px;
  transition: 0.5s;
}
.stopScroll .blockHeadline{
  transition: 0s;
}
.transition{
  transition: 0.5s;
  padding: 0;
}
.blockHeadline.scroll{
  background-color: #fff;
  transform: translate3d(-50%, 0px, 0px);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
.blockHead{
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 50%;
  transform: translate3d(-50%, 0px, 0px);
  padding: 0px;
  transition: background-color 0.5s;
}
.blockHead.scroll{
  background-color: #fff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
.headline{
  width: 100%;
  height: auto;
  margin: auto;
  text-align: center;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  grid-gap: 1.25vw;
  justify-content: space-between;
  position: relative;
  transition: 0.5s;
  max-width: 100%;
  
  padding: 1.69vw 2.81vw;
}
.headLeft{
  text-align: left;
  position: relative;
}
.headCenter{
  text-align: center;
}
.headRight{
  text-align: right;
}
.phoneTop{
  font-weight: 500;
  font-size: 1.06vw;
  color: #202226;
  white-space: nowrap;
}
.phoneTop.white{
  color: #fff;
}
.phoneTop:before{
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.625vw;
  width: 1.81vw;
  height: 1.5vw;
  /*background-repeat: no-repeat;
  background-position: 0px -1.5vw;
  background-size: 1.81vw 6vw;
  background-image: url('pic/ico-phone-circle.svg');*/
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url('pic/mask-phone-circle.svg');
  -webkit-mask-image: url('pic/mask-phone-circle.svg');
  background-color: #202226;
}
.phoneTop.white:before{
  background-color: #ffffff;
}
.callDesctop:hover + .phoneTop:before{
  background-color: #EC3131;
}
.callDesctop:active + .phoneTop:before{
  background-color: #202226;
}
.callDesctop:hover + .phoneTop, .phoneTop:hover{
  color: #EC3131 !important;
}
.callDesctop:active + .phoneTop, .phoneTop:active{
  color: #202226 !important;
}
.pulse{
  width: 3vw;
  height: 3vw;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: transparent;
  position: relative;
  filter: drop-shadow(0px 0px 20px rgba(83, 83, 83, 0.25));
}
.pulse img{
  width: 3vw;
  height: 3vw;
  display: block;
  flex-grow: 1;
}
.headLogoBlack{
  display: none;
}
.blockHeadline.scroll .headLogoBlack{
  display: block;
}
.blockHeadline.scroll .headLogoWhite{
  display: none;
}
.blockHeadline.scroll .smallMenuBut span{
  background-image: url('pic/menu-black.svg');
}
.blockHeadline.scroll .smallMenuBut{
  color: #202226;
}
.headLogo{
  width: 13.625vw;
  height: 2.69vw;
  position: relative;
}
.headLogo, .blockHeadline.scroll .headLogo.white{
  object-fit: cover;
  object-position: 0px -2.69vw;
}
.headLogo.white{
  object-position: 0px 0vw; 
}
.blockHeadline.scroll .phoneTop::before{
  background-position-y: -1.5vw;
}
.blockHeadline.scroll .phoneTop{
  color: #202226;
}
.blockHeadline.scroll .headline{
  padding: 0.7vw 2.81vw;
}
.headLogoWhite, .headLogoBlack{
  width: 13.63vw;
  height: auto;
  position: relative;
}
.linkComparePage{
  display: inline-block;
  width: 1.5vw;
  height: 1.5vw;
  vertical-align: middle;
  /*background-repeat: no-repeat;
  background-size: 1.5vw 4.5vw;
  background-image: url('pic/ico-compare-page.svg');
  background-position: 0px 0px;*/
  margin-right: 5.25vw;
  position: relative;
}
.linkComparePage:before{
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url('pic/mask-compare-page.svg');
  -webkit-mask-image: url('pic/mask-compare-page.svg');
  background-color: #202226;
}
.linkComparePage.white:before{
  /*background-position-y: -1.5vw;*/
  background-color: #ffffff;
}
.blockHeadline.scroll .linkComparePage.white:before{
  background-color: #202226;
}
.linkComparePage:hover:before{
  cursor: pointer;
  background-color: #EC3131 !important;
}
.linkComparePage span{
  display: block;
  width: 1.5vw;
  height: 1.5vw;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EC3131;
  position: absolute;
  top: 0vw;
  right: 0vw;
  transform: translate3d(84%, 0px, 0px);
  font-weight: 700;
  font-size: 0.81vw;
  color: #fff;
}


/*******************MOBILE MENU***********************/
.headMobileMenu{
  display: none;
  text-align: right;
}
.smallMenuBut{
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1.06vw;
  color: #202226;
  text-transform: uppercase;
  position: relative;
}
.smallMenuBut.white{
  color: #fff;
}
.smallMenuBut:hover{
  color: #EC3131 !important;
  cursor: pointer;
}
.smallMenuBut:active{
  color: #202226 !important;
}
.smallMenuBut span{
  width: 1.88vw;
  height: 1vw;
  z-index: 5;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 0vw;
  background-size: 100% 100%;
  background-image: url('pic/menu-black.svg');
  margin-right: 0.625vw;
}
.smallMenuBut.white span{
  background-image: url('pic/menu-white.svg');
}
.smallMenuBut:hover span{
  cursor: pointer;
  background-image: url('pic/menu-red.svg') !important;
}
.smallMenuBut:active span{
  cursor: pointer;
  background-image: url('pic/menu-black.svg') !important;
}
.smallMenu{
  width: 25vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 40px 40px 125px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0px;
  left: -100%;
  transition: 0.5s;
  z-index: 20;
  overflow-y: auto;
  max-height: 100%;
  /*padding: 0 0 9.3vw 0;*/
}
.smallHead{
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.19vw 1.75vw 2.19vw 2.625vw;
}
.smallMenuClose{
  width: 2.625vw;
  height: 1.06vw;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 2.625vw 3.19vw;
  background-image: url('pic/close-mob-menu.svg');
}
.smallMenuClose:hover{
  cursor: pointer;
  background-position-y: -1.06vw;
}
.smallMenuClose:active{
  background-position-y: -2.12vw;
}
.smallMenuMiddleIn .wrapPhone{
  margin-bottom: 0.625vw;
}
.butSmallMenu{
  width: 13.625vw;
}

.small-menu li{
  display: block;
  margin-bottom: 2.18vw;
  text-align: left;
}
.small-menu li a{
  font-weight: 500;
  font-size: 1.25vw;
  color: #202226;
  display: block;
  text-transform: uppercase;
}
.small-menu  li a:hover, .small-menu li.current-menu-item > a{
  color: #EC3131;
}
.small-menu li.current-menu-item > a{
  color: #EC3131;
}
.smallMenuCenter{
  text-align: center;
}
.smallMenuClose:hover{
  cursor: pointer;
}
.smallMenuCenter img{
  width: auto;
  height: auto;
}
.smallMenuContent{
  width: 100%;
  height: 100%;
  padding: 1.4vw 1.56vw 0px 1.56vw;
  text-align: left;
}
.smallMenuMiddle{
  padding: 0vw 1.56vw 0px 1.56vw;
}
.smallMenuMiddle:before{
  content: " ";
  display: block;
  width: 100%;
  height: 1px;
  border-top: 0.063vw solid #D9D9D9;
}
.smallMenuMiddleIn{
  display: inline-block;
  padding: 1.875vw 0 1.875vw 3.44vw;
}
.phoneMenu{
  font-weight: 700;
  font-size: 1.44vw;
  color: #313131;
}
.small-menu{
  padding: 0px 3.44vw 0px 3.44vw;
}
.small-menu .sub-menu{
  width: auto;
  left: auto;
  top: auto;
  position: relative;
  opacity: 1;
  max-height: none;
  border: none;
  background: none;
  box-shadow: none;
  padding-left: 10px;
  z-index: 1;
}
.mobMenuImg{
  width: 19.31vw;
  height: auto;
  position: relative;
  left: -0.813vw;
  margin-top: -1.8vw;
}
.menuCountry{
  display: flex;
  gap: 0.625vw;
}
.menuCountry li{
  font-size: 1vw;
  font-weight: 500;
  line-height: 140%;
  color: rgba(32, 34, 38, 0.5);
  text-transform: uppercase;
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 0.15vw 0.5vw 0.125vw 0.5vw;
  border-radius: 0.25vw;
}
.menuCountry li.active, .menuCountry li:hover{
  border-color: #EC3131;
  color: #EC3131;
  cursor: pointer;
}


/********************BLOCK BANNER***********************/
.blockBanner{
  height: 48.81vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url('pic/bg-first-screen-small.jpg');
}
.blockBanner .content{
  height: 100%;
}
.wrapBannContent{
  height: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 1.06vw;
}
.bannText{
  font-weight: 400;
  font-size: 1.5vw;
  color: #fff;
  letter-spacing: 0.045vw;
  margin: 2.5625vw 0px 6.25vw 0px;
  position: relative;
  max-width: 37vw;
}
.butBann{
  width: 13.625vw;
}
.bannName{
  width: 45.75vw;
  height: auto;
  max-width: none;
  position: relative;
}


/********************BREADCRUMBS************************/
.blockBreadCrumbs{
  padding: 0 0 1.5vw 0;
}
.blockBreadCrumbs.abs{
  position: absolute;
  top: 6.5vw;
  left: 0px;
}
.blockBreadCrumbs.pl .content{
  padding-left: 570px;
}
.breadcrumbs span, .breadcrumbs a{
  display: inline-block;
  vertical-align: baseline;
}
.breadcrumbs span, .breadcrumbs a, .breadcrumbs{
  font-weight: 400;
  font-size: 0.81vw;
  color: #88929B;
  line-height: 120%;
}
.kb_sep{
  margin: 0px 0.625vw 0px 0.625vw;
  padding-top: 0.125vw;
}
.breadcrumbs span.kb_title, .breadcrumbs span:hover, .breadcrumbs{
  color: #EC3131;
}

/*********************BLOCK SPARES**************************/
#blockSpares, .blockSpares{
  height: 40vw;
}
.blockSpares .content{
  height: 100%;
}
.sparesContent{
  width: 33.125vw;
  height: 100%;
  display: flex;
  align-items: center;
}
.sparesList{
  margin-bottom: 2.75vw;
  list-style: none;
}
.sparesList li{
  margin-bottom: 1.75vw;
  padding: 0.625vw 0 0.625vw 2.19vw;
  border-bottom: 1px solid rgba(136, 136, 136, 0.20);
  letter-spacing: 0.032vw;
  position: relative;
  visibility: visible !important;
}
.sparesList li span{
  position: relative;
  font-weight: 500;
  font-size: 1.062vw;
  text-transform: uppercase;
}
.sparesList li p{
  overflow: hidden;
  font-size: 1.062vw;
}
.sparesList li:before{
  content: " ";
  display: block;
  width: 1.063vw;
  height: 0.625vw;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url('pic/ico-list-gal.svg');
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate3d(0px, -50%, 0px);
}
.butSpares{
  width: 14.69vw;
}
.spareImg1{
  position: absolute;
  right: 16.94vw;
  top: 50%;
  transform: translate3d(0px, -45%, 0px);
  z-index: 2;
  width: 20.06vw;
}
.spareImg2{
  position: absolute;
  right: 5vw;
  top: 50%;
  transform: translate3d(0px, -50%, 0px);
  z-index: 1;
  width: 25.88vw;
}

/*********************BLOCK SERVICE**************************/
#blockService, .blockService{
  height: 43.75vw;
}
.blockService{
  background-image: url('pic/bg-service.png');
}
.blockService .content{
  height: 100%;
}
.serviceContent{
  height: 100%;
  display: flex;
  align-items: center;
}
.serviceContentIn .wrapBut52{
  margin-top: 8.87vw;
}
.butService{
  width: 15.19vw;
}

/**********************BLOCK TEST DRIVE****************************/
#blockTestDrive, .blockTestDrive{
  height: 43.75vw;
  position: relative;
}
.blockTestDrive{
  /*background-image: url('pic/mask-test-drive4.png');*/
  background-image: url('pic/bg-test-drive.png');
}
/*.blockTestDrive:before{
  content: " ";
  display: block;
  width: 100%;
  height: 29.19vw;
  z-index: 1;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.94;
  background: linear-gradient(180deg, #F3F6F9 0%, rgba(243, 246, 249, 0.00) 100%);

}*/
.blockTestDrive .content{
  height: 100%;
  position: relative;
  z-index: 3;
  /*padding-top: 5.44vw;*/
}
/*.bgTestDrive{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-mask-image: url('pic/mask5.png');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 48.125vw -3.125vw;
  -webkit-mask-size: 54.35vw;
  mask-image: url('pic/mask5.png');
  mask-repeat: no-repeat;
  mask-position: 48.125vw -3.125vw;
  mask-size: 54.35vw;
  z-index: 3;
}*/
.wrapTestDriveForm{
  padding-top: 5.06vw;
}
.formTestDrive{
  width: 29.5vw;
  height: auto;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.40);
  padding: 3.75vw 2.5vw 1.25vw 2.5vw;
  margin-top: 0.625vw;
  position: relative;
}
.wrapInputRadioButton{
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 1.062vw;
}
.wrapInput.wrapInputRadioButton{
  margin-bottom: 1.875vw;
}
.radioButton strong{
  font-family: 'moula';
  font-weight: 300;
  font-size: 0.875vw;
  color: #fff;
}
.radioButton strong br{
  display: none;
}
.radioButton input{
  display: none;
}
.radioButton input + div{
  display: flex;
  width: 100%;
  height: 2.63vw;
  border-radius: 0.25vw;
  border: 0.063vw solid #fff;
  align-items: center;
  padding: 0.625vw 1vw;
}
.radioButton input + div span{
  display: block;
  width: 1.36vw;
  height: 1.36vw;
  background-repeat: no-repeat;
  background-size: 1.36vw 2.72vw;
  background-image: url('pic/radio.svg');
  background-position: 0px -1.36vw;
  position: relative;
  margin-right: 1vw;
  position: relative;
}
.radioButton input:checked + div, .radioButton input + div:hover{
  border-color: #EC3131;
  background-color: #EC3131;
}
.radioButton input:checked + div span, .radioButton input + div:hover span{
  background-position-y: 0vw;
}
.radioButton input + div:hover{
  cursor: pointer;  
}

/**********************BLOCK DIALER***************************/
#blockDealer, .blockDealer{
  height: 47.875vw;
  z-index: 2;
}
.blockDealer{
  background-image: url('pic/bg-dealer.png');
  background-position: 7.5vw  13.56vw;
  background-size: 45.69vw 33.25vw;
}
.blockDealer .content{
  height: 100%;
  padding-top: 7.5vw;
}
.formDealer{
  width: 17.5vw;
  margin-top: 5.25vw;
  position: relative;
}
.dealerText{
  font-family: 'moula';
  font-size: 1.125vw;
  font-weight: 400;
  color: #202226;
  max-width: 24.0vw;
}
.dealerImg{
  width: 68.69vw;
  height: auto;
  position: absolute;
  left: 19.69vw;
  bottom: 0px;
  z-index: 3;
}
.dealerMap{
  position: absolute;
  left: 26.75vw;
  top: 7.5vw;
  z-index: 0;
}
.dealerMap svg{
  width: 54.375vw;
  height: 21.88vw;
}
.butDealerDelivery{
  width: 13.75vw;
}
.wrapButDealerDelivery{
  margin-top: 6.25vw;
}
.blockDealerDelivery{
  height: 41.675vw;
}
.dealerMap.delivery{
  left: 33.45vw;
}


/*********************BLOCK BANKI***********************/
#blockBanki, .blockBanki{
  height: 46.75vw;
}
.blockBanki{
  background: radial-gradient(48.54% 27.09% at 50.00% 42.88%, #FFF 0%, #FFF 0.01%, rgba(255, 255, 255, 0.00) 100%), #F3F6F9;
  box-shadow: 0px 0px 250px 0px rgba(0, 0, 0, 0.14) inset;
  overflow: hidden;
}
.blockBanki .content{
  height: 100%;
  padding-top: 9.25vw;
}
.bankiText{
  font-weight: 800;
  font-size: 4.375vw;
  color: #EC3131;
  text-transform: uppercase;
}
.bankiText.black{
  color: #202226;
}
.bankiText.bottom{
  position: absolute;
  top: 37.375vw;
  left: 37vw;
}
.bankiList{
  width: 12.5vw;
  padding: 3.75vw 0;
}
.bankiList li{
  padding: 0.625vw 0.625vw 0.625vw 2.31vw;
  border-bottom: 1px solid rgba(32, 34, 38, 0.20);
  position: relative;
  overflow: hidden;
  visibility: visible !important;
}
.bankiList li p{
  overflow: hidden;
  font-size: 1.06vw;
}
.bankiList li span{
  font-weight: 500;
  font-size: 1.06vw;
  color: #202226;
  text-transform: uppercase;
  position: relative;
}
.bankiList li:before{
  content: " ";
  display: block;
  width: 1.19vw;
  height: 0.81vw;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url('pic/ico-gal.svg');
  position: absolute;
  left: 0px;
  top: 0.78vw;
  visibility: hidden;
}
.bankiListContent{
  padding-left: 0.94vw;
}
.butBanki{
  width: 13.5vw;
}
.bankiImg{
  width: 50.69vw;
  height: auto;
  position: absolute;
  top: 9.125vw;
  left: 17.5vw;
}
.bankiIcons{
  width: 27.5vw;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 58vw;
  top: 2.81vw;
}
.bankiIcons img{
  width: 13.75vw;
  height: 13.75vw;
  position: relative;
}
.bankiIcons img:nth-child(2), .bankiIcons img:nth-child(4){
  top: 2.31vw;
  left: -0.94vw;
}
.bankLogo{
  transition: 0.5s;
  will-change: top;
}






/***********************BLOCK KATALOG***************************/
#blockKatalog, .blockKatalog{
  height: auto;
}
.blockKatalog .content{
  padding: 8.75vw 0 8.75vw 0;
  min-height: 40vw;
  transition: min-height 0.5s;
}
.blockKatalog.fix .content{
  min-height: 50vw;
}
.blockKatalog{
  background-color: #F3F6F9;
}
.fontTit.titRight{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.countModels{
  font-weight: 300;
  font-size: 1.875vw;
  color: rgba(32, 34, 38, 0.5);
  text-transform: none;
}
.wrapKatalog{
  margin-top: 2.69vw;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 0;/*6.06vw;*/
  grid-row-gap: 3.19vw;
}
.katalogImgSmall{
  opacity: 0.4;
  width: 12.06vw;
  height: 7vw;
  object-fit: contain;
  object-position: center center;
  transition: 0.3s;
}
.blKatalog{
  text-align: center;
  position: relative;
}
.blKatalog img{
  position: relative;
  z-index: 1;
}
.blKatalogMarka{
  font-family: 'RoadRadio';
  font-weight: 900;
  font-size: 2.44vw;
  line-height: 1em;
  color: #EC3131;
  z-index: 0;
  position: absolute;
  left: 50%;
  top: 0vw;
  transform: translate3d(-139%, 0px, 0px);
  opacity: 0;
}
.blKatalogModel{
  position: relative;
  z-index: 2;
  font-family: 'RoadRadio';
  font-weight: 900;
  font-size: 1.69vw;
  color: #EC3131;
  position: absolute;
  right: 50%;
  transform: translate3d(72%, 0px, 0px);
  bottom: -0.625vw;
  opacity: 0;
  white-space: nowrap;
}
.blKatalog:hover{
  cursor: pointer;
}
.blKatalog:hover .katalogImgSmall{
  opacity: 1;
}
.blKatalog:hover .blKatalogMarka, .katalogSlide.swiper-slide-active .katalogSlideMarka, #formhBuy.open .katalogSlideMarka{
  animation-name: moveLeftK;
  -webkit-animation-name: moveLeftK;  

  animation-duration: 500ms;  
  -webkit-animation-duration: 500ms;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   
 
  visibility: visible !important; 
  opacity: 1;
}
.blKatalog:hover .blKatalogModel, .katalogSlide.swiper-slide-active .katalogSlideModel, #formhBuy.open .katalogSlideModel{
  animation-name: moveRightK;
  -webkit-animation-name: moveRightK;  

  animation-duration: 500ms;  
  -webkit-animation-duration: 500ms;

  animation-timing-function: ease-in-out; 
  -webkit-animation-timing-function: ease-in-out;   
 
  visibility: visible !important; 
  opacity: 1;
}
.katalogList{
  width: 100%;
  margin-top: 5.25vw;
}
.wrapKatalogSlide{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  opacity: 0;
  transition: 0.5s;
  padding-top: 13vw;
}
.wrapKatalogSlide.active{
  opacity: 1;
  z-index: 2;
}
.katalogSlide{
  text-align: center;
}
.katalogSlideIn{
  display: grid;
  width: 100%;
  height: 16.825vw;
  grid-template-columns: 7.625vw 1fr 7.625vw;
}
.katalogSlide.swiper-slide{
  width: 40.125vw;
  margin: 0px -3.81vw;
  display: block;
}
.wrapKatalogSmall{
  opacity: 0;
  transition: 0.5s;
}
.wrapKatalogSmall.active{
  opacity: 1;
  z-index: 2;
}
.katalogSlideMarka{
  font-family: 'roadRadio';
  font-weight: 900;
  font-size: 5.36vw;
  position: absolute;
  left: 50%;
  top: -0.9vw;
  transform: translate3d(-144%, 0px, 0px);
  z-index: 0;
  color: #EC3131;
  opacity: 0;
}
.katalogSlideModel{
  font-family: 'roadRadio';
  font-weight: 900;
  font-size: 3.19vw;
  position: absolute;
  right: 50%;
  transform: translate3d(70%, 0px, 0px);
  z-index: 2;
  color: #EC3131;
  bottom: -1vw;
  opacity: 0;
  line-height: 100%;
  width: 70%;
  white-space: nowrap;
}
.katalogSlideImg{
  /*width: 19.06vw;*/
  width: 25vw;
  height: auto;
  max-width: none;
  left: 50%;
  transform: translate3d(-50%, 0px, 0px);
  position: relative;
}
.katalogSlideInCenter{
  align-self: center;
  position: relative;
}
.katalogNav{
  width: 30.63vw;
  height: 1.25vw;
  /*background-color: rgba(32, 34, 38, 0.2);*/
  position: relative;
  margin: 0vw auto 0px auto;
  display: flex;
}
.blKatalogNav:before, .blKatalogNav.blKatalogNav-active:before{
  content: " ";
  display: block;
  width: 100%;
  height: 0.25vw;
  position: absolute;
  top: 50%;
  transform: translate3d(0px, -50%, 0px);
  background-color: #EC3131;
}
.blKatalogNav:before{
  background-color: rgba(32, 34, 38, 0.2);
}
.blKatalogNav{
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}
.blKatalogNav:hover{
  cursor: pointer;
}
.blKatalogNum{
  text-align: center;
  margin-top: 3.94vw;
  margin-bottom: 0.44vw;
  color: rgba(32, 34, 38, 0.4);
  font-weight: 300;
  font-size: 1.25vw;
}
.blKatalogNum span{
  font-size: 1.875vw;
  font-weight: 300;
  color: #202226;
}
.katalogFeatureLeft, .katalogFeatureRight{
  opacity: 0;
  transition: opacity 0.5s;
  text-align: left;
}
.katalogSlide.swiper-slide-active .katalogFeatureLeft, .katalogSlide.swiper-slide-active .katalogFeatureRight{
  opacity: 1;
}
.featureLabel{
  font-weight: 300;
  font-size: 0.81vw;
  color: #42454B;
  min-height: 1.75vw;
}
.featureValue{
  font-weight: 700;
  font-size: 1.38vw;
  color: #42454B;
}
.featureLine{
  width: 100%;
  height: 0.25vw;
  border-radius: 0.375vw;
  background-color: #DADADA;
  position: relative;
  visibility: visible !important;
}
.featureLine span{
  display: block;
  width: 0%;
  height: 100%;
  position: absolute;
  border-radius: 0.375vw;
  background: linear-gradient(0deg, #EC3131 0%, #EC3131 100%), linear-gradient(90deg, #D1B791 0%, #B5925F 100%);
  transition: 0.5s;
}
.blFeature:not(:last-child){
  margin-bottom: 1vw;
}
.katalogSlideBottom{
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 0;
  transition: 0.5s;
}
.katalogSlide.swiper-slide-active .katalogSlideBottom{
  opacity: 1;
}
.katalogSlideBottomLeft{
  display: flex;
  align-items: center;
  gap: 1.125vw;
}
.katalogPrice{
  font-family: 'moula';
  font-weight: 700;
  font-size: 1.5vw;
  color: #42454B;
}
.katalogOldPrice{
  font-family: 'moula';
  font-weight: 600;
  font-size: 1.13vw;
  color: rgba(66, 69, 75, 0.4);
}
.katalogOldPrice span{
  text-decoration: line-through;
}
.katalogLink{
  font-family: 'moula';
  font-weight: 600;
  font-size: 1vw;
  color: #EC3131;
  text-transform: uppercase;
  display: inline-block;
}
.katalogLink:after{
  content: " ";
  width: 1.56vw;
  height: 0.81vw;
  display: inline-block;
  vertical-align: sub;
  margin-left: 0.56vw;
  margin-bottom: 0.1vw;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 1.56vw 2.435vw;
  background-image: url('pic/arr-right.svg');
}
.katalogLink:hover{
  color: #FF5D5D;
}
.katalogLink:hover:after{
  background-position-y: -0.81vw;
}
.katalogLink:active{
  color: #202226;
}
.katalogLink:active:after{
  background-position-y: -1.62vw;
}
.swiper-slide-active{
  z-index: 2;
}
.katalogSlideNav{
  width: 1.61vw;
  height: 3.07vw;
  position: absolute;
  top: 52%;
  transform: translate3d(0px, -50%, 0px);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 3.23vw 6.14vw;
  background-image: url("pic/katalog-slide-nav.svg");
  z-index: 4;
}
.katalogSlideNav:hover{
  background-position-y: -3.07vw;
  cursor: pointer;
}
.katalogSlidePrev{
  left: 2.81vw;
}
.katalogSlideNext{
  background-position-x: -1.61vw;
  right: 2.81vw;
}

/********************************************************/
/*                PAGE ARCHIVE KATALOG                  */
/********************************************************/
.pageArchiveKatalog{
  padding-top: 6.5vw;
}
.katalogHead{
  width: 100%;
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 1.25vw;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.5vw;
}
.wrapArchiveKatalog{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.5vw;
}
.blArchiveKatalog{
  border-radius: 0.31vw;
  border: 1px solid rgba(32, 34, 38, 0.20);
  padding: 1.56vw 1.25vw 2.5vw 1.25vw;
  position: relative;
}
.blArchiveKatalog:hover{
  cursor: pointer;
  border-color: #EC3131;
}
.blKatalogImg img{
  width: 100%;
  position: relative;
}
.blKatalogImg{
  margin-bottom: 1vw;
  position: relative;
}
.blKatalogTitle{
  font-family: "roadRadio";
  font-weight: 700;
  font-size: 1.5vw;
  text-transform: uppercase;
  min-height: 6.75vw;
}
.blKatalogButtons{
  width: 100%;
  display: grid;
  grid-template-columns: 13.625vw auto;
  justify-content: space-between;
  align-items: center;
}
.blKatalogButton{
  width: 100%;
}
.blKatalogPrice{
  font-weight: 800;
  font-size: 1.75vw;
  color: #42454B;
}
.blKatalogOldPrice{
  font-weight: 500;
  font-size: 1.5vw;
  color: #CFD1D3;
  text-transform: uppercase;
  text-decoration: line-through;
}
.wrapBlKatalogPrice{
  display: flex;
  align-items: flex-end;
  gap: 1vw;
  margin-bottom: 1.125vw;
}
.sortKatalog{
  display: flex;
  gap: 1.875vw;
}
.sortKatalog li{
  border-bottom: 1px solid rgba(32, 34, 38, 0.5);
  padding: 0.625vw;
  font-weight: 400;
  font-size: 1.06vw;
  color: rgba(32, 34, 38, 0.5);
}
.katalogHeadLeft .fontTit{
  padding: 0;
}
.sortKatalog li:hover, .sortKatalog li.active{
  color: #EC3131;
  border-color: #EC3131;
  cursor: pointer;
}
.blockArchiveDesctiption .content{
  padding: 4.375vw 0 6.25vw 0vw;
}
.archiveDescription h2, .archiveDescription h3{
  font-weight: 400;
  font-size: 1vw;
  color: #202226;
  margin-bottom: 1vw;
  margin-top: 1vw;
}
.archiveDescription h2{
  font-weight: 600;
}
.archiveDescription h3{
  font-size: 0.8vw;
}
.archiveDescription p{
  font-size: 0.625vw;
  font-weight: 400;
  line-height: 130%;
  color: #202226;
  margin-bottom: 0.6vw;
}
.katalogFontTit{
  font-size: 2vw;
}



/********************************************************/
/*                  PAGE SINGLE KATALOG                 */
/********************************************************/
.blockProduct{
  background-image: url('pic/bg-block-product.png');
}
.blockProduct .content{
  padding: 6.5vw 0px 7.81vw 0px;
}
.featurePrLabel{
  font-weight: 300;
  font-size: 0.94vw;
  color: #42454B;
}
.wrapProductTop{
  width: 100%;
  height: auto;
  min-height: 29.38vw;
  display: grid;
  grid-template-columns: 16.25vw 1fr 12.5vw;
  gap: 1.5vw;
  align-items: flex-end;
}
.productName{
  font-weight: 800;
  font-size: 2.5vw;
  color: #202226;
  text-transform: uppercase;
  max-width: 50vw;
  position: relative;
}
.productName strong{
  display: block;
  font-weight: 400;
}
.butProductFinance, .butProductBuy{
  width: 100%;
}
.productLeft .wrapBut:not(:last-child){
  margin-bottom: 1.56vw;
}
.productPrices{
  height: 11vw;
}
.productPrice{
  font-weight: 800;
  font-size: 2.25vw;
  color: #EC3131;
  position: relative;
}
.productOldPrice{
  font-weight: 500;
  font-size: 1.88vw;
  color: rgba(66, 69, 75, 0.4);
  margin-top: 1vw;
  position: relative;
}
.productOldPrice span{
  text-decoration: line-through;
}
.productBigImg{
  width: 44.475vw;
  height: auto;
  position: relative;
  z-index: 2;
}
.productCenter{
  position: relative;
}
.productModel{
  position: absolute;
  /*bottom: 13.125vw;*/
  top: 0vw;
  left: 50%;
  transform: translate3d(-50%, 0px, 0px);
  font-family: 'moula';
  font-weight: 900;
  font-size: 12.75vw;
  text-transform: uppercase;
  color: rgba(32, 34, 38, 0.42);
  line-height: 0.4em;
  width: 100%;
  text-align: center;
  /*white-space: nowrap;*/
}
.productLeft{
  padding-bottom: 1.2vw;
}
.productCompare{
  font-family: 'moula';
  font-weight: 500;
  font-size: 1vw;
  text-transform: uppercase;
  color: #EC3131;
  display: inline-block;
  position: relative;
  line-height: 1em;
}
.productCompare:after{
  content: " ";
  display: inline-block;
  width: 1vw;
  height: 1vw;
  background-repeat: no-repeat;
  background-position: 0px 0vw;
  background-size: 1vw 2vw;
  background-image: url('pic/ico-compare-red.svg');
  vertical-align: middle;
  margin-left: 1.5vw;
}
.productCompare:hover{
  color: #42454B;
  cursor: pointer;
}
.productCompare:hover:after{
  background-position-y: -1vw;
}
.productCompare.compareAction{
  color: #42454B;
}
.productCompare.compareAction:hover{
  color: #EC3131;
}
.productCompare.compareAction:after{
  background-position-y: -1vw;
}
.productCompare.compareAction:hover:after{
  background-position-y: 0vw;
}
.productCompare a{
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}
.wrapProductCompare{
  margin-top: 2.875vw;
  padding-bottom: 1.5vw;
  line-height: 1em;
}
.productPulse{
  position: absolute;
  right: 3vw;
  top: 8vw;
}

/**********************BLOCK FEATURES**************************/
.blockFeatures .content{
  padding: 3.125vw 0 5vw 0;
}
.featuresNav{
  width: 100%;
  display: flex;
  gap: 0.3vw;
  overflow-x: auto;
  padding-bottom: 1vw;
}
.featuresNav li{
  padding: 0.63vw;
  /*border-bottom: 0.125vw solid rgba(32, 34, 38, 0.5);*/
  font-weight: 500;
  font-size: 1vw;
  color: rgba(32, 34, 38, 0.5);
  position: relative;
  white-space: nowrap;
}
.featuresNav li:hover, .featuresNav li.active{
  font-weight: 500;
  color: #EC3131;
  border-color: #EC3131;;
  cursor: pointer;
}
/**************************************************/
@-moz-document url-prefix() {
  .featuresNav{
    scrollbar-width: thin;
    scrollbar-color: #EC3131 rgba(32,34,48, 0.2);
  }
}

.featuresNav::-webkit-scrollbar{
  width: 0.125vw; /* Ширина всего элемента навигации */
  height: 0.125vw;
}

.featuresNav::-webkit-scrollbar-track{
  background: rgba(32,34,48, 0.2); /* Цвет дорожки */
}

.featuresNav::-webkit-scrollbar-thumb{
  background-color: #EC3131; /* Цвет бегунка */
  cursor: pointer;
}


.featuresNav::-webkit-scrollbar-thumb, .featuresNav:scrollbar-thumb{
    background-color: #EC3131;
    border-radius: 0;
}

.featuresNav::-webkit-scrollbar-thumb:hover{
    background-color: #253861;
}

.featuresNav::-webkit-scrollbar-button{
  display: none;
}

/**************************************************/

.wrapFeatures{
  margin-top: 3.125vw;
  height: 26.125vw;
  display: grid;
  grid-template-columns: 18.13vw 1fr;
  grid-gap: 1.25vw;
  grid-auto-rows: 100%;
}
.featureTab{
  display: none;
}
.featureTab.active{
  display: block;
}
.featureTabs{
  overflow-y: scroll;
  height: 100%;
}
.fLabel{
  font-family: 'moula';
  font-weight: 300;
  font-size: 0.875vw;
  color: #42454B;
  line-height: 100%;
}
.fValue{
  font-family: 'moula';
  font-weight: 700;
  font-size: 1.125vw;
  color: #42454B;
  line-height: 100%;
}
.fLine:not(:last-child){
  margin-bottom: 1vw;
}
.traktorSizes{
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-left: 2.5vw;
}
.sideView{
  width: 35.31vw;
  height: auto;
}
.frontView{
  width: 18.69vw;
  height: auto;
}


/*********************BLOCK GALLERY************************/
#blockProductGallery{
  min-height: 61.83vw;
}
#productGalleryMob{
  display: none;
}
.blockProductGallery .content{
  padding: 0px 0px 3.43vw 0px;
}
.wrapProductGallery.swiper{
  overflow: visible;
  width: 100%;
  margin-top: 0.625vw;
  margin-bottom: 1.875vw;
}
.prGallSlide.swiper-slide{
  width: 40.25vw ;
  padding: 0 0.25VW;
  position: relative;
}
.prGallSlide.swiper-slide > div{
  position: relative;
}
.prGallSlide.swiper-slide{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.25vw;
}
.prGallSlideType_1 > div:nth-child(1){
  grid-column: span 2;
}
.prGallSlideType_0 > div:nth-child(3){
  grid-column: span 2;
}
.prGallSlideType_1 > div:nth-child(1) .galImg, .prGallSlideType_0 > div:nth-child(3) .galImg{
  width: 40.25vw;
}
.galImg{
  height: auto;
}
.galleryNav, .descrNav{
  width: 4.375vw;
  height: 4.375vw;
  display: block;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(0px, -50%, 0px);
  z-index: 3;
}
.galleryNav:hover, .descrNav:hover{
  cursor: pointer;
  opacity: 0.8;
}
.galleryPrev, .descrNavPrev{
  background-image: url('pic/gallery-prev.svg');
  left: 0.25vw;
}
.galleryNext, .descrNavNext{
  background-image: url('pic/gallery-next.svg');
  right: 0.25vw;
}
.galFullScreen{
  position: absolute;
  right: 0.75vw;
  bottom: 0.75vw;
}
.galFullScreen:hover{
  cursor: pointer;
  opacity: 0.8;
}

/*********************BLOCK DELIVERY*************************/
#blockProductDelivery{
  min-height: 47.81vw;
}
.blockProductDelivery{
  z-index: 2;
}
.blockProductDelivery .content{
  padding: 3.44vw 0px 4vw 0px;
}
.wrapProductDeliveryImg{
  text-align: center;
  margin-top: 0.625vw;
}
.productDeliveryImg{
  display: inline-block;
  margin-bottom: -4vw;
  width: 34.81vw;
  height: auto;
}
.productDeliveryPlatforma{
  width: 34.81vw;
  height: auto;
}
.productDeliveryPlatforma{
  width: 69.81vw;
  height: auto;
}
.wrapProductDeliveryForm{
  /*width: 19.25vw;*/
  width: 23vw;
  height: auto;
  position: absolute;
  left: 0px;
  top: 15.88vw;
}
.butPrDelivery{
  width: 100%;
}
.wrapProductDeliveryForm .wrapBut{
  margin-top: 2.125vw;
}
.wrapInput.region{
  position: relative;
}
.wrapInput.region.big input{
  font-size: 1.125vw;
}
.wrapInput.region:after{
  content: " ";
  display: block;
  width: 1.5vw;
  height: 1.5vw;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url('pic/ico-region.svg');
  position: absolute;
  right: 0.625vw;
  top: 50%;
  transform: translate3d(0px, -50%, 0px);
}
.wrapDeliveryInfo{
  position: absolute;
  right: 0px;
  top: 15.88vw;
  
  padding: 3.125vw 0 0 4.5vw;
}
.wrapDeliveryInfo span{
  display: block;
  width: 6.875vw;
  height: 6.875vw;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 100% 100%;
  background-image: url('pic/ico-bg-delivery.svg');
  position: absolute;
  left: 0vw;
  top: 0vw;
}
.wrapDeliveryInfo p{
  font-weight: 500;
  font-size: 1.31vw;
  color: #202226;
}
.wrapDeliveryInfo p strong{
  font-weight: 700;
}
.wrapRegions{
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: -0.81vw;
  transform: translate3d(0px, 100%, 0px);
  z-index: 3;
  border-radius: 0.375vw;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(66, 69, 75, 0.30);
  padding: 1.25vw 0.625vw;
  display: none;
}
.wrapRegions.descCenter{
  bottom: auto;
  top: 50%;
  transform: translate3d(0px, -50%, 0px);
}
.regionList{
  margin-top: 1.5vw;
  max-height: 25.62vw;
  overflow-y: auto;
}
.regions li{
  padding: 0.71vw 0;
  display: flex;
  gap: 0.5vw;
}
.regions li:first-child{
  padding-top: 0px;
}
.regions li img{
  width: 0.75vw;
  opacity: 0;
}
.regions li strong{
  font-weight: 600;
  font-size: 0.94vw;
  color: #202226;
}
.regions li.active img, .regions li:hover img{
  opacity: 1;
}
.regions li.active strong, .regions li:hover strong{
  font-weight: 800;
}
.regions li:hover{
  cursor: pointer;
}
.wrapInput.search input{
  border: none;
}
.wrapInput.search{
  border-bottom:  1px solid #202226;
}

/*******************BLOCK PRODUCT DESCRIPTION**************************/

.blockProductBlocks .content{
  width: 60.94vw;
  padding: 4vw 0 6.25vw 0;
}
.productBlocksLine{
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
  grid-gap: 0.8vw;
}
.productBlocksSlide img.descrImg{
  width: 100%;
  height: auto;
  border-radius: 0.5vw;
}
.productBlocksImg{
  grid-area: productBlockImg;
  overflow: hidden;
  position: relative;
}
.productBlocksText{
  grid-area: productBlockText;
}
.productBlocksLine:nth-child(2n){
  grid-template-areas: "productBlockImg productBlockText";
}
.productBlocksLine:nth-child(2n-1){
  grid-template-areas: "productBlockText productBlockImg";
}
.productBlocksLine:not(:last-child){
  margin-bottom: 3.125vw;
}
.productBlocksLine:nth-child(2n) .productBlocksText{
  padding-left: 2.6vw;
}
.productBlocksLine:nth-child(2n-1) .productBlocksText{
  /*padding-left: 8.375vw;*/
  padding-right: 2.6vw;
}
.productDescrTextIn{
  /*width: 26vw;*/

}
.productBlocksTitle{
  font-weight: 800;
  font-size: 1.35vw;
  color: #202226;
  text-transform: uppercase;
  margin-bottom: 1.25vw;
  letter-spacing: 0.06vw;
  position: relative;
}
.productBlocksTitle strong{
  display: inline-block;
  position: relative;
}
.productBlocksTitle span{
  content: " ";
  display: block;
  width: 9.56vw;
  height: 0.19vw;
  background-color: #EC3131;
  position: absolute;
  top: 1.125vw;
  z-index: 2;
}
.productBlocksLine:nth-child(2n-1) .productBlocksTitle span{
  right: 0px;
  transform: translate3d(calc(100% + 1.25vw), 0px, 0px);
}
.productBlocksLine:nth-child(2n) .productBlocksTitle span{
  left: 0px;
  transform: translate3d(calc(-100% - 1.25vw), 0px, 0px);
}
.productBlocksDescription, .productBlocksDescription p{
  font-family: 'moula';
  font-weight: 400;
  color: #202226;
  font-size: 1.04vw;
  position: relative;
}

/***********************BLOCK VOPROS****************************/
#blockVopros{
  min-height: 33.44vw;
}
.blockVopros .content{
  padding: 6.25vw 0;
}
.wrapVopros{
  width: 100%;
  display: grid;
  grid-template-columns: 16.25vw 1fr;
  grid-gap: 1.25vw;
}
.blExpert{
  position: relative;
}
.wrapExperts{
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 2.38vw;
}
.expertTopImg img{
  width: 16.25vw;
  border-radius: 0.5vw;
}
.expertTopImg{
  margin-bottom: 1.44vw;
}
.expertName{
  font-weight: 700;
  font-size: 1.125vw;
  color: #202226;
  margin-bottom: 0.25vw;
}
.expertDolgnost{
  font-weight: 400;
  font-size: 1.125vw;
  color: #42454B;
}
.voprosPodpis{
  font-weight: 500;
  font-size: 1.125vw;
  text-transform: uppercase;
  color: #202226;
  margin: 0.625vw 0 5.625vw 0;
}
.butVopros{
  width: 100%;
}
.expertInfo .wrapBut{
  display: none;
}
.wrapVoprosNav{
  display: none;
}


/*********************************************/
/*               PAGE ABOUT                 */
/********************************************/
.blockAboutBanner{
  position: relative;
  overflow: hidden;
  height: 48.81vw;
}
.aboutVideo{
  width: 100%;
  height: 57vw;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px);
  /*-webkit-mask-image: url('pic/mask-video.png');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: 100vw;
  mask-image: url('pic/mask-video.png');
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 100vw;
  transition: mask-size 0.5s linear;*/
}
#aboutVideoMask{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url('pic/about-video-mask-2x.png');
}
#main.mainAbout{
  overflow: unset;
}
.wrapPageAbout{
  min-height: 320vw;
}
.wrapPageAboutIn{
  position: sticky;
  top: 0px;
  overflow: hidden;
}

/*********************BLOCK ABOUT************************/
.blockAbout .content{
  padding: 9.375vw 0 5vw 0;
}
.aboutContent{
  width: 30.625vw;
}
.aboutContent p{
  font-weight: 400;
  font-size: 1vw;
  margin-bottom: 1.25vw;
}
.aboutRight{
  position: absolute;
  right: 0vw;
  top: 4vw;
}
.aboutMap{
  position: relative;
}
.aboutImg{
  width: 55.25vw;
  position: absolute;
  right: -6.69vw;
  bottom: -3vw;
  max-width: none;
}
.aboutMap svg{
  width: 49.75vw;
  height: 35.56vw;
}

/******************BLOCK DIGITS************************/
.blockDigits .content{
  padding: 6.25vw 0px;
}
.wrapDigits{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 6.25vw;
  padding-right: 5vw;
}
.digitTop{
  display: flex;
  justify-content: space-between;
  border-bottom: 0.063vw solid #202226;
  align-items: flex-end;
  overflow: hidden;
}
.digitTopLeft{
  padding-bottom: 2.0vw;
  position: relative;
}
.digitTopLeft p{
  font-weight: 700;
  font-size: 1.125vw;
  color: #202226;
}
.digitTopRight p{
  font-weight: 300;
  font-size: 7.5vw;
  color: #EC3131;
  line-height: 1em;
}
.digitTopRight span{
  font-weight: 400;
  font-size: 2.81vw;
  line-height: 1em;
  display: inline-block;
  vertical-align: middle;
}
.digitTopLeft, .digitTopRight{
  margin-bottom: -2.0vw;
}
.digitTopRight{
  position: relative;
}
.digitBottom p{
  font-weight: 400;
  font-size: 1vw;
  color: #202226;
  text-align: right;
  margin-top: 0.6vw;
}

/********************BLOCK PRIVILEGE***********************/
.blockPrivilege{
  height: 47.75vw;
  background-image: url('pic/bg-privilege1.jpg');
}
.blockPrivilege .content{
  height: 100%;
  display: flex;
  align-items: center;
}
.wrapPrivilegeContent{
  width: 41.25vw;
}
.wrapPrivilegeContent, .wrapPrivilegeContent p{
  font-weight: 400;
  font-size: 1vw;
  color: #202226;
  line-height: 130%;
}
.wrapPrivilegeContent p{
  margin-bottom: 1.25vw;
  max-width: 33.125vw;
}

/********************BLOCK ABOUT SERVICE************************/
.blockAboutService{
  background-image: url('pic/bg-about-service-new.png');
  background-size: 68.75vw 53.25vw;
  background-repeat: no-repeat;
  background-position: 0vw -8.4vw;
}
.blockAboutService .content{
  padding: 7.5vw 0 5vw 0;
}
.wrapAboutService{
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
}
.aboutServiceLeft{
  position: relative;
}
.aboutServiceImg{
  position: relative;
  left: -6vw;
  width: 45.69vw;
  max-width: none;
}
.aboutServiceRight{
  padding-left: 6.88vw;
  padding-right: 4.75vw;
}
.blAboutService{
  padding: 2vw 0 2vw 0;
}
.blAboutService:not(:first-child){
  border-top: 0.125vw solid #202226;
}
.aboutServiceTit{
  font-weight: 500;
  font-size: 1.06vw;
  color: #202226;
  text-transform: uppercase;
  position: relative;
  padding-right: 2.1vw;
}
.aboutServiceTit:after{
  content: " ";
  display: block;
  width: 1.75vw;
  height: 1.75vw;
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate3d(0, -50%, 0px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  background-image: url('pic/ico-plus.svg');
}
.blAboutService.open .aboutServiceTit:after{
  background-image: url('pic/ico-minus.svg');
}
.aboutServiceTit:hover{
  cursor: pointer;
}

.aboutServiceAnswer{
  padding-top: 1vw;
  padding-right: 4vw;
  display: none;
  box-sizing: border-box;
}
.aboutServiceAnswer p{
  font-weight: 400;
  font-size: 0.88vw;
  color: #202226;
  line-height: 130%;
}
.aboutServiceImg.mobile{
  display: none;
}

/**********************BLOCK KRONOS****************************/
.blockKronos .content{
  padding: 6vw 0 9.06vw 0;
}
.kronosText{
  font-weight: 500;
  font-size: 1.06vw;
  color: #202226;
  margin: 0.625vw 0 6.25vw;
}
.butKronos{
  width: 15.25vw;
}
.kronosCard{
  width: 47.94vw;
  position: absolute;
  right: -4.19vw;
  top: 2.5vw;
}


/************************************************/
/*                PAGE DELIVERY                 */
/************************************************/
.blockProductDelivery.bgDelivery{
  background-repeat: no-repeat;
  background-position: center 67%;
  background-image: url('pic/bg-delivery-new.png');
  background-size: 100% auto;
  padding-top: 5.94vw;
}
.blockProductDelivery.pageDelivery .content{
  padding-top: 0;
}
.deliveryText{
  font-weight: 500;
  font-size: 1.125vw;
  color: #202226;
  text-transform: uppercase;
}

/****************BLOCK CONTACTS************************/
.blockContacts .content{
  padding: 2.19vw 0 4.69vw 0;
}
.wrapRekvisits{
  width: 100%;
  margin-top: 2.5vw;
}
.rekvisitTab{
  display: none;
}
.rekvisitTab.active{
  display: block;
}
.contactLine{
  width: 100%;
  display: grid;
  grid-template-columns: 12.5vw 1fr;
  grid-gap: 2vw;
  padding: 1.25vw 0.625vw;
  border-bottom: 0.0625vw solid rgba(32, 34, 38, 0.50);
  margin-top: 1.5vw;
}
.contactLineLeft p{
  font-weight: 500;
  font-size: 1.125vw;
  color: #80868D;
  line-height: 140%;
}
.contactPhone{
  font-weight: 700;
  font-size: 1.125vw;
  color: #202226;
  line-height: 140%;
  position: relative;
  padding-left: 1.875vw;
  margin-bottom: 1.16vw;
}
.contactPhone:before, .contactMail:before{
  content: " ";
  display: block;
  width: 1.25vw;
  height: 1.25vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  background-image: url('pic/ico-cont-phone.svg');
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate3d(0px, -50%, 0px);
}
.contactMail{
  font-weight: 500;
  font-size: 1.125vw;
  color: #202226;
  line-height: 140%;
  padding-left: 1.875vw;
  position: relative;
}
.contactMail:before{
  background-image: url('pic/ico-cont-mail.svg');
}
.contactsNav{
  width: 34.38vw;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.contactsNav li{
  display: flex;
  align-items: center;
  gap: 0.625vw;
  padding: 0.24vw 0.625vw;
  border-bottom: 0.125vw solid #202226;
  position: relative;
}
.contactsNav li img{
  display: inline-block;
  margin-bottom: 0.2vw;
}
.contactsNav li p{
  font-weight: 500;
  font-size: 1vw;
  color: #202226;
}
.contactsNav li.active p, .contactsNav li:hover p{
  cursor: pointer;
  color: #EC3131;
  
}
.contactsNav li.active, .contactsNav li:hover{
  cursor: pointer;
  border-color: #EC3131;
}
.rekvisitTabIn{
  width: 100%;
  display: grid;
  grid-template-columns: 38.38vw 1fr;
  grid-gap: 7.38vw;
}
.rekvisitLine{
  width: 100%;
  display: grid;
  grid-template-columns: 8.38vw 1fr;
  grid-gap: 1.75vw;
  margin-bottom: 1.25vw;
}
.rekvisitName p, .rekvisitValue p{
  font-weight: 500;
  font-size: 1vw;
  color: #80868D;
  line-height: 140%;
}
.rekvisitValue p{
  color: #202226;
}
.rekvisits{
  margin-top: 1vw;
  padding-top: 0.56vw;
  padding-left: 0.625vw;
  border-top: 0.0625vw solid rgba(32, 34, 38, 0.5);
}
.rekvisitsTit{
  font-weight: 700;
  font-size: 1.125vw;
  color: #202226;
  line-height: 140%;
}


/**************************************************/
/*                 PAGE DEALER                    */
/**************************************************/
.blockDealerFirst{
  height: 45.125vw;
  background-image: url('pic/bg-dealer-first.png');
}
.blockDealerFirst .content{
  height: 100%;
  display: flex;
  align-items: center;
  padding-top: 6.06vw;
}
.dealerFirstContent{
  max-width: 28.125vw;
  position: relative;
}
.dealerFirstContent, .dealerFirstContent p{
  font-weight: 500;
  font-size: 1.125vw;
  color: #202226;
}
.dealerFirstContent p{
  margin-bottom: 1.25vw;
}
.dealerFirstContent h2{
  margin-bottom: 1.69vw;
}
.dealerFirstImg{
  position: absolute;
  max-width: none;
  width: 60.06vw;
  height: auto;
  position: absolute;
  top: 9.37vw;
  right: -6vw;
}
.dealerFirstImg1{
  z-index: 1;
}
.dealerFirstImg2{
  z-index: 2;
  opacity: 0;
}

/******************BLOCK DEALER PRIVILEGE**********************/
.blockDealerPrivilege{
  background-image: url('pic/bg-dealer-privilege.png');
}
.wrapDealerPrivilege{
  width: 37.75vw;
  height: 100%;
  
}
.dealerPrivilegeItems{
  overflow-y: auto;
  height: 34.15vw;
  padding-right: 0.5vw;
}

/********************BLOCK BECOME DEALER***********************/
.blockBecomeDealer .content{
  padding: 14.6vw 0vw 5.8vw 0vw;
}
.wrapBecomeDealer{
  width: 100%;
  display: grid;
  grid-template-columns: 26vw 1fr;
  grid-gap: 5.125vw;
}
.becomeDealerText{
  font-weight: 400;
  font-size: 0.94vw;
  color: #202226;
}
.phoneDealer{
  font-weight: 800;
  font-size: 2.5vw;
  color: #EC3131;
}
.wrapPhoneDealer{
  margin: 1.31vw 0 3.25vw 0;
}
.becomeDealerRight{
  position: relative;
}
.formBecomeDealer{
  width: 22.5vw;
  border-radius: 0.625vw;
  border: 0.06vw solid #DADADA;
  background: rgba(255, 255, 255, 0.20);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  padding: 1.88vw;
  position: relative;
  z-index: 5;
}
.formBecomeDealer button{
  width: 11.88vw;
}
.becomeDealerCard{
  position: absolute;
  right: -9vw;
  bottom: -8vw;
  z-index: 2;
}
.becomeDealerMap{
  position: absolute;
  z-index: 1;
  width: 54.37vw;
  height: auto;
  right: -10.51vw;
  top: -0.3vw;
}
.becomeDealerCard{
  width: 49vw;
  height: auto;
}
.formBecomeDealer .label{
  font-size: 1.125vw;
  font-weight: 700;
}
.becomeDealerMap svg{
  width: 54.37vw;
  height: 21.88vw;
}

/****************************************************/
/*              PAGE QUESTIONS                      */
/****************************************************/
.blockQuestion .content{
  padding: 6.5vw 0 2.5vw 0;
}
.qestitionTopText{
  font-weight: 500;
  font-size: 1.125vw;
  color: #202226;
  text-transform: uppercase;
  margin-bottom: 5vw;
}
.questionNav{
  display: flex;
  gap: 1.875vw;
  margin-bottom: 3.75vw;
  overflow: hidden;
}
.questionNav li{
  font-weight: 500;
  font-size: 1vw;
  color: rgba(32, 34, 38, 0.5);
  padding: 0.625vw;
  border-bottom: 0.125vw solid rgba(32, 34, 38, 0.5);
  position: relative;
}
.questionNav li.active, .questionNav li:hover{
  cursor: pointer;
  border-color: #EC3131;
  color: #EC3131;
}
.questionTab{
  display: none;
}
.questionTab.active{
  display: block;
}
.questionTabIn{
  width: 100%;
  display: grid;
  grid-template-columns: 32.8vw 1fr;
  grid-gap: 1.5vw;
}
.answer{
  display: none;
}
.answer.active{
  display: block;
}
.questions li{
  position: relative;
  margin-bottom: 3.125vw;
  padding: 0.625vw 6.875vw 0.625vw 0;
  font-weight: 500;
  font-size: 1.06vw;
  color: #202226;
  text-transform: uppercase;
}
.questions li:before{
  content: " ";
  display: block;
  width: 80%;
  height: 0.125vw;
  background-color: rgba(32, 34, 38, 0.5);
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.questions li.active, .questions li:hover{
  font-weight: 700;
  cursor: pointer;
}
.questions li.active:before, .questions li:hover:before{
  height: 16px;
  background-image: url('pic/question-arr.svg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 100% 100%;
  background-color: transparent;
  transform: translate3d(0px, 50%, 0px);
  transition: width 0.5s;
  width: 100%;
}
.answer, .answer p, .answer li{
  font-weight: 400;
  color: #202226;
  font-size: 1vw;
  line-height: 130%;
}
.answer p, .answer li{
  margin-bottom: 1.25vw;
}
.answer li{
  position: relative;
  padding-left: 1.875vw;
}
.answer li:before{
  content: " ";
  width: 1.25vw;
  height: 0.125vw;
  background-color: #EC3131;
  position: absolute;
  left: 0px;
  top: 0.63vw
}


/**************************************************/
/*              PAGE ARTICLES VIDEOS              */
/**************************************************/
.blockArticles .katalogSlideNav{
  top: 37%;
}
.blockVideos .katalogSlideNav{
  top: 47%;
}
.blockVideos .content{
  padding: 0 0 5vw 0;
}
.pageArticles{
  padding: 6.5vw 0 0 0;
}
.videoSlideIn{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 17.38vw;
  grid-gap: 1.5vw;
}
.firstVideo{
  grid-column: span 2;
  grid-row: span 2;
}
.articleVideo{
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0.625vw;
  display: flex;
  align-items: flex-end;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
}
.articleVideo *:hover{
  cursor: pointer;
}
.articleVideo p{
  font-weight: 700;
  font-size: 1.125vw;
  color: #fff;
  line-height: 140%;
  position: relative;
  z-index: 2;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -ms-line-clamp: 3;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  display: -webkit-box;
  display: box;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  box-orient: vertical;

}
.playVideo{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px);
  z-index: 1;
}
.playVideo:hover{
  cursor: pointer;
}
.articleVideo .videoHover{
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0;
  opacity: 0.7;
  background: linear-gradient(180deg, rgba(37, 39, 43, 0.00) 0%, #000 100%);
  transition: 0.5s;
}
.articleVideo:hover .videoHover{
  cursor: pointer;
  opacity: 1;
  background: linear-gradient(180deg, rgba(37, 39, 43, 0.4) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.videoSlidePrev, .articleSlidePrev{
  left: -4vw;
}
.videoSlideNext, .articleSlideNext{
  right: -4vw;
}
.wrapArticleVideo{
  width: 100%;
  height: 45vw;
  padding: 5vw 0;
}


/**********************BLOCK SUBSCRIBE YOUTUBE****************************/
.blockSubscribeYoutube{
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 95% center;
  /*background-image: url('pic/bg-subscribe-youtube.png');*/
}
.blockSubscribeYoutube .content{
  height: 42.75vw;
  padding: 9.06vw 0 0 0;
}
.wrapSubscrYoutube{
  max-width: 38vw;
}
.subscrYoutubeTit{
  font-weight: 800;
  font-size: 2.5vw;
  color: #202226;
  margin-bottom: 2.5vw;
}
.subscrYoutubeTit strong{
  color: #EC3131;
}
.subscrYoutubeText{
  font-weight: 500;
  font-size: 1.06vw;
  color: #202226;
  text-transform: uppercase;
  margin-bottom: 3.75vw;
}
.butSubscrYoutube{
  width: 11.5vw;
}
.subscrYoutubeImg{
  width: 93.81vw;
  position: absolute;
  left: 18.44vw;
  top: 50%;
  /*transform: translate3d(0px, -50%, 0px);*/
}
.subscrYoutubeImg1{
  width: 36.69vw;
  left: 35.2vw;
  top: 1.3vw;
  z-index: 3;
}
.subscrYoutubeImg2{
  width: 26.99vw;
  left: 42.9vw;
  top: 3.4vw;
  z-index: 2;
}
.subscrYoutubeImg3{
  width: 26.99vw;
  left: 44.9vw;
  top: 0.4vw;
  z-index: 1;
}
.subscrYoutubeMob{
  display: none;
}


/**********************BLOCK ARTICLES***************************/
.blockArticles .content{
  padding: 0 0 9.38vw 0;
}
.articleSlideIn{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 17.38vw;
  grid-gap: 1.5vw;
}
.blArticle:nth-child(1){
  grid-row: span 2;
}
.blArticle:nth-child(4){
  grid-row: span 2;
  grid-column: span 2;
}
.blArticle{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.articlePreImg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.artPreTitle{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 6.25vw 0.625vw 1.875vw 0.625vw;
  z-index: 3;
}
.artPreTitle p{
  font-weight: 700;
  font-size: 1.125vw;
  color: #fff;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -ms-line-clamp: 3;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  display: -webkit-box;
  display: box;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
.preArticleHover{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: rgba(32, 34, 38, 0.50);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  opacity: 0;
  transition: 0.5s;
}
.readMore{
  width: 10.625vw;
  height: 2.5vw;
  background: linear-gradient(180deg, #FF5D5D 0%, #EA2D2D 100%);
  border-radius: 0.3125vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.readMore:hover{
  background: #FF5D5D;
}
.readMore p{
  font-family: 'moula';
  font-weight: 600;
  font-size: 0.81vw;
  color: #fff;
  text-transform: uppercase;
}
.articlePreImg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.blArticleIn{
  width: 100%;
  height: 100%;
}
.blArticle:hover .preArticleHover{
  opacity: 1;
}
.blArticle:after{
  content: " ";
  display: block;
  width: 100%;
  height: 18.125vw;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: linear-gradient(180deg, rgba(37, 39, 43, 0) 0%, #000000 100%);
  opacity: 0.7; 
  z-index: 0;
  cursor: pointer;
}

/**********************BLOCK SUBSCRIBE****************************/
.blockSubscribe .content{
  height: 30.81vw;
  padding: 3.18vw 0 0 0;
}
.wrapSubscribe{
  width: 31.25vw;
}
.subcribeTit{
  font-weight: 800;
  font-size: 2.5vw;
  color: #202226;
  text-transform: uppercase;
  margin-bottom: 2.5vw;
}
.subcribeTit strong{
  color: #EC3131;
}
.subscribeText{
  font-weight: 500;
  font-size: 1.0625vw;
  color: #202226;
  text-transform: uppercase;
  margin-bottom: 3.56vw;
}
.subscribeImg{
  width: 50.31vw;
  position: absolute;
  right: -2.69vw;
  top: 0px;
}

.formSubscribe .wrapInputs{
  width: 100%;
}
.subscribeImg1{
  width: 22.19vw;
  right: 25.4vw;
  top: 10.4vw;
  z-index: 1;
}
.subscribeImg2{
  width: 15.94vw;
  right: 19.4vw;
  top: 6.4vw;
  z-index: 2;
}
.subscribeImg3{
  width: 25.75vw;
  right: 4.4vw;
  top: 6.4vw;
  z-index: 3;
}
.subscribeImg4{
  width: 31.25vw;
  right: -2.8vw;
  top: -0.1vw;
  z-index: 1;
}


/********************************************************/
/*                    PAGE ARTICLE                      */
/********************************************************/
.blockArticle{
  z-index: 2;
}
.blockArticle .content{
  padding: 6.5vw 0px 0vw 0px;
}
.articleDate{
  display: flex;
  align-items: center;
  gap: 0.6vw;
}
.artDateLeft p{
  font-weight: 300;
  font-size: 2.5vw;
  color: #EC3131;
}
.artDateRight p{
  font-weight: 400;
  font-size: 0.75vw;
  color: #202226;
}
.artDateRight p strong{
  font-weight: 700;
  font-size: 1vw;
  color: #202226;
}
.artDateRight p:not(:last-child){
  margin-bottom: 0.175vw;
}
.articleBigImage{
  margin-top: 2.5vw;
  margin-bottom: 2.5vw;
}
.articleBigImage img{
  width: 100%;
}
.articleContent{
  margin-bottom: 2.5vw;
}
.articleContent, .articleContent p, .articleContent ul li{
  font-weight: 400;
  font-size: 1vw;
  color: #202226;
  line-height: 130%;
}
.articleContent p{
  margin-bottom: 0.93vw;
}
.articleContent h2, .articleContent h3 {
  font-weight: 500;
  font-size: 1.2vw;
  margin-top: 1.5vw;
  margin-bottom: 1vw;
}
.articleContent h3{
  font-size: 0.9vw;
}
.articleContent b{
  font-weight: 700;
}
.articleContent ul{
  list-style-type: disc;
  margin-bottom: 0.5vw;
  padding-left: 1.5vw;
}
.articleMeta{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 0px 30px 0px;
  border-bottom: 1px solid #D9D9D9;
}
.articleMetaRight, .articleMetaLeft{
  display: flex;
  align-items: center;
}
.articleSee{
  margin-right: 60px;
}
.articleMetaRight span{
  font-weight: 400;
  font-size: 1vw;
  color: #80868D;
  display: inline-block;
  margin-left: 0.625vw;
}
.articleMetaRight *, .articleMetaLeft *{
  vertical-align: middle;
}
.articleMetaLeft span{
  font-weight: 400;
  font-size: 1vw;
  color: #202226;
  display: inline-block;
}
.articleFollow{
  margin-right: 2.5vw;
  position: relative;
}
.articleFollow img{
  width: 0.69vw;
}
.articleLike img{
  width: 0.75vw;
}
.icoLike{
  width: 0.75vw;
  height: 0.75vw;
  background-image: url('pic/like-black.svg');
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
}
.articleLikeUp:hover .icoLike{
  cursor: pointer;
  background-image: url('pic/ico-like-red.svg');
}
.icoFollow{
  width: 0.63vw;
  height: 0.75vw;
  background-image: url('pic/ico-art-follow.svg');
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
}
.articleFollow:hover .icoFollow{
  cursor: pointer;
  background-image: url('pic/ico-art-follow-red.svg');
}
.articleLikeUp:hover > span, .articleFollow:hover > span{
  color: #EC3131;
}
.articleSee img{
  width: 1vw;
}
.articleFollow:hover, .articleLikeUp:hover{
  cursor: pointer;
}
.articleImages{
  display: flex;
  /*gap: 0.625vw;*/
}
.articleImages.desctop{
  gap: 1vw;
}
.articleImages img, .articleImages.desctop > div{
  width: 100%;
}
.articleBigImgPodpis{
  text-align: center;
  margin-top: 1.25vw;
}
.wrapArticleImages{
  position: relative;
  margin: 2.5vw auto;
  overflow: hidden;
}
.fullScreenArtImages{
  bottom: 0px;
}


/*********************SHARE FORM**************************/
.shareForm{
  width: auto;
  height: auto;
  position: absolute;
  top: 2.65vw;
  left: 0vw;
  background-color: #fff;
  box-shadow: 0px 8px 40px rgba(18, 25, 36, 0.15);
  border-radius: 0.375vw;
  padding: 1.875vw;
  z-index: 21;
  display: none;
}
.shareForm:before{
  content: " ";
  display: block;
  width: 1.31vw;
  height: 1.31vw;
  background-color: #fff;
  position: absolute;
  left: 3.13vw;
  top: 0px;
  transform: translate3d(0px, -50%, 0px) rotate(45deg);

}
.shareList{
  display: flex;
  align-items: center;
  gap: 1.25vw;
}
.shareLinkField{
  height: 26px;
  width: 100%;
  background: #F0F0F0;
  border-radius: 6px;
  padding: 5px 9px;
  font-weight: 400;
  font-size: 10px;
  color: #000;
  white-space: nowrap;
  max-width: 240px;
  overflow: hidden;
  position: relative;
  display: none;
}
.shareLinkField:after{
  content: " ";
  display: block;
  width: 20px;
  height: 100%;
  background: linear-gradient(to right, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0.50) 20%, rgba(240, 240, 240, 1) 80%);
  position: absolute;
  right: 0px;
  top: 0px;
}
span.copyLinkText{
  font-weight: 400;
  font-size: 0.875vw;
  color: #202226;
  white-space: nowrap;
  margin-left: 0.69vw;
}
.copyLinkText:hover{
  cursor: pointer;
  color: #EC3131;
}
.copyLinkText:active{
  color: #EA2D2D ;
}
.share{
  width: 3vw;
  height: 3vw;
  display: block;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 27vw 6vw;
  background-image: url('pic/share-icons1.svg');
}
.share:hover{
  background-position-y: -3vw;
  cursor: pointer;
}
.shareTelegram{
  background-position-x: -3vw;
}
.shareWhatsapp{
  background-position-x: -6vw;
}
.shareOk{
  background-position-x: -9vw;
}
.shareMail{
  background-position-x: -12vw;
}
.shareM{
  background-position-x: -15vw;
}
.shareFace{
  background-position-x: -18vw;
}
.shareInst{
  background-position-x: -21vw;
}
.shareCopy{
  background-position-x: -24vw;
}


/************************************************/
/*                PAGE COMPARE                  */
/************************************************/
.blockCompare .content{
  padding: 6.5vw 0 0 0;
}
.compareTop{
  display: flex;
  justify-content: space-between;
  gap: 5vw;
  align-items: center;
}
.butCompare{
  width: 19.125vw;
  padding-left: 2.18vw;
  letter-spacing: 0.1vw;
}
.butCompare br{
  display: none;
}
.wrapCompareNavTop{
  width: 19.125vw;

}
.butCompare:before{
  content: " ";
  display: block;
  width: 1.25vw;
  height: 1.25vw;
  position: absolute;
  left: 1.88vw;
  top: 50%;
  transform: translate3d(0px, -50%, 0px);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  background-image: url('pic/ico-plus-but.svg');
}
.compareTit .fontTit{
  padding: 0;
}
.compareSlideImg{
  position: relative;
  width: 12.56vw;
  height: 7.075vw;
  margin-left: 3.5vw;
}
.compareImg{
  width: 10.94vw;
}
.compareSlide{
  width: 19.125vw;
  padding: 0 1.5vw 1.875vw 0;
}
.wrapCompareItems{
  margin-top: 4.19vw;
}
.compareMarka{
  position: absolute;
  font-family: 'roadRadio';
  font-size: 3.5vw;
  font-weight: 900;
  color: #EC3131;
  text-transform: uppercase;
  left: -0.9vw;
  top: -0.3vw;
  line-height: 1em;
}
.compareModel{
  font-family: 'roadRadio';
  font-weight: 900;
  font-size: 2.38vw;
  color: #EC3131;
  text-transform: uppercase;
  position: absolute;
  right: 1vw;
  bottom: -0.8vw;
  line-height: 1em;
}
.productCompareName{
  margin-top: 2.875vw;
  font-weight: 500;
  font-size: 1.125vw;
  color: #202226;
  text-transform: uppercase;
}
.productCompareName strong{
  font-weight: 700;
  text-transform: normal;
}
.featuresLine{
  display: grid;
  grid-template-columns: 6.68vw 1fr;
  grid-gap: 1vw;
  margin-bottom: 0.5vw;
}
.featuresName p{
  font-family: 'moula';
  font-weight: 300;
  font-size: 0.875vw;
  color: #202226;
  line-height: 100%;
  hyphens: auto;
}
.featuresValue p strong{
  font-weight: 700;
  font-size: 0.90vw;
}
.featuresGroupName{
  font-weight: 700;
  font-size: 1.125vw;
  color: #202226;
  font-family: 'moula';
  line-height: 100%;
  padding: 0.625vw 0.625vw 0.625vw 0;
  border-bottom: 0.0625vw solid rgba(32, 34, 38, 0.50);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.featuresGroupName:hover{
  cursor: pointer;
}
.featuresGroupName svg{
  width: 0.6875vw;
  height: 0.4375vw;
  position: relative;
  display: block;
  transform:  rotate(180deg);;
}
.featuresGroupName svg:hover path{
  stroke: #EC3131;
  opacity: 1;
}
.featuresGroupName.open svg{
  transform:  rotate(0deg);
}

/*.featuresGroupName:after{
  content: " ";
  width: 0.6875vw;
  height: 0.4375vw;
  position: absolute;
  right: 0.625vw;
  top: 50%;
  transform: translate3d(0px, -50%, 0px) rotate(180deg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  background-image: url('pic/arr-top.svg');
  
}
.featuresGroupName.open:after{
  transform: translate3d(0px, -50%, 0px) rotate(0deg);
}*/
.compareFeatures{
  margin: 1.25vw 0 1.875vw 0;
}
.wrapCompareFeatures{
  margin-top: 1.125vw;
}
.wrapCompareItems{
  overflow: visible !important;
}
.compareSlidePrices{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1.25vw;
}
.compareSlidePrice{
  font-family: 'moula';
  font-weight: 700;
  font-size: 1.75vw;
  color: #42454B;
  line-height: 1em;
}
.compareSlideOldPrice{
  font-family: 'moula';
  font-weight: 600;
  font-size: 1.125vw;
  color: rgba(66, 69, 75, 0.4);
  line-height: 1em;
}
.compareSlideOldPrice span{
  text-decoration: line-through;
}
.butCompareSlide{
  width: 100%;
}
.compareSlideBottom .wrapBut{
  margin-bottom: 1.25vw;
}
.compareSlideBottom{
  margin-top: 2.5vw;
}
.wrapSlideRemoveCompare{
  text-align: center;
}
.wrapSlideRemoveCompare span{
  display: inline-block;
  font-weight: 400;
  font-size: 1vw;
  color: #80868D;
}
.wrapSlideRemoveCompare span:before{
  content: " ";
  display: inline-block;
  width: 1vw;
  height: 0.875vw;
  background-repeat: no-repeat;
  /*background-size: 1vw 1.75vw;*/
  background-size: 100% 100%;
  background-position: 0px 0px;
  background-image: url('pic/ico-remove-compare-grey.svg');
  margin-right: 0.5vw;
}
.wrapSlideRemoveCompare span:hover{
  cursor: pointer;
  color: #42454B;
}
.wrapSlideRemoveCompare span:hover:before{
  /*background-position-y: -0.875vw;*/
  background-image: url('pic/ico-remove-compare-black.svg');
}
.removeCompareX{
  width: 1.625vw;
  height: 1.625vw;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  background-image: url('pic/close-compare.svg');
  position: absolute;
  right: 0px;
  top: 0px;
}
.removeCompareX:hover{
  cursor: pointer;
  opacity: 0.7;
}
.compareSlideTop{
  position: relative;
  padding-top: 2.19vw;
}
.blockCompareNav{
  text-align: right;
}
.wrapCompareNav{
  width: 19.125vw;
  display: inline-grid;
  grid-template-columns: 1fr 4.125vw;
  grid-gap: 0.875vw;
  
}
.compareNav{
  width: 100%;
}
.compareSlideNum{
  margin-bottom: 0.1875vw;
  text-align: left;
}
.compareSlideNum strong, .compareSlideNum{
  font-weight: 300;
  font-size: 0.875vw;
  color: rgba(32, 34, 38, 0.5);
}
.compareSlideNum span{
  font-weight: 300;
  font-size: 1.25vw;
  color: #202226;
}
.comparePrev, .compareNext{
  width: 1.94vw;
  height: 1.94vw;
  background-repeat: no-repeat;
  background-position: 0px -1.94vw;
  background-size: 3.88vw 3.88vw;
  background-image: url('pic/arrows-nav.svg');
}
.compareNext{
  background-position-x: -1.94vw;
}
.comparePrev:hover, .compareNext:hover{
  cursor: pointer;
  background-position-y: 0px;
}
.compareArrows{
  display: flex;
  align-items: flex-end;
  padding-top: 0.46vw;
}
.blockCompareNav{
  padding-top: 1.25vw;
}
.compareCheck p:hover strong{
  color: #EC3131 !important;
  cursor: pointer;
}


/*-----------------FOOTER  BLOCK ---------------*/
#blockFooter{
  height: 20.44vw;
}
.blockFooter{
  padding-top: 5.88vw;
}
.footImg{
  width: 30.5vw;
  height: auto;
}
.butFoot{
  width: 17vw;
}
.butCallFoot{
  width: 10.94vw;
  letter-spacing: 0.035vw;
}
.footImg{
  position: absolute;
  left: 3.75vw;
  bottom: 0px;
}
.footer{
  width: 100%;
  height: auto;
  background-color: #F0F3F6;
}
.footContent{
  padding: 2.44vw 3.75vw 1.25vw 40.25vw;
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 1vw;
}
.footContent > div{
  font-size: 0;
}
.footLeft .wrapBut50:not(:last-child){
  margin-bottom: 1.625vw;
}
.foot-menu{
  width: 26.8vw;
  display: inline-grid;
  grid-template-columns: auto auto auto;
  grid-column-gap: 0.25vw;
  grid-row-gap: 1vw;
  justify-content: space-between;
  text-align: left;
  align-items: center;
}
.foot-menu li{
  font-size: 0;
}
.foot-menu li a{
  font-weight: 400;
  font-size: 0.875vw;
  color: #3D3D3D;
}
.foot-menu li a:hover{
  color: #EC3131;
}
.menu-footrightmenu-container{
  text-align: right;
}
.wrapFootPolitika{
  grid-column: span 2;
  text-align: right;
}
.footRightBottom{
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 4.56vw;
  margin: 2.32vw 0 0 0;
}
.footPhone{
  font-weight: 500;
  font-size: 1.063vw;
  color: #202226;
}
.footPhone:before{
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.625vw;
  width: 1.81vw;
  height: 1.5vw;
  background-repeat: no-repeat;
  background-position: 0px -1.5vw;
  background-position-y: -1.5vw;
  background-size: 1.81vw 6vw;
  background-image: url('pic/ico-phone-circle.svg');
}
.callDesctop:hover + .footPhone:before{
  background-position-y: -3vw;
}
.callDesctop:hover + .footPhone, .footPhone:hover{
  color: #EC3131;
}
.footPolitika{
  font-weight: 400;
  font-size: 0.625vw;
  color: rgba(32, 34, 38, 0.5);
  text-decoration: underline;
  line-height: 1.875vw;
}
.footPolitika:hover{
  cursor: pointer;
  text-decoration: none;
}
.footRight{
  text-align: right;
}


/******************BLOCK THANKS*********************/
.blockThanks{
  padding-top: 1px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('pic/bg-thanks1.jpg');
}
.blockThanks .content{
  text-align: left;
  padding-bottom: 6vw;
}
.thanksContent{
  width: 100%;
  height: 37.06vw;
  display: flex;
  align-items: center;
  padding: 5.3vw 0px 0px 0px;
}
.thImg{
  width: 42.31vw;
  position: absolute;
  right: 0.14vw;
  top: 5vw;
}
.thanksTit{
  font-weight: 800;
  font-size: 2.5vw;
  color: #202226;
  text-transform: uppercase;
}
.thanksPodpis{
  font-weight: 400;
  font-size: 1.125vw;
  color: #202226;
  margin: 2.19vw 0px 3vw 0px;
  line-height: 1.4em;
}
.butTh{
  width: 18.3125vw;
}
.thBottom{
  font-weight: 500;
  font-size: 14px;
  color: #9DA2A4;
}


/********************************************************/
/*                PAGE THANKS PODPISKA                  */
/********************************************************/
.blockThanksPodpiska{
  background-image: url('pic/bg-thanks1.jpg');
}
.blockThanksPodpiska, .pageThanks{
  position: relative;
  z-index: 2;
}
.blockThanksPodpiska .content{
  padding: 9.06vw 0 3.3vw 0;
}
.thanksText{
  font-weight: 700;
  font-size: 1.5vw;
  color: #202226;
  line-height: 140%;
  margin: 0.69vw 0 0.3vw 0;
}
.wrapThanksPodpiska{
  margin: 1.86vw 0 0 0;
}
.thanksRedirectMailText{
  font-weight: 700;
  font-size: 1vw;
  color: #202226;
  margin-bottom: 1.25vw;
}
.tmail{
  display: inline-flex;
  width: 11.38vw;
  height: 5.63vw;
  border-radius: 0.31vw;
  border: 0.06vw solid #D7D7D7;
  margin-right: 1.69vw;
  justify-content: center;
  align-items: center;
}
.thImgPodpiska{
  width: 39.19vw;
  position: absolute;
  right: -0.6vw;
  top: 8.44vw;
}
.thanksPodpiskaText{
  font-weight: 400;
  font-size: 0.875vw;
  color: #202226;
  line-height: 140%;
  margin: 1.25vw 0 2.5vw 0;
  max-width: 43.44vw;
}
.thBack{
  width: 18.31vw;
}
.tmail.yandex img{
  width: 5.63vw;
}
.tmail.gmail img{
  width: 9.13vw;
}
.tmail.mmail img{
  width: 10.13vw;
}
.thImgFinal{
  width: 39.125vw;
  position: absolute;
  right: -1vw;
  top: 10.31vw;
}
.blockThanksFinal .content{
  padding: 11.94vw 0 9vw 0;
}





/******************404********************/
.page404{
}
.page-404{
  height: auto;
}
.img404{
  width: 61.56vw;
  height: auto;
  position: absolute;
  right: -10vw;
  top: 12vw;

}
.pagePolitika{
  padding-top: 4vw;
}


/********************RADIO***********************/
label.radio{
  display: inline-flex;
}
label.radio input[type=radio]{
  display: none;
}
label.radio span{
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: -16px 0px;
  background-image: url('pic/radio.png');
  margin-bottom: 0px;
  flex-shrink: 0;
}
label.radio.dark span{
  background-image: url('pic/radio-dark.png');
}
label.radio p{
  font-weight: 300;
  font-size: 16px;
  color: #fff;
  display: inline-block;
  text-align: left;
  padding-left: 5px;
  vertical-align: middle;
  line-height: 1.25em;
  max-width: 95%;
  white-space: nowrap;
}
label.radio input:checked + span{
  background-position: 0px center;
}
label.radio input + span, label.radio input + span + p{
  opacity: 0.6;
}
label.radio input:checked + span, label.radio input:checked + span + p{
  opacity: 1;
}
label.radio input:checked + span{
  opacity: 1;
}
label.radio.dark p{
  color: #2b2a28;
}


/*****************POLITIKA***********************/    
.wrapPageContent{
  padding: 6vw 0px;
}
label.checkbox{
  display: inline-flex;
  gap: 0.625vw;
}
label.checkbox.vCenter{
  align-items: center;
}
label.checkbox input[type=checkbox]{
  display: none;
}
label.checkbox span{
  display: inline-block;
  vertical-align: middle;
  width: 1.125vw;
  height: 1.125vw;
  background-repeat: no-repeat;
  background-size: 1.125vw 2.25vw;
  background-position: 0px -1.125vw;
  background-image: url('pic/checkbox.svg');
  margin-bottom: 0.188vw;
  flex-shrink: 0;
}
label.checkbox span:hover{
  opacity: 0.8;
  cursor: pointer;
}

label.checkbox.red span{
  display: inline-block;
  vertical-align: middle;
  width: 1.125vw;
  height: 1.125vw;
  background-repeat: no-repeat;
  background-size: 1.125vw 2.25vw;
  background-position: 0px -1.125vw;
  background-image: url('pic/checkbox-red.svg');
  margin-bottom: 0.188vw;
  flex-shrink: 0;
}
label.checkbox strong{
  font-weight: 400;
  font-size: 0.69vw;
  color: #fff;
  opacity: 0.7;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  line-height: 140%;
  white-space: normal;
}
label.checkbox strong a{
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  vertical-align: baseline;
  text-decoration: underline;
}
label.checkbox strong a:hover{
  cursor: pointer;
  text-decoration: none;
}
label.checkbox strong a:active{
  text-decoration: underline;
}
label.checkbox.black strong{
  color: #202226;
}
label.checkbox input:checked + span{
  background-position: 0px 0px;
}
label.checkbox.dark strong, label.checkbox.dark strong a{
  color: #ababab;
}


::-moz-placeholder{
  opacity: 1;
  color: #fff;
}
::-webkit-input-placeholder{
  opacity: 1;
  color: #fff;
}



:focus::-webkit-input-placeholder {
  color: transparent !important;
}
:focus::-moz-placeholder {
  color: transparent !important;
}
:focus:-moz-placeholder {
  color: transparent !important;
}
:focus:-ms-input-placeholder {
  color: transparent !important;
}

iframe[name=google_conversion_frame]{
  display: none;
}


.visible{
  visibility: visible !important;
}
/****************preloader***********************/
.preloader {
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
  transform: translate3d(-50%, 0px, 0px);
  z-index: 1001;
  height: 100px;
}

.preloader__row {
  position: relative;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  margin-left: -35px;
  text-align: center;
  animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
  position: absolute;
  display: inline-block;
  top: 0;
  background-color: #2B9E4E;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes preloader-bounce {

  0%,
  100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0;
}

.loaded .preloader {
  display: none;
}

@-moz-document url-prefix() {
  .featureTabs, .dealerPrivilegeItems{
    scrollbar-width: thin;
    scrollbar-color: #EC3131 rgba(32,34,48, 0.2);
  }
}

.featureTabs::-webkit-scrollbar, .dealerPrivilegeItems::-webkit-scrollbar {
  width: 0.125vw; /* Ширина всего элемента навигации */
}

.featureTabs::-webkit-scrollbar-track, .dealerPrivilegeItems::-webkit-scrollbar-track{
  background: rgba(32,34,48, 0.2); /* Цвет дорожки */
}

.featureTabs::-webkit-scrollbar-thumb, .dealerPrivilegeItems::-webkit-scrollbar-thumb{
  background-color: #EC3131; /* Цвет бегунка */
  cursor: pointer;
}


.featureTabs::-webkit-scrollbar-thumb, .dealerPrivilegeItems::-webkit-scrollbar-thumb, .featureTabs:scrollbar-thumb, .dealerPrivilegeItems:scrollbar-thumb{
    background-color: #EC3131;
    border-radius: 0;
}

.featureTabs::-webkit-scrollbar-thumb:hover, .dealerPrivilegeItems::-webkit-scrollbar-thumb:hover {
    background-color: #253861;
}

.swiper-pagination-hide{
  opacity: 0
}