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


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



.scrollBlock::-webkit-scrollbar-thumb{

  background-color: #57C1BF;
}



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



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



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


.CentredBlock{
    width:1110px;
    max-width:calc(100% - 64px);
    margin-left:auto;
    margin-right:auto;
}

/* HEADER */
.headerContainer{
  position:absolute;
  width:100vw;
  height:70px;
  top:0px;
  left:0px;
  z-index:99;
}

.headerBlock{
  display:flex;
  height:70px;
  border-bottom:solid 1px #EDEDED;;
  align-items: center;
  justify-content: space-between;
}

.headerBlockLeft{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height:70px;
}

.headerLogo{
  width: 109px;
  height: 36.23px;
  cursor;pointer;
  background-image: url('../img/header-logo.svg');
  background-position:center;
  background-size: contain;
  background-repeat: no-repeat;
}

.headerMainMenu{
  height:70px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin-left:50px;
}

.headerMainMenuItem{
  display:flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  cursor:pointer;
  padding-left:15px;
  padding-right:15px;
  height:70px;
  border-bottom:solid 1px #fff;
  margin-bottom:-1px;
}

.headerMainMenuItem:hover, .headerMainMenuItem.active{
  color:#A167E0;
  border-bottom:solid 1px #A167E0;
}

.headerPhonesBlock{
  margin-left:30px;
}

.headerPhoneItem{
  color: #A167E0;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top:5px;
}

.mainPageBody .headerPhoneItem{
  color:#fff;
}

.headerButton{
  width: 164px;
  height: 33px;
  border-radius: 1009px;
  background: #A167E0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  cursor:pointer;
  position:relative;
  z-index:104;
}


.headerBlockRight{
  display:flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
}
/* [END] HEADER */


/* CARUSEL */
.caruselContainer{
  background-image: url('../img/carusel-background.svg');
  background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height:630px;
  position:relative;
  padding-top:70px;
  margin-left:auto;
  margin-right: auto;
}

.caruselBlock{
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
}

.caruselLeft{
  width:50%;
  height:450px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.caruselLeft .breadcrumbsContainer{
  margin-bottom:70px;
}


.caruselBeforeTitle{
  color: rgba(255,255,255, 0.4);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.caruselTitle{
  color: #A167E0;
  font-size: 76px;
  font-style: normal;
  font-weight: 700;
  line-height: 75px; 
}

.caruselTitle span{
  color:#fff;
}

.caruselDescr{
  margin-top:15px;
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 153.333% */
  max-width:524px;
}

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

.buttonItem{
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 171.429% */
  margin-right:15px;
}

.buttonItem.HeaderColored{
  width: 185px;
  height: 44px;
  border-radius: 1009px;
  border:solid 1px  #A167E0;
  background: #A167E0;
}

.buttonItem.HeaderEmpty{
  width: 161.032px;
  height: 44px;
  border-radius: 1009px;
  border: 1px solid #FFF;
}

.caruselRight{
  width:50%;
  height:100%;
  position:absolute;
  right:-30px;
  top:0px;
  z-index:2;
}

.caruselRightImage{
  width: 708px;
  height: 539px;
  aspect-ratio: 155/118;
  margin-top:50px;
  background-image:url('../img/carusel-right-image.png');
  background-position: center;
  background-repeat:no-repeat ;
  background-size: contain;
}

.caruselMenuItems{
  position: absolute;
  bottom:110px;
  left:0px;
  width:100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.caruselMenuItem{
  width: 14px;
  height: 3px;
  border-radius: 123px;
  background: #D7D6D6;
  margin-left:5px;
  margin-right:5px;
}

.caruselMenuItem.active{
   width: 30px;
  background:#A167E0;
}
/* [END] CARUSEL */

/* GALLERY */
.galleryContainer{
  margin-top:40px;
  position:relative;
  margin-bottom:60px;
}

.galleryBackground{
  width: 462px;
  height: 462px;
  top:55px;
  right:0px;
  position:absolute;
  z-index:0;
  background-image:url('../img/gallery-right-background.svg');
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
}

.galleryTitle{
  color: #363636;
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px; /* 111.111% */
  text-align: center;
  margin-bottom:40px;
}

.galleryBlock{
  position:relative;
  z-index:89;

}



.galleryButtons{
  width:100%;
  display:flex;
  align-items: center;
  justify-content: space-between;
  display:none;
}

.galleryButtonArrows{
  width: 52.301px;
  height: 52.301px;
  position:absolute;
  top:180px;
  cursor:pointer;
  transition: 0.3s;
   transition-timing-function: ease;
}

.galleryButtonArrows:hover svg circle {
  fill:#A167E0;
  transition: 0.3s;
   transition-timing-function: ease;
}

.galleryButtonArrows.left{
  transform: rotate(180deg);
  left:0px;
}

.galleryButtonArrows.right{
  right:0px;
} 

.galleryItems{
  width:100%;
  display:flex;
  align-items: stretch;
  justify-content: center;
  height:429px;
  position:realtive;
  z-index:2;
  overflow-x: hidden;
}

.galleryItem{
  height:429px;
  width:480px;
  min-width:480px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  cursor:pointer;
  position:relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right:5px;
  margin-left:5px;
}

.galleryItem:hover .galleryItemHidder{
  background-color:rgba(0,0,0,0.3);
  transition: 0.3s;
   transition-timing-function: ease;
}

.galleryItem:hover .galleryButton{
  opacity:1;
  transition: 0.3s;
   transition-timing-function: ease;
}

.galleryButton{
  width: 50px;
  height: 50px;
  background-image:url('../img/gallery-zoom-button.svg');
  background-size: contian;
  background-repeat: no-repeat;
  background-position: center;
  cursor:pointer;
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  z-index:2;
  opacity:0;
  transition: 0.3s;
   transition-timing-function: ease;
}

.galleryItemHidder{
  position:absolute;
  opacity:1;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  z-index:1;
  background-color:rgba(0,0,0,0.1);
  transition: 0.3s;
   transition-timing-function: ease;
}
/* [END] GALLERY */

/* COLLECTION ITEMS */
.collectionItemsContainer{
  padding-top:50px;
  padding-bottom:10px;
}

.collectionItemsContainer.backGrey{
  background-color:#f6f6f6;
  
}

.collectionItem{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin-bottom:54px;
}


.collectionItem.right{
  justify-content: flex-end;
  flex-direction: row-reverse;
}

.collectionItemImage{
  width: 445px;
  height: 596px;
  aspect-ratio: 56/75;
  border-radius: 25px 25px 0 25px;
  
}

.right .collectionItemImage{
  border-radius: 25px 25px 25px 0;

}



.collectionItemContent{
  margin-left:44px;
  width: 279px;
  margin-top:63px;
}

.right .collectionItemContent{
  margin-left:0px;
  margin-right:35px;
}

.collectionItemBeforeTitle{
  color: #D7D3D3;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom:-5px;
  margin-top:-10px;
}

.collectionItemTitle{
  color: #363636;
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2; /* 142.857% */
  margin-bottom:15px;
  margin-top:10px;
}

.collectionItemDescr{
  color: #878787;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 153.333% */
}

.collectionItemProps{
  margin-left:35px;
  width:307px;
  margin-top:63px;
}

.right .collectionItemProps{
  margin-left:0px;
  margin-right:44px;
}

.collectionItemPropsTitle{
  color: #8F8F8F;
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px; /* 142.857% */
  margin-bottom:15px;
}

.collectionItemProp{
  color: #878787;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 133.333% */
}

.collectionItemPropValue{
  font-weight: 700;
  margin-bottom:20px;
}
/* [END] COLLECTION ITEMS */

/* GOODS ITEMS */
.goodsItemsTitle{
  color: #363636;
font-size: 45px;
font-style: normal;
font-weight: 400;
line-height: 50px; /* 111.111% */
margin-top:-20px;
  margin-bottom:80px;
  text-align: center;
}
.goodsItemsContainer{
  margin-top:100px;
}

.goodsItemsBlock{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;

}

.goodsItem{
  width:calc(33% - 25px);
  margin-bottom:100px;

}

.goodsItemImage{
  width: 350px;
  height: 215px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.goodsItemTitle{
  color: #363636;
  font-size: 21.553px;
  font-style: normal;
  font-weight: 400;
  line-height: 48.985px; /* 227.273% */
  margin-top:15px;
}

.goodsItemDescr{
  color: #878787;
  font-size: 14.696px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.533px; /* 153.333% */
  margin-top:10px;
}

.goodsItemButton{
    margin-top:30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 1009px;
    background: #A167E0;
    width: 152px;
    height: 44px;
    cursor:pointer;
}

.goodsItemButtonTitle{
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 171.429% */
  margin-left:22px;
}

.goodsItemButtonArrow{
  width: 18px;
  height: 18px;
  background-size: contain;
  background-position: center ;
  background-repeat: no-repeat;
  background-image:url('../img/goods-item-button-arrow.svg');
  margin-right:17px;
}
/* [END] GOODS ITEMS */


/* FOOTER */
.footerContainer{
  margin-top:60px;
  position:relative;
  z-index:2;
}

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

.footerLeft{
  width:calc(100% - 500px);

}

.footerTitle{
  color: #363636;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px; /* 111.111% */
}

.footerContactsItemsTitle{
  margin-top:53px;
  color: #3A3A3A;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 113.5%; /* 27.24px */
  margin-bottom:26px;
}

.footerContactsItems{

}

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

.footerContactsItemIcon{
  width: 35.948px;
  height: 35.948px;
  min-width:35.948px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius:50%;
  background-color: #57C1BF;
}

.footerContactsItemTitle{
  color: #878787;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 213.333% */
  margin-left:15px;
  margin-top:5px;
}

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

.footerSocialButton{
  width: 55.827px;
  height: 55.827px;
  margin-right:12px;
}

.footerRight{
  width:490px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.footerMap{
  width: 100%;
  height: 100%;
  border-radius: 25px 25px 25px 0;
  background: lightgray -193.222px 0px / 184.377% 111.241% no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position:center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.footerMap iframe{
   border-radius: 25px 25px 25px 0;
   overflow: hidden;
}

.footerButtomBlock{
  margin-top:35px;
  border-top:solid 1px #C9C9C9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height:80px;
}

.footerLogo{
  width: 109px;
  height: 36.23px;
  background-image: url('../img/footer-logo.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}

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

.footerMenuItem{
  margin-right:20px;
  cursor:pointer;
  color: #878787;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 213.333% */
}

.footerCopyright{
  color: #878787;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 213.333% */
  opacity:0.5;
}
/* [END] FOOTER */

/* WINDOWS */
.popupHider{
  display:none;
  position:fixed;
  background: rgba(0, 0, 0, 0.80);
  backdrop-filter: blur(9.850000381469727px);
  top:0px;
  left:0px;
  width:100vw;
  height:100vh;
  z-index:100;
}

.windowsContainer{
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  width:100vw;
  height:100vh;
  z-index:202;
}

.windowCallBackContainer, .windowGalleryContainer, .windowContentContainer{
  display:flex;
  align-items: center;
  justify-content: center;
  width:100vw;
  height:100vh;
}

.windowCallBackBlock{
  width: 387px;
  height: auto;
  max-width:calc(100% - 20px);
  position:relative;
  border-radius: 25px;
  border: 1px solid #D6D6D6;
  background: #FFF;
}

.windowCallBackCloseButton{
  cursor:pointer;
  position:absolute;
  top:-50px;
  right:0px;
  width: 24px;
  height: 24px;
}

.windowCallBackIcon{
  text-align:center;
  margin-top:32px;
}

.windowCallBackTitle{
  text-align: center;
  color: #363636;
  text-align: center;
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px; /* 142.857% */
  margin-top:5px;
}

.windowCallBackForm{
  margin-top:30px;
  margin-left:30px;
  margin-right:30px;
}

.windowCallBackFormItems{
  width:100%;
}

.windowCallBackFormItem{
  width:100%;
  margin-bottom:18px;
}

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

.windowCallBackFormItemInput input{
  border-radius: 22px;
  border: 1px solid #DCDCDC;
  background: #FFF;
  padding:11px 20px;
  width:calc(100% - 40px);
}

.windowCallBackItemInputIcon{
  position:absolute;
  top:10px;
  right:15px;
}

.windowCallBackFormItemCheckbox{
  display:flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top:42px;
  cursor:pointer;
}

.checkboxBlock{
  width: 14px;
  height: 14px;

}

.checkboxBlock svg #checkedSquere{
  fill:#fff;
}

.checkboxBlock.checked svg #checkedSquere{
  fill:#A167E0;
}

.checkboxLabel{
  margin-left:10px;
  color: #424242;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top:2px;

}

.textUnderline{
  text-decoration: underline;
}

.textRed{
  color: #ED1C24;
}

.windowsCallBackFormButton{
  margin-bottom:30px;
  width:100%;
  height:45px;
  margin-top:15px;
  border-radius: 1009px;
  background: #A167E0;
  display:flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  cursor: pointer;
}

.windowGalleryBlock{
  display:flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  max-width:calc(100vw - 20px);
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  height:100vh;
}

.windowGalleryCloseButton{
  margin-top:40px;
  margin-bottom:15px;
  cursor:pointer;
    margin-left:auto;
  margin-right:10px;
cursor: pointer;
}

.windowGalleryImage{
  max-width:100%;
  max-height:calc(100vh - 150px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.windowGalleryButtons{
  margin-top:0px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom:80px;
  margin-top:-50px;

}

.windowGalleryButtonArrow{
  width: 47.5px;
  height: 47.5px;
  cursor:pointer;
}

.windowGalleryButtonArrow.right{
  transform: rotate(180deg);
}

.windowGalleryButtonsInfo{
  margin-left:15px;
  margin-right:15px;
  color: #878787;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 153.333% */
}

.windowContentBlock{
  width: 702px;
  max-width:calc(100vw - 20px);
  margin-left:auto;
  margin-right:auto;
  height: calc(100vh - 150px);
  position:relative;
  border-radius: 15px;
  background: #FFF;
}

.windowContentCloseButton{
    cursor:pointer;
    position:absolute;
    top:-50px;
    right:0px;
    width: 24px;
    height: 24px;
}

.windowContentTitle{
  color: #363636;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px; /* 227.273% */
  margin-top:30px;
  margin-left:30px;
  margin-right:30px;
}

.windowContent{
  margin-top:20px;
  margin-left:30px;
  margin-right:30px;
  height:calc(100% - 140px);
  overflow-y: auto;
  color: #878787;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 153.333% */
  padding-bototm:40px;
  padding-right:20px;
  padding-bottom:30px;
}
/* [END] WINDOWS */

/* MAIN PAGE */
.mainPageCaruselTitle{
  color: #FFF;
  font-size: 35.74px;
  font-style: normal;
  font-weight: 400;
  line-height: 39.711px; /* 111.111% */
  margin-top:30px;
}

.mainPageCaruselDesc{
  color: #FFF;
  font-size: 14.696px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.533px; /* 153.333% */
  margin-top:5px;
  
}

.pageCaruselDesc{
  max-width:100%;

}

.pageCaruselPrice{
  width:100%;
  text-align: right;
  margin-top:70px;
  font-size:44px;
  font-weight:bold;
  color:#A167E0;
}

.pageCaruselPrice .label{
  font-size:14px;

}

.mainPageCaruselItems{
  display:flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top:30px;
}

.mainPageCauselItem{
  width:calc(33% - 15px);
  height:455px;
  background-position:center;
  background-repeat:no-repeat;
   background-size:auto 100%;
  display:flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  position:relative;
  margin-bottom:30px;
  cursor:pointer;
  margin-left:0px;
  margin-right:8px;
  min-width:350px;
  transition: 0.3s;
       transition-timing-function: ease;
}

.mainPageCauselItem:hover{
    background-size:auto 110%;
    transition: 0.3s;
    transition-timing-function: ease;
}

.mainPageCaruselItemDarker{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.27);
  z-inde:0;
}

.mainPageCaruselItemTitle{
  color: #FFF;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 48.985px; /* 227.273% */
  margin-left:30px;
  margin-right:20px;
  position:relative;
  z-inde:1;
}

.mainPageCaruselItemDescr{
  color: #FFF;
  font-size: 14.696px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.533px; /* 153.333% */
  margin-top:5px;
  margin-right:20px;
  margin-left:30px;
  position:relative;
  z-index:1;
  max-height: 65px;
  min-height: 65px;
  overflow: hidden;
}

.mainPageCaruselItemButton{
  background-color:#fff;
  border-radius:50%;
  display:flex;
  align-items: center;
  justify-content: center;
  cursor:pointer;
  width: 52.301px;
  height: 52.301px;
  margin-bottom:20px;
  margin-right:30px;
  margin-left:auto;
  margin-top:25px;
  position:relative;
  z-inde:1;
}
/* [END] MAIN PAGE */

/* INFO BLOCK */

.infoBlockContainer{
  padding-top:70px;
  padding-bottom: 70px;
}

.RightImageBlock{
  background-color:#f7f7f7;
}

.infoBLock{
  position:relative;
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
}

.RightImageBlock .infoBLock{
    flex-direction: row-reverse;
}

.infoBlockCircle{
  width: 325px;
  height: 325px;
  border-radius:50%;
  background-color:#57C1BF;
  position:absolute;
  top:-110px;
  left:25%;
  z-index:0;
}

.RightImageBlock .infoBlockCircle{
  left:auto;
  right:30%;
}

.infoBlockLeft{
  position:relative;
  z-index: 2;
  width:calc(55% - 30px);

}


.infoBlockImage{
  width:100%;
  border-radius: 25px 25px 0 25px;
  background-image: url('../img/info-block-image.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  height:462px;
}

.RightImageBlock .infoBlockImage{
     border-radius: 25px 25px 25px 0px;
}


.infoBlockRight{
  width:calc(45% - 20px);
  position:relative;
  z-index:2;

}

.infoBlockTitle{
  color: #363636;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px; /* 111.111% */
  margin-top:31px;
}

.infoBlockTitle span{
  color: #57C1BF;
}

.infoBlockDescr{
  color: #878787;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 153.333% */
  margin-top:24px;
}

.infoBlockButton{
  width: 185px;
  height: 44px;
  display:flex;
  align-items: center;
  justify-content: center;
  border-radius: 1009px;
  background: #A167E0;
  color: #FFF;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 171.429% */
margin-top:24px;
cursor:pointer;
}

/* [END] INFO BLOCK */

/* ADVANTAGES */
.advantagesBlockContainer{
   margin-top:40px;
   padding-bottom:40px;
}

.advantagesTitle{
  color: #363636;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px; /* 111.111% */
  text-align: center;
  margin-bottom:50px;
}

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

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

}

.advantagesBlockItem{
  border-radius: 25px 25px 0 25px;
  border: 1px solid #BCE9E5;
  background: #FFF;
  box-shadow: 0 19.682px 21.65px 0 rgba(69, 225, 211, 0.17);
  width:calc(100% - 80px);
  padding:40px;
  height:calc(100% - 80px);
}

.advantagesBlockItemIcon{
  width: 69.173px;
  height: 68.695px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.advantagesBlockItemTitile{
  color: #363636;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 127.273% */
  margin-top:25px;
}

.advantagesBlockItemDescr{
  color: #878787;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 153.333% */
  margin-top:30px;
}

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

.advantagesBlockItemList{
  margin-top:30px;
}

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

.advantagesBlockItemListItemTitle{
  color: #878787;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 153.333% */
}

.advantagesBlockItemListItemIcon{
  display:flex;
  align-items: center;
  justify-content: center;
  width: 29.18px;
  height: 29.18px;
  margin-right:10px;
}

.advantagesBlockFull{
  margin-top:60px;
  width:100%;
  border-radius: 25px 25px 0 25px;
  border: 1px solid #D5B3FA;
  background: #FFF;
  box-shadow: 0 19.682px 21.65px 0 rgba(195, 140, 254, 0.17);
  display:flex;
  align-items: stretch;
  justify-content: space-between;
  padding:40px;
  margin-bottom:50px;
}

.advantagelBlockFullLeft{
  width:calc(100% - 300px);

}

.advantagesBlockFullTitle{
  color: #363636;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 127.273% */
}

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

.advantagesBlockFullItem{
  width:calc(50% - 60px);
  display:flex;
  align-items: center;
  justify-content: flex-start;
  
}

.advantagesBlockFullItemIcon{
  width: 15px;
  height: 15px;
  display:flex;
  align-items: center;
  justify-content: center;
  margin-right:15px;
}

.advantagesBlockFullItemTitle{
  color: #878787;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 213.333% */
}

.advantagelBlockFullRight{
  width:300px;
  margin-right:0px;
  margin-top:-30px;
  height: calc(100% + 70px);
  background-image:url('../img/advantages-right-image.png');
  background-postiion:center;
  background-repeat:no-repeat;
  background-size: contain;

}


/* [END] ADVANTAGES */

/* GOODS GALLERY */
.goodsPageGalleryContainer{
  margin-top:-180px;
}

.goodsPageGalleryBigImage{
  position:relative;
}

.goodsPageGalleryButtons{
  position:absolute;
  top:280px;
  left:-60px;
  width:calc(100% + 120px);
  display:flex;
  align-items: center;
  justify-content: space-between;
}

.goodsPageGalleryButtonLeft{
  height:53px;
  width:53px;
  transform: rotate(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor:pointer;
}

.goodsPageGalleryButtonRight{
  height:53px;
  width:53px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor:pointer;
}

.goodsPageGalleryBigImageBlock{
  width:100%;
  height:550px;
  background-image:url('../img/goods-page-image-001.png');
  background-position: center;
  background-repeat:no-repeat;
  background-size:contain;
}

.goodsPageGallerySmallImages{
  margin-top:20px;
  display:flex;
  align-items: center;
  justify-content: center;
  margin-bottom:60px;
  position:relative;
  z-index:2;
}

.goodsPageGallerySmallImage{
  width:120px;
  height:72px;
  background-position: center;
  background-repeat:no-repeat;
  background-size:contain;
  margin-left:10px;
  margin-right:10px;
  border:solid 1px  #eee;
  cursor:pointer;
}

.goodsPageGallerySmallImage.active{
  border:solid 1px  #A167E0;
}
/* [END] GOODS GALLERY */

/* GOODS PAGE CONTENT */
.goodsPageContentContainer{
  margin-top:40px;
}

.goodsPageContentBlock{
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width:900px;
}

.goodsPageContentLeft, .goodsPageContentRight{
  width:calc(50% - 40px);
}

.goodsPageContentLeftTitle{
  color: #A167E0;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 1; /* 142.857% */
}

.goodsPageContentLeftDescription{
  margin-top:25px;
  color: #878787;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px; /* 153.333% */
  max-width:400px;
}

.goodsPageContentRightTitle{
  color: #8F8F8F;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px; /* 142.857% */
}

.goodsPageContentRightItems{
  margin-top:25px;
}

.goodsPageRightItem{
  margin-bottom:15px;
  color: #878787;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px; /* 130.769% */
}

.goodsPageRightValue{
  font-weight:700;
}
/* [END] GOODS PAGE CONTENT */

/* MATERIALS */
.colorsBlockContainer{
  margin-top:60px;
 background-color:#F6F6F6;;
}

.colorsBlock{
  padding-top:60px;
 
  padding-bottom:80px;
}

.colorsBlockTitle{
  text-align: center;
  color: #363636;
font-size: 45px;
font-style: normal;
font-weight: 700;
line-height: 50px; /* 111.111% */
}

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

.colorBlockItem{
  width: 113.231px;
  margin-left:10px;
  margin-right:10px;
  cursor:pointer;
}

.colorBlockItem.active .colorBlockItemImage{
  border: 2px solid  #A167E0;
}

.colorBlockItemImage{
  width: 113.231px;
  height: 119.892px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  border-radius: 14.306px;
  border: 2px solid  #f6f6f6;
  background-color:#fff ;
}

.colorBlockItemTitle{
  margin-top:10px;
  color: #999;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
text-align: center;
}

.colorBlockContent{
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-left:20px;
  margin-right:20px;
}

.colorBlockContentLeft, .colorBlockContentRight{
  width:calc(50% - 40px);
}

.colorBlockContentTitle{
  color: #363636;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px; /* 142.857% */
  margin-top:120px;
}

.colorBlockContentDescr{
  color: #878787;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 23px; /* 153.333% */
margin-top:30px;
}

.colorBlockContentImageContainer{
  margin-top:60px;
  width: 465px;
  height: 465px;
  border-radius:50%;
  border:solid 2px rgba(9,86,84, 0.2);
  position:relative;
  display:flex;
  align-items: center;
  justify-content: center;
}

.colorBlockContentImageBlock{
  width: 368px;
  height: 373px;
  border-radius: 50%;
  background-position:center;
  background-size:cover;
  background-repeat: no-repeat;
  position: relative;
}

.colorBlockContentLeftCircle{
  width: 15px;
  height: 15px;
  border-radius:50%;
  position:absolute;
 bottom: 40px;
  left: -10px;
  background-color: #57C1BF;
}

.colorBlockContentRightCircle{
  width: 33px;
  height: 33px;
  border-radius:50%;
  position:absolute;
  top: 40px;
  right: -25px;
  background-color: #57C1BF;
}

.colorBlockContentImageSmallZoomed{
  width: 65px;
  height: 65px;
  border-radius:50%;
  position:absolute;
  top:-40px;
  right:20px;
  background-position:center;
  background-repeat: no-repeat;
  background-size:750%;
}
/* [END] MATERIALS */

/* PAGE */
.caruselContainer.inPage{
  height:auto;
  min-height:300px;
  margin-bottom:-180px;
  position: relative;
  z-index:0;
}

.caruselContainer.mainPage{
  background-size: cover;
  background-position: center -200px;
  background-repeat: no-repeat;
  min-height: 150px;
  position: relative;
  z-index:1;
  padding-top: 70px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  background-color: rgba(87,193,191,0.8);
  background-image:none;
  margin-bottom: -50px;
}

.headerImageBackbround.mainPage{
  width:calc(100% + 200px);
  height:1000px;
  background-image:url('../img/carusel-background.svg');
  background-position:top left;
  background-repeat:no-repeat;
  backbround-size:cover;
  zindex:-1;
  position:absolute;
  top:-150px;
  left:-170px;

}

.pageCaruselContainer{
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
}

.pageCaruselLeft{
  width:calc(100% - 400px);

}

.pageCaruselRight{
    width:350px;
}

.breadcrumbsContainer{
  margin-top:10px;
  position:realtive;
  z-index:100;
}

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

.quoteBlockErrorText{
  font-size:13px;
  color:#ff5050;
  padding-bottom:20px;
  display:none;
}

.quoteBlockErrorText span{
  display:block;
  font-weight:bold;
  margin-bottom:3px;
}

.hasError{
  border:solid 1px #ff5050 !important;
}

.breadcrumbsItem{
  cursor:pointer;
  color:#fff;
  font-size:14px;
  white-space: nowrap;
  margin-bottom:7px;
}

.breadcrumbsItemSeparator{
  color:#fff;
  font-size:14px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:7px;
}

.breadcrumbsItem.current{
  color: #A167E0;

}

.pageCaruselTitle{
 color:#fff;
font-size: 45px;
font-style: normal;
font-weight: 500;
line-height: 50px; /* 111.111% */
margin-top:35px;
line-height:1;
max-width:100%;
margin-bottom:15px;

}

.pageCaruselDesc{
  font-size:14px;
  margin-top:5px;
  padding-bottom:30px;
  color:#fff;
}

.pageCaruselTitle span{
   color:  #A167E0;
}
/* [END] PAGE */

/* ADAPTIVE */

.headerMobileMenuButton{
  width:50px;
  height:50px;
  display:flex;
  align-items: center;
  justify-content: center;
  display:none;
  cursor:pointer;
}

.mobileMenuContainer{
  width:100%;
  height:100vh;
  background-color:#57C1BF;
  padding-top:130px;
  position:fixed;
  top:0px;
  left:0px;
  z-index:90;
  display:none;
}

.headerMobileMenuButton.closeButton{
    display:none;
} 

.mobileMenuBlock{
  margin-right:20px;
  margin-left:20px;
  text-align: center;
}

.mobileMenuItem{
  font-size:27px;
  cursor:pointer;
  margin-bottom:30px;
  color:#fff;
  text-align: center;
}

.mobileMenuItem.active{
  color:#A167E0;
}

.mobileMenuRequestButton{
  margin-left:auto;
  margin-right:auto;
  background-color:#A167E0;
  color:#fff;
  border-radius: 1009px;
  background: #A167E0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  cursor: pointer;
  padding:15px 45px;
  display:inline-block; 
  margin-top:30px;
}

.mobileMenuPhonesContainer{
  margin-top:30px;
}

.mobileMenuPhoneItem{
  margin-bottom:10px;
  font-size:20px;
  color:#fff;
}



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

  .collectionItemProps{
    display:none;
  }
  .collectionItemContent{
    width:100%;
  }

  .collectionItemImage{
    height:100%;
  }

  .goodsItemButton{
    margin-bottom:70px;
  }

  .goodsItemImage{
    width:100%;
  }

  .goodsItem{
    width:290px;
    margin-left:20px;
    margin-right:20px;
  }

  .headerImageBackbround.mainPage{
    display:none;
  }

  .infoBlockCircle{
    width:145px;
    height:145px;
    top:-15px;
    left:30%;
  }

  .goodsPageContentBlock{
    max-width: calc(100% - 64px);
  }

  .goodsPageGalleryButtons{
    width:100%;
    left:0px;
  }

  .colorsBlockItems{
    justify-content: flex-start;
    overflow-x:auto;
    padding-bottom:15px;
    margin-bottom:-15px;
  }

}

@media screen and (max-width:980px) {
  .caruselLeft{
    width:70%;
  }

  .goodsPageContentBlock{
    flex-direction: column;
  }

  .goodsPageContentLeft{
    width:100%;
    margin-bottom: 40px;
  }

  .goodsPageContentLeftDescription{
    width:100%;
    max-width:100%;
  }
}

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

  .headerMobileMenuButton{
    display:flex;
  }

  .caruselTitle{
    font-size:66px;
    line-height:1;
  }

  .footerBlock{
    flex-direction: column;
  }

  .footerLeft{
    width:100%;
    margin-bottom:40px;
  }

  .footerTitle, .footerContactsItemsTitle{
    text-align: center;
  }

  .footerContactsItem{
      justify-content: flex-start;
  }

  .footerSocialButtonsContainer{
    justify-content: center;
  }

  .footerRight{
    width:100%;
  }

  .footerMap{
    width:100%;
    border-radius: 25px;
  }

  .footerButtomBlock{
    flex-direction: column;
    justify-content: center;
    height:auto;
  }

  .footerLogo{
    margin-top:20px;
    margin-bottom:10px;
    min-height: 36.23px;;
  }


  .infoBLock, .RightImageBlock .infoBLock{
    flex-direction: column;
  }

  .infoBlockLeft{
    width: calc(100% + 64px);
    margin-top: -20px;
    margin-left: -32px;
  }

  .RightImageBlock .infoBlockLeft{
    margin-top: -70px;
  }

  .infoBlockImage{
    border-radius: 0px;
    
  }

  .infoBlockRight{
      width:100%;
  }

  .pageCaruselTitle{
    width:100%;
    max-width:100%;
  }

  .pageCaruselDesc{
    max-width:100%;
    width:100%;
  }

  .pageCaruselContainer{
    flex-direction: column;

  }

  .pageCaruselLeft{
    width:100%;
  }

  .pageCaruselRight{
    width:100%;
   

  }

  .pageCaruselPrice{
    margin-top:-40px;
    margin-left:20px;
    text-align: left;
     margin-bottom:40px;
  }

  .advantagesBlock{
    flex-direction: column;
  }

  .advantagesBlockLeft, .advantagesBlockRight{
    width:100%;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:60px;
  }

  .advantagesBlockItem{
    border-radius: 25px;
    text-align: center;
    padding:25px;
    width:calc(100% - 50px);
  }

  .advantagesBlockItemList{
    text-align: left;
  }

  .advantagesBlockContainer{
    margin-bottom:-40px;
  }

  .advantagesBlockItemIcon{
    margin-left:auto;
    margin-right:auto;
  }

  .mainPageCaruselItems{
    justify-content: center;
    margin-top:20px;
  }

  .mainPageCauselItem{
    width:100%;
  }

  .colorBlockContent{
    flex-direction: column;
  }

  .colorBlockContentLeft{
    width: 100%;
  }

  .colorBlockContentTitle{
    margin-top:60px;
  }

  .colorBlockContent, .collectionItemContent{
    margin-left:0px !important;
    margin-right:0px !important;
  }

  .caruselContainer.inPage{
    margin-bottom:-400px;
  }

  .goodsPageContentRight{
    width:100%;
  }

}

 .caruselContainer.inPage{
  background-image: url('..//img/carusel-background.svg');   background-size: cover;  background-position: center;  background-repeat: no-repeat;  min-height: 700px;  position: relative;  padding-top: 70px;  margin-left: auto;  margin-right: auto; margin-bottom:-500px
}

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

  .caruselContainer{
    background-image:none;
    background-color:#57C1BF;
  }

 .caruselContainer.inPage{
    margin-bottom:20px;
    min-height:auto;
  }

  .caruselContainer.inPage .pageCaruselDesc{
    padding-bottom:70px;
  }

  .goodsPageGalleryContainer{
    margin-top:0px;
  }
  .caruselLeft{
    width:100%;
  }

   .caruselRight{
    display:none;
  }

  .collectionItem{
    flex-direction: column;
    margin-bottom:0px;
  }

  .collectionItem.right{
      flex-direction: column;
  }

  .collectionItemContent{
    margin-top:40px;
  }

  .collectionItemImage{
    width:100%;
    max-width:100%;
  }

  .goodsItemButton{
    margin-bottom:40px;
  }

  .collectionItemContent{
    margin-left:20px !important;
    width: calc(100% - 40px);
    margin-right:20px !important;
  }

  .collectionItemImage{
    border-radius:25px !important;
  }

  .collectionItemImage{
    height:465px;
  }

  .goodsItem{
    width:100%;
  }

  .goodsItem{
    margin-bottom:20px;
     margin-left:0px;
    margin-right:0px;
  }

  .footerBottomRight{
    flex-direction: column;
    margin-bottom:20px;
  }

  .caruselContainer.mainPage{
    padding-top:60px;
    background-color: rgba(87,193,191,1);
  }

  .mainPageCaruselItems{
    margin-top:40px;
  }

  .galleryItems{
    justify-content: flex-start;
    overflow-x:scroll;
  }

  .galleryItem{
    width: 100vw;
    min-width:100vw;
    margin-left:0px;
    margin-right:0px;
  }

  .caruselLeft{
    height: auto;
  }

  .goodsPageGallerySmallImages{
    justify-content: flex-start;
  }

  .infoBlockContainer{
    padding-top:0px;
  }

  .caruselContainer.mainPage{
    margin-bottom:0px;
    padding-bottom:25px;
  }

  .infoBlockContainer.RightImageBlock{
    margin-top:60px;
  }

   .colorsBlockItems{
      width:calc(100% + 30px);
      margin-left:-15px;
   }
}

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

  .pageCaruselTitle, .advantagesTitle, .footerTitle,  .infoBlockTitle, .colorsBlockTitle, .galleryTitle{
    font-size:37px;
    line-height:1;
  }


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

  .caruselBeforeTitle{
    width:100%;
    text-align: center;
  }

  .caruselTitle{
    text-align: center;
  }

  .caruselDescr{
    text-align: center;
  }

  .caruselButtonsContainer{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width:100%;

  }

  .buttonItem{
    margin-bottom:20px;
  }

  .caruselMenuItems{
    bottom:50px;
  }

  .caruselBlock{
    margin-top:60px;
  }

  .buttonItem.HeaderColored{
    width:220px;
  }

  .caruselMenuItem{
    background:#fff;
  }

  .galleryItem{
    width:100vw;
    min-width:100vw;
   
  }

  .galleryBackground{
    display:none;
  }

  .breadcrumbsContainer{
    margin-bottom:0px;
  }

  .caruselBlock.collectionPage{
    margin-top:0px !important;
    padding-bottom: 120px;
  }

  .caruselContainer.collectionPage{

    min-height:auto;
  }

  .goodsPageGalleryButtons{
     top:260px;
  }

  .goodsPageGalleryButtons path,  .goodsPageGalleryButtons circle{
    stroke:#A167E0;
  }

  .galleryButtonArrows:hover svg circle {
      fill:#fff;
      transition: 0.3s;
       transition-timing-function: ease;
    }


}
/* [END] ADAPTIVE */


 /* 404 */
 .error404Container{
    margin-top:80px;
    position:relative;
    z-index:3;
    margin-bottom:70px;
 }
 .error404Text{
  font-size:32px;
  font-weight:bold;
  color:#999;
  text-align: center;
  margin-top:40px;
 } 

 .error404Text span{
  color:#777;
  font-size:67px;
  text-align: center;
 }

 .error404Descr{
  margin-top:0px;
  font-size:16px;
  color:#777;
  text-align: center;
 }

 .error404LinetoMain{
  text-align: center;
  cursor:pointer;
  text-decoration: underline;
  font-size:18px;
  color:#2A72AC;
  margin-bottom:70px;
  margin-top:10px;
 }
 /* [END] 404 */ 

 /* MAIN CARUSEL */
 .mainCarusel.caruselCntainer{
    width:100%;
    min-height:570px;
    position:relative;
    background-image: url("../img/main-carusel-background.png");
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;
    
    overflow: hidden;
 }

 .mainCarusel .caruselHider{
    position:absolute;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.5);
    z-index:0;
 }

 .caruselCircleBlock{
    position: absolute;
    bottom:-420px;
    left:-180px;
    width:772px; 
    height:772px;
    background-color:#57C1BF;
    opacity:0.88;
    border-radius:50%;
    z-index:2;
    display:flex;
    align-items: center;
    justify-content: center;
 }

 .mainCarusel .caruselBlock{
  position:relative;
  z-index:2;


 }

.mainCarusel .caruselBlock .caruselTitle{
  font-size:60px;
  line-height:1.1;
  position:relative;
  z-index:3;
    margin-top:170px;
 }

.mainCarusel .caruselBlock .caruselLeft{
    width:70%;
     position:relative;
   z-index:3;
 }

 .mainCarusel .caruselBlock .caruselDescr{
    margin-top:20px;
    max-width:624px;
    height: 115px;
 }

 .mainCarusel .caruselButtonsContainer{
  display:flex;
  align-items: center;
  justify-content: flex-start;
  margin-top:30px;
 }

 .mainCarusel .caruselButton{
  display:flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 171.429% */
  margin-right:20px;
  width:185px;
  height:44px;
  cursor:pointer;
 }

 .caruselButton.first{
    background-color: #A167E0;
    width:220px;
 }

  .caruselButton.second{
    background-color:#fff;
    color:#A167E0;
  }

  .caruselMenuButtons{
    display:flex;
    width:100%;
    align-items: center;
    justify-content: center;
    margin-top:70px;
    position:relative;
    z-index:4;
    display: none;
  }

  .caruselMenuButtonItem{
    height:3px;
    background-color:#fff;
    margin-left:5px;
    margin-right:5px;
    width:15px;
    border-radius:5px;
  }

  .caruselMenuButtonItem.active{
    background-color:#A167E0;
    width:30px;
  }

  @media screen and (max-width:1000px){
    .mainCarusel .caruselLeft{
      width:100% !important;
    }
  } 

.fullWidthMapInContacts{
  width:100%; 
  height:500px; 
  position:relative; 
  z-index:10;
  margin-top:15px;
 }



   @media screen and (max-width:740px){
      .mainCarusel .caruselLeft{
        height:auto;
        padding-bottom:40px;
      }

      .fullWidthMapInContacts{
        margin-top:-40px;
        margin-bottom:70px;
      }
    .fullWidthMapInContacts iframe{
        dispaly:block !important;
    }

      .mainCarusel .caruselMenuButtons{
        margin-bottom:40px;
        margin-top:30px;
      }

      .mainCarusel .caruselBlock .caruselTitle{
        margin-top:120px;
      }

      .mainCarusel .caruselBlock .caruselDescr{
        height:auto;
      }

      .caruselButton.second{
          margin-top:10px;
      }

      .caruselCircleBlock{
        opacity:0.83 !important;
      }

      .footerMenuItem{
        margin-right:0px !important;
      }

      .footerMap{
        height:400px;
        
        border-radius:0px !important;
      }


      .footerMap iframe{
          border-radius:0px !important;
      }

      .footerRight{
        width:calc(100% + 40px);
        margin-left:-20px;
      }
   }

 @media screen and (max-width:500px){
   .mainCarusel .caruselBlock .caruselTitle{
      margin-top:50px;
      font-size:42px;
   }
   .mainCarusel .caruselButton{
    margin-right: 0px;
   }

   .infoBlockImage{
     border-radius:0px !important;
   }

 }
 /* [END] MAIN CARUSEL */

.magazineInfoCity{
  font-size:22px;
  font-weight:bold;
  color:#777;
}

.magazineInfoAddress{
  font-size:18px;
  font-weight:bold;
  color:#555;
  margin-top:-15px;
}

.magazineInfoPhone{
  font-size:24px;
  margin-top:0px;
  color:#222;
  font-weight:bold;
}


 /* COMPLEAEATE BLOCK */
 .sendCompleateContainer{
    background-color:rgba(0,0,0,0.7);
    position:fixed;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    display:none;
    z-index:101;
 }

 .sendCompleateInside{
  width:100vw;
  height:100vh;
  display:flex;
  align-items: center;
  justify-content: center;
 }

 .sendCompleateTitle{
  font-size:24px;
  color:#444;
  font-weight:bold;
 }

 .sendCompleateTitleDescr{
    font-size:17px;
    margin-top:10px;
    color:#777;
 }

 .sendCompleateBlock{
    padding:45px;
    border-radius: 25px;
    background-color:rgba(255,255,255,1);
    border:solid 2px #57C1BF;
    position:relative;
    max-width:calc(100vw - 40px);
 }
 /* [END] COMPLEAEATE BLOCK */

.collectionItemType{
  padding:10px 25px;
  background-color:#57C1BF;
  color:#fff;
  font-size:17px;
  margin-left:30px;
  margin-top:-70px;
  margin-bottom:40px;
  position:relative;
  z-index:7;
  border-radius:20px;
  font-weight:bold;
}

 .collectionItemType.kuhnia{
    background-color:#A167E0;
  }

 /* COOKIES */
 .cookiesAcceptContainer{
   background-color:rgba(0,0,0,0.7);
   backdrop-filter: blur(10px);
   position:fixed;
   top:0px;
   left:0px;
   width:100vw;
   height:100vh;
   z-index:110;
   
   
 }

 

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

 .cookiesAcceptCloseButton{
    position:absolute;
    right:10px;
    top:10px;
    cursor:pointer;
 }

 .cookiesAcceptBlock{
    margin:40px 25px;
    background-color:#fff;
    min-width:250px;
    padding:20px 25px;
    with:auto;
    max-width:500px;
     position:relative;
 }

 .cookiesAcceptTitle{
    font-size:24px;
    font-weight:bold;
    color:#444;
    margin-bottom:10px;
 }

 .cookiesAcceptDescr{
  font-size:15px;
  color:#777;
 }

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

 .cookiesAcceptButton{
  padding:15px 45px;
  font-weight:bold;
  font-size:14px;
  border-radius:15px;
  background-color:#777;
  text-transform: uppercase;
  color:#fff;
  cursor:pointer;
  margin-top:5px;
  margin-bottom:5px;
 }

  .cookiesAcceptButton.accept{
   background-color:#57C1BF;
   margin-right:10px;
 }
 
 /* [END] COOKIES */