/* Start:/proekty/zimniy-otdykh/style.css?17614017103269*/
.zo-groups {}
.zo-groups .item {display: block; height: 360px; text-align: center; position: relative; text-decoration: none; font-weight: 700; padding: 30px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 30px; transition: all .3s; color: #fff;}
.zo-groups .item:before {content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.45); position: absolute; left: 0; top: 0; z-index: 1; transition: all .3s;}
.zo-groups .item:after {content: ''; display: block; width: 100%; height: 100%; border: 1px solid #fff; position: relative; z-index: 2;}
.zo-groups .item:hover {padding: 20px; transition: all .3s;}
.zo-groups .item:hover:before {background: rgba(0,0,0,.55); transition: all .3s;}
.zo-groups .item > span {display: inline-block; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 50px; z-index: 3;}
.zo-groups .item > span h3 {color: #fff;}
.zo-groups .item > span > span {display: block; font-weight: 400; max-width: 530px; margin: 5px auto 0;}

/* .zo-sections {} */
.zo-sections {display: grid; grid-template-columns: repeat(4, 1fr);}
.zo-sections .item-wrapper {box-sizing: border-box; padding: 0 10px;}


/*midle*/
@media(max-width: 991px) {
    .zo-sections {grid-template-columns: repeat(3, 1fr);}
    .zo-sections .item-wrapper {padding: 0 7px;}
}
/*small*/
@media(max-width: 768px) {
    .zo-sections {grid-template-columns: repeat(2, 1fr);}
    .zo-sections .item-wrapper {padding: 0 5px;}
}
/*extra-small*/
@media(max-width: 576px) {
    .zo-sections {grid-template-columns: repeat(1, 1fr);}
    .zo-sections .item-wrapper {padding: 0 0;}
}

.light-theme.zo-sections .item {color: #000;}

.zo-sections .item {display: block; text-align: center; position: relative; text-decoration: none; font-weight: 700; padding: 30px; border: 1px solid #c3e2ff; margin-bottom: 30px; overflow: hidden; transition: all .2s; color: #fff; background-size: 70%; background-repeat: no-repeat; background-position: -90% center; opacity: .7;}
.zo-sections .item:hover {border-color: #4090db; transition: all .2s; opacity: .9;}
.zo-sections .item > span {display: inline-block; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 30px;}
.zo-sections .item > span:before {content: ''; display: block; width: 50px; height: 2px; background: #4090db; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.zo-sections .item > span:after {content: ''; display: block; width: 50px; height: 2px; background: #4090db; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}

.item-content {display: none; padding: 30px 0 0; line-height: 1.4;}
.item-content .point {margin-bottom: 30px;}
.item-content .point .name {font-weight: 700; padding-bottom: 10px;}
.item-content .point .name:after {content: ""; display: block; width: 50px; height: 2px; background: #4090db; margin-top: 10px;}
.item-content .point .date {font-family: 'WarnockPro'; font-style: italic; margin: 0;}
.item-content .point .address {font-family: 'WarnockPro'; font-style: italic;}
.item-content .point .phone {font-family: 'WarnockPro'; font-style: italic;}
.item-content .point .url {font-family: 'WarnockPro'; font-style: italic;}

/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?176227818451*/
font.errortext{color:red}font.notetext{color:green}
/* End */
/* /proekty/zimniy-otdykh/style.css?17614017103269 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?176227818451 */