

/* Start:/local/templates/main-responsive/components/bitrix/catalog/water/assets/sections.css?175137123816909*/
/* Main page */
.VV_PWaterMainPage{
    overflow: hidden;
    margin-bottom: 120px;
    padding-top: 6px;
}
.VV_PWaterMainPage__Body{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ECF7FF), to(#FFFFFF));
    background-image: -o-linear-gradient(top, #ECF7FF, #FFFFFF);
    background-image: linear-gradient(to bottom, #ECF7FF, #FFFFFF);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    border-top: 1px solid transparent;
}
.VV_PWaterMainPage__Header{
    text-align: center;
    padding-bottom: 230px;
}
.VV_PWaterMainPage__HeaderInner{
    max-width: 705px;
    margin: 0 auto 40px;
    word-break: break-word;
}
.VV_PWaterMainPage__Title{
    margin: 0 0 24px;
}
.VV_PWaterMainPage__Desc{
    font-weight: 400;
}

@media (max-width: 1279px){
    .VV_PWaterMainPage__Header{
        padding-bottom: 178px;
    }
}

@media (max-width: 1023px){
    .VV_PWaterMainPage{
        padding-top: 24px;
        margin-bottom: 64px;
    }
    .VV_PWaterMainPage__Header{
        padding-bottom: 128px;
    }
    .VV_PWaterMainPage__HeaderInner {
        max-width: 535px;
    }
}

@media (max-width: 767px){
    .VV_PWaterMainPage{
        margin-bottom: 40px;
    }
    .VV_PWaterMainPage__Title {
        margin: 0 0 16px;
    }
    .VV_PWaterMainPage__HeaderInner {
        max-width: 340px;
        margin: 0 auto 40px;
    }
}

@media (max-width: 550px){
    .VV_PWaterMainPage__Header {
        padding-bottom: 24%;
    }
}

/* Tizers */
.VV_PWaterMainPage__Section._tizers{
    margin: -230px 0 100px;
}
.VV_PWaterTizers__List{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -20px -40px;
}
.VV_PWaterTizers__ListItem{
    width: 50%;
    list-style: none;
    padding: 0 20px;
    margin: 0 0 40px;
}
.VV_PWaterTizer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.VV_PWaterTizer__ImgWrp{
    position: relative;
    margin: 0 0 24px;
    width: 100%;
}
.VV_PWaterTizer__ImgContainer{
    display: block;
    position: relative;
    padding-top: 79%;
    border-radius: 16px;
    overflow: hidden;
}
.VV_PWaterTizer__Img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -webkit-transition: -webkit-transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
}
.bx-no-touch .VV_PWaterTizer__ImgWrp:hover .VV_PWaterTizer__Img{
    transform: scale(1.05);
}
.VV_PWaterTizer__Title{
    word-break: break-word;
    margin: 0 0 20px;
}
.VV_PWaterTizer__TitleLink{
    display: inline-block;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.VV_PWaterTizer__DescFooter{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.VV_PWaterTizer__DescFooterCol._price{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.VV_PWaterTizer__Price .Price.Price--label {
    padding-top: 4px;
    padding-bottom: 4px;
}
* + .VV_PWaterTizer__PriceNotice{
    margin-top: 8px;
}
.VV_PWaterTizer__PriceNotice{
    font-weight: 400;
    word-break: break-word;
}
* + .VV_PWaterTizer__DescFooterCol._btn{
    padding-left: 20px;
}

.VV_PWaterTizer__BtnWrp .CartButton {
    min-width: 223px;
    height: 52px;
    font-size: 18px;
}
.VV_PWaterTizer__BtnWrp .CartButton--added .CartButton__content--quantity,
.VV_PWaterTizer__BtnWrp .CartButton__content--add {
    max-width: 223px;
}
.VV_PWaterTizer__BtnWrp .CartButton__content--add .SvgIcon.SvgIcon--cart{
    width: 14px;
    height: 14px;
}
.VV_PWaterTizer__BtnWrp .CartButton.CartButton--added .CartButton__content--add{
    max-width: 0;
    opacity: 0;
}
.VV_PWaterTizer__BtnWrp .CartButton__quantityInputContainer{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, .1);
    border-right: 1px solid rgba(255, 255, 255, .1);
}
.VV_PWaterTizer__BtnWrp .CartButton__quantityInputLineVal{
    font-size: 14px;
    font-weight: 600;
}
.VV_PWaterTizer__BtnWrp .CartButton__quantityInputLinePrice{
    font-size: 10px;
    line-height: 1.2;
}
.VV_PWaterTizer__BtnWrp .CartButton__quantityInputLinePrice .Price{
    font-size: 10px;
    font-weight: 400;
    opacity: .6;
    line-height: 1.2;
}
.VV_PWaterTizer__BtnWrp .CartButton__selector input{
    color: transparent;
}
.VV_PWaterTizer__BtnWrp .Tooltip {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    top: 0;
    bottom: auto;
}

@media (max-width: 1279px){
    .VV_PWaterMainPage__Section._tizers{
        margin-top: -178px;
    }
}

@media (max-width: 1023px){
    .VV_PWaterMainPage__Section._tizers {
        margin: -129px 0 60px;
    }
    .VV_PWaterTizers{
        margin: 0 auto;
        max-width: 540px;
    }
    .VV_PWaterTizer__ImgWrp {
        margin: 0 0 16px;
    }
    .VV_PWaterTizer__ImgContainer{
        padding-top: 103%;
    }
	.VV_PWaterTizer__Desc {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
	}
    .VV_PWaterTizer__DescFooter{
        display: block;
		margin-top: auto;
    }
    .VV_PWaterTizer__DescFooterCol._btn{
        padding-top: 16px;
    }
    * + .VV_PWaterTizer__DescFooterCol._btn {
        padding-left: 0;
    }
    .VV_PWaterTizer__BtnWrp .CartButton {
        min-width: 0;
        height: 52px;
        width: 100%;
    }
    .VV_PWaterTizer__BtnWrp .CartButton--added .CartButton__content--quantity,
    .VV_PWaterTizer__BtnWrp .CartButton__content--add {
        max-width: 100%;
    }
    .VV_PWaterTizer__Price .Price.Price--label{
        padding-top: 1px;
        padding-bottom: 1px;
    }
}

@media (max-width: 767px){
    .VV_PWaterMainPage__Section._tizers {
        margin: -129px 0 40px;
    }
    .VV_PWaterTizers__List {
        margin: 0 -4px -8px;
    }
    .VV_PWaterTizers__ListItem {
        padding: 0 4px;
        margin: 0 0 8px;
    }
    .VV_PWaterTizer__ImgContainer {
        padding-top: 108%;
        border-radius: 8px;
    }
    .VV_PWaterTizer__ImgWrp {
        margin: 0 0 12px;
    }
    .VV_PWaterTizer__Title {
        margin: 0 0 12px;
    }
    .VV_PWaterTizer__DescFooterCol._btn{
        margin-top: auto;
    }
    .VV_PWaterTizer__BtnWrp .CartButton {
        height: 44px;
        font-size: 16px;
    }
}

@media (max-width: 550px){
    .VV_PWaterMainPage__Section._tizers {
        margin: -24% 0 40px;
    }
}

/* About */
.VV_PWaterMainPage__Section._about{
    margin: 0 0 120px;
}
.VV_PWaterAboutBlock__ImgWrp{
    position: relative;
    padding-top: 44%;
    overflow: hidden;
    border-radius: 24px;
    background-color: var(--light-surface2);
}
.VV_PWaterAboutBlock__Img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}
.VV_PWaterAboutBlock__Img._mobile{
    display: none;
}
.VV_PWaterAboutBlock__Desc{
    word-break: break-word;
}
.VV_PWaterAboutBlock__ImgWrp + .VV_PWaterAboutBlock__Desc{
    margin: 45px 0 0;
}
.VV_PWaterAboutBlock__DescRow{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
}
.VV_PWaterAboutBlock__DescCol{
    padding: 0 15px;
    width: 50%;
}
.VV_PWaterAboutBlock__Title{
    font-weight: 700;
}
.VV_PWaterAboutBlock__DescCol._text {
    font-weight: 500;
}

@media (max-width: 1023px){
    .VV_PWaterMainPage__Section._about {
        margin: 0 0 65px;
    }
    .VV_PWaterAboutBlock__ImgWrp + .VV_PWaterAboutBlock__Desc {
        margin: 22px 0 0;
    }
    .VV_PWaterAboutBlock__DescCol._text {
        padding-top: 3px;
    }
}

@media (max-width: 767px){
    .VV_PWaterMainPage__Section._about{
        margin: 0 0 38px;
    }
    .VV_PWaterAboutBlock__DescRow{
        display: block;
        margin: 0;
    }
    .VV_PWaterAboutBlock__DescCol {
        padding: 0;
        width: 100%;
    }
    .VV_PWaterAboutBlock__DescCol._text {
        padding-top: 0;
        margin: 20px 0 0;
    }
}

@media (max-width: 550px){
    .VV_PWaterAboutBlock__ImgWrp {
        padding-top: 126%;
    }
    .VV_PWaterAboutBlock__Img._desktop{
        display: none;
    }
    .VV_PWaterAboutBlock__Img._mobile{
        display: block;
    }
}

/* Worth */
.VV_PWaterMainPage__Section._worths{
    margin: 0 0 80px;
}
.VV_PWaterWorths__List{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 -18px -36px;
}
.VV_PWaterWorths__ListItem{
    list-style: none;
    padding: 0 18px;
    margin: 0 0 36px;
    width: 25%;
}
.VV_PWaterWorth{
    padding: 64px 40px 64px;
    border: 1px solid var(--light-on-additional1-secondary);
    border-radius: 80px 80px 80px 1px;
    background-color: var(--light-additional1-container-fill);
    height: 100%;
}
.VV_PWaterWorth__Title{
    word-break: break-word;
    font-weight: 500;
    color: var(--light-additional1);
}
.VV_PWaterWorth__Desc{
    font-weight: 500;
    margin: 33px 0 0;
}

@media (max-width: 1279px){
    .VV_PWaterWorths__ListItem{
        width: 50%;
    }
}

@media (max-width: 1023px){
    .VV_PWaterMainPage__Section._worths {
        margin: 0 0 55px;
    }
    .VV_PWaterWorths{
        margin: 0 auto;
        max-width: 540px;
    }
    .VV_PWaterWorths__List {
        margin: 0 -8px -16px;
    }
    .VV_PWaterWorths__ListItem {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0 8px;
        margin: 0 0 16px;
    }
    .VV_PWaterWorth {
        padding: 32px 32px 32px;
        border-radius: 40px 40px 40px 1px;
    }
    .VV_PWaterWorth__Desc {
        margin: 12px 0 0;
    }
}

@media (max-width: 767px){
    .VV_PWaterMainPage__Section._worths {
        margin: 0 0 28px;
    }
}

@media (max-width: 550px){
    .VV_PWaterWorths__List{
        margin: 0;
        padding: 0;
    }
    .VV_PWaterWorths__ListItem {
        padding: 0;
        margin: 0 0 12px;
        width: 100%;
    }
}


/* Map */
.VV_PWaterMainPage__Section._map{
    margin: 0 0 125px;
}
.VV_PWaterMap__Header{
    margin: 0 0 24px;
}
.VV_PWaterMap__MainTitle{
    font-weight: 700;
}
.VV_PWaterMap__Map{
    overflow: hidden;
    border-radius: 16px;
    padding-top: 44%;
    background-color: var(--light-surface2);
    position: relative;
}
.VV_PWaterMap__MapContainer{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.VV_PWaterMap__Desc{
    word-break: break-word;
}
* + .VV_PWaterMap__Desc{
    margin-top: 40px;
}
.VV_PWaterMap__DescRow{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -12px;
}
.VV_PWaterMap__DescCol{
    padding: 0 12px;
    width: 50%;
}
.VV_PWaterMap__Title{
    font-weight: 500;
}
.VV_PWaterMap__Text{
    font-weight: 400;
    color: var(--light-secondary);
}
* + .VV_PWaterMap__Text{
    margin-top: 12px;
}
.VV_PWaterMap__Note{
    padding: 24px;
    border-radius: 16px;
    background-color: var(--light-surface2);
}
.VV_PWaterMap__NoteHeader{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.VV_PWaterMap__NoteHeaderCol._img{
    margin-right: 8px;
}
.VV_PWaterMap__NoteHeaderImg{
    display: block;
}
.VV_PWaterMap__NoteTitle{
    font-weight: 700;
}
.VV_PWaterMap__NoteDesc{
    font-weight: 400;
    color: var(--light-secondary);
    margin: 10px 0 0;
}

@media (max-width: 1023px){
    .VV_PWaterMainPage__Section._map {
        margin: 0 0 18px;
    }
    .VV_PWaterMap__DescCol._main{
        width: 51%;
    }
    .VV_PWaterMap__DescCol._note{
        width: 49%;
    }
}

@media (max-width: 767px){
    .VV_PWaterMainPage__Section._map {
        margin: 0 0 44px;
    }
    * + .VV_PWaterMap__Desc {
        margin-top: 24px;
    }
    .VV_PWaterMap__DescRow {
        display: block;
        margin: 0;
    }
    .VV_PWaterMap__DescCol {
        padding: 0;
    }
    .VV_PWaterMap__DescCol._main {
        width: auto;
    }
    .VV_PWaterMap__DescCol._note {
        width: auto;
        margin-top: 16px;
    }
    .VV_PWaterMap__Note{
        padding: 16px;
    }
}

@media (max-width: 550px){
    .VV_PWaterMap__Map {
        padding-top: 155%;
    }
}

/* FAQ */
.VV_PWaterFaq {
    max-width: 792px;
    margin: 0 auto;
}
.VV_PWaterFaq__Title {
    font-weight: 700;
    margin-bottom: 16px;
    text-align: center;
}
.VV_PWaterFaq__Item{
    word-break: break-word;
    border-bottom: 1px solid var(--light-space);
}
.VV_PWaterFaq__Item:last-child{
    border-color: transparent;
}
.VV_PWaterFaq__ItemHeading {
    position: relative;
    display: block;
    border: none;
    background: transparent;
    width: 100%;
    padding: 32px 32px 32px 0;
    text-align: left;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.V_PWaterFaq__ItemHeadingTitle {
    font-weight: 500;
}
.VV_PWaterFaq__ItemHeadingImg {
    content: '';
    position: absolute;
    right: 0px;
    top: 31px;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}
.VV_PWaterFaq__Item._active .VV_PWaterFaq__ItemHeading {
    padding-bottom: 16px;
}
.VV_PWaterFaq__Item._active .VV_PWaterFaq__ItemHeadingImg {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.VV_PWaterFaq__ItemContent {
    display: none;
    margin-bottom: 24px;
}
.VV_PWaterFaq__ItemContentInner {
    color: var(--light-secondary);
    max-width: 716px;
}
* + .VV_PWaterFaq__ItemContentInnerBlock{
    margin-top: 12px;
}
.VV_PWaterFaq__ItemContentTitle{
    font-weight: 500;
}
.VV_PWaterFaq__ItemContentText{
    font-weight: 400;
}
* + .VV_PWaterFaq__ItemContentText{
    margin-top: 6px;
}

@media (max-width: 1023px) {
    .VV_PWaterFaq__Item {
        margin: 0 0 6px;
    }
    .VV_PWaterFaq__Item:last-child {
        margin: 0;
    }
    .VV_PWaterFaq__ItemHeading {
        padding: 23px 32px 24px 0;
    }
    .VV_PWaterFaq__ItemHeadingImg {
        top: 18px;
    }
    .VV_PWaterFaq__Item._active .VV_PWaterFaq__ItemHeading {
        padding-bottom: 12px;
    }
    .VV_PWaterFaq__ItemContentInner {
        max-width: 624px;
    }
}

@media (max-width: 767px) {
    .VV_PWaterFaq__Item {
        padding-left: 10px;
        padding-right: 10px;
    }
    .VV_PWaterFaq__ItemContent {
        margin-bottom: 16px;
    }
    .VV_PWaterFaq__ItemHeading {
        padding: 6px 32px 6px 0;
    }
    .VV_PWaterFaq__ItemHeadingImg {
        width: 20px;
        height: 20px;
        top: 4px;
    }
    .VV_PWaterFaq__Item._active .VV_PWaterFaq__ItemHeading {
        padding-bottom: 8px;
    }
    .VV_PWaterFaq__Title {
        margin-bottom: 28px;
    }
    .VV_PWaterFaq__Items{
        padding: 0 10px;
    }
    .VV_PWaterFaq__Item {
        margin: 0 0 14px;
    }
    .VV_PWaterFaq__ItemContentText{
        padding-top: 0;
    }
    * + .VV_PWaterFaq__ItemContentText {
        margin-top: 2px;
    }
}

/* task 8371 */
.VV_PWaterTizer__Label {
	position: absolute;
	top: 16px;
	right: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 2px;
	min-width: 118px;
	padding: 4px 2px 4px 8px;
	font-weight: 500;
	border-radius: 8px;
	background-color: var(--light-additional1-container-fill);
	-webkit-transition: background 0.3s ease 0s;
	-o-transition: background 0.3s ease 0s;
	transition: background 0.3s ease 0s;
}
@media (max-width: 1023px){
    .VV_PWaterTizer__Label {
        top: unset;
        bottom: 8px;
        right: 8px;
		min-width: 100px;
        padding: 2px 2px 2px 6px;
    }
}
@media (max-width: 767px){
    .VV_PWaterTizer__Label {
		bottom: 4px;
		right: 4px;
		gap: 0;
		min-width: 98px;
	}
}
/* task 8371 end */
/* End */
/* /local/templates/main-responsive/components/bitrix/catalog/water/assets/sections.css?175137123816909 */
