html {height: 100%;}
body {height: 100%; margin: 0; padding: 0; font-family: MyFont2, Verdana; font-size: 21px; color: #535353 !important; line-height: 1;}

h1 {display: none;}

.com-content-article, .com-content-article__body {height: 100%;}

.aprt.flex_box .back_btn {display: none;}
.logo_v {position: absolute; top: 20px; left: 20px; width: 150px; height: auto;}
.flex_box {display: flex; align-items: stretch; padding: 35px 25px 35px 250px; height: 100%; box-sizing: border-box;}
.flexitem.f01 {display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; box-sizing: border-box; min-width: 350px; padding-right: 50px; border-right: 1px solid #cccccc;}
.flexitem.f02 {flex-grow: 1; box-sizing: border-box; width: 100%; padding-left: 30px;}
.ap_title {font-family: MyFont_B; font-size: 32px; color: #005c5d;}
.ap_sold {margin: 15px 0 0; font-family: MyFont2_B; font-size: 30px; text-transform: uppercase;}
.ap_info {margin-top: 0;}
.ap_info .label {margin-bottom: 6px;}
.ap_info .value {font-family: MyFont2_B; font-size: 24px;}
.ap_dostupn .value {text-transform: lowercase; font-size: 26px;}
.ap_info .st_2 {color: #74181b;}
.ap_info .st_3 {color: #503685;}
.ap_building span {display: inline-block; padding: 10px 20px 9px; background: #e5ca96; clip-path: polygon(12px 0%, calc(100% - 12px) 0%, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0% 50%); font-family: MyFont2_B; font-size: 20px; text-transform: uppercase; color: #005c5d;}
.ap_scheme img {max-width: 300px; height: auto;}
.ap_plan_img {position: relative; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center;}
.ap_plan_img .ag_wtrmrk {position: absolute;  inset: 0; background-image: url('/images/ag_big.png'); background-repeat: no-repeat; background-position: center;  background-size: 30%; opacity: 0.12; z-index: 2;}

@media screen and (max-width: 1100px) {
	body {font-size: 20px;}
	.flex_box {padding-left: 25px;}
	.logo_v {display: none;}
	.ap_info {margin: 0;}
	.ap_info .label {margin-bottom: 7px;}
	.ap_info .value {font-size: 24px;}
}

@media screen and (max-width: 750px) {
	.flex_box {flex-direction: column; padding-top: 20px;}
	.flexitem.f01 {flex-direction: row; flex-wrap: wrap; min-width: auto; border: none; padding-right: 0; border-bottom: 1px solid #cccccc;}
	.flexitem.f02 {padding: 15px 0 0;}
	.title_box {padding-bottom: 15px; margin-bottom: 15px; width: 100%; border-bottom: 1px solid #cccccc;}
	.ap_building {position: absolute; top: 15px; right: 70px;}
	.ap_building span {font-size: 15px;}
	.ap_title {font-size: 25px;}
	.ap_sold {margin: 8px 0 0; font-size: 26px;}
	.ap_scheme {width: 100%; margin: 15px auto 0; padding-bottom: 15px; text-align: center;}
	.ap_scheme img {width: 180px; height: auto; margin: 0 auto;}
	#content .flexitem.f02 .ap_plan_img, .flexitem.f02 .ap_plan_img {width: 100%; height: 350px;}
}
@media screen and (max-width: 470px) {
	.flex_box {padding: 15px 10px 0;}
	.title_box {padding-bottom: 5px; margin-bottom: 15px;} 
	.ap_title {font-size: 21px;}
	.ap_building {top: 12px; right: 55px;}
	.ap_building span {padding: 8px 15px 8px; font-size: 14px;}
	.ap_info .label {font-size: 16px;}
	.ap_info .value {font-size: 18px;}
	.ap_scheme {padding-bottom: 0;}
	#content .flexitem.f02 .ap_plan_img, .flexitem.f02 .ap_plan_img {height: 300px;}
}

@font-face {
    font-family: 'MyFont3';
    src: url('../fonts/oswald-300.eot');
    src: url('../fonts/oswald-300.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-300.woff') format('woff'),
         url('../fonts/oswald-300.ttf') format('truetype'),
         url('../fonts/oswald-300.svg#oswald-300') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyFont3_B';
    src: url('../fonts/oswald-600.eot');
    src: url('../fonts/oswald-600.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-600.woff') format('woff'),
         url('../fonts/oswald-600.ttf') format('truetype'),
         url('../fonts/oswald-600.svg#oswald-600') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: 'MyFont';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin-regular.woff2') format('woff2'),
       url('../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin-regular.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'MyFont_B';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin-700.woff2') format('woff2'),
       url('../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin-700.ttf') format('truetype'); 
}

@font-face {
  font-display: swap;
  font-family: 'MyFont2';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/avantgardegothicc-webfont.woff') format('woff'),
       url('../fonts/avantgardegothicc-webfont.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'MyFont2_B';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/avantgardegothicc-bold-webfont.woff') format('woff'),
       url('../fonts/avantgardegothicc-bold-webfont.ttf') format('truetype'); 
}