/* Start:/local/templates/o2garden/css/cafe_page.css?17096353164136*/
.bg_left_top {
    position: absolute;
    top: 200px;
    left: 0;
    bottom: 0;
}

.call_leftbg_block {
    position: relative;
}

.call_services_btn {
    bottom: 100px;
}

.bg_left_bottom {
    position: absolute;
    bottom: -100px;
}

.our_section {
    margin-bottom: 47px;
    background-color: #F5FFF8;
    height: 321px;
}

.cafe_page_block {
    margin-bottom: 48px;
}
.open_menu_cafe a:hover{
    color: white !important;
}
.cafe_page_block button {
    border: 2px solid #00773C;
    border-radius: 25px;
    width: 266px;
    height: 52px;
    font-family: mardoto_regular;
    font-weight: 700;
    font-size: 16px;
    color: #00773C;
    cursor: pointer;
    background-color: #ffffff;
}

.cafe_page_info_text {
    margin-bottom: 32px;
}

.cafe_page_info_text span {
    font-family: mardoto_regular;
    font-weight: 400;
    font-size: 17px;
    line-height: 25.5px;
    color: #000000;
}

.cafe_photo_block {
    background-color: #F9F9F9;
    text-align: center;
    margin-bottom: 200px;
    padding-bottom: 23px;
    padding-top: 40px;
    position: relative;
}

.cafe_photo_block .bg_left_svg {
    position: absolute;
    left: 1px;
    bottom: -230px;
    transform: rotate(190deg);
}

.cafe_page_photo {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-bottom: 80px;
}

.cafe_photo_block h2 {
    padding-top: 50px;
    padding-bottom: 46px;
}

.photo_cafe_block {
    display: block;
    width: 262px;
    height: 198px;
    background-color: #C4C4C4;
    margin-bottom: 32px;
}

.photo_cafe_block:hover {
    box-shadow: 0px 4px 50px rgb(0 0 0 / 15%);
}


.our_section {
    margin-bottom: 37px !important;
    background-color: #F5FFF8;
    height: 376px;
}

.our_section img {
    width: 100%;
    height: 100%;
}

.general_title {
    font-family: mardoto_regular;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    color: white;
}

.gallery_title {
    font-family: mardoto_regular;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
}

.big_photo {
    /*width: 555px;*/
    /*height: 428px;*/
    grid-column: span 2;
    grid-row: span 2;
}

.small_photo {
    /*width: 262px;*/
    /*height: 198px;*/
}

.gallery_item {
    position: relative;
    padding: 0px 0px 85% 0px;
}

.gallery_item img {
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cafe_menu {
    margin-top: 80px;
    text-align: center;
}

.cafe_menu h2 {
    font-family: mardoto_regular;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    color: #0B0825;
    display: block;
    margin-bottom: 16px;
}

.cafe_menu p {
    display: block;
    width: 70%;
    font-family: mardoto_regular;
    font-weight: 400;
    font-size: 17px;
    line-height: 150%;
    color: #000000;
    margin: 0 auto;
}

.button_sec {
    width: 500px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 33px;
    margin-bottom: 130px;
}

.open_menu_cafe {
    background: #00773C;
    border: 2px solid #00773C;
    border-radius: 25px;
    width: 158px;
    height: 51px;
    font-family: mardoto_regular;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    margin-right: 24px;
}

.cafe_reservation {
    background: #F2F2F2;
    border-radius: 25px;
    width: 215px;
    height: 51px;
    font-family: mardoto_regular;
    font-weight: 700;
    font-size: 16px;
    color: #252422;
    border: none;
}

.cafe_reservation > a {
    color: inherit;
}


.cafe_wrapper {
    display: flex;
    text-align: justify;
    flex-direction: row;
    padding: 0 143px;
    justify-content: space-between;
}

@media only screen and (max-width: 1400px) {
    .cafe_page_block {
        width: 86% !important;
    }

    .cafe_wrapper {
        padding: 0;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}

@media only screen and (max-width: 1024px) {
    .cafe_blog {
        width: 360px !important;
        margin: 0 auto;
    }

}
/* End */


/* Start:/local/templates/o2garden/css/cafe_page_media.css?17087041401621*/

@media screen and (max-width: 1024px) {
   
    .our_section {
        height: 214px;
        margin-bottom: 30px;
    }
    .call_leftbg_block {
        display: none;
    }
    .cafe_photo_block h2 {
        font-size: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .cafe_photo_block {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 768px) {
	.cafe_page_photo {
  	  grid-template-columns: 1fr 1fr !important;
	}

	.gallery_pop_up_main {
		width: 500px  !important;
		height: 400px  !important;
	}

}

@media screen and (max-width: 600px) {
    .general_title{
        font-size: 24px!important;
    }
    .photo_cafe_block {
        width: 177px;
        height: 177px;
    }
    .cafe_page_info_text {
        font-size: 12px;
    }
    .cafe_menu{
        margin-top: 0;
    }
    .cafe_menu h2{
        font-size: 24px;
    }
    .button_sec{
        flex-direction: column;
        width: 100%;
        margin-bottom: 50px;
    }
    .open_menu_cafe{
        width: 343px;
        margin-bottom: 15px;
        margin-right: 0px;
    }
    .cafe_reservation {
        width: 343px;
    }
    .gallery_item{
        margin-bottom: 15px;
    }
    .cafe_page_photo{
        gap: 0;
    }
}
@media screen and (max-width: 600px) {
    .open_menu_cafe{
        width: 100%;
    }
    .cafe_reservation {
        width: 100%;
    }
    .cafe_menu p{
        width: 100%;
    }
}

@media screen and (max-width: 552px) {
	.cafe_page_photo {
  	  grid-template-columns: 1fr !important;
	}

	.gallery_pop_up_main {
		width: 350px !important;
		height: 250px !important;
	}

}


/* End */


/* Start:/local/templates/o2garden/components/bitrix/news.detail/our_cafe/style.css?170789180430974*/
h1,
h2,
h3,
h4,
h5,
h6,
.price,
.old-price,
.bonuses {
    -webkit-font-smoothing: antialiased;
}

.framed .layout {
    background-color: #f2f2f2;
}

span.news-date-time {
    margin-bottom: 20px;
    display: inline-block;
}

.framed .container-header,
.framed .container-main-nav,
.framed .container-footer {
    background-color: #ffffff;
}

.ie8 .video-player {
    display: none !important;
}

.ie8 .text-page {
    background-color: #f2f2f2;
}

.ie8 .text-page.bottomShadow {
    box-shadow: 0 4px 10px -7px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.ie8 .text-page.white-side {
    background-color: #ffffff;
}

.ie8 .text-page .contents {
    width: 900px;
    padding: 0 30px 10px;
    background-color: #ffffff;
}

.ie8 .text-page .contents.marginTop {
    margin-top: 20px;
    padding-top: 20px;
}

.ie8 .text-page .slider__text.right .description {
    width: 210px;
}

.ie8 .text-page .slider__text.right .image {
    width: 660px !important;
}

.ie8 .text-page .tabs-head {
    background: none;
    border: 0;
    height: 47px;
    width: 960px;
    margin: 0 auto;
}

.ie8 .text-page .tabs-head .contents {
    background: #fefefe;
    background: linear-gradient(to bottom, #fefefe 0%, #f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f2f2f2', GradientType=0);
}

.ie8 .text-page .tabs-head .tab-head {
    color: #666666;
    font: 16px/25px 'Corpid', sans-serif;
    text-transform: uppercase;
}

.container-white {
    margin-top: 13px;
}

.ie8 .text-page .tabs-head .tab-head[data-open="true"] {
    border-top: 0;
    -webkit-border-image: url(/local/templates/o2garden/components/bitrix/news.detail/our_cafe/../images/plan-tabs-divider.png);
}

.ie8 .text-page.container-gray-shadow {
    box-shadow: none;
}

.ie8 .text-page.container-gray-shadow .contents {
    background-color: #f2f2f2;
}

.text-page .contents {
    margin: 0 auto;
}

.text-page .tabs-text {
    margin-bottom: 40px;
}

.text-page,
.text-popup-contents {
    color: #333333;
    overflow: hidden;
}

.text-page h1,
.text-page h2,
.text-page h3,
.text-page h4,
.text-popup-contents h1,
.text-popup-contents h2,
.text-popup-contents h3,
.text-popup-contents h4 {
    font-family: 'Corpid', sans-serif;
    -webkit-font-smoothing: antialiased !important;
}

.cafe_page_book-btn a {
	color: inherit;
}

.text-page h1,
.text-popup-contents h1 {
    font-size: 34px;
    font-weight: 200;
    margin-top: 0;
}

.text-page h2,
.text-popup-contents h2 {
    font-size: 28px;
    font-weight: 300;
    margin-top: 0;
}

.text-page h3,
.text-popup-contents h3 {
    font-size: 24px;
    font-weight: 300;
    margin-top: 0;
}

.text-page h3.hide-head,
.text-popup-contents h3.hide-head {
    border-top: 1px solid #ededed;
    margin: 0;
    padding-top: 18px;
    padding-bottom: 18px;
    cursor: pointer;
}

.text-page h3.hide-head:after,
.text-popup-contents h3.hide-head:after {
    content: " ";
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -786px -547px;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.text-page h3.hide-head:hover:after,
.text-popup-contents h3.hide-head:hover:after {
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -739px -547px;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}

.text-page h3.hide-head[data-open="true"]:after,
.text-popup-contents h3.hide-head[data-open="true"]:after {
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -124px -576px;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}

.text-page h3.hide-head[data-open="true"]:hover:after,
.text-popup-contents h3.hide-head[data-open="true"]:hover:after {
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -444px -336px;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}

.text-page h3.hide-head:first-child,
.text-popup-contents h3.hide-head:first-child {
    border-top: none;
}

.text-page h4,
.text-popup-contents h4 {
    color: #eb1c23;
    font-size: 18px;
    font-weight: 300;
    margin-top: 10px;
    text-decoration: none;
}

@media (min-width: 426px) and (max-width: 639px), (min-width: 321px) and (max-width: 425px), (max-width: 320px) {
    .text-popup-contents h4.mbt0 {
        margin-bottom: 0;
        margin-top: 0;
    }

    .text-popup-contents h4.mt0 {
        margin-top: 0;
    }

    .text-popup-contents h4.mb0 {
        margin-bottom: 0;
    }
}

.text-page a,
.text-popup-contents a {
    text-decoration: none;
}

.text-page p,
.text-popup-contents p {
    color: #333333;
    font: 14px/20px 'Corpid', sans-serif;
}

.text-page p a[href],
.text-popup-contents p a[href] {
    color: #eb1c23;
    text-decoration: underline;
}

.text-page p.gray-text,
.text-popup-contents p.gray-text {
    font: 12px/18px 'Corpid', sans-serif;
    color: #999999;
}

.text-page ul,
.text-page ol,
.text-popup-contents ul,
.text-popup-contents ol {
    margin: 0 0 20px 20px;
    padding: 0;
}

.text-page ul li,
.text-page ol li,
.text-popup-contents ul li,
.text-popup-contents ol li {
    font: 14px/20px 'Corpid', sans-serif;
    padding-bottom: 6px;
}

.text-page ul.col li,
.text-page ol.col li,
.text-popup-contents ul.col li,
.text-popup-contents ol.col li {
    color: #999999;
    font: 13px/16px 'Corpid', sans-serif;
    float: left;
    padding-bottom: 10px;
    width: 50%;
}

.text-page ul.col:after,
.text-page ol.col:after,
.text-popup-contents ul.col:after,
.text-popup-contents ol.col:after {
    clear: both;
    content: " ";
    display: block;
}

.text-page ol,
.text-popup-contents ol {
    list-style: none;
    counter-reset: li;
    margin: 0;
}

.text-page ol li:before,
.text-popup-contents ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #eb1c23;
    margin-right: 20px;
}

.text-page .blockquote,
.text-popup-contents .blockquote {
    margin-left: 0px;
    border-left: 4px solid #eb1c23;
    padding: 1px 24px;
}

.text-page .blockquote p,
.text-popup-contents .blockquote p {
    color: #666666;
    font: 16px/25px 'Corpid', sans-serif;
}

.text-page .blockquote p.source,
.text-popup-contents .blockquote p.source {
    color: #333333;
    font: 12px/20px 'Corpid', sans-serif;
}

.text-page .blockquote p.source:before,
.text-popup-contents .blockquote p.source:before {
    content: "\2012\2000";
}

.text-page .shadow-line,
.text-popup-contents .shadow-line {
    width: 100%;
    height: 7px;
    background: url(/local/templates/o2garden/components/bitrix/news.detail/our_cafe/../images/shadow-center.png) no-repeat 50% 0;
    background-size: contain;
    margin-bottom: 20px;
}

.text-page figure,
.text-popup-contents figure {
    margin: 0;
    padding: 0 0 10px 0;
}

.text-page figure .video,
.text-popup-contents figure .video {
    position: relative;
}

.text-page figure .video video,
.text-popup-contents figure .video video {
    width: 100%;
    margin: 10px 0;
}

.text-page figure .video .play,
.text-popup-contents figure .video .play {
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -398px 0px;
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -32px;
    margin-left: -32px;
    cursor: pointer;
}

.text-page figure figcaption,
.text-popup-contents figure figcaption {
    font: 13px/18px 'Corpid', sans-serif;
    color: #666666;
}

.text-page .slider__text,
.text-popup-contents .slider__text {
    padding-bottom: 16px;
}

.text-page .slider__text:after,
.text-popup-contents .slider__text:after {
    clear: both;
    display: block;
    content: " ";
}

.text-page .slider__text .controls,
.text-popup-contents .slider__text .controls {
    margin-bottom: 10px;
}

.text-page .slider__text .controls .left,
.text-popup-contents .slider__text .controls .left {
    display: inline-block;
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -773px -448px;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    cursor: pointer;
    vertical-align: top;
    margin-right: 8px;
}

.text-page .slider__text .controls .right,
.text-popup-contents .slider__text .controls .right {
    display: inline-block;
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -318px -194px;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    cursor: pointer;
    vertical-align: top;
    margin-left: 8px;
}

.text-page .slider__text .controls .numbers,
.text-popup-contents .slider__text .controls .numbers {
    display: inline-block;
    font: 22px 'Corpid', sans-serif;
    vertical-align: top;
    margin-top: -2px;
}

.text-page .slider__text.right .image,
.text-popup-contents .slider__text.right .image {
    border: 1px solid #ebebeb;
    margin-right: 20px;
    float: left;
}

.text-page .slider__text.right .image img,
.text-popup-contents .slider__text.right .image img {
    width: 100%;
    display: none;
}

.text-page .slider__text.right .image img.show,
.text-popup-contents .slider__text.right .image img.show {
    display: block;
}

.text-page .slider__text.right .description,
.text-popup-contents .slider__text.right .description {
    float: left;
    font: 13px/18px 'Corpid', sans-serif;
}

.text-page .slider__text.right .description .description__header,
.text-popup-contents .slider__text.right .description .description__header {
    font: 18px/46px 'Corpid', sans-serif;
}

.text-page .hide-head,
.text-popup-contents .hide-head {
    cursor: pointer;
}

.text-page .hide-head[data-open="true"] + .hide-text,
.text-popup-contents .hide-head[data-open="true"] + .hide-text {
    display: block;
}

.text-page .hide-text,
.text-popup-contents .hide-text {
    display: none;
}

.text-page .column-2 .column-item,
.text-popup-contents .column-2 .column-item {
    width: 50%;
    float: left;
}

.text-page .column-2:after,
.text-popup-contents .column-2:after {
    clear: both;
    display: block;
    content: " ";
}

.text-page .files li,
.text-popup-contents .files li {
    list-style: none;
    position: relative;
}

.text-page .files li.pdf:before,
.text-popup-contents .files li.pdf:before {
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -776px -361px;
    background-repeat: no-repeat;
    width: 24px;
    height: 30px;
}

.text-page .files li.zip:before,
.text-popup-contents .files li.zip:before {
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -706px -361px;
    background-repeat: no-repeat;
    width: 24px;
    height: 30px;
}

.text-page .files li.doc:before,
.text-popup-contents .files li.doc:before {
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -765px -324px;
    background-repeat: no-repeat;
    width: 24px;
    height: 30px;
}

.text-page .files li.xls:before,
.text-popup-contents .files li.xls:before {
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -769px -396px;
    background-repeat: no-repeat;
    width: 24px;
    height: 30px;
}

.text-page .files li.mp3:before,
.text-popup-contents .files li.mp3:before {
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -438px -70px;
    background-repeat: no-repeat;
    width: 24px;
    height: 30px;
}

.text-page .files li.ppt:before,
.text-popup-contents .files li.ppt:before {
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -736px -324px;
    background-repeat: no-repeat;
    width: 24px;
    height: 30px;
}

.text-page .files li p,
.text-popup-contents .files li p {
    margin: 0;
    padding: 0 0 0 40px;
    color: #999999;
    font-size: 12px;
}

.text-page .files li p a,
.text-popup-contents .files li p a {
    font-size: 14px;
}

.text-page .files li:before,
.text-popup-contents .files li:before {
    top: 5px;
    content: " ";
    display: inline-block;
    position: absolute;
}

.text-page .block-border,
.text-popup-contents .block-border {
    border: 1px solid #e1e1e1;
    padding: 30px;
    margin: 40px 0;
}

.text-page .block-border p,
.text-popup-contents .block-border p {
    color: #666666;
    font-size: 12px;
    line-height: 16px;
}

.text-page table,
.text-popup-contents table {
    width: 100%;
    margin-bottom: 30px;
}

.text-page table thead td,
.text-popup-contents table thead td {
    color: #666666;
    font: 14px/18px 'Corpid', sans-serif;
    font-weight: bold;
    padding: 16px;
    border-top: 3px solid #ededed;
    border-bottom: 1px solid #ededed;
    background-color: #fcfcfc;
}

.text-page table tbody td,
.text-popup-contents table tbody td {
    font: 13px/18px 'Corpid', sans-serif;
    color: #000000;
    padding: 16px;
    border-bottom: 1px solid #ededed;
}

.text-page table tbody tr:nth-child(even),
.text-popup-contents table tbody tr:nth-child(even) {
    background-color: #fcfcfc;
}

.text-page .table-for-phone .hide-head,
.text-popup-contents .table-for-phone .hide-head {
    font: 15px/34px 'Corpid', sans-serif;
    text-transform: uppercase;
    background: #f7f7f7;
    background: linear-gradient(to bottom, #f7f7f7 1%, #ffffff 18px);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ffffff', GradientType=0);
    padding: 4px 20px;
}

.text-page .table-for-phone .hide-head[data-open="true"] .contents:before,
.text-popup-contents .table-for-phone .hide-head[data-open="true"] .contents:before {
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -28px -599px;
    background-repeat: no-repeat;
    width: 15px;
    height: 13px;
}

.text-page .table-for-phone .hide-head .contents:before,
.text-popup-contents .table-for-phone .hide-head .contents:before {
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -142px -599px;
    background-repeat: no-repeat;
    width: 15px;
    height: 13px;
    content: " ";
    displaY: inline-block;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: -6px;
}

.text-page .table-for-phone .hide-text td,
.text-popup-contents .table-for-phone .hide-text td {
    color: #000000;
}

.text-page .table-for-phone .hide-text td .h,
.text-popup-contents .table-for-phone .hide-text td .h {
    color: #666666;
}

.text-page .tabs-head,
.text-popup-contents .tabs-head {
    height: 46px;
    border-bottom: 1px solid #e6e6e6;
    background: #fefefe;
    background: linear-gradient(to bottom, #fefefe 0%, #f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f2f2f2', GradientType=0);
}

.text-page .tabs-head .tab-head,
.text-popup-contents .tabs-head .tab-head {
    padding: 16px 30px 0;
    font: 16px/20px 'Corpid', sans-serif;
    font-weight: 400;
    display: inline-block;
    vertical-align: bottom;
    height: 31px;
    cursor: pointer;
}

.text-page .tabs-head .tab-head[data-open="true"],
.text-popup-contents .tabs-head .tab-head[data-open="true"] {
    background-color: #ffffff;
    padding: 10px 30px 0;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
}

.text-page .tab-head-mobile,
.text-popup-contents .tab-head-mobile {
    padding: 14px 0;
    color: #333333;
    font: 16px/20px 'Corpid', sans-serif;
    font-weight: 500;
    cursor: pointer;
    border-top: 1px solid #f2f2f2;
}

.text-page .tab-head-mobile[data-open="true"],
.text-popup-contents .tab-head-mobile[data-open="true"] {
    border-bottom: 1px solid #f2f2f2;
}

.text-page .tab-head-mobile[data-open="true"] .contents:after,
.text-popup-contents .tab-head-mobile[data-open="true"] .contents:after {
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -249px -150px;
    background-repeat: no-repeat;
    width: 10px;
    height: 5px;
}

.text-page .tab-head-mobile .contents,
.text-popup-contents .tab-head-mobile .contents {
    position: relative;
}

.text-page .tab-head-mobile .contents:after,
.text-popup-contents .tab-head-mobile .contents:after {
    content: " ";
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -792px -188px;
    background-repeat: no-repeat;
    width: 10px;
    height: 5px;
    display: inline-block;
    top: 10px;
    right: 0;
    position: absolute;
}

.text-page .tab-text h5,
.text-popup-contents .tab-text h5 {
    font: 18px/30px 'Corpid', sans-serif;
    color: #eb1c23;
    font-weight: 300;
    margin: 18px 0;
}

.text-page .tab-text p,
.text-popup-contents .tab-text p {
    padding-right: 50px;
    font: 14px/20px 'Corpid', sans-serif;
}

.text-page .tab-text .hide-head,
.text-popup-contents .tab-text .hide-head {
    font: 14px/20px 'Corpid', sans-serif;
    color: #eb1c23;
    cursor: pointer;
    margin-bottom: 15px;
}

.text-page .tab-text .hide-text p,
.text-page .tab-text .hide-text li,
.text-popup-contents .tab-text .hide-text p,
.text-popup-contents .tab-text .hide-text li {
    font: 14px/20px 'Corpid', sans-serif;
    list-style-type: none;
}

.text-page .tab-text .hide-text li:before,
.text-popup-contents .tab-text .hide-text li:before {
    color: #eb1c23;
    content: "\2022";
    padding-right: 10px;
}

.text-page a.icon-link,
.text-popup-contents a.icon-link {
    display: inline-block;
    margin-left: 6px;
}

.text-page a.icon-link .icon.question,
.text-popup-contents a.icon-link .icon.question {
    position: relative;
    top: 3px;
    display: inline-block;
    background-image: url('/local/templates/.default/images/sprite-icons.png');
    background-position: -192px -576px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.text-page .line-gray,
.text-popup-contents .line-gray {
    border-bottom: 2px solid #ededed;
    padding-top: 30px;
    margin-bottom: 30px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {

    .text-page h3.hide-head:after,
    .text-popup-contents h3.hide-head:after {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page h3.hide-head:hover:after,
    .text-popup-contents h3.hide-head:hover:after {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page h3.hide-head[data-open="true"]:after,
    .text-popup-contents h3.hide-head[data-open="true"]:after {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page h3.hide-head[data-open="true"]:hover:after,
    .text-popup-contents h3.hide-head[data-open="true"]:hover:after {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page figure .video .play,
    .text-popup-contents figure .video .play {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page .slider__text .controls .left,
    .text-popup-contents .slider__text .controls .left {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page .slider__text .controls .right,
    .text-popup-contents .slider__text .controls .right {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page .files li.pdf:before,
    .text-popup-contents .files li.pdf:before {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page .files li.zip:before,
    .text-popup-contents .files li.zip:before {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page .files li.doc:before,
    .text-popup-contents .files li.doc:before {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page .files li.xls:before,
    .text-popup-contents .files li.xls:before {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page .files li.mp3:before,
    .text-popup-contents .files li.mp3:before {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page .files li.ppt:before,
    .text-popup-contents .files li.ppt:before {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page .table-for-phone .hide-head[data-open="true"] .contents:before,
    .text-popup-contents .table-for-phone .hide-head[data-open="true"] .contents:before {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page .table-for-phone .hide-head .contents:before,
    .text-popup-contents .table-for-phone .hide-head .contents:before {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page .tab-head-mobile[data-open="true"] .contents:after,
    .text-popup-contents .tab-head-mobile[data-open="true"] .contents:after {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page .tab-head-mobile .contents:after,
    .text-popup-contents .tab-head-mobile .contents:after {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

    .text-page a.icon-link .icon.question,
    .text-popup-contents a.icon-link .icon.question {
        background-image: url('/local/templates/.default/images/sprite-icons@2x.png');
        background-size: 807px 612px;
    }

}

@media only screen and (max-width: 999px) and (min-width: 640px) {

    .text-page .contents {
        width: 600px;
    }

    .text-page .slider__text,
    .text-popup-contents .slider__text {
        border-bottom: 1px solid #ededed;
    }

    .text-page .slider__text .controls,
    .text-popup-contents .slider__text .controls {
        float: left;
        width: 160px;
        margin-top: 12px;
    }

    .text-page .slider__text.right .image,
    .text-popup-contents .slider__text.right .image {
        width: 640px;
    }

    .text-page .slider__text.right .description,
    .text-popup-contents .slider__text.right .description {
        width: 480px;
    }

}

@media only screen and (min-width: 1000px) {

    .framed .text-page .block-border {
        margin: 0 0 40px 0;
    }

}

@media only screen and (min-width: 1000px) and (max-width: 12039px) {

    .framed .text-page {
        background-color: #f2f2f2;
    }

    .framed .text-page.bottomShadow {
        box-shadow: 0px 4px 10px -7px rgba(0, 0, 0, 0.5);
        z-index: 1;
    }

    .framed .text-page.white-side {
        background-color: #ffffff;
    }

    .framed .text-page .contents {
        width: 900px;
        padding: 0 30px 10px;
        background-color: #ffffff;
    }

    .framed .text-page .contents.marginTop {
        margin-top: 20px;
        padding-top: 20px;
    }

    .framed .text-page .slider__text.right .description {
        width: 210px;
    }

    .framed .text-page .slider__text.right .image {
        width: 660px;
    }

    .framed .text-page .tabs-head {
        background: none;
        border: 0;
        height: 47px;
    }

    .framed .text-page .tabs-head .contents {
        background: #fefefe;
        background: linear-gradient(to bottom, #fefefe 0%, #f2f2f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f2f2f2', GradientType=0);
    }

    .framed .text-page .tabs-head .tab-head {
        color: #666666;
        font: 16px/25px 'Corpid', sans-serif;
        text-transform: uppercase;
    }

    .framed .text-page .tabs-head .tab-head[data-open="true"] {
        border-top: 0;
        -webkit-border-image: url(/local/templates/o2garden/components/bitrix/news.detail/our_cafe/../images/plan-tabs-divider.png);
    }

    .framed .text-page.container-gray-shadow {
        box-shadow: none;
    }

    .framed .text-page.container-gray-shadow .contents {
        background-color: #f2f2f2;
    }

    .text-page .contents {
        width: 960px;
    }

    .text-page .blockquote,
    .text-popup-contents .blockquote {
        margin-left: 80px;
    }

    .text-page .slider__text.right .image,
    .text-popup-contents .slider__text.right .image {
        width: 690px;
    }

    .text-page .slider__text.right .description,
    .text-popup-contents .slider__text.right .description {
        width: 240px;
        border-top: 2px solid #eb1c23;
    }

    .text-page .tab-text .hide-head a,
    .text-popup-contents .tab-text .hide-head a {
        border-bottom: 1px dotted #eb1c23;
    }

    .text-page .tab-text .hide-head[data-open="true"]:before,
    .text-popup-contents .tab-text .hide-head[data-open="true"]:before {
        background-image: url('/local/templates/.default/images/sprite-icons.png');
        background-position: -249px -150px;
        background-repeat: no-repeat;
        width: 10px;
        height: 5px;
    }

    .text-page .tab-text .hide-head:before,
    .text-popup-contents .tab-text .hide-head:before {
        content: " ";
        background-image: url('/local/templates/.default/images/sprite-icons.png');
        background-position: -792px -188px;
        background-repeat: no-repeat;
        width: 10px;
        height: 5px;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
    }

}

@media only screen and (max-width: 999px) {

    .text-page .tab-text .hide-head a,
    .text-popup-contents .tab-text .hide-head a {
        border-bottom: 1px dotted #eb1c23;
    }

    .text-page .tab-text .hide-head[data-open="true"]:before,
    .text-popup-contents .tab-text .hide-head[data-open="true"]:before {
        background-image: url('/local/templates/.default/images/sprite-icons.png');
        background-position: -249px -150px;
        background-repeat: no-repeat;
        width: 10px;
        height: 5px;
    }

    .text-page .tab-text .hide-head:before,
    .text-popup-contents .tab-text .hide-head:before {
        content: " ";
        background-image: url('/local/templates/.default/images/sprite-icons.png');
        background-position: -792px -188px;
        background-repeat: no-repeat;
        width: 10px;
        height: 5px;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
    }

}

@media only screen and (max-width: 639px) {

    .text-page .contents {
        width: 280px;
    }

    .text-page h1,
    .text-popup-contents h1 {
        font-size: 28px;
    }

    .text-page h2,
    .text-popup-contents h2 {
        font-size: 26px;
    }

    .text-page h3,
    .text-popup-contents h3 {
        font-size: 22px;
    }

    .text-page p.gray-text,
    .text-popup-contents p.gray-text {
        font: 11px/16px 'Corpid', sans-serif;
    }

    .text-page ul.col li,
    .text-page ol.col li,
    .text-popup-contents ul.col li,
    .text-popup-contents ol.col li {
        width: 100%;
    }

    .text-page ol li:before,
    .text-popup-contents ol li:before {
        margin-right: 10px;
    }

    .text-page .slider__text,
    .text-popup-contents .slider__text {
        border-bottom: 1px solid #ededed;
    }

    .text-page .slider__text .controls,
    .text-popup-contents .slider__text .controls {
        margin-left: auto;
        margin-right: auto;
        width: 130px;
        margin-top: 12px;
    }

    .text-page .slider__text.right .image,
    .text-popup-contents .slider__text.right .image {
        width: 280px;
        float: none;
    }

    .text-page .slider__text.right .description,
    .text-popup-contents .slider__text.right .description {
        width: 280px;
    }

    .text-page .column-2 .column-item,
    .text-popup-contents .column-2 .column-item {
        width: 100%;
    }

    .text-page .files li p a,
    .text-popup-contents .files li p a {
        font-size: 13px;
    }

    .text-page .block-border,
    .text-popup-contents .block-border {
        margin: 30px 0;
    }

    .text-page table thead td,
    .text-popup-contents table thead td {
        display: block;
    }

    .text-page table tbody td,
    .text-popup-contents table tbody td {
        display: block;
    }

    .text-page .tab-head-mobile,
    .text-popup-contents .tab-head-mobile {
        background: #ffffff;
        background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 99%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
    }

    .text-page .line-gray,
    .text-popup-contents .line-gray {
        border-bottom: 0;
    }

}

/* End */


/* Start:/local/templates/o2garden/components/bitrix/news.list/news_list/style.css?17144880868843*/
.header_gren {
    background-color: #00773C;
    color: white;
}

.bg_left_top {
    position: absolute;
    top: 200px;
    left: 0;
    bottom: 0;
}

.call_leftbg_block {
    position: relative;
}

.call_services_btn {
    bottom: 300px;
}

.bg_left_bottom {
    position: absolute;
    bottom: -100px;
}

.our_section {
    background-color: rgba(0, 0, 0, 0.3);;
    height: 376px;
    margin-bottom: 48px !important;
}

.our_section img {
    height: 100%;
}

.general_title {
    color: #FFFFFF !important;
}


.blog_category:hover {
    box-shadow: 0px 4px 10px rgb(0 0 0 / 5%);
}

.events_block {
    margin-top: 70px;
    margin-left: 30px;
    background-color: #F5FFF8;
    width: 360px;
    height: auto;
    box-shadow: 20px 20px 20px 15px rgb(211 208 208 / 25%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 20px;
}

.events_block_title {
    font-family: "NotoSansArmenian-bold";
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    color: #000000;
}

.events_day {
    display: flex;
    flex-direction: column;
    margin-bottom: 33px;
    align-items: center;
    width: 100%;
}

.events_address {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.events_day_title {
    font-family: "NotoSansArmenian-Light";
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    text-transform: capitalize;
    color: #000000;
    margin-bottom: 20px;
}

.events_address_text {
    font-family: "NotoSansArmenian-Light";
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    text-transform: capitalize;
    color: #979797;
    margin-bottom: 9px;
}

.events_address_name {
    font-family: "NotoSansArmenian-Light";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    color: #979797;
}


/*.news_blog_category_block {*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*    column-gap: 24px;*/
/*}*/

.blog_category {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 263px;
    height: 63px;
    background-color: #F5FFF8;
    border: 1px solid #F5FFF8;
    box-sizing: border-box;
    border-radius: 105px;
    font-family: mardoto_regular !important;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #000000;
    transition: all 300ms ease-out;
}

.blog_category:hover {
    color: #00773C;
    transition: all 300ms ease-in;
}

.blog_category span {
    margin-right: 16px;
}

.blog_category .blog_category_name {
    margin-right: 0;
    font-size: 14px;
    line-height: 16px;
}

.slider_img {
    width: 262px;
    height: 198px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
}

.info_slider_gallery {
    margin-bottom: 150px;
}


.event_blog_img {
    display: flex;
    height: 70px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    text-align: initial;
}

.event_description {
    font-size: 15px;
}

.event_time {
    font-family: "NotoSansArmenian-Light";
    font-style: normal;
    font-weight: bold;
    text-align: center;
    border: 1px solid #026226;
    width: 50px;
    font-size: 15px;
    transform: rotate(327deg);
    text-transform: capitalize;
    color: #000000;
    position: relative;
    right: 8px;
    margin-top: 22px;
    margin-right: 10px;

}

.event_location {
    font-family: "NotoSansArmenian-Light";
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    text-transform: capitalize;
    color: #979797;
}

.events-review {
    float: left;
    display: inline-block;
}

.header_gren {
    background-color: #00773C;
    color: white;
}

.bg_left_top {
    position: absolute;
    top: 200px;
    left: 0;
    bottom: 0;
}

.call_leftbg_block {
    position: relative;
}

.call_services_btn {
    bottom: 300px;
}

.bg_left_bottom {
    position: absolute;
    bottom: -100px;
}

.our_section {
    background-color: rgba(0, 0, 0, 0.3);;
    height: 376px;
    margin-bottom: 48px !important;
}

.our_section img {
    height: 100%;
}

.general_title {
    color: #FFFFFF !important;
}

.blog_page_news_block {
    margin-top: 70px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.blog_news_info_block {
    margin-bottom: 69px;
}

.news_events_block {
    margin-bottom: 30px;
}

.blog_category:hover {
    box-shadow: 0 4px 10px rgb(0 0 0 / 5%);
}

.events-review .events_block {
    margin-top: 0;
    margin-left: 0;
    background-color: #F5FFF8;
    max-width: 440px;
    height: 410px;
    box-shadow: 20px 20px 20px 15px rgb(211 208 208 / 25%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 228px 27px;
    margin-bottom: 90px;
}

.events-review .events_block_title {
    font-family: "NotoSansArmenian-bold";
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    color: #000000;
    padding-bottom: 33px;
    padding-top: 15px;
}

.events_day {
    display: flex;
    flex-direction: column;
    margin-bottom: 33px;
    align-items: center;
    width: 100%;
}

.events_address {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.events_day_title {
    font-family: "NotoSansArmenian-Light";
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    text-transform: capitalize;
    color: #000000;
}

.events_address_text {
    font-family: "NotoSansArmenian-Light";
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    text-transform: capitalize;
    color: #979797;
    margin-bottom: 9px;
}

.events_address_name {
    font-family: "NotoSansArmenian-Light";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    color: #979797;
}


.news_blog_category_block {
    display: flex;
    justify-content: flex-start;
    column-gap: 24px;
}

.blog_category {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 263px;
    height: 63px;
    background-color: #F5FFF8;
    border: 1px solid #F5FFF8;
    box-sizing: border-box;
    border-radius: 105px;
    font-family: mardoto_regular !important;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #000000;
    transition: all 300ms ease-out;
}

.blog_category:hover {
    color: #00773C;
    transition: all 300ms ease-in;
}

.blog_category span {
    margin-right: 16px;
}

.blog_category .blog_category_name {
    margin-right: 0;
    font-size: 14px;
    line-height: 16px;
}

.slider_img {
    width: 262px;
    height: 198px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
}

.info_slider_gallery {
    margin-bottom: 150px;
}

.event_info {
    width: 100%;
    padding-bottom: 20px;
}

.event_link {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    color: #000000;

}

.event_blog_img {
    display: flex;
    height: 70px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
}

.event_img {
    width: 80px;
    height: 80px;
    border: 1px solid green;
    border-radius: 50%;
    text-decoration: none;
    margin-right: 10px;
}

.event_name {
    font-family: "NotoSansArmenian-bold";
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #000000;
}

.event_name:hover {
    color: #026226;
}

.event_link div:hover {
    color: #026226;
}

.event_link div:hover {
    color: #026226;
}

.events-review .event_time {
    font-family: "mardoto_regular";
    font-style: normal;
    font-weight: bold;
    text-align: center;
    border: none;
    width: 50px;
    font-size: 17px;
    transform: rotate(0);
    text-transform: capitalize;
    color: #000000;
    position: relative;
    /* right: 8px; 
    margin-top: 22px;*/
    margin-right: 4px;

}

.event_location {
    font-family: "NotoSansArmenian-Light";
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    text-transform: capitalize;
    color: #979797;
}


.event_info:hover {
    transform: scale(1.1);
    transition-duration: 0.5s;
}

.event_time_day {
    font-size: 28px;
}

@media (max-width: 767px) {
    .events-review .event_time {
        font-size: 15px;
    }

    .events-review .event_time > .event_time_day {
        font-size: 26px;
    }

    .event_img {
        width: 70px;
        height: 70px;
    }

    .event_name {
        font-size: 15px;
    }

    .event_description {
        font-size: 13px;
    }
}
/* End */


/* Start:/local/templates/o2garden/components/bitrix/news.list/gallery_block/style.css?17098201951897*/
.gallery_pop_up_back {
    display: none;
    position: fixed;
    z-index: 100;
    /*justify-items: center;*/
    justify-content: center;
    padding: 10px;
    align-content: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.gallery_pop_up_main {
    position: relative;
    display: grid;
    align-items: center;
    grid-template-rows: max-content 1fr;
    height: 592px;
    width: 1000px;
    padding: 30px;
}

.arrows_div {
    display: flex;
    height: max-content;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 2%;
    cursor: pointer;
    z-index: 1;
}

.pop_up_arrows {
    background-color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.pop_up_arrows:hover {
    background-color: #e4e3e3;
    scale: 1.2;
}

.remove_button_pop_up {
    display: flex;
    justify-content: end;
    width: 100%;
    height: max-content;
    cursor: pointer;
    z-index: 1;
}


.remove_button_pop_up img {
    height: 40px;
    width: 40px;
}

.remove_button_pop_up img:hover {
    scale: 1.2;
}


.current_img_pop_up {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

@media screen and (max-width: 1024px) {
    .gallery_pop_up_back {
        justify-content: normal;
    }

    .gallery_pop_up_main {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .cafe_page_photo {
        grid-template-columns: 1fr 1fr !important;
    }

    .gallery_pop_up_main {
        width: 100% !important;
        height: 400px !important;
    }

    .gallery_pop_up_main {
        padding: 10px;
    }

    .gallery_pop_up_back {
        padding: 10px;
        justify-content: normal;
    }
}

@media screen and (max-width: 552px) {
    /*.gallery_pop_up_main {*/
    /*    height: 250px !important;*/
    /*}*/
}

/* End */
/* /local/templates/o2garden/css/cafe_page.css?17096353164136 */
/* /local/templates/o2garden/css/cafe_page_media.css?17087041401621 */
/* /local/templates/o2garden/components/bitrix/news.detail/our_cafe/style.css?170789180430974 */
/* /local/templates/o2garden/components/bitrix/news.list/news_list/style.css?17144880868843 */
/* /local/templates/o2garden/components/bitrix/news.list/gallery_block/style.css?17098201951897 */