:root{
--font-family-common:'SF UI Display', sans-serif, Tahoma;
--font-family-design: 'Oranienbaum', serif, "Times New Roman";
--hh-plus: 0.75vw;
--hh-plus2: 1.2vw;
}
body{
background: #fff;
}
body.sidebar-none #post-12 .entry-content{
max-width: unset;
padding: 0!important;
}
img{
vertical-align: middle;
}
#dreams{    background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/alesta/assets/img/newbg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
padding-top: 50%;
position: relative;
font-family: var(--font-family-common);
}
#post-12 .page-separator,
#post-12 .entry-header,
.breadcrumb{
display: none
}
#content {
margin-top: -128px;
}
.site-header-inner {
background: none;
}
.iteractive-zone {
position: absolute;
left: 50%;
bottom: 0;
width: 40%;
height: 80%;
}
.point_hint {
width: 1.5vw;
height: 1.5vw;
border-radius: 50%;
position: absolute;
transition: all .3s;
background: transparent;
}
.point_hint--01{
left: 21%;
top: 5.4%;
}
.hover-hint {
position: absolute;
background: #fff;
top: 125%;
transition: all .3s;
opacity: 0;
padding: 14px;
font-size: 16px;
border-radius: 5px;
text-align: center;
}
.hover-hint:before{
content:url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/hint-arrow-bkg.png);
position: absolute;
left: calc(50% - 15px);
top: -13px;
}
.hover-hint span{
color: #5b82d7;
}
.point_hint--02 {
left: 60%;
top: 14.5%;
}
.point_hint--03 {
left: 10%;
top: 30%;
z-index: 15;
}
.point_hint--04 {
left: 35%;
top: 33.7%;
}
.point_hint--05 {
left: 51%;
top: 34.3%;
}
.point_hint--06 {
left: 8.6%;
top: 37.3%;
}
.point_hint--07 {
left: 37.5%;
top: 47.2%;
}
.point_hint--08 {
left: 7.8%;
top: 60.5%;
}
.point_hint--09 {
left: 21.5%;
top: 62.2%;
}
.point_hint--10 {
left: 71.5%;
top: 60.6%;
}
.point_hint--11 {
left: 46.7%;
top: 87.9%;
}
.point_hint--12 {
left: 63.5%;
top: 84.7%;
}
.site-header{
z-index: 2;
}
.d-flex{
display: flex;
}
#top-line{
height: 38px;
border-bottom: 1px solid #e1e1e1;
position: relative;
z-index: 2;
}
.h-100{
height: 100%;
}
.site-header-inner_.d-flex{
justify-content: space-between;
align-items: center;
}
#top_address {
padding-left: 7px;
font-size: 14px;
letter-spacing: -0.02px;
color: #898989;
}
#top_chedule{
font-size: 16px;
padding-right: 6px;
letter-spacing: -0.5px;
transform: scaleY(0.9);
}
.locicon-area img {
vertical-align: middle;
position: relative;
top: -1px;
}
.locicon-area{
margin-right: 8px;
}
.top-menu ul li a {
font-size: 16px;
text-transform: uppercase;
}
.site-header-inner{
display: flex;
}
.top-menu ul li {
margin-left: 34px;
}
.top-menu ul li:first-child{
margin-left: 0;
}
.menu-menyu-v-shapke-container {
padding-left: 25px;
}
body{
min-width: 320px;
}
#top-phone-contact {
position: relative;
right: 7px;
top: -14px;
color: #6389dc;
}
.top-phone {
font-size: 18px;
font-weight: 600;
letter-spacing: 0.5px;
}
.top-call-me {
position: relative;
left: 26px;
top: -1px;
color: #000;
text-decoration: underline;
cursor: pointer;
}
#slogan{
font-family: var(--font-family-design);
position: absolute;
background: linear-gradient(90deg, rgba(126,126,143,1) 0%, rgba(28,29,55,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.accent-01 {
position: relative;
}
.AM__person-right-name{
font-family: var(--font-family-design);
color: #fff;
position: relative;
z-index: 2;
}
#about-me h2.AM__house-headline{
font-family: var(--font-family-design);
color: #2b2d45;
text-align: center;
transform: scaleX(.9); 
line-height: 1;
}
#about-me .AM__house-video-caption {
font-family: var(--font-family-design);
text-align: center;
transform: scaleX(0.975);
color: #787e83;
}
.AM__house-column-content {
display: flex;
}
.home-popular-projects__all {
display: flex;
justify-content: center;
padding: 28px 0 52px;
}
.home-popular-projects__all .btn-orange {
display: inline-flex;
min-width: 280px;
min-height: 56px;
align-items: center;
justify-content: center;
padding: 14px 28px;
text-align: center;
}
@media (max-width: 575px) {
.home-popular-projects__all {
padding: 20px 0 36px;
}
.home-popular-projects__all .btn-orange {
width: 100%;
min-width: 0;
}
}
.AM__house-video-column {
flex: 0 0 100% !important;
width: 100%;
max-width: 100%;
}
.AM__house-video-thumb iframe {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
height: auto;
}
.AM__house{
width: 100%;
padding-top: 0.1px;
background: #fff url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/green-grass.png) no-repeat;
background-position: center bottom;
position: relative;
}
.AM__house-video-button {
position: absolute;
}
.AM__house-video-thumb{
position: relative;
cursor: pointer;
}
.AM__house-jump {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/blue_wood.webp) no-repeat; 
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
}
.PAG__button:hover{
opacity: 0.9;
}
.EH__hint:before{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
a.EH__hint:hover {
color: #ffffff;
opacity: 0.9;
}
@media (min-width: 1367px){
span.chedule-view {
display: inline-block;
transform: scaleY(0.95);
font-size: 0.78125vw;
letter-spacing: -0.0078125vw;
color: #898989;
}
#slogan{
font-size: 4.8vw;
top: 15vw;
left: 12.5vw;
max-width: 44vw;
line-height: 5vw;
transform: scaleX(0.87);
}
#slogan span{
font-size: 1.25vw;
font-family: var(--font-family-common);
display: block;
max-width: 24.47916666666667vw;
line-height: 1.25;
margin-top: 0.9vw;
margin-left: 0.3vw;
}
#about-me h2.AM__house-headline{
font-size: 60px;
max-width: 70%;
margin: 48px auto 49px;
}
.AM__house-column-content {
padding: 0 4.166666666666667vw;
}
#about-me .AM__house-video-caption {
font-size: 1.536458333333333vw;
margin-bottom: 0.8333333333333333vw;
}
.AM__house-video-column {
flex: 0 0 62.2%;
margin-bottom: 48px;
}
.AM__house-video-button {
top: 38.5%;
left: 45.5%;
}
.AM__house-video-thumb img{
vertical-align: middle;
}
.AM__house-video-thumb p{
margin-bottom: 0;
}
.AM__house-jump {
width: 400px;
height: 169px;
border-radius: 10px;
}
.AM__house-jumps-column {
padding-top: 5.5%;
padding-left: 3.9%;   
}
.AM__house-jump--built-houses {
margin-top: 7%;
}
.AM__house-jumps-column {
flex: 0 0 37.8%;
}
.AM__house-jump-link { font-size: 20px;
color: #fff;
letter-spacing: 0,1px;
text-decoration: underline;
max-width: 50%;
flex: 1 0 48%;
padding-top: 2px;
}
.AM__house-jump-link--no-wrap{
white-space: nowrap;
}
.AM__house-jump-decor--macbook {
flex: 0 0 203px;
padding-top: 15px;
}
.AM__house-jump-decor.AM__house-jump-decor--house-21bt {
padding: 1.25vw 0 0 0;
}
.BP__left-colomn {
flex: 0 0 60%;
}
.BP__headline {
font-size: 3.125vw;
font-family: var(--font-family-design);
transform: scale(0.95, 1.05);
line-height: 1;
position: relative;
margin-top: 7.291666666666667vw;
left: -0.78125vw;
color: #fff;
}
.container.BP__two-cols-wrapper{
padding-top: .1px;
display: flex;
width: 68.75vw;
}
.BP__headline_after {
padding: 0.2604166666666667vw 0.78125vw 0.2604166666666667vw 0.8333333333333333vw;
width: 317px;
width: 16.51041666666667vw;
border-radius: 0.2604166666666667vw;
background: #ffb522;
color: #fff;
margin-top: 0.9375vw;
margin-left: 0.2604166666666667vw;
font-size: 0.8333333333333333vw;
} 
.BP__content-col.BP__content-col-01{
width: 12.03125vw;
height: 16.09375vw;
flex: 0 0 11.92708333333333vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/BP__content-col-01--bkg.webp) no-repeat;
background-size: 11.92708333333333vw 16.09375vw;
margin-left: 0.3125vw;
}
.BP__content-row {
display: flex;
margin-top: 3.75vw;
}
.BP__content-col{
position: relative;
padding: 1.09375vw;
}
.BP__content-col.BP__content-col-02{
width: 11.61458333333333vw;
height: 16.09375vw;
flex: 0 0 11.61458333333333vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/BP__content-col-02--bkg.webp) no-repeat;
background-size: 11.61458333333333vw 16.09375vw;
}
.BP__content-col.BP__content-col-03{
width: 12.86458333333333vw;
height: 16.09375vw;
flex: 0 0 12.86458333333333vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/BP__content-col-03--bkg.webp) no-repeat;
background-size: 12.86458333333333vw 16.09375vw;
}
.BP__content-tizer img {
width: 100%;
height: 100%;
}
.BP__content-tizer{
position: absolute;
top: -2.447916666666667vw;
left: 0.9895833333333333vw;
width: 4.895833333333333vw;
height: 4.895833333333333vw;
}
.entry-content h3.BP__content-col-headerline{
font-size: 0.9375vw;
line-height: 1.2;
color: #4F4F4F;
font-family: var(--font-family-common);
margin-top: 1.927083333333333vw;
}
.BP__content-col-headerline--01,
.BP__content-col-headerline--02 {
max-width: 80%;
}
.BP__content-col p{
font-family: var(--font-family-common);
font-size: 0.8333333333333333vw;
margin-top: 0.9375vw;
}
.PAG_headline-bottom span{
color: #5b82d7;
}
.AM__person-right-name-name{
position: absolute;
left: 33px;
top: 8px;
transform: scaleX(0.94);
}
.AM__own-portrait p{
margin-bottom: 0;
}
.AM__own-portrait p img{
vertical-align: middle;
}
.AM__person-right-name-back-svg--bottom{
position: relative;
left: 22px;
top: -9px;
z-index: 1;  
}
.AM__person-right-function-function { position: absolute;
top: 58px;
left: 63px;
z-index: 2;
}
.AM__person{ background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Group996.webp) no-repeat;
background-position: 600px -20px;
max-height: 575px;
overflow: hidden;
}
.AM__house{
border-radius: 12px;
margin-bottom: 90px;
}
.AM__person-right-name{
font-size: 1.40625vw;
}
.accent-01:after{
content:'';
width: 100%;
height: 0.9375vw;
background: #9cbaf6;
position: absolute;
left: 0;
bottom: 0.3125vw;
z-index: -1;
}
.AM__person-left {
flex: 0 0 50%;
max-width: 50%;
}
.AM__person-right {
flex: 0 0 50%;
max-width: 50%;
}
.AM__person-left figure{ display: flex;
margin: 0 0 20px 5px;
align-items: center;
}
.AM__person-left figure img{ width: 71px;
height: 71px;
}
.AM__person-left figure figcaption{ margin-left: 27px;
color: #556366;
font-family: var(--font-family-common);
font-size: 18px;
}
figure.AM__own-portrait { position: relative;
left: -28px;
}
.AM__own-portrait figcaption{ position: absolute;
left: -22px;
top: 411px;
}
#about-me h2.AM__head-line:before{
content: '';
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/group72.svg) no-repeat;
width: 2.395833333333333vw;
height: 0.78125vw;
position: absolute;
left: -3.541666666666667vw;
top: 0.8333333333333333vw;
background-size: 1.822916666666667vw 0.5208333333333333vw;
padding: 0px;
background-position: center;
transform: scaleX(1.2);
}
#about-me h2.AM__head-line { font-size: 54px;
font-family: var(--font-family-design);
min-width: 700px;
transform: scaleX(0.8);
position: relative;
left: -72px;
margin-top: 103px;
line-height: 0.95;
letter-spacing: 1.5px;
color: #2b2d46;
margin-bottom: 20px;
}
#about-me{
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/background-section-2.webp);
padding-bottom: 0.1px;
}
.AM__person {
padding-left: 227px; display: flex;
}
#building-problems {
height: 43.90625vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/section-03-background.webp) no-repeat;
background-size: 99.11458333333333vw 43.90625vw;
margin-top: 2.4698vw;
}
#eko-house-by-3-months{
height: 42.55208333333333vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/section-04-background.webp) no-repeat;
background-size: 99.11458333333333vw 42.55208333333333vw;
}
#project-as-gift{
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/section-05-background-1903x914.webp);
height: 47.60416666666667vw;
background-size: 100% 47.60416666666667vw; 
background-position: center top;
position: relative;
}
.EH__center{
width: 63.08229166666667vw;
height: 29.6875vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Group116.webp) no-repeat; 
background-size: 63.08229166666667vw 29.6875vw;
position: relative;
margin: 0 auto;
top: 7.916666666666667vw;
left: -5.208333333333333vw;
}
.entry-content H2.EH__head-line {
margin: 0 auto;
text-align: center;
font-family: var(--font-family-design);
font-size: 3.177083333333333vw;
transform: scale(0.85, 1.02);
line-height: 1;
position: relative;
top: 3.645833333333333vw;
left: -0.9375vw;
word-spacing: 0.3645833333333333vw;
color: #45455d;
}
.EH__hint--left-01:after{
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: 96.5%;
top: 42%;
z-index: 1;
}
.EH__hint--left-02:after{
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: 90.5%;
top: 44%;
z-index: 1;
}
.EH__hint--left-03:after{
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: 96.5%;
top: 42%;
z-index: 1;
}
@media (max-width: 1700px) and (min-width: 1501px){
.EH__hint--left-01:after{
left: 83.5%;
}
.EH__hint--left-02:after{
left: 90.5%;
}
.EH__hint--left-03:after{
left: 83.5%;
}
}
@media (max-width: 1500px){
.EH__hint--left-01:after{
left: 70.5%;
}
.EH__hint--left-02:after{
left: 80.5%;
}
.EH__hint--left-03:after{
left: 70.5%;
}
}
.EH__hint--right-01:after{
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: -49.5%;
top: 39%;
z-index: 1;
transform: rotate(180deg);
}
.EH__hint--right-02:after{
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: -40.5%;
top: 40%;
z-index: 1;
transform: rotate(180deg);
}
.EH__hint--right-03:after{
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: -40.5%;
top: 40%;
z-index: 1;
transform: rotate(180deg);
}
.EH__hint--bottom:after{
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector10.png);
position: absolute;
left: 7.760416666666667vw;
top: -29%;
z-index: 1;
}
.EH__hint-text{
letter-spacing: 0.8px;
position: relative;
z-index: 3;
text-align: center;
font-size: 1.041666666666667vw;
font-weight: bold;
}
.EH__hint{
position: absolute;
color: #fff;
border-radius: 0.4166666666666667vw;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-family-common);
}
.EH__hint--left:before{
content: '';
background:  linear-gradient(to left, #5B82D7, #9CB9F5);
border-radius: 0.4166666666666667vw;
}
.EH__hint--right:before,
.EH__hint--bottom:before{
content: '';
background:  linear-gradient(to right, #5B82D7, #9CB9F5);
border-radius: 0.4166666666666667vw;
}
.EH__hint--left-01{
top: -1.71875vw;
left: 8.4375vw;
width: 16.25vw;
height: 6.09375vw;
}
.EH__hint--left-02{
top: 5.833333333333333vw;
left: 2.708333333333333vw;
width: 18.85416666666667vw;
height: 6.979166666666667vw;
}
.EH__hint--left-03{
top: 14.47916666666667vw;
left: 7.135416666666667vw;
width: 17.29166666666667vw;
height: 5.885416666666667vw;
}
.EH__hint--right-01{
top: -1.71875vw;
left: 48.9vw;
width: 16.25vw;
height: 6.09375vw;
}
.EH__hint--right-02{
top: 5.85vw;
left: 53.2vw;
width: 17.8125vw;
height: 7.135416666666667vw; 
}
.EH__hint--right-03{
top: 14.42708333333333vw;
left: 49.01041666666667vw;
width: 16.25vw;
height: 6.09375vw;
}
.EH__hint--bottom{
width: 16.25vw;
height: 6.09375vw;
top: 20.625vw;
left: 28.69791666666667vw;
}
.PAG__headline {
padding: 11.30208333333333vw 0 0 24.42708333333333vw;
color: #45465e;
}
.PAG_headline-top{
font-size: 1.302083333333333vw;
}
.PAG_headline-middle, .PAG_headline-bottom {
font-family: var(--font-family-design);
font-size: 3.177083333333333vw;
line-height: 1;
position: relative;
top: -5px;
}
.entry-content ul.PAG__adventages-list{
padding-left: 22.39583333333333vw;
list-style: none;
font-size: 1.041666666666667vw;
font-weight: 600;
line-height: 1.7;
color: #2f3149;
}
.entry-content ul.PAG__adventages-list li:before{
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Group142.svg);
background: none;
top: 0px;
left: -0.1019965277777778vw;
width: auto;
height: auto;
}
.PAG__detailed-calculation {
padding-left: 18.02083333333333vw;
padding-top: 2.760416666666667vw;
font-size: 1.015625vw;
font-weight: 600;
}
.PAG__detailed-calculation span{
font-size: 2.34375vw;
line-height: .8;
font-weight: 400;
color: #5b82d7;
text-shadow: 0.0520833333333333vw 0 0 #5b82d7;
}
.PAG__button{
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/PAG__button-bckg.webp) no-repeat;
background-size: 16.61458333333333vw 4.322916666666667vw;
width: 16.61458333333333vw;
height: 4.322916666666667vw;
position: absolute;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.7291666666666667vw;
font-weight: 700;
text-transform: uppercase;
left: 30vw;
top: 33.54166666666667vw;
cursor: pointer;
}
#map-n-contacts{
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/MnC-1920x854.webp) no-repeat;
background-size: 99.11458333333333vw 44.0625vw;
background-position: center center;
width: 99.11458333333333vw;
height: 44.0625vw;
border-radius: 60px;
}
#OurContacts {
width: 28.28125vw; background: #fff;
border-radius: 25px;
left: 15.52083333333333vw;
top: 7.5vw;
position: relative;
padding:1.770833333333333vw 2.916666666666667vw;
}
.MnC__headline {
font-family: var(--font-family-design);
font-size: 1.979166666666667vw;
color: #262841;
}
.MnC__address {
display: flex;
align-items: center;
margin-top: 0.8333333333333333vw;
}
.MnC__shedule, 
.MnC__email,
.MnC__phone{
display: flex;
align-items: center;
margin-top: 0.8333333333333333vw;
}
.MnC__location-icon,
.MnC__shedule-icon,
.MnC__email-icon,
.MnC__phone-icon{
position: relative;
top: 0.15625vw;
left: -0.2604166666666667vw;
margin-right: 0.8854166666666667vw;
}
.MnC__textline{
font-size: 0.9375vw;
}
.point_hint--01 .hover-hint{
width: 289px;
left: calc((-289px / 2) + var(--hh-plus));	
}
.point_hint--02 .hover-hint{
width: 230px;
left: calc((-230px / 2) + var(--hh-plus) ); 
}
.point_hint--03 .hover-hint{
width: 250px;
left: calc((-250px / 2) + var(--hh-plus) ); 
}
.point_hint--04 .hover-hint{
width: 230px;
left: calc((-230px / 2) + var(--hh-plus) );
}
.point_hint--05 .hover-hint{
width: 270px;
left: calc((-270px / 2) + var(--hh-plus) );
}
.point_hint--06 .hover-hint{
width: 236px;
left: calc((-236px / 2) + var(--hh-plus) );
}
.point_hint--07 .hover-hint{
width: 249px;
left: calc((-249px / 2) + var(--hh-plus) );
}
.point_hint--08 .hover-hint{
width: 249px;
left: calc((-249px / 2) + var(--hh-plus) );
}
.point_hint--09 .hover-hint{
width: 269px;
left: calc((-269px / 2) + var(--hh-plus) );
}
.point_hint--10 .hover-hint{
width: 229px;
left: calc((-229px / 2) + var(--hh-plus) );
}
.point_hint--11 .hover-hint{
width: 249px;
left: calc((-249px / 2) + var(--hh-plus) );
}
.point_hint--12 .hover-hint{
width: 238px;
left: calc((-238px / 2) + var(--hh-plus) );
}
} @media (min-width: 1200px) and (max-width: 1366px){
.site-logotype {
float: left;
margin-right: 10px;
}
.menu-menyu-v-shapke-container {
padding-left: 20px;
}
.top-menu ul li {
margin-left: 27.5px;
}
.top-menu ul li a {
font-size: 14.7px;
}
.site-branding{
padding: 17px 10px 20px 0;
}
.site-logotype img {
max-width: 100px;
}
.top-phone {
font-size: 16px;
}
#top-phone-contact{
right: 0;
}
#slogan {
font-size: 68px;
top: 296px;
left: 50%;
max-width: 600px;
line-height: 0.8;
transform: scaleX(0.87);
margin-left: -520px;
}
#slogan span {
font-size: 1.25vw;
font-family: var(--font-family-common);
display: block;
max-width: 24.47916666666667vw;
line-height: 1.25;
margin-top: 0.9vw;
margin-left: 0.3vw;
}
.top-menu{
padding-top: 25px;
}
.top-call-me {
position: relative;
text-align: right;
left: 0;
top: -1px;
font-size: 14.7px;
}
#dreams {
padding-top: 864px;
}
.point_hint{
width:30px;
height: 30px;
background: transparent;
}
.point_hint--01 {
left: 142px;
top: 35px;
}
.point_hint--02 {
left: 412px;
top: 99px;
}
.point_hint--03 {
left: 67px;
top: 204px;
z-index: 15;
}
.point_hint--04 {
left: 239px;
top: 229px;
}
.point_hint--05 {
left: 349px;
top: 233px;
}
.point_hint--06 {
left: 57px;
top: 254px;
}
.point_hint--07 {
left: 256px;
top: 322px;
}
.point_hint--08 {
left: 52px;
top: 415px;
}
.point_hint--09 {
left: 144px;
top: 425px;
}
.point_hint--10 {
left: 491px;
top: 415px;
}
.point_hint--11 {
left: 319px;
top: 602px;
}
.point_hint--12 {
left: 435px;
top: 581px;
} .point_hint--01 .hover-hint{
width: 289px; 
left: calc((-289px / 2) + var(--hh-plus2));	
}
.point_hint--02 .hover-hint{
width: 230px;
left: calc((-230px / 2) + var(--hh-plus2) ); 
}
.point_hint--03 .hover-hint{
width: 250px;
left: calc((-250px / 2) + var(--hh-plus2) ); 
}
.point_hint--04 .hover-hint{
width: 230px;
left: calc((-230px / 2) + var(--hh-plus2) );
}
.point_hint--05 .hover-hint{
width: 270px;
left: calc((-270px / 2) + var(--hh-plus2) );
}
.point_hint--06 .hover-hint{
width: 236px;
left: calc((-236px / 2) + var(--hh-plus2) );
}
.point_hint--07 .hover-hint{
width: 249px;
left: calc((-249px / 2) + var(--hh-plus2) );
}
.point_hint--08 .hover-hint{
width: 249px;
left: calc((-249px / 2) + var(--hh-plus2) );
}
.point_hint--09 .hover-hint{
width: 269px;
left: calc((-269px / 2) + var(--hh-plus2) );
}
.point_hint--10 .hover-hint{
width: 229px;
left: calc((-229px / 2) + var(--hh-plus2) );
}
.point_hint--11 .hover-hint{
width: 249px;
left: calc((-249px / 2) + var(--hh-plus2) );
}
.point_hint--12 .hover-hint{
width: 238px;
left: calc((-238px / 2) + var(--hh-plus2) );
} .AM__person {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Group996.webp) no-repeat;
background-position: 524px -22px;
max-height: 509px;
overflow: hidden;
background-size: 795px auto;
padding-left: 160px;
position: relative;
}
.AM__person-left{
max-width: 530px;
margin-bottom: 44px;
position: relative;
}
#about-me h2.AM__head-line {
font-size: 47px;
font-family: var(--font-family-design);
min-width: 700px;
transform: scaleX(0.8);
position: relative;
left: -35px;
margin-top: 87px;
line-height: 0.95;
letter-spacing: 1.5px;
color: #2b2d46;
margin-bottom: 20px;
}
.AM__person-right {
position: absolute;
left: 50%;
top: -9px;
width: 497px;
margin-left: 68px;
}
.AM__person-left figure {
display: flex;
margin: 0 0 19px 40px;
align-items: center;
}
.AM__person-left figure img{
width: 62px;
height: 62px;
}
.AM__person-left figure figcaption{
margin-left: 25px;
}
#about-me h2.AM__head-line:before{
content: '';
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/group72.svg) no-repeat;
width: 46px;
height: 15px;
position: absolute;
left: -65px;
top: 13px;
background-size: 35px 10px;
padding: 0px;
background-position: center;
transform: scaleX(1.2);
}
.accent-01:after{
content:'';
width: 100%;
height: 18px;
background: #9cbaf6;
position: absolute;
left: 0;
bottom: 6px;
z-index: -1;
}
.AM__own-portrait figcaption {
position: absolute;
left: 21px;
top: 388px;
}
.AM__person-right-name-back-svg {
max-width: 237px;
}
.AM__person-right-name-name {
position: absolute;
left: 33px;
top: 7px;
transform: scaleX(0.94);
font-size: 23px;
}
.AM__person-right-name-back-svg--bottom {
position: relative;
left: 21px;
top: -40px;
z-index: 1;
width: 201px;
}
.AM__person-right-function-function {
position: absolute;
top: 52px;
left: 56px;
z-index: 2;
font-size: 13.5px;
}
#about-me h2.AM__house-headline{
font-size: 53px;
max-width: 70%;
margin: 45px auto 28px;
}
#about-me .AM__house-video-caption {
font-size: 26px;
margin-bottom: 16px;
}
.AM__house-column-content {
padding: 0 20px;
}
.AM__house-video-column {
flex: 0 0 62.2%;
margin-bottom: 45px;
}
.container.AM__container {
width: 1212px;
max-width: 95%;
}
.AM__house{
border-radius: 12px;
margin-bottom: 50px;
}
.AM__house-video-button {
top: 154px;
left: 335px;
width: 80px;
}
.AM__house-video-thumb p{
margin-bottom: 0;
}    
.AM__house-jumps-column {
flex: 0 0 37.8%;
max-width: 37.8%; 
padding-top: 5.5%;
padding-left: 3.9%;
}
.AM__house-jump {
width: 400px;
height: 169px;
max-width: 100%;
border-radius: 10px;
padding-left: 32px;
}
.AM__house-jump.AM__house-jump--99-proj {
margin-bottom: 30px;
}
#about-me {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/background-section-2.webp);
padding-bottom: 0.1px;
background-size: 100% 100%;
}
p.AM__house-jump-decor.AM__house-jump-decor--macbook {
position: relative;
top: 5px;
}
a.AM__house-jump-link {
color: #fff;
font-size: 18.5px;
position: relative;
text-decoration: underline;
}
a.AM__house-jump-link.AM__house-jump-link--no-wrap {
white-space: nowrap;
position: relative;
max-width: 50%;
}
#building-problems {
height: 43.90625vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/section-03-background.webp) no-repeat;
background-size: 99.11458333333333vw 43.90625vw;
margin-top: 2.4698vw;
}
.container.BP__two-cols-wrapper {
padding-top: 0.1px;
display: flex;
width: 68.75vw;        
}
.BP__headline {
font-size: 3.125vw;
font-family: var(--font-family-design);
transform: scale(0.95, 1.05);
line-height: 1;
position: relative;
margin-top: 7.291666666666667vw;
left: -0.78125vw;
color: #fff;
}
.BP__left-colomn {
flex: 0 0 60%;
}
.BP__headline_after {
padding: 0.2604166666666667vw 0.78125vw 0.2604166666666667vw 0.8333333333333333vw;
width: 317px;
width: 16.51041666666667vw;
border-radius: 0.2604166666666667vw;
background: #ffb522;
color: #fff;
margin-top: 0.9375vw;
margin-left: 0.2604166666666667vw;
font-size: 0.8333333333333333vw;
}
.BP__content-row {
display: flex;
margin-top: 3.75vw;
}
.BP__content-col {
position: relative;
padding: 1.09375vw;
}
.BP__content-col.BP__content-col-01 {
width: 12.03125vw;
height: 16.09375vw;
flex: 0 0 11.92708333333333vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/BP__content-col-01--bkg.webp) no-repeat;
background-size: 11.92708333333333vw 16.09375vw;
margin-left: 0.3125vw;
}
.EH__hint--left-01:after {
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: 59.5%;
top: 42%;
z-index: 1;
}
.BP__content-col.BP__content-col-02 {
width: 11.61458333333333vw;
height: 16.09375vw;
flex: 0 0 11.61458333333333vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/BP__content-col-02--bkg.webp) no-repeat;
background-size: 11.61458333333333vw 16.09375vw;
}
.EH__hint--left-02:after {
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: 70.5%;
top: 44%;
z-index: 1;
}
.BP__content-col.BP__content-col-03 {
width: 12.86458333333333vw;
height: 16.09375vw;
flex: 0 0 12.86458333333333vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/BP__content-col-03--bkg.webp) no-repeat;
background-size: 12.86458333333333vw 16.09375vw;
}
.EH__hint--left-03:after {
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: 59.5%;
top: 42%;
z-index: 1;
}
.BP__content-tizer {
position: absolute;
top: -2.447916666666667vw;
left: 0.9895833333333333vw;
width: 4.895833333333333vw;
height: 4.895833333333333vw;
}
.BP__content-tizer img {
width: 100%;
height: 100%;
}
.entry-content h3.BP__content-col-headerline {
font-size: 0.9375vw;
line-height: 1.2;
color: #4F4F4F;
font-family: var(--font-family-common);
margin-top: 1.927083333333333vw;
}
.BP__content-col p {
font-family: var(--font-family-common);
font-size: 0.8333333333333333vw;
margin-top: 0.9375vw;
}
#eko-house-by-3-months {
height: 42.55208333333333vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/section-04-background.webp) no-repeat;
background-size: 99.11458333333333vw 42.55208333333333vw;
}
.entry-content H2.EH__head-line {
margin: 0 auto;
text-align: center;
font-family: var(--font-family-design);
font-size: 3.177083333333333vw;
transform: scale(0.85, 1.02);
line-height: 1;
position: relative;
top: 3.645833333333333vw;
left: -0.9375vw;
word-spacing: 0.3645833333333333vw;
color: #45455d;
}
.accent-01:after {
content: '';
width: 100%;
height: 0.9375vw;
background: #9cbaf6;
position: absolute;
left: 0;
bottom: 0.3125vw;
z-index: -1;
}
.EH__center {
width: 63.08229166666667vw;
height: 29.6875vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Group116.webp) no-repeat;
background-size: 63.08229166666667vw 29.6875vw;
position: relative;
margin: 0 auto;
top: 7.916666666666667vw;
left: -5.208333333333333vw;
}
.EH__hint:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
.EH__hint--left:before {
content: '';
background: linear-gradient(to left, #5B82D7, #9CB9F5);
border-radius: 0.4166666666666667vw;
}
.EH__hint--right:before, 
.EH__hint--bottom:before {
content: '';
background: linear-gradient(to right, #5B82D7, #9CB9F5);
border-radius: 0.4166666666666667vw;
}
.EH__hint--right-01 {
top: -1.71875vw;
left: 48.9vw;
width: 16.25vw;
height: 6.09375vw;
}
.EH__hint--right-01:after {
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: -49.5%;
top: 39%;
z-index: 1;
transform: rotate(180deg);
}
.EH__hint--right-02 {
top: 5.85vw;
left: 53.2vw;
width: 17.8125vw;
height: 7.135416666666667vw;
}
.EH__hint--right-02:after {
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: -40.5%;
top: 40%;
z-index: 1;
transform: rotate(180deg);
}
.EH__hint--right-03 {
top: 14.42708333333333vw;
left: 49.01041666666667vw;
width: 16.25vw;
height: 6.09375vw;
}
.EH__hint--right-03:after {
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: -40.5%;
top: 40%;
z-index: 1;
transform: rotate(180deg);
}
.EH__hint--bottom {
width: 16.25vw;
height: 6.09375vw;
top: 20.625vw;
left: 28.69791666666667vw;
}
.EH__hint--bottom:after {
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector10.png);
position: absolute;
left: 7.760416666666667vw;
top: -29%;
z-index: 1;
}
.EH__hint {
position: absolute;
color: #fff;
border-radius: 0.4166666666666667vw;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-family-common);
}
.EH__hint--left-01 {
top: -1.71875vw;
left: 8.4375vw;
width: 16.25vw;
height: 6.09375vw;
}
.EH__hint--left-02 {
top: 5.833333333333333vw;
left: 2.708333333333333vw;
width: 18.85416666666667vw;
height: 6.979166666666667vw;
}
.EH__hint--left-03 {
top: 14.47916666666667vw;
left: 7.135416666666667vw;
width: 17.29166666666667vw;
height: 5.885416666666667vw;
}
.EH__hint--right-01 {
top: -1.71875vw;
left: 48.9vw;
width: 16.25vw;
height: 6.09375vw;
}
.EH__hint-text {
letter-spacing: 0.8px;
position: relative;
z-index: 3;
text-align: center;
font-size: 1.041666666666667vw;
font-weight: bold;
}
#project-as-gift{
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/section-05-background-1366x656.webp);
height: 47.60416666666667vw;
background-size: 100% 47.60416666666667vw; 
background-position: center top;
position: relative;
}
.PAG__headline {
padding: 11.30208333333333vw 0 0 24.42708333333333vw;
color: #45465e;
}
.PAG_headline-top {
font-size: 1.302083333333333vw;
}
.PAG_headline-middle, .PAG_headline-bottom {
font-family: var(--font-family-design);
font-size: 3.177083333333333vw;
line-height: 1;
position: relative;
top: -5px;
}
.PAG_headline-bottom span {
color: #5b82d7;
}
.entry-content ul.PAG__adventages-list {
padding-left: 22.39583333333333vw;
list-style: none;
font-size: 1.041666666666667vw;
font-weight: 600;
line-height: 1.7;
color: #2f3149;
}
.PAG__detailed-calculation {
padding-left: 18.02083333333333vw;
padding-top: 2.760416666666667vw;
font-size: 1.015625vw;
font-weight: 600;
}
.PAG__button {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/PAG__button-bckg.webp) no-repeat;
background-size: 16.61458333333333vw 4.322916666666667vw;
width: 16.61458333333333vw;
height: 4.322916666666667vw;
position: absolute;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.7291666666666667vw;
font-weight: 700;
text-transform: uppercase;
left: 29.8vw;
top: 33.54166666666667vw;
cursor: pointer;
}
.PAG__detailed-calculation span {
font-size: 2.34375vw;
line-height: .8;
font-weight: 400;
color: #5b82d7;
text-shadow: 0.0520833333333333vw 0 0 #5b82d7;
}
#map-n-contacts{
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/MnC-1366x608.webp) no-repeat;
background-size: 99.11458333333333vw 44.0625vw;
background-position: center center;
width: 99.11458333333333vw;
height: 44.0625vw;
border-radius: 60px;   
}
#OurContacts {
width: 28.28125vw; background: #fff;
border-radius: 25px;
left: 15.52083333333333vw;
top: 7.5vw;
position: relative;
padding: 1.770833333333333vw 2.916666666666667vw;
}
.MnC__headline {
font-family: var(--font-family-design);
font-size: 1.979166666666667vw;
color: #262841;
}
.MnC__address {
display: flex;
align-items: center;
margin-top: 0.8333333333333333vw;
}
.MnC__shedule, .MnC__email, .MnC__phone {
display: flex;
align-items: center;
margin-top: 0.8333333333333333vw;
}
.MnC__shedule, .MnC__email, .MnC__phone {
display: flex;
align-items: center;
margin-top: 0.8333333333333333vw;
}
.MnC__location-icon, .MnC__shedule-icon, .MnC__email-icon, .MnC__phone-icon {
position: relative;
top: 0.15625vw;
left: -0.2604166666666667vw;
margin-right: 0.8854166666666667vw;
}
.MnC__textline {
font-size: 0.9375vw;
}
@media(min-width: 1231px) and (max-width: 1260px){
.point_hint--10 .hover-hint{
width: 200px;
left: calc((-200px / 2) + var(--hh-plus2) );
}
}
@media(min-width: 1200px) and (max-width: 1230px){
.point_hint--10 .hover-hint{
width: 200px;
left: calc((-200px / 2) - 2px) );
}
}
} @media (min-width: 768px) and (max-width: 1199px){
.container{
padding: 0 12px;
}
#top_address {
font-size: 13.5px;
}
#top_chedule {
font-size: 15px;
}
#top-line {
height: 32px;
}
.site-branding {
padding: 10px 0 0 0;
}
.site-header-inner {
display: flex;
flex-direction: column;
align-items: center;
}
#masthead  .top-menu {
padding-top: 25px;
flex: unset;
min-width: 100%;
}
.menu-menyu-v-shapke-container {
padding-left: 6px;
}
#top-phone-contact {
position: relative;
right: 3px;
top: -14px;
color: #6389dc;
flex: 0 0 160px;
}
.top-menu ul li a {
font-size: 14px;
text-transform: uppercase;
}
.top-menu ul li {
margin-left: 20px;
}
#dreams {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/alesta/assets/img/newbg.jpg);
background-repeat: no-repeat;
background-position: center 60px;
background-size: 99vw auto;
position: relative;
font-family: var(--font-family-common);
height: 56.95564516129032vw;
padding-top: unset;
}
#slogan {
font-size: 4.0vw;
top: 21vw;
left: 13.5vw;
max-width: 35vw;
line-height: 4vw;
transform: scaleX(0.87);
}
#slogan span {
font-size: 1.25vw;
font-family: var(--font-family-common);
display: block;
max-width: 24.47916666666667vw;
line-height: 1.25;
margin-top: 0.9vw;
margin-left: 0.3vw;
}
.top-call-me {
left: 0;
text-align: right;
}
.point_hint {
width: 2.3vw;
height: 2.3vw;
}
.hover-hint {
padding: 12px;
font-size: 14px;
} @media(max-width: 1199px) and (min-width: 1100px){
.point_hint{
--delta-top: 2px
}
.hover-hint{
--hint-top: 100%;
}
}
@media(max-width: 1099px) and (min-width: 1050px){
.point_hint {
--delta-top: 5px
}
.hover-hint{
--hint-top: 100%;
}
}
@media(max-width: 1049px) and (min-width: 1025px){
.point_hint {
--delta-top: 7px
}
.hover-hint{
--hint-top: 100%;
}
}
.point_hint--01 {
left: 20.5%;
top: calc(12% + var(--delta-top));
}
@media(min-width: 1096px){
:root{
--hh-plus2: 0.9vw; 
}
.point_hint--01 .hover-hint {
width: 250px;
left: calc((-250px / 2) + var(--hh-plus2));
font-size: 14px;
}
.hover-hint{
top: var(--hint-top);
}
.hover-hint:before{
top: -10px;
}
.point_hint--02 .hover-hint {
width: 230px;
left: calc((-230px / 2) + 1.2vw );
}
.point_hint--03 .hover-hint {
width: 230px;
left: calc((-230px / 2) + 1.25vw );
}
.point_hint--04 .hover-hint {
width: 210px;
left: calc((-210px / 2) + 1.2vw  );
}
.point_hint--05 .hover-hint {
width: 230px;
left: calc((-230px / 2) + 1.05vw );
}
.point_hint--06 .hover-hint {
width: 186px;
left: calc((-186px / 2) + 1.05vw );
}
.point_hint--07 .hover-hint {
width: 208px;
left: calc((-208px / 2) + var(--hh-plus2) );
}
.point_hint--08 .hover-hint {
width: 212px;
left: calc((-212px / 2) + 1.1vw );
}
.point_hint--09 .hover-hint {
width: 230px;
left: calc((-230px / 2) + var(--hh-plus2) );
}
.point_hint--10 .hover-hint {
width: 140px;
left: calc((-140px / 2) + 1.2vw );
}
.point_hint--11 .hover-hint {
width: 200px;
left: calc((-200px / 2)  + 1.1vw );
box-shadow: 0px 1px 0px 1px #00000024;
}
.point_hint--12 .hover-hint {
width: 216px;
left: calc((-216px / 2)   + 1.1vw  );
box-shadow: 0px 1px 0px 1px #00000024;
}
}
@media(max-width: 1095px){
:root{
--hh-plus2: 0.9vw; 
}
.point_hint--01 .hover-hint {
width: 230px;
left: calc((-230px / 2) + 1.25vw);
font-size: 13px;
}
.hover-hint{
top: var(--hint-top);
}
.hover-hint:before{
top: -9px;
}
.point_hint--02 .hover-hint {
width: 190px;
left: calc((-190px / 2) + 1.2vw );
}
.point_hint--03 .hover-hint {
width: 200px;
left: calc((-200px / 2) + 1.25vw );
}
.point_hint--04 .hover-hint {
width: 196px;
left: calc((-196px / 2) + 1.2vw );
font-size: 13px;
}
.point_hint--05 .hover-hint {
font-size: 13px;
width: 216px;
left: calc((-216px / 2) + 1.05vw );
}
.point_hint--06 .hover-hint {
width: 236px;
left: calc((-236px / 2) + var(--hh-plus2) );
}
.point_hint--06 .hover-hint {
width: 176px;
left: calc((-176px / 2) + 1.05vw );
}
.point_hint--07 .hover-hint {
font-size: 13px;
width: 198px;
left: calc((-198px / 2) + 0.9vw );
}
.point_hint--08 .hover-hint {
width: 202px;
left: calc((-202px / 2) + 1.1vw );
}
.point_hint--09 .hover-hint {
width: 226px;
left: calc((-226px / 2) + var(--hh-plus2) );
}
.point_hint--10 .hover-hint {
width: 140px;
left: calc((-140px / 2) + 1.2vw );
}
.point_hint--11 .hover-hint {
width: 200px;
left: calc((-200px / 2) + 1.1vw  );
font-size: 13px;
box-shadow: 0px 1px 0px 1px #00000024;
}
.point_hint--12 .hover-hint {
width: 216px;
left: calc((-216px / 2)  + 1.1vw  );
box-shadow: 0px 1px 0px 1px #00000024;
}
} .point_hint--02 {
left: 59.5%;
top: calc(19.5% + var(--delta-top));
} .point_hint--03 {
left: 9%;
top: calc(33% + var(--delta-top));
z-index: 15;
} .point_hint--04 {
left: 34.2%;
top: calc(36.5% + var(--delta-top));
} .point_hint--05 {
left: 50.5%;
top: calc(37% + var(--delta-top));
} .point_hint--06 {
left: 8.0%;
top: calc(39.5% + var(--delta-top));
} .point_hint--07 {
left: 37.5%;
top: calc(48% + var(--delta-top));
} .point_hint--08 {
left: 6.8%;
top: calc(59.5% + var(--delta-top));
} .point_hint--09 {
left: 20.8%;
top: calc(61.3% + var(--delta-top));
} .point_hint--10{
top: calc(59.8% + var(--delta-top));
left: 71%;
} .point_hint--11 {
top: calc(83.5% + var(--delta-top));
left: 46.2%;
} .point_hint--12 {
top: calc(80.6% + var(--delta-top));
left: 63.2%;
}
#about-me {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/background-section-2-1199x852.webp);
padding-bottom: 0.1px;
background-size: 100% 100%;
position: relative;
}
.AM__person {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Group996--665x531.webp) no-repeat;
background-position: 524px -22px;
background-position: 460px 29px;
height: 459px;
overflow: hidden;
background-size: 635px auto;
padding-left: 135px;
position: relative;
padding-bottom: 0.1px;
}
#about-me h2.AM__head-line {
font-size: 41px;
font-family: var(--font-family-design);
max-width: 550px;
transform: scaleX(0.8);
position: relative;
left: -17px;
margin-top: 93px;
line-height: 0.95;
letter-spacing: 1.5px;
color: #2b2d46;
margin-bottom: 0px;
}
.AM__person-left {
max-width: 530px;
margin-bottom: 44px;
position: relative;
}
.AM__person-left figure{
display: flex;
align-items: center;
}
.AM__person-left figure img{
width: 55px;
height: 55px;
margin-right: 20px;
}
.AM__person-left figcaption{
font-size: 13.5px;
}
.AM__person-right {
position: absolute;
top: 13px;
left: 50%;
margin-left: 80px;
width: 434px;
}
.AM__house {
border-radius: 12px;
margin-bottom: 50px;
}
.AM__house {
width: 100%;
padding-top: 0.1px;
background: #fff url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/green-grass.png) no-repeat;
background-position: center bottom;
position: relative;
}
#about-me h2.AM__house-headline {
font-size: 38px;
max-width: 70%;
margin: 33px auto 20px;
}
#about-me .AM__house-video-caption {
font-size: 19px;
margin-bottom: 13px
}
.AM__house-column-content {
display: flex;
padding: 0 50px;
}
.AM__house-video-column {
flex: 0 0 62.2%;
}
.AM__house-jumps-column {
flex: 0 0 37.8%;
max-width: 37.8%;
padding-top: 5.5%;
padding-left: 3.9%;
}
.AM__house-jump.AM__house-jump--99-proj {
margin-bottom: 21px;
}
.AM__house-jump {
width: 400px;
height: 169px;
max-width: 100%;
border-radius: 10px;
padding-left: 32px;
}
.AM__house-jump {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/blue_wood.webp) no-repeat;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
}
.AM__house-jump {
width: 100%;
height: 124px;
max-width: 100%;
border-radius: 10px;
padding-left: 26px;
}
a.AM__house-jump-link.AM__house-jump-link--no-wrap {
white-space: nowrap;
max-width: 50%;
}
p.AM__house-jump-decor.AM__house-jump-decor--macbook {
position: relative;
top: 5px;
}
.AM__house-jump-link{
color: #fff;
font-size: 13.4px;
text-decoration: underline;
}
.AM__house-video-button {
top: 110px;
left: 246px;
width: 60px;
position: absolute;
}
#building-problems {
height: 43.90625vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/section-03-background-1199x531.webp) no-repeat;
background-size: 99.11458333333333vw 43.90625vw;
margin-top: 2.4698vw;
}
.container.BP__two-cols-wrapper {
padding-top: 0.1px;
display: flex;
width: 68.75vw;
}
.BP__left-colomn {
flex: 0 0 60%;
}
.BP__headline {
font-size: 3.125vw;
font-family: var(--font-family-design);
transform: scale(0.95, 1.05);
line-height: 1;
position: relative;
margin-top: 7.291666666666667vw;
left: -0.78125vw;
color: #fff;
}
.BP__headline_after {
padding: 0.2604166666666667vw 0.78125vw 0.2604166666666667vw 0.8333333333333333vw;
width: 317px;
width: 16.51041666666667vw;
border-radius: 0.2604166666666667vw;
background: #ffb522;
color: #fff;
margin-top: 0.9375vw;
margin-left: 0.2604166666666667vw;
font-size: 0.8333333333333333vw;
}
.BP__content-row {
display: flex;
margin-top: 3.75vw;
}
.BP__content-col {
position: relative;
padding: 1.09375vw;
}
.BP__content-col.BP__content-col-01 {
width: 12.03125vw;
height: 16.09375vw;
flex: 0 0 11.92708333333333vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/BP__content-col-01--bkg.webp) no-repeat;
background-size: 11.92708333333333vw 16.09375vw;
margin-left: 0.3125vw;
}
.BP__content-tizer {
position: absolute;
top: -2.447916666666667vw;
left: 0.9895833333333333vw;
width: 4.895833333333333vw;
height: 4.895833333333333vw;
}
.BP__content-tizer img {
width: 100%;
height: 100%;
}
.entry-content h3.BP__content-col-headerline {
font-size: 0.9375vw;
line-height: 1.2;
color: #4F4F4F;
font-family: var(--font-family-common);
margin-top: 1.927083333333333vw;
}
.BP__content-col p {
font-family: var(--font-family-common);
font-size: 0.8333333333333333vw;
margin-top: 0.9375vw;
}
.BP__content-col.BP__content-col-02 {
width: 11.61458333333333vw;
height: 16.09375vw;
flex: 0 0 11.61458333333333vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/BP__content-col-02--bkg.webp) no-repeat;
background-size: 11.61458333333333vw 16.09375vw;
}
.BP__content-col.BP__content-col-03 {
width: 12.86458333333333vw;
height: 16.09375vw;
flex: 0 0 12.86458333333333vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/BP__content-col-03--bkg.webp) no-repeat;
background-size: 12.86458333333333vw 16.09375vw;
}
#eko-house-by-3-months {
height: 42.55208333333333vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/section-04-background-1199x515.webp) no-repeat;
background-size: 99.11458333333333vw 42.55208333333333vw;
}
.entry-content H2.EH__head-line {
margin: 0 auto;
text-align: center;
font-family: var(--font-family-design);
font-size: 3.177083333333333vw;
transform: scale(0.85, 1.02);
line-height: 1;
position: relative;
top: 3.645833333333333vw;
left: -0.9375vw;
word-spacing: 0.3645833333333333vw;
color: #45455d;
}
.EH__center {
width: 63.08229166666667vw;
height: 29.6875vw;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Group116.webp) no-repeat;
background-size: 63.08229166666667vw 29.6875vw;
position: relative;
margin: 0 auto;
top: 7.916666666666667vw;
left: -5.208333333333333vw;
}
.EH__hint--left-01 {
top: -1.71875vw;
left: 8.4375vw;
width: 16.25vw;
height: 6.09375vw;
}
.EH__hint--left-01:after {
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: 59.5%;
top: 42%;
z-index: 1;
}
.EH__hint:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
.EH__hint {
position: absolute;
color: #fff;
border-radius: 0.4166666666666667vw;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-family-common);
}
.EH__hint--left:before {
content: '';
background: linear-gradient(to left, #5B82D7, #9CB9F5);
border-radius: 0.4166666666666667vw;
}
.EH__hint-text {
letter-spacing: 0.8px;
position: relative;
z-index: 3;
text-align: center;
font-size: 1.041666666666667vw;
font-weight: bold;
}
.EH__hint--left-02 {
top: 5.833333333333333vw;
left: 2.708333333333333vw;
width: 18.85416666666667vw;
height: 6.979166666666667vw;
}
.EH__hint--left-02:after {
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: 70.5%;
top: 44%;
z-index: 1;
}
.EH__hint--left-03 {
top: 14.47916666666667vw;
left: 7.135416666666667vw;
width: 17.29166666666667vw;
height: 5.885416666666667vw; 
}
.EH__hint--left-03:after {
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: 59.5%;
top: 42%;
z-index: 1;
}
.EH__hint--right:before, .EH__hint--bottom:before {
content: '';
background: linear-gradient(to right, #5B82D7, #9CB9F5);
border-radius: 0.4166666666666667vw;
}
.EH__hint--right-01 {
top: -1.71875vw;
left: 48.9vw;
width: 16.25vw;
height: 6.09375vw;
}
.EH__hint--right-01:after {
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: -49.5%;
top: 39%;
z-index: 1;
transform: rotate(180deg);
}
.EH__hint--right-02 {
top: 5.85vw;
left: 53.2vw;
width: 17.8125vw;
height: 7.135416666666667vw;
}
.EH__hint--right-02:after {
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: -40.5%;
top: 40%;
z-index: 1;
transform: rotate(180deg);
}
.EH__hint--right-03 {
top: 14.42708333333333vw;
left: 49.01041666666667vw;
width: 16.25vw;
height: 6.09375vw;
}
.EH__hint--right-03:after {
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector9.svg);
position: absolute;
left: -40.5%;
top: 40%;
z-index: 1;
transform: rotate(180deg);
}
.EH__hint--bottom {
width: 16.25vw;
height: 6.09375vw;
top: 20.625vw;
left: 28.69791666666667vw;
}
.EH__hint--bottom:after {
content: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Vector10.png);
position: absolute;
left: 7.760416666666667vw;
top: -45%;
z-index: 1;
}
#project-as-gift {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/section-05-background-1199x576.webp);
height: 47.60416666666667vw;
background-size: 100% 47.60416666666667vw;
background-position: center top;
position: relative;
}
.PAG__headline {
padding: 11.30208333333333vw 0 0 24.42708333333333vw;
color: #45465e;
}
.PAG_headline-top {
font-size: 1.302083333333333vw;
}
.PAG_headline-middle, .PAG_headline-bottom {
font-family: var(--font-family-design);
font-size: 3.177083333333333vw;
line-height: 1;
position: relative;
top: -5px;
}
.PAG_headline-bottom span {
color: #5b82d7;
}
.entry-content ul.PAG__adventages-list {
padding-left: 22.39583333333333vw;
list-style: none;
font-size: 1.041666666666667vw;
font-weight: 600;
line-height: 1.7;
color: #2f3149;
}
.entry-content ol li, .entry-content ul li {
position: relative;
padding-left: 30px;
margin: 0.7em 0;
}
.PAG__detailed-calculation {
padding-left: 18.02083333333333vw;
padding-top: 2.760416666666667vw;
font-size: 1.015625vw;
font-weight: 600;
}
.PAG__button {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/PAG__button-bckg.webp) no-repeat;
background-size: 16.61458333333333vw 4.322916666666667vw;
width: 16.61458333333333vw;
height: 4.322916666666667vw;
position: absolute;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.7291666666666667vw;
font-weight: 700;
text-transform: uppercase;
left: 29.8vw;
top: 33.54166666666667vw;
cursor: pointer;
}
.PAG__detailed-calculation span {
font-size: 2.34375vw;
line-height: .8;
font-weight: 400;
color: #5b82d7;
text-shadow: 0.0520833333333333vw 0 0 #5b82d7;
}
#map-n-contacts {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/MnC-1199x750.webp) no-repeat;
background-size: 99.11458333333333vw 44.0625vw;
background-position: center center;
width: 99.11458333333333vw;
height: 44.0625vw;
border-radius: 60px;
}
#OurContacts {
width: 28.28125vw; background: #fff;
border-radius: 25px;
left: 15.52083333333333vw;
top: 7.5vw;
position: relative;
padding: 1.770833333333333vw 2.916666666666667vw;
}
.MnC__headline {
font-family: var(--font-family-design);
font-size: 1.979166666666667vw;
color: #262841;
}
.MnC__address {
display: flex;
align-items: center;
margin-top: 0.8333333333333333vw;
}
.MnC__shedule, .MnC__email, .MnC__phone {
display: flex;
align-items: center;
margin-top: 0.8333333333333333vw;
}
.MnC__location-icon, .MnC__shedule-icon, .MnC__email-icon, .MnC__phone-icon {
position: relative;
top: 0.15625vw;
left: -0.2604166666666667vw;
margin-right: 0.8854166666666667vw;
}
.MnC__textline {
font-size: 0.9375vw;
}
}  @media(max-width: 1024px) {
#dreams {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/alesta/assets/img/newbg.jpg);
background-repeat: no-repeat;
background-position: center 60px;
background-size: 99vw auto;
position: relative;
font-family: var(--font-family-common);
height: 91vw;
padding-top: unset;
}
.iteractive-zone {
position: absolute;
left: 40%;
bottom: 0;
width: 40%;
height: 80%;
}
.point_hint {
width: 1.5vw;
height: 1.5vw;
border-radius: 50%;
position: absolute;
transition: all .3s;
background: transparent;
background: red;
}
} @media (max-width: 768px) {
.EH__head-line {
padding-inline: 15px;
}
.EH__center {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px 10px;
padding-inline: 15px;
padding-bottom: 15px;
}
.EH__hint {
position: relative;
z-index: 2;
flex: 0 0 calc(50% - 10px/2);
display: flex;
align-items: center;
justify-content: center;
padding: 20px 10px;
margin: 0;
color: #ffffff;
text-align: center;
}
.EH__hint--left {
background: linear-gradient(to left, #5B82D7, #9CB9F5)
}
.EH__hint--right,
.EH__hint--bottom {
background: linear-gradient(to right, #5B82D7, #9CB9F5)
}
.EH__center:after{
content: '';
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Group-997-min.webp);
width: 100vw;
display: block;
height: 60.625vw;
max-height: 53vw;
background-size:cover;
}
.EH__center:before{
content: '';
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Group-998-domik.webp);
width: 100vw;
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 60.625vw;
background-size:cover;
z-index: 0;
}
.AM__person-left {
display: flex;
flex-wrap: wrap;
gap: 0 10px;
text-align: center;
.AM__head-line {flex: 0 0 100%;}
figure {
flex: 0 0 calc(33.33% - 10px*2/3);
}
figcaption {
display: block;
margin-top: 10px;
font-size: 2.4vw;
}
}
h2.AM__head-line {
font-size: 6.666666666666667vw;
font-family: var(--font-family-design) !important;
min-width: unset;
transform: scaleX(0.8);
position: relative;
left: unset;
margin-top: 3.75vw;
line-height: 0.95;
letter-spacing: 1.5px;
color: #2b2d46;
margin-bottom: 3.958333333333333vw;
text-align: center;
}
.AM__person {
position: relative;
max-width: 100%;
overflow: hidden;
}
.accent-01:after {
content: '';
width: 100%;
height: 3vw;
background: #9cbaf6;
position: absolute;
left: 0;
bottom: 0.3125vw;
z-index: -1;
}
.container.AM__container {
max-width: 100%;
margin: 0;
padding: 0;
}
.AM__house-video-column { }
.AM__house-column-content {
display: flex;
flex-direction: column;
padding: 0 9.791666666666667vw;
}
.AM__house-jump {
height: 30vw;
border-radius: 10px;
}
.AM__house-jumps-column {
max-width: 445px;
margin-inline: auto;
}
.AM__house-jump.AM__house-jump--99-proj {
margin-bottom: 20px;
}
a.AM__house-jump-link {
flex: 0 0 55%;
padding-left: 6vw;
font-size: 3.3333333333333333vw;
max-width: 55%;
color: #fff;
text-decoration: underline;
}
a.AM__house-jump-link.AM__house-jump-link--no-wrap {
white-space: nowrap;
}
p.AM__house-jump-decor.AM__house-jump-decor--house-21bt {
max-width: 40%;
}
.AM__house-jump.AM__house-jump--built-houses {
margin-bottom: 7.083333333333333vw;
}
}
@media (max-width: 575px){
:root{
--hh-plus: 6px; 
}
.AM__person-left {
figcaption {
font-size: 3vw;
}
}
.iteractive-zone {
z-index: 9;
}
#dreams {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/alesta/assets/img/newbg.jpg) no-repeat;
background-size: 99.99vw auto;
height: 197vw; 
}
.point_hint{
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Group-39.svg);
background-size: cover;
width: 3vw;
height: 3vw;
z-index: 10;
}
.point_hint .hover-hint{
font-size: 7px;
padding: 5px;
top: 130%;
}
.hover-hint:before {
content: "";
position: absolute;
left: calc(50% - 5px);
top: -2.5px;
width: 10px;
height: 10px;
background: #fff;
transform: rotate(45deg);
z-index: -1;
}
.point_hint--01 {
left: -46%;
top: 34.4%;
}
.point_hint--01 .hover-hint {
width: 122px;
left: calc((-122px / 2) + var(--hh-plus) + 1px);
}
.point_hint--02 {
left: 38%;
top: 39%;
z-index: 11;
}
.point_hint--02 .hover-hint {
width: 96px;
left: calc((-96px / 2) + var(--hh-plus) + 1px);
}
.point_hint--03 {
left: -65%;
top: 47%;
z-index: 15;
}
.point_hint--03 .hover-hint {
width: 100px;
left: calc((-100px / 2) + var(--hh-plus) - 1px);
}
.point_hint--04 {
left: -14%;
top: 48.7%;
}
.point_hint--04 .hover-hint {
width: 130px;
left: calc((-130px / 2) + var(--hh-plus) - 1px);
}
.point_hint--05 {
left: 20%;
top: 49.3%;
}
.point_hint--05 .hover-hint {
width: 88px;
left: calc((-88px / 2) + var(--hh-plus) - 1px);
}
.point_hint--06 {
left: -68.4%;
top: 51.6%;
}
.point_hint--06 .hover-hint {
width: 88px;
left: calc((-88px / 2) + var(--hh-plus) );
}
.point_hint--07 {
left: -9.5%;
top: 56.2%;
}
.point_hint--07 .hover-hint {
width: 120px;
left: calc((-120px / 2) + var(--hh-plus) );
}
.point_hint--08 {
left: -69.2%;
top: 64%;
}
.point_hint--08 .hover-hint {
width: 88px;
left: calc((-88px / 2) + var(--hh-plus) - 1px);
}
.point_hint--09 {
left: -40.5%;
top: 65%;
}
.point_hint--09 .hover-hint {
width: 110px;
left: calc((-110px / 2) + var(--hh-plus) );
}
.point_hint--10 {
left: 61.5%;
top: 64%;
}
.point_hint--10 .hover-hint {
width: 78px;
left: calc((-78px / 2) + var(--hh-plus) );
}
.point_hint--11 {
left: 11.7%;
top: 77.9%;
}
.point_hint--11 .hover-hint {
width: 130px;
left: calc((-130px / 2) + var(--hh-plus) );
}
.point_hint--12 {
left: 47.5%;
top: 76%;
}
.point_hint--12 .hover-hint {
width: 140px;
left: calc((-140px / 2) + var(--hh-plus) );
}
.iteractive-zone:before {
content: "Помечтать";
background: url();
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Union.webp) no-repeat;
width: 49vw;
display: flex;
height: 26vw;
background-size: 49vw auto;
align-items: center;
left: -13vw;
padding-left: 11vw;
text-transform: uppercase;
color: #fff;
font-size: 3.5vw;
position: absolute;
top: 22vw;
}
#top-line{
display: none;
}
.site-header{
-webkit-box-shadow: none;
box-shadow: none;
}
.site-header-inner{
justify-content: center;
}
.site-logotype{
margin-right: unset;
}
.site-logotype img{
max-width: unset;
max-height: unset;
width: 23.958333333333333333vw;
height: auto;
}
.site-branding{
margin-top: 5.8333333333333vw;
padding: unset;
}
#content {
margin-top: -13.333333333333333333vw;
}
#slogan {
font-size: 9.0vw;
top: 12.8vw;
line-height: 9.5vw;
transform: scaleX(0.87);
margin-top: 47px;
text-align: center;
padding: 0px 5vw 0;
}
#slogan span {
font-size: 3.5vw;
font-family: var(--font-family-common);
max-width: unset;
line-height: 1.25;
margin-top: 2.9vw;
margin-left: unset;
}     #about-me h2.AM__house-headline {
font-size: 6.25vw;
max-width: 82%;
margin-left: auto;
margin-right: auto;
margin-top: 35px;
margin-bottom: 20px;
line-height: 1.1;
}
#about-me .AM__house-video-caption {
font-size: 20px;
width: 80%;
margin: 0 auto;
line-height: 1;
}
.AM__house-video-thumb {
margin-top: 20px;
margin-bottom: 20px;
overflow: hidden;
border-radius: 9px;
}
.AM__house-video-thumb-preview-img{
width: 98vw;
max-width: 98vw;
position: relative; 
}
.AM__house-video-button {
top: 50%;
left: 50%;
width: 60px;
transform: translate(-50%, -50%);
}
#building-problems{
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Frame 220@1x.webp) no-repeat;
height: 311.875vw;
background-size: 100%;
margin-top: 3.125vw; 
padding-top: 0.1px;
position: relative;
}
.BP__left-colomn {
padding: 0 14.58333333333333vw; 
}
.BP__headline {
margin-top: 16.45833333333333vw;
font-size: 6.25vw;
transform: scale(0.95);
text-align: center;
line-height: 1;
font-family: var(--font-family-design) !important;
color: #fff;
}
.BP__headline_after {
background: #ffb522;
width: 94%;
margin-left: 2.083333333333333vw;
height: 7.291666666666667vw;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 3.541666666666667vw;
border-radius: 1.666666666666667vw;
margin-top: 2.916666666666667vw;
margin-bottom: 4.583333333333333vw;
}
.BP__content-col.BP__content-col-01 {
}
.BP__content-col {
max-width: 48vw;
height: 64.58333333333333vw;
margin-left: 0.3125vw;
position: relative;
top: 9.583333333333332vw;
padding-top: 0.1px;
padding-left: 3.75vw;
padding-right: 1.041666666666667vw;
background-color: #fff;
--webkit-box-shadow: inset 0 -12.5vw 3.125vw -10.41666666666667vw #00000030;
box-shadow: inset 0 -12.5vw 3.125vw -10.41666666666667vw #00000030;
}
.BP__content-col.BP__content-col-01{
border-radius: 8px 0 0 0;
}
.BP__content-tizer {
position: absolute;
top: -9.791666666666667vw;
left: 3.541666666666667vw;
width: 19.58333333333333vw;
height: 19.58333333333333vw;
}
.BP__content-tizer  img{
max-width: 100%;
height: auto;
display: block;
}
h3.BP__content-col-headerline {
margin-top: 12.29166666666667vw;
font-size: 3.958333333333333vw;
padding-right: 8.333333333333333vw;
margin-bottom: 3.75vw;
}
.BP__content-col p {
font-size: 3.166666666666667vw;
line-height: 1.6;
}
.BP__content-col.BP__content-col-03 > p{
margin-right: 4.166666666666667vw;
}
div#building-problems:after {
content: '';
width: 57.91666666666667vw;
height: 73.291667vw; display: block;
position: absolute;
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/zabroshka.webp) no-repeat;
background-size: 57.91666666666667vw 121.4583333333333vw;
left: 42.08333333333333vw;
bottom: 51.083333vw;
background-position: left top;
}
#about-me h2.AM__head-line:before {
content: '';
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/group72.svg) no-repeat;
width: 2.395833333333333vw;
height: 0.78125vw;
position: absolute;
left: -3.541666666666667vw;
top: 0.8333333333333333vw;
background-size: 1.822916666666667vw 0.5208333333333333vw;
padding: 0;
background-position: center;
transform: scaleX(1.2);
}
#about-me h2.AM__head-line:before {
content: '';
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/group72.svg) no-repeat;
width: 7.291666666666667vw;
height: 2.083333333333333vw;
position: absolute;
left: -3.458333333333333vw;
top: 2.083333333333333vw;
background-size: 7vw 2vw;
padding: 0;
background-position: center;
transform: scaleX(1.2);
}
.accent-01:after {
content: '';
width: 100%;
height: 3vw;
background: #9cbaf6;
position: absolute;
left: 0;
bottom: 0.3125vw;
z-index: -1;
}
.entry-content H2.EH__head-line {
margin: 0 auto 8.333333333333333vw;
text-align: center;
font-family: var(--font-family-design);
font-size: 6.25vw;
transform: scale(0.85, 1.02);
line-height: 1;
position: relative;
top: 3.645833333333333vw;
left: -0.9375vw;
word-spacing: 0.3645833333333333vw;
color: #45455d;
max-width: 80%;
}
.EH__hint {
max-width: 70%; position: relative;
}
.EH__hint--left:before { display: none;
background: linear-gradient(to left, #5B82D7, #9CB9F5); }
.EH__hint-text {
letter-spacing: 0.1666666666666667vw;
position: relative;
z-index: 3;
text-align: center;
font-size: 2.75vw; font-weight: bold;
color: #fff;
}
.EH__hint.EH__hint--left.EH__hint--left-01{ }
.EH__hint.EH__hint--left.EH__hint--left-02 { }
.EH__hint.EH__hint--left.EH__hint--left-03 { }
.EH__hint--right:before, .EH__hint--bottom:before {
display: none; background: linear-gradient(to right, #5B82D7, #9CB9F5); }
.EH__hint.EH__hint--right.EH__hint--right-01 { }
.EH__hint.EH__hint--right.EH__hint--right-02 { }
.EH__hint.EH__hint--right.EH__hint--right-03 { }
.EH__hint.EH__hint--bottom { }
#eko-house-by-3-months{
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Group-996-3.webp) no-repeat;
background-position: left top;
background-size: 100vw auto;
}
#project-as-gift {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Frame-222.webp);
height: 236vw;
background-size: 100vw 236vw;
}
} @media (min-width: 399px){
#about-me h2.AM__head-line:before {
left: -3.458333333333333vw;
}
}
@media (min-width: 400px) and (max-width: 487px){
#about-me h2.AM__head-line:before {
left: -2.458333333333333vw;
}
}
@media (min-width: 488px) and (max-width: 575px){
#about-me h2.AM__head-line:before {
left: -1.458333333333333vw;
}
}
@media(min-width: 450px) and (max-width: 575px){
.AM__person-left { }
.AM__person .AM__person-right {
position: relative; left: 50%;
margin-left: -85px;
width: 347px;
}
.AM__own-portrait figcaption{
position: absolute;
bottom: 0;
left: 0;
}
.AM__person-right-name {
font-family: var(--font-family-design);
color: #fff;
position: absolute;
bottom: 130px;
left: -48px;
width: 227px;
}
.entry-content p{
margin-bottom: 0;
}
.AM__person-right-name-name {
position: absolute;
text-align: center;
top: 0px;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
}
.AM__person-right-function {
position: absolute;
bottom: 99px;
width: 192px;
left: -28px;
}
p.AM__person-right-function-function {
position: absolute;
top: 7px;
left: 0;
width: 100%;
height: 31px;
text-align: center;
font-size: 13px;
display: flex;
align-items: center;
padding-bottom: 1px;
justify-content: center;
}
.AM__person .AM__person-right:before {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Group996.webp) no-repeat;
position: absolute;
content: '';
width: 98vw;
height: 100%;
background-size: 138% 117%;
right: -25px;
background-position: left 103%;
top: 10px;
z-index: -1;
}
}
@media (min-width: 565px) and (max-width: 575px){
.AM__person .AM__person-right:before {
width: 100vw;
}
}
@media (min-width: 545px) and (max-width: 564px){
.AM__person .AM__person-right:before {
width: 102vw;
background-size: 130% 117%;
}
}
@media (min-width: 525px) and (max-width: 544px){
.AM__person .AM__person-right:before {
width: 104vw;
background-size: 130% 117%;
}
}
@media (min-width: 505px) and (max-width: 524px){
.AM__person .AM__person-right:before {
width: 108vw;
background-size: 127% 117%;
}
}
@media (min-width: 485px) and (max-width: 504px){
.AM__person .AM__person-right:before {
width: 114vw;
background-size: 125% 117%;
}
}
@media (min-width: 450px) and (max-width: 484px){
.AM__person .AM__person-right:before {
width: 118vw;
background-size: 120% 117%;
}
}
@media (max-width: 449px){
.AM__person .AM__person-right:before {
background: url(//xn--71-6kcay9a5bi.xn--p1ai/wp-content/themes/root-lite/images/Group996.webp) no-repeat;
position: absolute;
content: '';
width: 400px;
height: 100%;
background-size: 133% 125%;
left: -73px;
background-position: left 0px;
top: 0px;
z-index: -1;
}
.AM__person-right-name {
font-family: var(--font-family-design);
color: #fff;
position: absolute;
z-index: 2;
max-width: 50vw;
width: 160px;
bottom: 87px;
left: 50%;
transform: translateX(-80px);
}
.AM__person-right-name-name {
position: absolute;
top: 5px;
font-size: 15px;
width: 160px;
text-align: center;
}
.AM__person-right-function {
position: absolute;
width: 150px;
left: 50%;
transform: translateX(-82px);
bottom: 60px;
}
.AM__person-right {
max-width: 335px;
margin: 0 auto;
position: relative;
}
.AM__person-right-function-function {
position: absolute;
top: 7px;
left: 12px;
font-size: 13px;
}
.entry-content p{
margin: 0;
}
.AM__own-portrait{
margin-bottom: 0!important;
margin-top: 0!important;
}
}
#about-me {
padding-top: 0.1px;
}
@media (min-width: 1550px){
}
@media (min-width: 1024px){
.top-menu {
display: flex;
flex: 1 0 80%;
padding-right: 0;
justify-content: space-between;
}
}
@media (min-width: 1367px){
.container{
width: 1320px;
}
.site-branding {
padding-left: 6px;
padding-top: 17px;
}
}
@media (min-width: 1367px) and (max-width: 1728px){ .top-menu{
padding-top: 25px;
}
.AM__house-video-thumb{
min-width: 731px;
min-height: 386px;
}
.container.AM__container{
width: 1320px;
}
#about-me{
min-height: 1228px;
}
}
@media (min-width: 1729px){
.container.AM__container{
width: 1466px;
}
.AM__house-video-column {
margin-bottom: 52px;
}
}