/*
	Theme Name: EKOTON
	Theme URI: https://ekoton-service.ru/
	Author: EKOTON
	Author URI: https://ekoton-service.ru/
	Description: EKOTON theme.
	Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');



html, body{
	padding:0px;
	margin:0px;
	font-size:16px;
	font-family: "Roboto", Fallback, sans-serif;
  font-weight:400;
	height:100%;
	width:100%;
	min-height:100vh;
	overflow-x:hidden;
	position:relative;
}

.UniSans{
  font-family: "UniSans", Fallback, sans-serif;
}

.HeaderFont{
  font-family: "Montserrat", sans-serif;
}

a {
    all: unset;
    display:block;
}

/* MAIN PAGE */
/* HEADER CARUSEL */
.headerContainer{
  width:100%;
  height:839px;
  background-image:url('../img/main-page-header-background.jpg');
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

.headerContainer.page{
  height:auto;
  background-image:none;
}

.headerBlockContainer{
  width:100%;
  border-bottom:solid 1px rgba(255,255,255,0.2);
  height:82px;
}

.scrolled .headerBlockContainer{
  background-color:#ffffff;
  position:fixed;
  top:0px;
  left:0px;
  z-index:99999;
  transition: 0.3s;
   transition-timing-function: ease;

}




.headerBlock{
    margin:0px auto;
    max-width:1320px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    height:82px;

}

.scrolled .headerBlock{

}

.headerMenuContainer{
    display:flex;
    align-items:center;
    justify-content: flex-start;
    height: 100%;
    transition: 0.3s;
   transition-timing-function: ease;
}

.headerInside{
  display:flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

.headerMenuLogo{
    background-image:url('../img/main-logo.svg');
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    width:61px;
    min-width:61px;
    height:61px;
    cursor:pointer;
}

.headerMenuItems{
    display:flex;
    justify-content: flex-start;
    padding-right:26px;
    height:stretch;
    height:100%;
    white-space: nowrap;
}

.headerMenuItem{
   font-family: "Montserrat", sans-serif;
    margin-left:26px;
    font-weight: 500;
    height:calc(100% - 3px);
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    transition: 0.3s;
   transition-timing-function: ease;
}

.page .headerMenuItem{
  color: #000;
}

.scrolled .headerMenuItem{
  color: #000;
  transition: 0.3s;
   transition-timing-function: ease;
}

.headerMenuItem.active{
  color: #E3000B;
  border-bottom:solid 4px #E3000B;
}

.headerContactsBlock{
    height:82px;
    border-left:solid 1px rgba(255,255,255,0.2);
    display:flex;
    align-items: center;
    justify-content: flex-start;
    padding-left:26px;
    transition: 0.3s;
   transition-timing-function: ease;
}

.page .headerContactsBlock{
  border-left:solid 1px rgba(0,0,0,0.2);
}

.scrolled .headerContactsBlock{
  border-left:solid 1px rgba(0,0,0,0.2);
  transition: 0.3s;
   transition-timing-function: ease;
   transition: 0.3s;
   transition-timing-function: ease;
}

.headerContactsBlockItem{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.headerContactsBlockItemIcon{
    width:17px;
    height:17px;
    margin-right:7px;
}

.page .headerContactsBlockItemIcon svg path{
  fill:#000;
}

.headerContactsBlockItemIcon svg path{
  transition: 0.3s;
   transition-timing-function: ease;
}

.scrolled .headerContactsBlockItemIcon svg path{
  fill:#000;
  transition: 0.3s;
   transition-timing-function: ease;
}

.headerContactsBlockItemTitle{

  font-weight: 400;
  font-size: 15px;
  line-height: 144%;
  color: #fff;
  transition: 0.3s;
   transition-timing-function: ease;
   white-space: nowrap;
}

.page .headerContactsBlockItemTitle{
    color: #000;
}

.scrolled .headerContactsBlockItemTitle{
    color: #000;
    transition: 0.3s;
   transition-timing-function: ease;
}

.headerContactsBlockRight{
    margin-left:26px;
    display:flex;
    align-items: center;
    justify-content: center;
    height:82px;
}

.headerContactsBlockCallBackButton{
  font-family: "Montserrat", sans-serif;
  border-radius: 0 25px 25px 25px;
  width: 154px;
  height: 45px;
  display:flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #ffe836 0%, #fc0 100%);
  cursor:pointer;
  font-weight: 700;
  font-size: 14px;
  line-height: 253%;
  text-align: center;
  color: #000;
}

.headerAuthBlock{
  font-family: "Montserrat", sans-serif;
  margin-left:26px;
  padding-left:26px;
  padding-right:26px;
  border-left:solid 1px rgba(255,255,255,0.2);
  border-right:solid 1px rgba(255,255,255,0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height:82px;
  transition: 0.3s;
   transition-timing-function: ease;
}

.page .headerAuthBlock{
   border-left:solid 1px rgba(0,0,0,0.2);
  border-right:solid 1px rgba(0,0,0,0.2);
}

.scrolled .headerAuthBlock{
   border-left:solid 1px rgba(0,0,0,0.2);
  border-right:solid 1px rgba(0,0,0,0.2);
  transition: 0.3s;
   transition-timing-function: ease;
}

.headerAuthBlockIcon{
  display:flex;
  align-items: center;
  justify-content: center;
  width:25px;
  height:25px;
}

.headerAuthBlockIcon svg path{
  transition: 0.3s;
   transition-timing-function: ease;
}

.page .headerAuthBlockIcon svg path{
  stroke:#000;
}

.scrolled .headerAuthBlockIcon svg path{
  stroke:#000;
  transition: 0.3s;
   transition-timing-function: ease;
}



.headerAuthBlockTitle{
  margin-top:5px;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  line-height: 153%;
  text-transform: capitalize;
  color: #fff;
  transition: 0.3s;
   transition-timing-function: ease;
}

.page .headerAuthBlockTitle{
    color: #000;
}

.scrolled .headerAuthBlockTitle{
    color: #000;
    transition: 0.3s;
   transition-timing-function: ease;
}

.headerBlockContent{
  padding-top:160px;
  width:calc(100% - 40px);
  margin:0px auto;
  text-align:center;
   transition: 0.3s;
   transition-timing-function: ease;
  

}

.scrolled .headerBlockContent{
  padding-top:243px;
  transition: 0.3s;
   transition-timing-function: ease;
}


.headerBlockContentTitle{
  font-family: "Montserrat", sans-serif;
  font-weight: 100;
  font-size: 55px;
  line-height: 107%;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  max-width:1114px;
  padding-left:70px;
  padding-right:70px;
 
 margin:0px auto;
}

.headerBlockContentTitle span{
   font-weight:bold;
}

.headerBlockContentDescr{
   margin:0px auto;
  margin-top:20px;
  text-align: center;
  font-weight: 300;
  font-size: 28px;
  line-height: 114%;
  text-align: center;
  color: #fff;
  max-width: 1114px;
  padding-left:220px;
  padding-right:220px;
}

.headerBlockContentButtonsContainer{
  margin-top:40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.headerBlockContentButton{
  font-family: "Montserrat", sans-serif;
  border-radius: 100px;
  width: 190px;
  height: 45px;
  cursor:pointer;
  margin-left:10px;
  margin-right:10px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.headerBlockContentButton.first{
  background: linear-gradient(90deg, #ffe836 0%, #fc0 100%);
  font-weight: 700;
  font-size: 15px;
  line-height: 139%;
  text-align: center;
  color: #000;
  border:solid 1px #FFAB36;
}

.headerBlockContentButton.second{
  border:solid 2px #fc0;
  font-weight: 700;
  font-size: 15px;
  line-height: 139%;
  text-align: center;
  color: #fff;
}

.headerBlockCaruselMenu{
  margin-top:120px;
  display:flex;
  align-items: center;
  justify-content: center;

}

.headerBlockCaruselMenuItems{
  display: flex;
  align-items: center;
  justify-content: center;
}

.headerBlockCaruselItem{
  border-radius: 100px;
  width: 13px;
  height: 7px;
  background: #d9d9d9;
  opacity: 0.3;
  margin-left:5px;
  margin-right:5px;
}

.headerBlockCaruselItem.active{
  border-radius: 100px;
  width: 26px;
  height: 7px;
  background: #fd0;
    opacity: 1;
}

.scrolled .headerMobileMenuButtonContainer svg line{
  stroke:#000000;
}

.headerMobileMenuButtonContainer{
  display:none;
  margin-left:10px;
  cursor:pointer;
}



/* [END] HEADER CARUSEL */

/* PAGE HEADER */

.pageHeaderContainer{
  height: 181px;
  width:100%;
  position:relative;
  background-color: #F0F0F0;
}

.pageHeaderBlockHider{
 
    background-position:left;
    background-size:cover;
    background-repeat: no-repeat;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:181px;
    z-index:1;
}

.pageHeaderBlock{
    max-width:calc(100% - 40px);
    margin:0px auto;
    width:1320px;
    margin:0px auto;
    position:relative;
    z-index:2;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    height:100%;

}

.pageHeaderBreadcrumbs{
  display:flex;
  align-items: center;
  justify-content: flex-start;
}

a.page-headerBreadcrumbsItem{
	cursor:pointer;
}

.page-headerBreadcrumbsItem{
  color: #5A5D5F;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 139.188%; /* 25.054px */
}

.page-headerBreadcrumbsItem.active{
  color:rgba(90, 93, 95, 0.5);
}

.page-headerBreadcrumbsItemSeparator{
  height:20px;
  width: 1px;
  margin-left:10px;
  margin-right:10px;
  background-color:#5A5D5F;
}

.pageHeaderTitle{
  color: #0C0C0C;
  font-family: "Montserrat", sans-serif;
  font-size: 55px;
  font-style: normal;
  font-weight: 400;
  line-height: 59px; /* 107.273% */
  text-transform: uppercase;
}

.pageHeaderTitle span{
  font-weight:bold;
}


/* [END] PAGE HEADER */

/* HEADER BLOCKS UNDER CARUSEL */
.mainPageUnderCaruselContainer{
  width:100%;
  margin-top:-115px;
}

.mainPageUnderCaruselBlocks{
    display:flex;
    align-items: stretch;
    justify-content: center;
    height: 302px;;
}

.mainPageUnderCaruselBlock{
  border: 1px solid #e2e2e2;
  border-radius: 50px 0;
  width: 386px;
  max-width:386px;
  height: 302px;
  backdrop-filter: blur(15px);
  background: rgba(255, 255, 255, 0.85);
  margin-left:15px;
  margin-right:15px;

}

.mainPageUnderCaruselBlockIcon{
    width:58px;
    height:58px;
    background-position:center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top:30px;
    margin-left:35px;
}

.mainPageUnderCaruselBlockIcon.first{
  background-image: url('../img/main-page-under-carusel-blocks-icon-first.svg');
}

.mainPageUnderCaruselBlockIcon.second{
  background-image: url('../img/main-page-under-carusel-blocks-icon-second.svg');
}

.mainPageUnderCaruselBlockIcon.third{
  background-image: url('../img/main-page-under-carusel-blocks-icon-third.svg');
}

.mainPageUnderCaruselBlockIcon.fourth{
  background-image: url('../img/main-page-under-carusel-blocks-icon-fourth.svg');
}

.mainPageUnderCaruselBlockTitle{
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 19px;
  line-height: 126%;
  color: #444;
  margin-top:20px;
  height:65px;
  margin-left:35px;
  margin-right:35px;
}

.mainPageUnderCaruselBlockDescr{
  font-weight: 400;
  font-size: 18px;
  line-height: 139%;
  color: #5a5d5f;
  margin-left:35px;
  margin-right:35px;
}
/* [END] HEADER BLOCKS UNDER CARUSEL */

/* HARDWARE */
.hardwareBlockContainer{
  margin:0px auto;
  width:calc(100% - 40px);
  margin-top:70px;
}

.hardwareBlockTitle{
  font-family: "Montserrat", sans-serif;
  font-size: 55px;
  line-height: 107%;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  color: #0e0e0e;
  max-width:1144px;
  margin:0px auto;
}

.hardwareBlockTitle span{
   font-weight: 300;
   color: #ed3237;
}

.hardwareBlockItems{
  width:100%; 
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-top:40px;
}

.hardwareBlockItem{
   width: 470px;
   max-width: 470px;
   margin-left:5px;
   margin-right:5px;
}


.hardwareBlockImage{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width:100%;
  height: 432px;
}

.first .hardwareBlockImage{
  border-radius: 0 0 0 100px;
  background-image: url('../img/hardware-block-image-first.jpg');
}

.second .hardwareBlockImage{
  background-image: url('../img/hardware-block-image-second.jpg');
}

.third .hardwareBlockImage{
  background-image: url('../img/hardware-block-image-third.jpg');
}

.fourth .hardwareBlockImage{
  border-radius: 0 100px 0 0;
  background-image: url('../img/hardware-block-image-fourth.jpg');
}

.harwareBlockItemTitle{
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  text-transform: uppercase;
  text-align: center;
  color: #414141;
  height:70px;
  border-bottom:solid 1px #000;
  width:100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* [END] HARDWARE */

/* STATISTIC BLOCK */
.statisticBlockContainer{
  margin-top:70px;
  background: #f3f3f3;
  height:560px; 
  width:100%;
  background-position:center 50px ;
  background-size: contain;
  background-repeat: no-repeat;
  display:flex;
  align-items: center;
  justify-content: center;
  background-image:url('../img/statistic-block-background-image.png');
}


.statisticBlock{
  max-width:calc(100% - 40px);
  width:1000px;
}


.statisticBlockTitle{
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #333;
  font-size: 53px;
  line-height: 104%;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}

.statisticBlockTitle span{
  color: #e3000b;
  font-weight: 300;
}

.statisticBlockItems{
  margin-top:18px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.statisticBlockItem{

}

.statisticBlockItemValue{
  color: #0D0D0D;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 70.95px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-left:35px;
  padding-right:35px;
}

.statisticBlockItemDescrition{
  color: #0D0D0D;
  text-align: center;
  font-size: 16.92px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top:7px;
}

.statisticBlockItemSeparator{
  width: 2.382px;
  height: 156px;
  background-color:#000;
}
/* [END] STATISTIC BLOCK */

/* ABOUT BLOCK */
.aboutBlockContainer{
    width:100%;
     margin-top:70px;
}

.aboutBlock{
  margin:0px auto;
  width:1320px;
  max-width:calc(100% - 40px);
}

.aboutBlockTitleContainer{
   display:flex;
   align-items: center;
   justify-content: flex-start; 
}

.aboutBlockTitle{
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #333;
  font-size: 53px;
  line-height: 104%;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  
}

.aboutBlockTitle span{
  color: #e3000b;
  font-weight: 300;
}

.aboutBlockTitleBackground{
  width:100vw;
  min-width:100vw;
  height:48px;
  background-image: url('../img/about-block-title-background.png');
  background-position: left center;
  background-repeat: repeat-x;
  margin-left:20px;
}

.aboutBlockItems{
  display:flex;
  align-items: stretch;
  justify-content: flex-start;
  width:100%;
  margin-top:40px;
}

.aboutBlockItemsLeft{
  width:calc(55%);
}

.aboutBlockItemsRight{
  margin-left:0px;
  width:calc(50%);
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
}

.aboutBlockItem.first{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.aboutBlockItem.second{
    width:calc(60% - 30px);
    margin-right:20px;
    max-width:292px;
}

.aboutBlockItem.third{
   width:calc(40%);
   width: 194px;
}

.aboutBlockItemImage{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.first .aboutBlockItemImage{
  border-radius: 0 200px;
  width: 420px;
  min-width:420px;
  height: 540px;
  background-image: url('../img/about-block-image-first.png');
}


.second .aboutBlockItemImage{
  margin-top:30px;
  border-radius: 47px 0;
  width: 292px;
  height: 164px;
   background-image: url('../img/about-block-image-second.png');
}

.third .aboutBlockItemImage{
  margin-top:30px;
  border-radius: 47px 0;
  width: 194px;
  height: 164px;

   background-image: url('../img/about-block-image-third.png');
}


.first .aboutBlockItemContent{
  margin-left:30px;
  min-width:300px;
  width:calc(100% - 400px);
  padding-top:30px;
}

.aboutBlockItemTitle{
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 25px;
  line-height: 118%;
  text-transform: uppercase;
  color:#000;
}

.third .aboutBlockItemTitle, .second .aboutBlockItemTitle{
  margin-top:20px;
}

.aboutBlockItemDescr{
  margin-top:20px;
  font-weight: 300;
  font-size: 15px;
  line-height: 139%;
  color: #5a5d5f;
}

.aboutBlockItemButton{
   font-family: "Montserrat", sans-serif;
  width: 205px;
  height: 45px;
  border: 1px solid #e3000b;
  border-radius: 55px;
  display:flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 139%;
  text-transform: uppercase;
  color: #e3000b;
  margin-top:170px;
  cursor:pointer;
}

.aboutBlockItemTitle span{
  font-weight: 300;
  color: #e3000b;
}
/* [END] ABOUT BLOCK */


/* MATRIALS FOR DOWNLOAD */
.downloadMaterialsBLockContainer{
  margin-top:70px;
  height:730px;
  width:100vw;
  display:flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image:url('../img/download-material-block-background.jpg');
}

.downloadMaterialBlock{
  width:832px;
  height:356px;
  backdrop-filter: blur(15px);
  background: rgba(224, 26, 34, 0.8);
  border-radius: 100px 0;
}

.downloadMaterialBlockTitle{
  padding-top:65px;
  padding-left:60px;
  padding-right:60px;
  font-weight: 700;
  font-size: 46px;
  line-height: 123%;
  text-transform: uppercase;
  color: #fff;
}

.downloadMaterialBlockTitle span{
  font-weight: 300;
}

.downloadMaterialBlockDescr{
  font-weight: 400;
  font-size: 28px;
  line-height: 114%;
  color: #fff;
  margin-top:15px;
  padding-left:60px;
  padding-right:60px;
  max-width:70%;
}

.downloadMaterialsButtonsContainer{
  margin-top:25px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left:60px;
  padding-right:60px;
}

.downloadMaterialButton{
  display:flex;
  align-items: center;
  justify-content: center;
  padding-left:40px;
  padding-right:40px;
  border-radius: 100px;
  background: linear-gradient(90deg, #ffe836 0%, #fc0 100%);
  height: 45px;
  font-weight: 700;
  font-size: 15px;
  line-height: 139%;
  text-align: center;
  color: #000;
  cursor:pointer;
}

.downloadMaterialButton.second{
   background:  inherit;
   border:solid 1px #ffe836; 
   color:#ffffff;
   margin-left:10px;
}
/* [END] MATRIALS FOR DOWNLOAD */

/* WHY WE */
.whyWeBlockContainer{
  width:100%;
  margin-top:70px;
}

.whyWeBlockTitleContainer{
  display:flex;
   align-items: center;
   justify-content: flex-start; 
   max-width:1320px;
   margin:0px auto;
   overflow-x: visible;
  
}

.whyWeBlockTitleContainer .whyWeBlockTitle{
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #333;
  font-size: 53px;
  line-height: 104%;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  margin-top:0px;
  
}


.whyWeBlockTitle span{
  color: #e3000b;
  font-weight: 300;
}

.whyWeBlockTitleBackground{
  width:100vw;
  min-width:100vw;
  height:48px;
  background-image: url('../img/why-we-block-title-background.png');
  background-position: left center;
  background-repeat: repeat-x;
  margin-left:20px;
}

.whyWeBlockItems{
  margin-top:40px;
  display:flex;
  align-items: stretch;
  justify-content: center;
  max-width:100vw;
  overflow-x: hidden;
  overflow-y:hidden;
  height: 370px;
}

.whyWeBlockItemBlock{
  border: 1px solid #e1e1e1;
  border-radius: 33px;
  width: 424px;
  min-width:360px;
  height: 342px;
  margin-left:10px;
  margin-right:10px;
  position:relative;
}

.whyWeBlockCheckBoxIcon{
    position:absolute;
    top:15px;
    right:30px;
    background-image: url('../img/why-we-block-item-checkbox.svg');
    background-position:center;
    background-repeat: no-repeat;
    background-size: contain;
    height:41px;
    width:41px;
}

.whyWeBlockIcon{
    margin:0px auto;
    margin-top:30px;
    border-radius:50%;
    border:solid 1px #D5D5D5;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height:76px;
    width:76px;
}

.first .whyWeBlockIcon{
  background-image: url('../img/why-we-block-item-icon-first.svg');
  background-size: 50%;
}

.second .whyWeBlockIcon{
  background-image: url('../img/why-we-block-item-icon-second.svg');

}

.third .whyWeBlockIcon{
  background-image: url('../img/why-we-block-item-icon-third.svg');
  background-size: 50%;
}

.fourth .whyWeBlockIcon{
  background-image: url('../img/why-we-block-item-icon-fourth.svg');
  background-size: 50%;
}

.fifth .whyWeBlockIcon{
  background-image: url('../img/why-we-block-item-icon-fifth.svg');
  background-size: 50%;
}

.whyWeBlockTitle{
   font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
  color: #2b2b2b;
  margin:0px auto;
  margin-top:20px;
  text-align: center;
  with:calc(100% - 40px);
}

.whyWeBlockDescription{
  argin:0px auto;
  margin-top:20px;
  font-weight: 300;
  with:calc(100% - 40px);
  font-size: 16px;
  line-height: 122%;
  text-align: center;
  color: #5a5d5f;
  padding-left:40px;
  padding-right:40px;
  padding-bottom:40px;
}
/* [END] WHY WE */

/* REWIEVS */
.reviewsBlockContainer{
  padding-top:70px;
  margin:0px auto;
  background: #F9F9F9;
} 

.reviewsBlock{
  margin:0px auto;
  width:1320px;
  max-width:calc(100% - 40px);
}

.reviewsBlockTitleContainer{
   display:flex;
   align-items: center;
   justify-content: flex-start; 
}

.reviewsBlockTitle{
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #333;
  font-size: 53px;
  line-height: 104%;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  
}

.reviewsBlockTitle span{
  color: #e3000b;
  font-weight: 300;
}

.reviewsBlockTitleBackground{
  width:100vw;
  min-width:100vw;
  height:48px;
  background-image: url('../img/about-block-title-background.png');
  background-position: left center;
  background-repeat: repeat-x;
  margin-left:20px;
}

.reviewsBLockItemsContainer{

}

.reviewsBlockItems{
  display:flex;
  align-items: stretch;
  justify-content: flex-start;
  margin-top:40px;
}

.reviewsBlockItem{
  border-radius: 20px 20px 20px 0;
  border: 1px solid #1F84AF;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  box-shadow: 0 15px 35px -14px rgba(0, 0, 0, 0.22);
  width: 254px;
  min-width:254px;
  height: 346px;
  margin-right:30px;
  cursor:pointer;
}


.video.reviewsBlockItem .reviewsBlockItemVideo{
    width:100%;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
}

.reviewsBlockItemVideoIconButton{
  display:flex;
  align-items: center;
  justify-content: center;
  border-radius:50%;
  width: 67.42px;
  height: 67.42px;
  background-color: rgba(255, 232, 54, 0.7);


}

.reviewsBlockItemVideIcon{
  margin-top:3px;
  margin-left:3px;
}

.reviewsBlockItemTitleContainer{
  display:flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.reviewsBlockItemIconBlock{
  border-radius: 56px;
  border: 1.283px solid #CAC9C9;
  width:56px;
  height:56px;
  display:flex;
  align-items: center;
  justify-content: center;

}

.reviewBlockItemIcon{
  background-image: url('../img/reviews-block-item-title-icon.svg');
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
  width:56px;
  height:56px;
}



.reviewsBlockItemTitleBlock{
  margin-left:8px;
} 

.reviewsBlockItemTitle{
  color: #2A2A2A;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 112.5% */
  margin-top:3px;
}

.reviewsBlockItemUnderTitle{
  color: #414141;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  amrgin-top:3px;
}

.reviewsBlockItemDescription{
  overflow: hidden;
  color: #5A5D5F;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 122%; /* 18.3px */
  padding-top:13px;
}

.reviewsBlockItemInside{
  display:flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding-top:28px;
  padding-left:21px;
  padding-right:21px;
  padding-bottom:28px;
  height:calc(100% - 56px);
}

.reviewsBlockItemReadMoreButton{
  color: #ED3237;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor:pointer;
}

.reviewsBlockItemsScrollContainer{
  margin-top:70px;
  padding-bottom:90px;
}

.reviewsBlockItemsScrollBlock{
  border-radius: 55px;
  background: #D9D9D9;
  width: 561px;
  height: 7px;
  flex-shrink: 0;
  max-width:calc(100% - 80px);
  margin:0px auto;
  overflow-x:auto;
}

.reviewsBlockItemsScroll{
  width:50%;
  height:7px;
  border-radius: 55px;
  background: #535252;
}
/* [END] REWIEVS */ 

/* CASES */
.casesContainer{
  height:730px;
  width:100vw;
  display:flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image:url('../img/cases-block-background-image.jpg');
  position:relative;
}

.casesContainerHider{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:1;
}

.casesBlock{
  width:723px;
  height:356px;
  backdrop-filter: blur(15px);
  background: rgba(224, 26, 34, 0.8);
  border-radius: 0 100px;
  position:relative;
  z-index:2;
}

.casesBlockTitle{
  padding-top:60px;
  padding-left:70px;
  padding-right:70px;
  font-weight: 700;
  font-size: 46px;
  line-height: 123%;
  text-transform: uppercase;
  color: #fff;
}

.casesBlockTitle span{
  font-weight: 300;
}

.casesBlockDescription{
  font-weight: 400;
  font-size: 28px;
  line-height: 114%;
  color: #fff;
  margin-top:15px;
  padding-left:70px;
  padding-right:30px;
  max-width:100%;
}

.casesBlockButtonContainer{
  margin-top:25px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left:70px;
  padding-right:70px;
}

.casesBlockButton{
  display:flex;
  align-items: center;
  justify-content: center;
  padding-left:70px;
  padding-right:70px;
  border-radius: 100px;
  background: linear-gradient(90deg, #ffe836 0%, #fc0 100%);
  height: 45px;
  font-weight: 700;
  font-size: 15px;
  line-height: 139%;
  text-align: center;
  color: #000;
  cursor:pointer;
}
/* [END] CASES */

/* NEWS */ 
.newsBlockContainer{
  width:100%;
  margin-top:70px;
}

.newsBlockTitleContainer{
  display:flex;
   align-items: center;
   justify-content: flex-start; 
   max-width:1320px;
   margin:0px auto;
   overflow-x: visible;
  
}

.newsBlockTitleContainer .newsBlockTitle{
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #333;
  font-size: 53px;
  line-height: 104%;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  margin-top:0px;
  
}


.newsBlockTitle span{
  color: #e3000b;
  font-weight: 300;
}

.newsBlockTitleBackground{
  width:100vw;
  min-width:100vw;
  height:48px;
  background-image: url('../img/why-we-block-title-background.png');
  background-position: left center;
  background-repeat: repeat-x;
  margin-left:20px;
}

.newsBlockItemsContainer{
   max-width:1320px;
   margin:0px auto;
   overflow-x: visible;
}

.newsBlockItems{
   display:flex;
   align-items: center;
   justify-content: flex-start; 
   margin-top:35px;
}

.newsBlockItemColumn{
  margin-right:32px;
  display:flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width:540px;
}

.newsBlockItem{
    height:365px;
    margin-bottom:26px;
    position:relative;
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 25px 25px 25px 0;
    overflow:hidden;
    
}

.newsBlockItemHider{
  position:absolute;
  top:0px;
  left:0px; 
  width: 100%;
  height:100%;
  z-index:1;
}

.newsBlockItem.red .newsBlockItemHider{
  background: linear-gradient(0deg, rgba(123, 0, 0, 0.67) 0%, rgba(123, 0, 0, 0.67) 100%);
}

.newsBlockItem.dark .newsBlockItemHider{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
}

.newsBlockItem.big{
   width:540px;
}

.newsBlockItem.small{
   width:255px;

}

.newsBlockItem.small.first{
   margin-right:30px;
}

.newsBlockItemDate{
  position:relative;
  z-index: 2;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 127.441%; /* 20.391px */
  margin-top:35px;
  padding-left:21px;
  padding-right:21px;
}

.newsBlockItemTitle{
  position:relative;
  z-index: 2;
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding-left:21px;
  padding-right:21px;
}

.newsBlockItemDescription{
   position:relative;
   z-index: 2;
   padding-left:21px;
   padding-right:21px;
   margin-bottom:26px;
   color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 127.441%; /* 19.116px */
  min-height: 50px;
}

.newsBlockItemsScrollContainer{
  margin-top:40px;
  padding-bottom:90px;
}

.newsBlockItemsScrollBlock{
  border-radius: 55px;
  background: #D9D9D9;
  width: 561px;
  height: 7px;
  flex-shrink: 0;
  max-width:calc(100% - 80px);
  margin:0px auto;
  overflow-x:auto;
}

.newsBlockItemsScroll{
  width:50%;
  height:7px;
  border-radius: 55px;
  background: #535252;
}

/* [END] NEWS */ 

/* CONTACTS */
.contactsBlockContainer{
  width:100%;
}

.contactsBlock{
  width:1320px;
  max-width:calc(100% - 40px);
  margin:0px auto;
  background: #FAFAFA;
  
}

.contactsBlockContent{
  display:flex;
  align-items: stretch;
  justify-content: flex-start;
}

.contactsBlockInfo{
  width: calc(50%);
}

.contactsBlockMap{
  width: calc(50%);
  background-image:url('../img/contacts-map-background.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
}

.contactsBlockInfoTtile{
  font-family: "Montserrat", sans-serif;
  color:  #333;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 104.182%; /* 57.3px */
  text-transform: uppercase;
  margin-top:78px;
  margin-left:127px;
}

.contactsBlockInfoItems{
  margin-top:24px;
  margin-left:127px;
  padding-bottom:110px;
}

.contactsBlockInfoItem{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom:20px;
}

.contactsBlockInfoItemIcon{
   height:41px;
   width:41px;
   min-width:41px;
   display:flex;
   align-items: center;
   justify-content: center;
   border:solid 1px #ED3237;
   border-radius: 50%;
}

.contactsBlockInfoItemValueContainer{
  margin-left:21px;
  position:relative;

}

.contactsBlockInfoMessagersButtons{
  position:absolute;
  right:-150px;
  bottom:0px;
  display:flex;
  align-items: center;
  justify-content: flex-start;
}

.contactsBlockInfoItemValueLabel{
  color:  #E3000B;
  font-family: "Montserrat", sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 153%; /* 29.07px */
}

.contactsBlockInfoItemValue{
  color: #353535;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 153%;
  padding-right:40px;
}

.contactsBlockInfoMessagersButton{
  width: 40.366px;
  height: 40.366px;
  flex-shrink: 0;
  background-position:center;
  background-repeat: no-repeat;
  background-size:contain;
}

.contactsBlockInfoMessagersButton.max{
  background-image: url('../img/messanger-icon-max.svg');
}

.contactsBlockInfoMessagersButton.telegram{
  background-image: url('../img/messanger-icon-telegram.svg');
}

.contactsBlockInfoMessagersButton.whatsup{
  background-image: url('../img/messanger-icon-whatsup.svg');
}

.contactsBlockButtonsContainer{
  margin-top:46px;
  display:flex;
  align-items: stretch;
  justify-content: center;
}

.contactsBlockButtonBlock{
  width: 356.478px;
  height: 137.042px;
  border-radius: 15px 0;
  border: 1px solid #000;
  background: #FFF;
  margin-left:10px;
  margin-right:10px;
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.contactsBlockButtonBlock.active{
  border-color: #E3000B;
}

.contactsBlockButtonTitle{
  color: #0E0E0E;
  font-family: "Montserrat", sans-serif;
  font-size: 20.05px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.832px;
  text-transform: uppercase;
}

.contactsBlockButtonTitle span{
  color:  #E3000B;
}

.contactsBlockButtonDescription{
  color: #444;
  text-align: center;

  font-size: 11.77px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.133px; /* 128.571% */
  opacity: 0.85;
  margin-top:10px;
  height:27px;
}

.contactsBlockButtonIcon{
    margin-top:7px;
    width: 5.044px;
    height: 10.089px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../img/contacts-block-items-arrow-right-icon.svg');
}

/* [END] CONTACTS */

/* FOOTER */
.footerBlockContainer{
  margin-top:100px;
  background: #EDEDED;
  width:100%;
}

.footerBlock{
  width:1110px;
  margin:0px auto;
  max-width:calc(100% - 40px);
}

.footerBlockColumns{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding-top:60px;
}

.footerBlockColumn.first{
    width:280px;
    margin-right:20px;
}

.footerBlockLogo{
  background-image: url('../img/footer-main-logo.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 123px;
  height: 121.905px;
}

.footerBlockUnderLogoText{
   color: #888;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 143%; /* 21.45px */ 
  padding-right:10px;
  padding-bottom:10px;
  margin-top:14px;
}


.footerBlockColumn.second{
  width:213px;
}

.footerBlockMenuItem{
   font-family: "Montserrat", sans-serif;
    color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom:30px;
  padding-left:35px;
}

.footerBlockColumn.third{
  width:293px;
}

.footerBlockColumnTitle{
  color: #1D1D1D;
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom:10px;
}

.footerBlockColumnMapImage{
  background-image: url('../img/footer-map-image.png');
  width: 293px;
  height: 168px;
  border-radius: 0 100px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.footerBlockColumnMapDescription{
  color: #888;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 143%; /* 21.45px */
  margin-top:27px;
}

.footerBlockColumn.fourth{
  width: 280px;
    margin-left: 30px;
}

.footerBlockColumnSubscribeDescription{
  color: #888;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  line-height: 143%; /* 18.59px */
  margin-bottom:10px;
}

.footerBlockColumnSubscribeForm{
  width:100%;
}

.footerBlockColumnSubscribeInput{
  width:100%;
  position:relative;
}

.footerBlockColumnSubscribeInput input{
  border-radius: 35px;
  border: 1px solid #1D1D1D;
  width:calc(100% - 44px);
  padding:10px 22px;
  color: #1D1D1D;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-color: inherit;
}

.footerBlockColumnSubscribeSubmitButton{
  position: absolute;
     right: 3px;
    top: 3px;
  width: 33px;
  height: 33px;
  display:flex;
  align-items: center;
  justify-content: center;
  background-color:#FFDD00 ;
  border-radius: 50%;

}

.footerBlockColumnSubscribeSubmitButton svg{
  margin-top: 5px;
}

.footerBlockColumnSubscribeCheckboxBlock{
  margin-top:15px;
  display:flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.footerBlockColumnSubscribeCheckbox {
  width: 15.439px;
  height: 15.439px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.footerBlockColumnSubscribeCheckboxTitle{
  color: #888;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 143%; /* 21.45px */
  margin-left:15px;
}

.footerBlockSubscibeSocialButtons{
  display:flex;
  align-items: center;
  justify-content: space-between;
  margin-top:30px;
}

.footerBlockSubscribeSocialButton{
  width: 36.948px;
  height: 35.743px;

}

.footerBlockCopyrightContainer{
    margin-top:40px;
    width:100%;
    border-top:solid 1px rgba(50, 50, 50, 0.4);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footerBlockCopyright{
  color: #5A5D5F;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 139.188%; /* 20.878px */
  padding-top:22px;
  padding-bottom:20px;
}

.footerBlockCopyrightMenu{
  display: flex;
  align-items: cetner;
  justify-content: flex-end;
}

.footerBlockCopyrightMenuItem{
  color: #888;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 143%; /* 21.45px */
  margin-left:15px;
  cursor:pointer;
}

/* [END] FOOTER */

/* [END] MAIN PAGE */

/* ABOUT PAGE */
.aboutPageBlocksBlockContainer{
  margin-top:70px;
}

.aboutPageBlocksBlock{
  max-width:calc(100% - 40px);
  margin:0px auto;
  width:1100px;
}

.aboutPageBlocksItem{
  margin-bottom:70px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.aboutPageBlocksItem.reverse{
  flex-direction: row-reverse;
}

.aboutPageBlocksItemImage{
  width: 533px;
  height: 390px;
  border-radius: 47px 0;
  background-position:center;
  background-size: cover;
  background-repeat: no-repeat;
}

.reverse .aboutPageBlocksItemImage{
   border-radius: 0 47px;
}

.aboutPageBlocksItemContent{
  margin-left:30px;
  width:calc(100% - 563px);
}

.reverse .aboutPageBlocksItemContent{
   margin-right:30px;
}

.aboutPageBlocksItemTitle{
  font-family: "Montserrat", sans-serif;
  margin-top:15px;
  color: #000;
  font-size: 52px;
  font-style: normal;
  font-weight: 700;
  line-height: 59px;
  text-transform: uppercase;
}

.aboutPageBlocksItemTitle span{
  color: #ED3237;
  font-weight: 300;
}

.aboutPageBlockItemDescription{
  margin-top:26px;
  color:  #5A5D5F;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 139.188%; /* 22.27px */
}


/* WE BEST IN */
.aboutPageBestBlockContainer{
  padding-top:70px;
  background: #F9F9F9;
  width:100%;
}

.aboutPageBestBlock{
  max-width:calc(100% - 40px);
  margin:0px auto;
  width:1320px;
}

.aboutPageBestBlockTitleContainer{
   display:flex;
   align-items: center;
   justify-content: flex-start; 
   max-width:1100px;
   margin:0px auto;
}

.aboutPageBestBlockTitle{
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #333;
  font-size: 53px;
  line-height: 104%;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  
}

.aboutPageBestBlockTitle span{
  color: #e3000b;
  font-weight: 300;
}

.aboutPageBestBlockTitleBackground{
  width:100vw;
  min-width:100vw;
  height:48px;
  background-image: url('../img/about-block-title-background.png');
  background-position: left center;
  background-repeat: repeat-x;
  margin-left:20px;
}

.aboutPageBestBlockItems{
  margin-top:28px;
  display:flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom:70px;
}

.aboutPageBestBlockItem{
  width:400px;
  min-height:341px;
  padding-bottom:10px;
  text-align: center;
   border: 1px solid #e1e1e1;
  border-radius: 33px;
  width: 400px;
  height: 342px;
  margin-left:14px;
  margin-right:14px;
  margin-bottom:28px;
}



.aboutPageBestBlockItemIcon{
    margin:0px auto;
    margin-top:30px;
    border-radius:50%;
    border:solid 1px #D5D5D5;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height:76px;
    width:76px;
}

.first .aboutPageBestBlockItemIcon{
  background-image: url('../img/why-we-block-item-icon-first.svg');
  background-size: 50%;
}

.second .aboutPageBestBlockItemIcon{
  background-image: url('../img/why-we-block-item-icon-second.svg');

}

.third .aboutPageBestBlockItemIcon{
  background-image: url('../img/why-we-block-item-icon-third.svg');
  background-size: 50%;
}

.fourth .aboutPageBestBlockItemIcon{
  background-image: url('../img/why-we-block-item-icon-fourth.svg');
  background-size: 50%;
}

.fifth .aboutPageBestBlockItemIcon{
  background-image: url('../img/why-we-block-item-icon-fifth.svg');
  background-size: 50%;
}

.sixsth .aboutPageBestBlockItemIcon{
  background-image: url('../img/why-we-block-item-icon-fourth.svg');
  background-size: 50%;
}

.aboutPageBestBlockItemTitle{
   font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
  color: #2b2b2b;
  margin:0px auto;
  margin-top:20px;
  text-align: center;
  with:calc(100% - 40px);
  padding-left:40px;
  padding-right:40px;
}

.aboutPageBestBlockItemDescription{
  argin:0px auto;
  margin-top:20px;
  font-weight: 300;
  with:calc(100% - 40px);
  font-size: 16px;
  line-height: 122%;
  text-align: center;
  color: #5a5d5f;
  padding-left:40px;
  padding-right:40px;
  padding-bottom:40px;
}
/* [END] WE BEST IN */

/* CHOOSE US */

.aboutPageChooseusContainer{
  width:100%;
  height:auto;
  min-height:600px;
  background: #06F;
  padding-top:120px;
}


.aboutPageChoseusBLock{
  width:1320px;
  max-width:calc(100% - 40px);
  margin:0px auto;
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
}


.aboutPageChooseusBlockLeft{ 
    width:490px;
}

.aboutPageChooseusBlockRight{ 
  width:calc(100% - 520px);
}

.aboutPageChooseBlockTitleContainer{
  width: 435px;
  height: 388px;
  border-radius: 220px 0;
  background-position:center;
  background-size: cover;
  background-repeat: no-repeat;
  position:relative;
  background-image: url('../img/about-page-cooseus-block-title-background.png');
}

.aboutPageChooseBlockTitle{
  position:absolute;
  color: #FFF;
   font-family: "Montserrat", sans-serif;
  font-size: 55px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  top:95px;
  left:150px;
}

.aboutPageChooseBlockTitle span{
  font-weight:700;
}

.aboutPageChooseusBlockItems{
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top:21px;
}

.aboutPageChooseusBlockItem {
  width:230px;
  margin-left:15px;
  margin-right:15px;
  margin-bottom:77px;
}


.aboutPageChooseusBlockItemIcon{
  width:50px;
  height:50px;
  background-position:center;
  background-repeat: no-repeat;
  background-size: contain;
  
  
}

.first .aboutPageChooseusBlockItemIcon{
  background-image:url('../img/about-page-chooseus-items-icon-first.svg');
}

.second .aboutPageChooseusBlockItemIcon{
  background-image:url('../img/about-page-chooseus-items-icon-second.svg');
}

.third .aboutPageChooseusBlockItemIcon{
  background-image:url('../img/about-page-chooseus-items-icon-third.svg');
}

.fourth .aboutPageChooseusBlockItemIcon{
  background-image:url('../img/about-page-chooseus-items-icon-fourth.svg');
}

.fifth .aboutPageChooseusBlockItemIcon{
  background-image:url('../img/about-page-chooseus-items-icon-fifth.svg');
}

.sixsth .aboutPageChooseusBlockItemIcon{
  background-image:url('../img/about-page-chooseus-items-icon-sixsth.svg');
}

.aboutPageChooseusBlockItemTitle{
  color: #FFF;
   font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 128%; /* 23.04px */
  margin-top:25px;
}


.aboutPageChooseusButtonsContainer{
  display:flex;
  align-items: stretch;
  justify-content: center;
  margin-top:-96px;
  margin-bottom:120px;
}

.aboutPageChooseusButton{
  width: 648px;
  height: 315px;
  border-radius: 20px;
  
}

.aboutPageChooseusButton.first{
  background: #ED3237;
  margin-right:24px;
}

.aboutPageChooseusButton.second{
  border-radius: 15px;
  background: #0154D0;
  backdrop-filter: blur(3px);

}

.aboutPageChooseusButtonIcon{
  margin-top:38px;
  margin-left:30px;
  width:27px;
  min-width:27px;
  height:27px;
  display:flex;
  align-items: center;
  justify-content: centerl;
}

.aboutPageChooseusButtonTitile{
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 118%; /* 47.2px */
  text-transform: capitalize;
  margin-left:30px;
  margin-top:15px;
}

.aboutPageChooseusButtonDescription{
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 146%; /* 21.9px */
  margin-left:30px;
  max-width:calc(100% - 100px);
  margin-top:15px;
}

.aboutPageChooseusButtonReadMoreContainer{
  margin-left:30px;
  margin-top:47px;
  display:flex;
  align-items: center;
  justify-content: flex-start;
  cursor:pointer;
}

.aboutPageChooseusButtonReadMoreTitle{
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 100% */
  letter-spacing: 0.2px;

}

.aboutPageChooseusButtonReadMoreIcon{
  width:13px;
  main-width:13px;
  height:13px;
  display:flex;
  align-items: center;
  justify-content: center;
  margin-left:13px;
}


/* [END] CHOOSE US */

/* TEAM BLOCK */
.teamBlockContainer{
  background: #F9F9F9;
  padding-top:70px;


}

.teamBlock{
  max-width:calc(100% - 40px);
  width:1150px;
  margin:0px auto;

}

.teamBlockTitleContainer{
    position:relative;
}

.teamBlockTitleBackground{
  background-image:url('../img/page-block-title-background-left.png');
  background-size: contain;
  background-repeat: no-repeat;
  position:absolute;
  width:1237px;
  height:48px;
  left:-1257px;
  top:3px;
}

.teamBlockTitle{
  color: #ED3237;
  font-family: "Montserrat", sans-serif;
  font-size: 55px;
  font-style: normal;
  font-weight: 300;
  line-height: 59px; /* 107.273% */
  text-transform: uppercase;
}

.teamBlockItems{
  margin-top:40px;
  display:flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom:40px;

}

.teamBlockItem{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width:calc(50% - 40px);
  margin-left:20px;
  margin-right:20px;
  margin-bottom:60px;
}

.teamBlockItemIconContainer{
   border-radius:50%;
   border:solid 1px #103670;
   width: 171.243px;
   min-width:171.243px;
  height: 171.243px;
  display:flex;
  align-items: center;
  justify-content: center;

}

.teamBlockItemIcon{
  width: 134.917px;
  height: 135.981px;
  border-radius:50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.teamBlockItemInfo{
  margin-left:25px;
}

.teamBlockItemTitle{
   font-family: "Montserrat", sans-serif;
  color: #353535;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 118%; /* 22.42px */
  letter-spacing: 0.76px;
  text-transform: capitalize;

}

.teamBlockItemUnderTitle{
  font-family: "Montserrat", sans-serif;
  color: #06F;
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 118%; /* 22.42px */
  letter-spacing: 0.76px;
  text-transform: capitalize;
   margin-top:4px;
}

.teamBlockItemDeacription{
  color: #5A5D5F;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 122%; /* 19.52px */
  margin-top:11px;
}

/* [END] TEAM BLOCK */

/* PARTNERS BLOCK */
.partnersBlockContainer{
  padding-top:70px;
}

.partnersBlock{
  max-width:calc(100% - 40px);
  width:1150px;
  margin:0px auto;

}

.partnersBlockTitleContainer{
    position:relative;
}

.partnersBlockTitleBackground{
  background-image:url('../img/page-block-title-background-left-second.png');
  background-size: contain;
  background-repeat: no-repeat;
  position:absolute;
  width:1237px;
  height:48px;
  left:-1257px;
  top:3px;
}

.partnersBlockTitle{

  font-family: "Montserrat", sans-serif;
  font-size: 55px;
  font-style: normal;
   color: #000;
  font-weight: 700;
  
  line-height: 59px; /* 107.273% */
  text-transform: uppercase;
}

.partnersBlockTitle span{
  font-weight: 300;
   color: #ED3237;
}

.partnersBlockItems{
  width:100%;
  display:flex;
  align-items: center;
  justify-content: center;
  padding-top:65px;
  padding-bottom:120px;
}

.partnersBlockItem{
  width: 270.204px;
  min-width: 270.204px;
  height: 118.836px;
  border-radius: 10px;
  border: 1px solid rgba(31,132,175, 0.63);
  background: #FFF;
  margin-left:5px;
  margin-right:5px;
  display:flex;
  align-items: center;
  justify-content: center;

}

.partnersBlockItemLogo{
  width:100%;
  max-width:160px;
  height:100%;
  max-height:25px;
  background-position:center;
  background-repeat: no-repeat;
  background-size:contain;
}
/* [END] PARTNERS BLOCK */

/* VACANCIES BLOCK */
.vacanciesBlockContainer{
  padding-top:150px;
  width:100%;
  background: #F9F9F9;
  padding-bottom:95px;
}

.vacanciesBlock{
  max-width:calc(100% - 40px);
  width:1150px;
  margin:0px auto;

}

.vacanciesBlockTitleContainer{
    position:relative;
}

.vacanciesBlockTitleBackground{
  background-image:url('../img/page-block-title-background-left-second.png');
  background-size: contain;
  background-repeat: no-repeat;
  position:absolute;
  width:1237px;
  height:48px;
  left:-1257px;
  top:3px;
}

.vacanciesBlockTitile{
  color: #ED3237;
  font-family: "Montserrat", sans-serif;
  font-size: 55px;
  font-style: normal;
  font-weight: 300;
  line-height: 59px; /* 107.273% */
  text-transform: uppercase;
}


.vacanciesBlockContent{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.vacanciesBlockLeft{
  width:calc(100% - 500px);
  margin-top:10px;
}

.vacanciesBlockRight{
  margin-right:20px;
}

.vacanciesBlockDescription{
  margin-top:16px;
  color: #5A5D5F;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 139.188%; /* 22.27px */
  margin-left:5px;
  max-width:calc(100% - 80px);
}

.vacanciesBlockButtonsContainer{
  display:flex;
  align-items: center;
  justify-content: flex-start;
  margin-top:37px;
}

.vacanciesBlockButton{
  font-family: "Montserrat", sans-serif;
  border-radius: 100px;
  width: 170px;
  height: 45px;
  cursor:pointer;
  margin-right:20px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.vacanciesBlockButton.first{
  background: linear-gradient(90deg, #ffe836 0%, #fc0 100%);
  font-weight: 700;
  font-size: 15px;
  line-height: 139%;
  text-align: center;
  color: #000;
  border:solid 1px #FFAB36;
}

.vacanciesBlockButton.second{
  border:solid 2px #fc0;
  font-weight: 700;
  font-size: 15px;
  line-height: 139%;
  text-align: center;
}


.vacanciesBlockAccordion{
  width:100%;
}

.vacanciesBlockAccordionItem{
  width: 444px;
  min-width: 444px;
  border-radius: 25px;
  background: #FFF;
  margin-bottom:24px;
  cursor:pointer;
}

.vacanciesBlockAccordionItem.active{
  border-radius: 25px 25px 25px 0;
  background: #008AC6;
}

.vacanciesAccordionItemTitleContainer{
  padding:11px 25px;
  display:flex;
  align-items: center;
  justify-content: space-between;
}

.vacanciesAccordionItemTitle{
  font-family: "Montserrat", sans-serif;
  color: #54565A;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 158.5%; /* 25.36px */
}

.active .vacanciesAccordionItemTitle{
  color: #ffff;
}

.vacanciesAccordionItemTitleArrow{
  width: 10px;
  height: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.active .vacanciesAccordionItemTitleArrow svg{
   transform:rotate(180deg);

}

.active .vacanciesAccordionItemTitleArrow svg path{
   stroke: #fff;
  
}

.active .vacanciesAccordionItemTitle{
   color:#fff;
}

.vacanciesAccordionItemDescription{
    margin-top:13px;
    display:none;
}

.active .vacanciesAccordionItemDescription{
    display:block;
}

.vacanciesAccordionItemDescriptionText{
  color: #F8FCFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 147%; /* 23.52px */
  margin-left:25px;
  margin-right:25px;
}

.vacanciesAccordionItemDescriptionButtonContainer{
  margin-top:24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor:pointer;
  padding-bottom:24px;
  margin-left:25px;
  margin-right:25px;
}

.vacanciesAccordionItemDescriptionButtonIcon{
  background-image:url('../img/vacancy-accordion-download-button-icon.png');
  width:29px;
  height:29px;
  min-width:29px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;

}

.vacanciesAccordionItemDescriptionButtonTitle{
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left:10px;
}
/* [END] VACANCIES BLOCK */

/* DOCUMENTS BLOCK */
.documentsBlockContainer{
  width:100%;
  margin-top:117px;

}

.documentsBlockTitleContainer{
    max-width:calc(100% - 40px);
    width:1150px;
    margin:0px auto;
    position:relative;
}

.documentsBlockTitleBackground{
  background-image:url('../img/page-block-title-background-left-second.png');
  background-size: contain;
  background-repeat: no-repeat;
  position:absolute;
  width:1237px;
  height:48px;
  left:-1257px;
  top:3px;
}

.documentsBlockTitle{
  font-family: "Montserrat", sans-serif;
  font-size: 55px;
  font-style: normal;
   color: #000;
  font-weight: 700;
  line-height: 59px; /* 107.273% */
  text-transform: uppercase;
}

.documentsBlockTitle span{
   color: #ED3237;
   font-weight: 300;
}

.documentsBlock{
   width:1320px;
   margin:0px auto;
   overflow-x: visible;
   max-width:calc(100% - 40px);
}

.documentsBlockMenuContainer{
   margin-top:50px;
   width:100%;
   border-bottom:solid 1px #000;
}

.doumentsBlockMenuItems{
  display:flex;
   align-items: stretch;
   justify-content: flex-start;

}

.documnetsBlockMenuItem{
   margin-bottom:-2px;
   margin-right:30px;
   padding:12px 30px;
   color: #ED3237;
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor:pointer;
}

.active.documnetsBlockMenuItem{
  border-bottom:solid 6px #ED3237;;
}

.documentsBlockItems{
  display:flex;
  align-items: stretch;
  justify-content: flex-start;
  margin-top:36px;
  margin-bottom:150px;
}

.documentsBlockItem{
 width:243px;
  margin-right:36px;
  cursor:pointer;
  display:flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.documentsBlockItemImage{
  width: 243px;
  height: 344px;
  border: 1px solid #D0D0D0;
  box-shadow: 0 15px 25px -10px rgba(0, 0, 0, 0.25);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.documentsBlockItemIcon{
  width: 29px;
  height: 29.068px;
  background-position:center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../img/document-icon-pdf.svg');
  margin-top:30px;
}

.documentsBlockItemTitle{
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px; /* 127.778% */
  margin-top:11px;
  margin-bottom:30px;
}

.documentsBlockItemInfoSize{
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 143.75% */
}

.documentsBlockItemButtonContainer{
  display:flex;
  align-items: center;
  justify-content: flex-start;
  margin-top:15px;
}

.documentsBlockItemButtonTitle{
  color: #ED3237;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left:15px;
  border-bottom:dotted 2px #ED3237;
}
/* [END] DOCUMENTS BLOCK */

/* [END] ABOUT PAGE */

/* PRODUCTIONS PAGE */
.productionsPageBlockContainer{
  margin:0px auto;
  margin-top:25px;
  width:1320px;
  max-width:calc(100% - 40px);
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
}

.productionPageBlockLeft{
  width:350px;
  background-image:url('../img/products-page-left-bottom-background.svg');
  background-position:right bottom;
  background-size:contain;
  background-repeat: no-repeat;
  padding-bottom:480px;
}

.productionPageBlockLeft.insidePage{
  background-image:none;
  padding-bottom:40px;
}

.productionPageBlockSearchContainer{
  width:100%;
  max-width:309px;
}

.productionPageBlockSearchBlock{
  display:flex;
  align-items: center;
  justify-content: flex-start;
}

.productionPageBlockSearchInput{
    width:309px;

}

.productionPageBlockSearchInput input{
  width: 264px;
  height: 41px;
  border-radius: 22px;
  border: 1px solid #CAD1D8;
  background: #FFF;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 164.286% */
  padding-left:15px;
  padding-right:30px;
}

.productionPageBlockSearchButton{
  width: 14.725px;
  height: 15.2px;
  margin-left:-25px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.productionPageBlockLeftMenuContainer{
    max-width:312px;
    width:100%;
     margin-top:26px;
}

.productionBlockLeftMenuItems{
    width:100%;
}

.productionBlockLeftMenuItem{
  display:flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom:15px;
}

.active .productionBlockLeftMenuItemIcon{
     background: inherit;
}

.productionBlockLeftMenuItemIcon{
  width: 47px;
  min-width:47px;
  height: 41px;
  border-radius: 100px;
  background: #EBE9E9;
  display:flex;
  align-items: center;
  justify-content: center;
}

.active .productionBlockLeftMenuItemTitle{
  color:#E3000B;
}

.productionBlockLeftMenuItemTitle{
  margin-left:20px;
  font-family: "Montserrat", sans-serif;
  color: #5A5D5F;
  font-size: 13.495px;
  font-style: normal;
  font-weight: 400;
  line-height: 139.188%; /* 18.784px */
  text-transform: uppercase;
}

.productionPageBlockContent{
    width:calc(100% - 370px);
    margin-left:auto;
    margin-right:0px;

}

.productionPageBlockItems{
    width:100%;
    display:flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-left:auto;
    margin-right:0px;
}

.productionPageBlockItemContainer{
  position:relative;
   width: 253px;
  height: 372px;
    margin-left:12px;
  margin-right:12px;
  margin-bottom:24px;
}

.productionPageBlockItem{
  width: 253px;
  height: 372px;
  display:flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  position:relative;
  border-radius: 25px;
  overflow:hidden;
  border: 0.723px solid #EFEFEF;
  box-shadow: 0 16px 35px -10px rgba(0, 0, 0, 0.10);

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
   transition-timing-function: ease;
   cursor:pointer;
}

.productionPageBlockItem:hover{
  width: 283px;
  height: 402px;
  position:absolute;
  margin-left:-15px;
  margin-top:-15px;
  transition: 0.3s;
  transition-timing-function: ease;
  border: 1px solid #FFF;


}

.productiobPageBlockItemHider{
  width:100%;
  height:100%;
  position:absolute;
  top:0px; 
  left:0px;
  background-color:rgba(0,0,0,0.66);
  z-index:1;
}

.productionPageBlockItemTitle{
  width: 223.281px;
  height: 44.656px;
  position:relative;
  z-index:3;
  margin:0px auto;
  color: #FFF;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 118%; /* 15.34px */
  letter-spacing: 0.52px;
  text-transform: capitalize;

}

.prodcutionPageBlockItemDescription{
  width: 222px;
  height: 57px;
  width: 223.281px;
  margin:0px auto;
  overflow: hidden;
  color: #FFF;
  text-overflow: ellipsis;
  font-size: 12.297px;
  font-style: normal;
  font-weight: 400;
  line-height: 153%; /* 18.815px */
  margin-bottom:29px;
   position:relative;
  z-index:3;

}



.prodcutionPageBlockItemButtonContainer{
  height:0px;
  display:flex;
  width:100%;
   position:relative;
   z-index:3;
   align-items: center;
   justify-content: center;
   margin-bottom:29px;
   margin-top:-15px;
   opacity:0;
    transition: 0.5s;
  transition-timing-function: ease;

}

.productionPageBlockItem:hover .prodcutionPageBlockItemButtonContainer{
    height:auto;
   opacity:1;
    transition: 0.5s;
  transition-timing-function: ease;
}

.prodcutuinPageBlockItemButtonIconBlock{
  width: 45.719px;
  min-width:45.719px;;
  height: 34.024px;
  border-radius:45px;
  display:flex;
  align-items: center;
  justify-content: center;
  background-color:#FD0;
  margin-left:0px;

  

}

.prodcutuinPageBlockItemButtonBlock{
  width: 171.631px;
  height: 34.024px;
  display:flex;
  align-items: center;
  justify-content: center;
  color: #FD0;
  text-align: center;
  font-size: 11.341px;
  font-style: normal;
  font-weight: 700;
  line-height: 139.188%; /* 15.786px */
  text-transform: uppercase;
  border-radius: 41.585px;
  border: 0.756px solid #FD0;
  margin-left:6px;

}

.productionPageContentShowMoreButtonContainer{
    width:100%;
    max-width:calc(100% - 40px);
    margin-left:auto;
    margin-right:0px;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:38px;
    margin-bottom:62px;
}

.productionPageContentShowMoreButton{
  width: 31.167px;
  height: 25.493px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor:pointer;
}



/* [END] PRODUCTIONS PAGE */


/* Product Page */
.productPageFaqBlockAccordion{
  width:100%;
}

.productPageFaqBlockAccordion .vacanciesBlockAccordionItem{
  width: 423px;
  min-width: 423px;
}

.productPage .documentsBlockItem{
  width:177px;
  margin-right:36px;
}

.productPage .documentsBlockItemImage{
  width: 177px;
  height: 251px;
}

.productInfoContainer{
  display:flex;
  align-items: stretch;
  justify-content: space-between;
}

.productInfoImagesContainer{
  width:462px;
}

.prodictInfoMainImage{
  width: 462px;
  height: 342px;
  box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius:25px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.productInfoImageThumbsContainer{
  margin-top:14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}


.productInfoImageThumbItem{
  width:69px;
  height:69px;
  min-width:69px;
  border:solid 2px #ffffff;
  border-radius:25px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow:0px 17.012px 37.213px rgba(0, 0, 0, 0.15);
  margin-right:10px;
  cursor:pointer;
}

.productInfoImageThumbItem.active{
  border:solid 2px #ED3237;

}

.productInfoBlock{
  width: 498px;
  height: 269px;
  border-radius:25px;
  background-color:rgba(241,242,243, 0.65);
  margin-left:20px;
}

.productInfoBlockCategoryTitle{
  margin-top:33px;
  margin-left:47px;
  margin-right:47px;
  color: #A4A4A4;
  font-size: 12.149px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.productInfoBlockTitle{
  font-family: "Montserrat", sans-serif;
  margin-left:47px;
  margin-right:47px;
  color: #000;
  font-size: 30.373px;
  font-style: normal;
  font-weight: 400;
  line-height: 37.316px; /* 122.857% */
  text-transform: uppercase;
  margin-top:10px;
}

.productInfoBlockPrice{
  color: #22201F;
  font-size: 23.791px;
  font-style: normal;
  font-weight: 700;
  line-height: 39.017px; /* 164% */
  text-transform: uppercase;
  margin-top:10px;
  margin-left:47px;
  margin-right:47px;
}

.productInfoBlockButtonsContainer{
  margin-top:10px;
  display:flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom:39px;
  margin-left:47px;
  margin-right:47px;
}

.productInfoBlockButton.first{
  width: 214px;
  min-width:214px;
  height: 38.183px;
  display:flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: #ED3237;
  cursor:pointer;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.092px; /* 141.176% */
  text-transform: uppercase;
}

.productInfoBlockButton.second{
  width: 188px;
  min-width:188px;
  height: 41.655px;

  border-radius: 20px;
  border:solid  1px #ED3237;
  color: #ED3237;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20.827px; /* 141.176% */
  text-transform: uppercase;
  cursor:pointer;
   display:flex;
  align-items: center;
  justify-content: center;
  margin-left:5px;
}


.productContentBlockContainer{
  margin-top:37px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.productContentBlockLeft{
  width:423px;
  min-width:423px;
}

.productContentBlockRight{
  width:423px;
  min-width:423px;
  margin-left:20px;
}

.productContentBlockTitleContainer{
    width:100%;
    border-bottom:dotted 2px #969696;

}

.productContentBlockTitle{
  color: #2B2B2B;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  padding-bottom:5px;
}

.productContentBlockText{
  margin-top:12px;
  color: #595959;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px; /* 166.667% */
}

.productContentCharacteristicBLock{
  margin-top:12px;
}

.productContentCharasteristicItems, .productContentCharacteristicBLock{
  width:100%;
}

.productContentCharasteristicItem{
  width:100%;
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom:10px;
}

.productContentCharasteristicItemName{
  color: #595959;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px; /* 166.667% */
}

.productContentCharasteristicItemValue{
  color: #595959;
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px; /* 166.667% */
}

.productContentCharasteristicSubTitleContainer{
  margin-top:24px;
  width:100%;
    border-bottom:dotted 2px #969696;
  
}

.productContentCharasteristicSubTitle{
  color: #595959;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px; /* 125% */
   padding-bottom:5px;
}

.productContentCharasteristicsComplectText{
    color: #595959;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px; /* 166.667% */
  margin-top:16px;
}

.productPageFaqBlockAccordion{
  margin-top:37px;
}

/* [END] Product Page */

/* CASES */
.casesItems{
  width:calc(100% + 30px);
  display:flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left:-30px;
  margin-bottom:40px;
}

.casesItem{
  width:calc(33% - 30px);
  margin-left:30px;
  margin-bottom:40px;
}

.casesItemImage{
  border-radius: 25px 25px 25px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height:208px;
}

.casesItemDate{
  color: #090909;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 127.441%; /* 17.842px */
  margin-top:24px;
}

.casesItemTitle{
  color: #0D0D0D;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-top:12px;
}

.casesItemDescriptionTitle{
  color: #414141;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2; /* 19.116px */
  margin-top:17px;
}

.casesItemDescription{
  color: #414141;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 127.441%; /* 19.116px */
  margin-top:5px;
  height:70px;
}

.casesItemReadMoreLink{
  font-family: "Montserrat", sans-serif;
  color: #ED3237;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top:5px;
  cursor:pointer;
}
/* [END] CASES */

/* NEWS LIST */
.newsListContainer{
  width:1320px;
  margin:0px auto;
  max-width:calc(100% - 40px);
  margin-top:49px;
  margin-bottom:64px;
}

.newsListItems{
  display:flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left:-24px;
  width:calc(100% + 24px);
}

.newsListItem{
  width:calc(25% - 32px);
  min-width:312px;
  margin-left:24px;
  margin-bottom:34px;
}

.newsListItemImage{
  width:calc(100%);
  height:208px;
  border-radius: 25px 25px 25px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.newsListItemDate{
  color: #090909;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 127.441%; /* 17.842px */
  margin-top:24px;
}

.newsListItemTitle{
  color: #0D0D0D;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-top:12px;
}

.newsListItemDescription{
  color: #414141;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 127.441%; /* 19.116px */
  height:70px;
  margin-top:19px;
  width:calc(100% - 20px);
}

.newsListItemReadMoreLink{
  color: #ED3237;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor:pointer;
  margin-top:10px;
  margin-bottom:10px;
}
/* [END] NEWS LIST */

/* NEWS PAGE */
.newsPageContainer{
  width:1320px;
  margin:0px auto;
  margin-top:30px;
  max-width:calc(100% - 40px);
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
}

.newsPageContent{
  width:calc(100% - 350px);
}

.newsPageContentImage{
  width:100%;
  height:396px;
  background-position:center;
  background-repeat:no-repeat;
  background-size: cover;
}

.pageHeaderTitle.longTitle{
  color: #0C0C0C;
  font-size: 38px;
  font-style: normal;
  font-weight: 300;
  line-height: 42px; /* 110.526% */
  text-transform: uppercase;
}

.newsPageContentText{
  -moz-column-count: 2;
       -moz-column-gap: 50px;
       -webkit-column-count: 2;
       -webkit-column-gap: 50px;
       color: #434343;
font-family: Gilroy;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 166.667% */
margin-top:25px;
}

.newsPageRightBlock{
  width:320px;
}

.newsPageRightBlock .newsListContainer{
  margin-top:0px;
  margin-right:0px;
}

.newsPageRightBlock .newsListItemImage{
    border-radius: 25px 25px 25px 25px;
}

.newsPageRightBlock .newsListItemDescription{
  display:none;
}
/* [END] NEWS PAGE */

/* CASES PAGE */
.casesPageContainer{
  width:1320px;
  margin:0px auto;
  margin-top:30px;
  max-width:calc(100% - 40px);
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
}

.casesPageContent{
  width:calc(100% - 350px);
}


.pageHeaderTitle.longTitle{
  color: #0C0C0C;
  font-size: 38px;
  font-style: normal;
  font-weight: 300;
  line-height: 42px; /* 110.526% */
  text-transform: uppercase;
}

.casesPageContentText{
  color: #434343;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px; /* 166.667% */
}

.twoColumns{
   -moz-column-count: 2;
   -moz-column-gap: 24px;
   -webkit-column-count: 2;
   -webkit-column-gap: 24px;
   margin-bottom:42px;
}


.casesPageContentText img{
   min-width:100%;
   margin-bottom:24px;
}

.casesPageRightBlock{
  width:320px;
}

.casesPageRightBlock .newsListContainer{
  margin-top:0px;
  margin-right:0px;
}

.casesPageRightBlock .newsListItemImage{
    border-radius: 25px 25px 25px 25px;
}

.casesPageRightBlock .newsListItemDescription{
  display:none;
}
/* [END] CASES PAGE */

/* CONTACTS */
.contactsPageContainer{

}

.contactsPageMapBlock{
  width:100vw;
  min-width:100vw;
  height:408px;
  background-position:center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('../img/contacts-page-map-placeholder-background.png');
}

.contactsPage .contactsBlock{
  background-color:#fff;
}

.contactsRightBlock{
  width:calc(50% - 32px) ;
  margin-left:32px;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  margin-top:78px;
  padding-top:78px;
}

.contactsRightBlockColumn{
  width:calc(50% - 40px);
}

.contactsRightBlockItem{
  margin-bottom:32px;
}

.contactsRightBlockTitle{
  color:#E3000B;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 153%; /* 29.07px */
}

.contactsRightBlockValue{
  color: #353535;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 153%;
}

.contactsPage .contactsBlockButtonsContainer{
  margin-top:0px;
}
/* [END] CONTACTS */

/* ADAPTIVE */
@media screen and (max-width:1350px) {
  .headerBlock{
    max-width:calc(100% - 80px);
  }

  .headerMenuItem{
    font-size:13px;
  }

  .headerContactsBlockLeft{
    display:none;
  }

  .headerContactsBlock{
    padding-left:0px;
  }

    .headerBlockContentDescr{
       padding-left:20px;
      padding-right:20px;
    }

    .mainPageUnderCaruselBlock{
      max-width:247px;
      height:273px;
      min-width:247px;
    }

    .mainPageUnderCaruselBlockIcon{
      width:46px;
      height:46px;
    }

    .mainPageUnderCaruselBlockTitle{
      font-size:15px;
    }

    .mainPageUnderCaruselBlockDescr{
      font-size:14px;
      margin-right:20px;
    }

    .aboutBlockItem.third{
      display:none;
    }

     .whyWeBlockTitleContainer, .newsBlockContainer{
        margin-left:20px;
    }

    .reviewsBlockTitle{
      font-size:43px;
    }
}

@media screen and (max-width:1100px) {
    .headerMobileMenuButtonContainer{
      display:block;
      margin-left:40px;
    }

    .headerAuthBlock{
      display:none;
    }

    .headerMenuItems{
      display:none;
    }

    .headerContactsBlock{
      border-left:none !important;
    }

    .headerInside{
      width:calc(100% - 100px);
    }

    .headerBlock{
      max-width:calc(100% - 40px);
    }

    .headerBlockContent{
      padding-top:70px;
    }

    .headerBlockContentDescr{
      font-size:16px;
       padding-left:20px;
      padding-right:20px;
    }

    .headerContainer{
      height:670px;
    }

    .headerBlockCaruselMenu{
      margin-top:60px;
    }

    .headerBlockContentTitle{
      font-size:48px;
    }

    .headerContactsBlockLeft{
      display:block;
    }

    .aboutBlockItem.second{
      display:none;
    }


    .aboutBlockItemsLeft{
      width:100%;
      max-width:750px;
    }

    .aboutBlockItems{
      justify-content: center;
    }

    .aboutBlockItemsRight{
      display:none;
    }

     .reviewsBlockTitle{
      font-size:35px;
    }

    .contactsBlockContent{
      flex-direction: column;
    }

    .contactsBlockMap{
      height:500px;
      width:100%;
    }

    .contactsBlockInfo{
      width:100%;
    }

    .contactsBlockInfoTtile{
      margin-left:0px;
      text-align: center;
    }

    .contactsBlockInfoItems{
      margin-left:0px;
      max-width:calc(100% - 40px);
      margin-left:auto;
      margin-right:auto;
    }

    .contactsBlockInfoItem{
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .contactsBlockInfoItemValueContainer{
      margin-left:0px;
      text-align: center;
      margin-top:10px;
    }

    .contactsBlockInfoItemValue{
      padding-right:0px;
    }

    .footerBlockColumns{
      flex-wrap: wrap;
    }

    .footerBlockColumn{
      width:calc(50% - 40px)  !important;
      margin-bottom:40px;
    }

    .footerBlockMenuItems{
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top:40px;
    }

    .footerBlockMenuItem{
      width:calc(50% - 40px);
    }

 
}

@media screen and (max-width:850px) {
   .footerBlockColumn{
      width:calc(100%)  !important;
      margin-bottom:40px;
      text-align: center;
      margin-left:auto;
      margin-right:auto;
    }

    .footerBlockMenuItems{
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top:0px;
    }

    .footerBlockMenuItem{
      width:calc(100%);
      margin-left:auto;
      margin-right:auto;
      padding-left:0px;
    }

    .footerBlockColumn.first{
      margin-right:0px;
    }

    .footerBlockColumn.fourth{
        margin-left:0px;
    }

    .footerBlockLogo, .footerBlockColumnMapImage{
      margin-left:auto;
      margin-right:auto;
    }

    .headerBlockContent{
      padding-top:60px;
    }

    .scrolled .headerBlockContent{
        padding-top:120px;
    } 

     .mainPageUnderCaruselBlocks{
      margin-left:-270px;
    }

    .mainPageUnderCaruselContainer{
      margin-top:-80px;
    }

    .hardwareBlockItems{
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .hardwareBlockItem{
      width:calc(50% - 20px);
    }

    .hardwareBlockTitle, .aboutBlockTitle,  .whyWeBlockTitleContainer .whyWeBlockTitle,  .reviewsBlockTitle, .newsBlockTitleContainer .newsBlockTitle, .contactsBlockInfoTtile {
      font-size:25px;
      text-align: center;
      width:100%;
      white-space: wrap;
    
    }

    .contactsBlockInfoTtile{
      margin-top:40px;
    }

    .reviewsBlockContainer{
      padding-top:40px;
    }

    .aboutBlockContainer, .whyWeBlockContainer, .newsBlockContainer{
      margin-top:40px;
    }
    
    .footerBlockContainer{
      margin-top:20px;
    }


    .aboutBlockTitleBackground, .whyWeBlockTitleBackground, .reviewsBlockTitleBackground, .newsBlockTitleBackground{
      display:none;
    }


    .harwareBlockItemTitle{
      border-bottom:none;
       font-size:17px;
    }

    .hardwareBlockImage{
      border-radius:0px !important;
      height:calc(50vw - 40px);
    }

    .hardwareBlockContainer{
      margin-top:40px;
    }

    .statisticBlockTitle{
      font-size:25px;
    }

    .statisticBlockItemValue{
      font-size:30px;
      white-space: nowrap;
    }

    .statisticBlockItemDescrition{
      font-size:13px;
      padding-left:10px;
      padding-right:10px;
    }

    .statisticBlockContainer{
      height:320px;
    }

    .aboutBlockItem.first{
      flex-direction: column;
      align-items: center;
    }

    .aboutBlockItemButton{
      margin-top:40px;
    }

    .aboutBlockItems{
      margin-top:20px;
    }

    .first .aboutBlockItemContent{
      margin-left:0px;
       min-width:100%;
       text-align: center;
    }

     .first  .aboutBlockItemImage{
      max-width:calc(100%);
      min-width:auto;
      width: 322px;
      height: 221px;
      border-radius:0 100px;
    }

     .first  .aboutBlockItemButton{
      margin-left:auto;
      margin-right:auto;
    }

    .downloadMaterialsBLockContainer, .casesContainer{
      height:600px;
    }

    .downloadMaterialBlock, .casesBlock{
      max-width:calc(100% - 40px);
      width:500px;
      height:auto;
    }

    .downloadMaterialBlockTitle, .casesBlockTitle{
      font-size:22px;
      padding-left:53px;
      padding-right:53px;
    }

    .downloadMaterialBlockDescr, .casesBlockDescription{
      font-size:17px;
       padding-left:53px;
      padding-right:43px;
      width:75%;
    }

    .downloadMaterialsButtonsContainer, .casesBlockButtonContainer{
        padding-left:53px;
        padding-right:53px;
        padding-bottom:53px;
    }

  

    .downloadMaterialButton.second{
        display:none;
    }

   

    .downloadMaterialButton.first{
        padding-left:20px;
        padding-right:20px;
    }

    .whyWeBlockTitleContainer{
        margin-left:0px;
    }

    .reviewsBlockItemsScrollContainer{
      display:none;
    }

    .reviewsBlockItems{
        margin-bottom:40px;
    }

    .newsBlockItem{
       width:255px !important;
       margin-right:30px; 
    }

    .newsBlockItemColumn{
      margin-right:0px;
      width:auto;
      flex-wrap: nowrap;
    }

    .newsBlockItemsScrollContainer{
      display:none;
    }

    .newsBlockItems{
      margin-bottom:40px;
    }

    .newsBlockItems{
      margin-left:20px;
    }

    .newsBlockContainer{
      margin-left:0px;
    }
    

    .contactsBlockInfoMessagersButtons{
      position:static;
      justify-content: center;
    }

    .contactsBlock{
      max-width:100%;
    }

    .contactsBlockInfoItems{
      padding-bottom:40px;
    }

    .contactsBlockButtonsContainer{
      flex-direction: column;
    }

    .contactsBlockButtonBlock{
      margin-left:auto;
      margin-right:auto;
      width:calc(100% - 40px);
      margin-bottom:20px;
    }

    .footerBlockCopyrightContainer, .footerBlockCopyrightMenu{
      flex-direction:column-reverse;
      justify-content: center;
      text-align: center;
      margin-top:0px;
    }

    .footerBlockCopyrightMenuItem{
      margin-left:0px;
      margin-top:10px;
    }

    .footerBlockCopyrightMenu{
      margin-top:22px;
    }

    .footerBlockCopyright{
      font-size:13px;
      margin-bottom:25px;
      padding-top:22px;
    }

  
}

@media screen and (max-width:600px) {
    .headerContactsBlockLeft{
      display:none;
    }

    .headerBlockCaruselMenu{
      display:none;
    }

    .headerBlockContentTitle{
      padding-left:0px;
      padding-right:0px;
    }

    .headerBlockContentTitle{
      font-size:34px;
      line-height:127%;
    }

    .headerBlockContentDescr{
      font-size:14px;
    }

    .headerBlockContentButtonsContainer{
      flex-direction: column;
      justify-content: center;
    }

    .headerBlockContentButton.first{
      margin-bottom:15px;

    }

    .statisticBlockItemValue{
      padding-left:15px;
      padding-right:15px;
    }

    .statisticBlockItemSeparator{
      min-width:1px;
    }

    .statisticBlockContainer{
      background-position:center 160px;
    }

 
  
}

@media screen and (max-width:370px) {
  .headerMobileMenuButtonContainer{

      margin-left:35px;
    }

    .whyWeBlockItemBlock{
      width:calc(100vw - 40px);
      min-width:calc(100vw - 40px);;
    }

    .whyWeBlockDescription{
      padding-left:30px;
      padding-right:30px;
    }
}
/* [END] ADAPTIVE */




.scrollBlock::-webkit-scrollbar{
  width:5px;
  background-color:#FFDD00 ;
}

.scrollBlock::-webkit-scrollbar-thumb{

  background-color: #FFDD00;
}

.scrollBlock::-webkit-scrollbar-thumb:hover{
    border-width: 1px 1px 1px 2px;
    border-color: #555;
    background-color: #FFDD00ж
}

.scrollBlock::-webkit-scrollbar-track{
    border-width:0;
    background-color:#D9D9D9;
}



.scrollBlock::-webkit-scrollbar-track:hover{
    background-color: #D9D9D9;
}

