:root {
--white: #fff;
--black: #000;
--ch-gray: #d0d0d0;
--ch-dark-gray: #424641;
--ch-light-gray: #faf8f8;
--ch-gray-blue: #8897a0;
--ch-blue: #90b8d3;
--ch-light-blue: #b6d0e2;
--ch-gold: #b6a278;
--ch-light-gold: #d7c8ab;
--ch-width: 1200px;
--ch-font-family: "Gilroy", sans-serif;
--transition: 0.3s ease-in-out;
--border: 1px solid var(--ch-dark-gray);
}
@font-face {
font-family: "Gilroy";
src: url(//www.n-invest.com.ua/wp-content/themes/dt-the7/central-house/Gilroy-Light.eot);
src: url(//www.n-invest.com.ua/wp-content/themes/dt-the7/central-house/Gilroy-Light.eot?#iefix) format("embedded-opentype"),
url(//www.n-invest.com.ua/wp-content/themes/dt-the7/central-house/Gilroy-Light.woff) format("woff"),
url(//www.n-invest.com.ua/wp-content/themes/dt-the7/central-house/Gilroy-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Gilroy";
src: url(//www.n-invest.com.ua/wp-content/themes/dt-the7/central-house/Gilroy-Regular.eot);
src: url(//www.n-invest.com.ua/wp-content/themes/dt-the7/central-house/Gilroy-Regular.eot?#iefix) format("embedded-opentype"),
url(//www.n-invest.com.ua/wp-content/themes/dt-the7/central-house/Gilroy-Regular.woff) format("woff"),
url(//www.n-invest.com.ua/wp-content/themes/dt-the7/central-house/Gilroy-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Gilroy";
src: url(//www.n-invest.com.ua/wp-content/themes/dt-the7/central-house/Gilroy-SemiBold.eot);
src: url(//www.n-invest.com.ua/wp-content/themes/dt-the7/central-house/Gilroy-SemiBold.eot?#iefix) format("embedded-opentype"),
url(//www.n-invest.com.ua/wp-content/themes/dt-the7/central-house/Gilroy-SemiBold.woff) format("woff"),
url(//www.n-invest.com.ua/wp-content/themes/dt-the7/central-house/Gilroy-SemiBold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
body.page.page-template-template-central-house {
color: var(--ch-dark-gray);
font-family: var(--ch-font-family);
}
body.page.page-template-template-central-house *,
body.page.page-template-template-central-house *::before,
body.page.page-template-template-central-house *::after {
box-sizing: border-box;
}
.page-template-template-central-house h1,
.page-template-template-central-house h2,
.page-template-template-central-house h3,
.page-template-template-central-house h4,
.page-template-template-central-house h5,
.page-template-template-central-house h6 {
color: var(--ch-dark-gray);
font-family: var(--ch-font-family);
}
.page-template-template-central-house img {
display: block;
}
.page-template-template-central-house p {
font-weight: 400;
font-size: 14px;
line-height: 170%;
margin-bottom: 0;
}
.page-template-template-central-house p:not(:last-child) {
margin-bottom: 30px;
}
.page-template-template-central-house img {
width: 100%;
height: auto;
}
.ch-container {
max-width: var(--ch-width);
padding: 0 15px;
margin: 0 auto;
}
.ch-header {
width: 100%;
padding: 20px 0;
}
.ch-header .ch-container {
display: flex;
justify-content: space-between;
}
.ch-btn,
.page-template-template-central-house
.wpcf7-form
input[type="submit"]:not([name="update_cart"]):not(.woocommerce-widget-layered-nav-dropdown__submit) {
display: inline-block;
color: var(--white);
text-align: center;
font-size: 14px;
line-height: 100%;
font-weight: 400;
text-transform: uppercase;
padding: 12px 33px;
text-decoration: none;
transition: all var(--transition);
font-family: var(--ch-font-family);
}
.ch-btn--gold,
.page-template-template-central-house
.wpcf7-form
input[type="submit"]:not([name="update_cart"]):not(.woocommerce-widget-layered-nav-dropdown__submit) {
background-color: var(--ch-gold);
border: var(--border);
color: var(--ch-dark-gray);
}
.ch-btn--gold:hover {
background-color: var(--ch-light-gold);
color: var(--ch-dark-gray);
}
.ch-btn--blue {
background-color: var(--ch-light-blue);
border: var(--border);
color: var(--ch-dark-gray);
}
.ch-btn--blue:hover {
background-color: var(--ch-blue);
color: var(--ch-dark-gray);
}
.navbar-toggler {
background-color: transparent;
border: none;
}
.menu-icon {
display: inline-block;
width: 33px;
height: 28px;
position: relative;
transform: rotate(0deg);
transition: 0.5s ease-in-out;
}
.menu-icon__line {
background: var(--ch-gray-blue);
display: block;
position: absolute;
height: 3px;
width: 50%;
opacity: 1;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
.menu-icon__line:nth-child(even) {
left: calc(50% - 3px);
}
.menu-icon__line:nth-child(odd) {
left: 0;
}
.menu-icon__line:nth-child(1),
.menu-icon__line:nth-child(2) {
top: 0;
}
.menu-icon__line:nth-child(3),
.menu-icon__line:nth-child(4) {
top: 50%;
transform: translateY(-50%);
}
.menu-icon__line:nth-child(5),
.menu-icon__line:nth-child(6) {
bottom: 0;
}
.menu-icon.open {
width: 33px;
}
.menu-icon.open span:nth-child(2),
.menu-icon.open span:nth-child(5) {
will-change: transform;
transform: rotate(-45deg);
height: 3px;
}
.menu-icon.open span:nth-child(1),
.menu-icon.open span:nth-child(6) {
will-change: transform;
transform: rotate(45deg);
height: 3px;
}
.menu-icon.open span:nth-child(1) {
left: 2.5px;
top: 7px;
width: 50%;
}
.menu-icon.open span:nth-child(2) {
left: calc(50% - 3px);
top: 7px;
width: 50%;
}
.menu-icon.open span:nth-child(3) {
left: -50%;
will-change: opacity;
opacity: 0;
}
.menu-icon.open span:nth-child(4) {
left: 100%;
will-change: opacity;
opacity: 0;
}
.menu-icon.open span:nth-child(5) {
left: 2.5px;
bottom: 7px;
width: 50%;
}
.menu-icon.open span:nth-child(6) {
left: calc(50% - 3px);
bottom: 7px;
width: 50%;
}
.ch-footer {
background-color: var(--ch-light-blue);
}
.ch-footer > .ch-container {
padding-top: 30px;
padding-bottom: 30px;
}
.ch-title,
.ch-title--big {
text-transform: uppercase;
color: var(--ch-dark-gray);
margin-bottom: 0;
font-family: var(--ch-font-family);
}
.ch-title {
font-weight: 600;
font-size: 16px;
line-height: 170%;
}
.ch-title--big {
font-weight: 300;
font-size: 25px;
line-height: 140%;
}
.ch-title::before,
.ch-title::after {
content: none;
}
.ch-title__wrapp {
border-top: var(--border);
border-bottom: var(--border);
padding: 10px 0;
}
.ch-footer__logo {
display: block;
width: 100%;
max-width: 200px;
margin: 0 auto 40px;
}
.ch-address {
text-align: center;
margin-bottom: 40px;
}
p.ch-footer__created {
text-align: center;
margin-bottom: 40px;
}
.ch-footer__created a {
text-decoration: none;
color: inherit;
transition: color var(--transition);
}
.ch-footer__created a:hover {
color: var(--ch-gold);
}
.ch-footer__phones {
text-align: center;
}
.ch-footer__phone-title,
.ch-footer__phones-link,
.ch-hour_of_work {
display: block;
font-weight: 400;
font-size: 14px;
line-height: 170%;
text-transform: uppercase;
text-align: center;
margin-bottom: 15px;
text-decoration: none;
transition: color var(--transition);
color: var(--ch-dark-gray);
}
.ch-footer__phone-title {
font-weight: 300;
}
.ch-footer__phones-link:hover {
color: var(--ch-gold);
}
.ch-hour_of_work {
margin-bottom: 25px;
}
.ch-copyright {
font-size: 14px;
text-align: center;
}
.ch-socials {
border-top: var(--border);
border-bottom: var(--border);
}
.ch-socials__link {
display: block;
font-size: 16px;
text-align: center;
padding: 10px 0;
text-transform: uppercase;
color: var(--ch-dark-gray);
text-decoration: none;
border-left: var(--border);
border-right: var(--border);
background-color: transparent;
transition: all var(--transition);
}
.ch-socials__list li:not(:last-of-type) {
border-bottom: var(--border);
}
.ch-socials__link:hover {
color: var(--ch-dark-gray);
background-color: var(--ch-blue);
}
.ch-hero {
padding-top: 50px;
text-align: center;
background-size: cover;
background-position-y: -30px;
background-repeat: no-repeat;
border-bottom: var(--border);
}
.ch-hero .ch-btn {
width: 100%;
max-width: 270px;
margin-bottom: 30px;
}
.ch-hero__title {
text-align: center;
margin-bottom: 15px;
}
.ch-hero__subtitle {
text-align: center;
max-width: 685px;
margin: 0 auto 30px;
}
.ch-hero__img {
display: block;
}
.ch-hero__items {
padding-top: 30px;
padding-bottom: 30px;
}
.ch-hero__info {
display: flex;
flex-wrap: wrap;
}
.ch-hero__item {
flex-basis: 50%;
margin-bottom: 30px;
text-align: center;
}
.ch-hero__icon {
max-width: 100px;
margin: 0 auto 15px;
}
.ch-about {
background-color: var(--ch-light-gray);
}
.ch-about__wrapp {
padding-top: 30px;
padding-bottom: 30px;
}
.ch-about__content-title {
margin-bottom: 15px;
}
.tab-menu ul {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 20px;
max-width: 75%;
margin: 0 auto 20px;
}
.ch-floors .tab-menu ul {
margin: 0 auto;
}
.tab-menu ul li {
list-style-type: none;
display: inline-block;
margin: 0 5px 10px;
}
.tab-menu ul li a {
text-decoration: none;
color: var(--ch-dark-gray);
font-weight: 400;
font-size: 14px;
line-height: 170%;
position: relative;
}
.tab-menu ul li a::before {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 0;
height: 1px;
background-color: var(--ch-gold);
transition: width var(--transition);
}
.tab-menu ul li a.active-a,
.tab-menu ul li a:hover {
color: var(--ch-gold);
}
.tab-menu ul li a.active-a::before,
.tab-menu ul li a:hover:before {
width: 100%;
}
.tab {
padding: 0 15px;
}
.tab,
.ch-factoid-percent {
opacity: 0;
height: 0;
transition: opacity var(--transition);
}
.tab h2 {
color: rgba(0, 0, 0, 0.7);
}
.tab p {
color: rgba(0, 0, 0, 0.6);
text-align: justify;
}
.tab-active,
.ch-factoid-percent.active-a {
visibility: visible;
opacity: 1;
height: auto;
}
.ch-floors > .ch-container {
padding-top: 30px;
padding-bottom: 30px;
}
.ch-floors__img,
.ch-apartment__slider-img {
filter: grayscale(1);
transition: filter var(--transition);
}
.tab:hover .ch-floors__img,
.ch-floors__img:hover,
.ch-apartment__slider-img:hover,
.ch-apartment__slider-item:hover .ch-apartment__slider-img {
filter: grayscale(0);
cursor: pointer;
}
.ch-floors__subtitle {
color: var(--ch-gold);
font-weight: 700;
font-size: 28px;
line-height: 150%;
text-align: center;
text-transform: lowercase;
margin-top: 15px;
margin-bottom: 20px;
}
.ch-apartment-plans {
padding-bottom: 50px;
padding-top: 30px;
}
.ch-container__tabs {
padding-top: 30px;
padding-bottom: 30px;
}
.ch-apartment__slider.slick-slider,
.ch-gallery__slider.slick-slider,
.ch-payment__list.slick-slider {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.ch-apartment__slider .slick-list {
margin-bottom: 50px;
width: 100%;
}
.ch-apartment__slider .ch-btn {
display: block;
}
.ch-apartment__slider p.ch-apartment__section {
margin-bottom: 5px;
}
.ch-apartment__slider p.ch-apartment__floors-title {
margin-bottom: 0;
}
.ch-apartment__slider-item {
border-left: var(--border);
border-right: var(--border);
padding: 1px 30px;
max-width: 400px;
margin: 0 auto;
}
.ch-apartment__floor {
display: inline-block;
color: var(--ch-gray);
}
.ch-apartment__floor.available {
color: var(--ch-dark-gray);
}
.ch-apartment__slider .ch-apartment__slider-title,
.ch-apartment__slider-section .ch-apartment__slider-title {
color: var(--ch-gold);
font-weight: 600;
margin-bottom: 5px;
}
.ch-apartment__slider p.ch-apartment__slider-subtitle,
.ch-apartment__slider p.ch-apartment__slider-info,
.ch-apartment__slider p.ch-apartment__slider-price,
.ch-apartment__slider-img,
.ch-apartment__floor {
margin-bottom: 20px;
}
.ch-apartment__slider p.ch-apartment__slider-price-title {
margin-bottom: 0;
color: var(--ch-gold);
}
.ch-apartment__slider p.ch-apartment__slider-price {
color: var(--ch-gold);
font-weight: 600;
font-size: 30px;
}
.page-template-template-central-house .slick-dots {
display: flex;
justify-content: center;
order: 2;
}
.page-template-template-central-house .slick-dots button {
border: none;
background-color: transparent;
color: var(--ch-darck-gray);
font-size: 14px;
padding: 0 2.5px;
}
.page-template-template-central-house .slick-dots button:hover,
.page-template-template-central-house .slick-dots .slick-active button {
color: var(--ch-gold);
}
.page-template-template-central-house .slick-arrow {
width: auto;
display: flex;
}
.page-template-template-central-house .slick-arrow.slick-disabled {
opacity: 0.5;
cursor: disabled;
pointer-events: none;
}
.page-template-template-central-house .slick-next {
right: calc(50% - 100px);
order: 3;
margin-left: 15px;
}
.page-template-template-central-house .slick-arrow svg path {
transition: fill var(--transition);
}
.page-template-template-central-house .slick-arrow:hover {
cursor: pointer;
}
.page-template-template-central-house .slick-arrow:hover svg path {
fill: var(--ch-gold);
}
.page-template-template-central-house .slick-prev {
left: calc(50% - 100px);
order: 1;
margin-right: 15px;
}
.ch-apartment-popup {
display: none;
}
.ch-apartment-popup.open {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999999;
background-color: rgba(0, 0, 0, 0.4);
display: flex;
justify-content: center;
align-items: center;
}
.ch-apartment-popup__close {
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
transition: background-color var(--transition);
}
.ch-apartment-popup__close path {
transition: fill var(--transition);
}
.ch-apartment-popup__close:hover {
cursor: pointer;
background-color: var(--ch-gold);
}
.ch-apartment-popup__close:hover path {
fill: var(--white);
}
.ch-apartment-popup .ch-apartment__slider-img {
max-height: 300px;
width: auto;
max-width: 100%;
margin: 0 auto;
display: block;
filter: grayscale(0);
}
.ch-apartment-popup .ch-apartment__slider-content > * {
font-weight: normal;
font-size: 14px;
line-height: 170%;
}
.ch-apartment-popup p.ch-apartment__section {
margin-bottom: 10px;
}
.ch-apartment-popup p.ch-apartment__floors-title {
margin-bottom: 0;
}
.ch-apartment-popup p.ch-apartment__slider-info {
margin-bottom: 40px;
}
.ch-apartment-popup p.ch-apartment__slider-price-title {
margin-bottom: 5px;
color: var(--ch-gold);
font-weight: 400;
}
.ch-apartment-popup p.ch-apartment__slider-price {
color: var(--ch-gold);
font-size: 28px;
font-weight: 700;
}
.ch-apartment-popup__wrapp {
background-color: var(--white);
border: var(--border);
max-width: 770px;
position: relative;
width: 95%;
max-height: 95%;
overflow-y: scroll;
padding-top: 30px;
padding-bottom: 15px;
-ms-overflow-style: none; scrollbar-width: none;
}
.ch-apartment-popup__wrapp::-webkit-scrollbar {
display: none;
scrollbar-width: none;
}
.ch-apartment__slider-section {
padding: 15px;
}
.ch-apartment__slider-section:not(:last-child) {
border-bottom: var(--border);
}
.ch-apartment-popup_img-wrapp {
border-bottom: var(--border);
}
.ch-apartment__slider-section p.ch-apartment__slider-info {
margin-bottom: 20px;
}
.ch-floors {
overflow: hidden;
}
.ch-floors .ch-container {
position: relative;
}
.ch-floors__img {
max-width: 1024px;
margin: 0 auto;
}
.ch-form-first {
background-color: var(--ch-light-blue);
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
}
.ch-form-first--light {
background-color: var(--white);
}
.ch-form-first__header {
max-width: 600px;
margin: 0 auto 15px;
}
.ch-form-first__main {
max-width: 466px;
margin: 0 auto;
}
.page-template-template-central-house .wpcf7 p {
margin-bottom: 20px;
}
.page-template-template-central-house .wpcf7 p:last-of-type {
margin-bottom: 0;
}
.page-template-template-central-house .wpcf7 .ajax-loader {
display: none;
}
.page-template-template-central-house
.wpcf7
.wpcf7-form-control-wrap
input:not(.elementor-field):not(.searchform-s) {
margin-bottom: 0;
}
.page-template-template-central-house
.ch-form-second
.wpcf7
.wpcf7-form-control-wrap
input:not(.elementor-field):not(.searchform-s) {
background-color: var(--ch-light-gray);
}
.page-template-template-central-house
#page
.wpcf7
input[type="submit"]:not([name="update_cart"]):not(.woocommerce-widget-layered-nav-dropdown__submit) {
min-width: 275px;
min-height: 50px;
}
.page-template-template-central-house
#page
.wpcf7
input[type="submit"]:not([name="update_cart"]):not(.woocommerce-widget-layered-nav-dropdown__submit):hover {
background: var(--ch-light-gold);
}
.page-template-template-central-house
.wpcf7
.wpcf7-form-control-wrap
input::-webkit-input-placeholder { color: var(--ch-gray);
font-size: 14px;
font-family: var(--ch-font-family);
}
.page-template-template-central-house
.wpcf7
.wpcf7-form-control-wrap
input::-moz-placeholder { color: var(--ch-gray);
font-size: 14px;
font-family: var(--ch-font-family);
}
.page-template-template-central-house
.wpcf7
.wpcf7-form-control-wrap
input:-ms-input-placeholder { color: var(--ch-gray);
font-size: 14px;
font-family: var(--ch-font-family);
}
.page-template-template-central-house
.wpcf7
.wpcf7-form-control-wrap
input:-moz-placeholder { color: var(--ch-gray);
font-size: 14px;
font-family: var(--ch-font-family);
}
.page-template-template-central-house .wpcf7 .wpcf7-form-control-wrap input {
border-radius: 0;
background-color: var(--ch-light-gray);
height: 50px;
padding: 5px 25px;
color: var(--ch-dark-gray);
transition: all var(--transition);
border: 1px solid var(--ch-light-gray);
}
.page-template-template-central-house
.ch-form-first
.wpcf7
.wpcf7-form-control-wrap
input {
border: 1px solid var(--ch-light-gray);
}
.page-template-template-central-house
.ch-form-second
.wpcf7
.wpcf7-form-control-wrap
input {
border: 1px solid var(--ch-light-gray);
}
.page-template-template-central-house
.wpcf7
.wpcf7-form-control-wrap
input.wpcf7-not-valid {
border: 1px solid var(--ch-gold);
position: relative;
}
.page-template-template-central-house
.wpcf7
.wpcf7-form-control-wrap
input:hover,
.page-template-template-central-house
.wpcf7
.wpcf7-form-control-wrap
input:focus {
border: 1px solid var(--ch-gold);
}
.page-template-template-central-house.popup-message-style
#page
.wpcf7-response-output.run-animation {
left: 50%;
transform: translate(-50%, -50%) !important;
background: var(--ch-light-blue) !important;
border: 1px solid var(--ch-dark-gray) !important;
padding: 0 40px;
animation-delay: 0s, 5s;
animation: ch-slide-in-message, ch-slide-out-message;
}
.page-template-template-central-house.popup-message-style
#page
.wpcf7-response-output.run-animation::before {
display: none;
}
.page-template-template-central-house.popup-message-style
#page
.wpcf7-response-output.run-animation
.wpcf7-not-valid-tip-text {
padding-top: 60px;
padding-bottom: 60px;
color: var(--ch-dark-gray);
text-align: center;
margin: 0 auto;
}
.page-template-template-central-house.popup-message-style
#page
.wpcf7-response-output.run-animation
.wpcf7-valid-tip-text {
padding-top: 60px;
padding-bottom: 60px;
color: var(--ch-dark-gray);
font-weight: 400;
text-transform: uppercase;
font-size: 21px;
text-align: center;
margin: 0 auto;
}
.ch-gallery {
padding-top: 50px;
padding-bottom: 50px;
max-width: 900px;
}
.ch-gallery .slick-list {
margin-bottom: 30px;
}
.ch-infrastructure {
background-color: var(--ch-light-gray);
}
.ch-infrastructure > .ch-container {
padding-top: 30px;
padding-bottom: 30px;
}
.ch-infrastructure__item {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.ch-infrastructure__text br {
display: none;
}
.ch-infrastructure__item img {
max-width: 35px;
margin-right: 15px;
}
.ch_map .acf-map {
height: 330px;
}
.ch_map .gm-style-iw.gm-style-iw-c {
border-radius: 0 !important;
border: var(--border) !important;
padding: 15px 20px !important;
}
.ch_map .gm-style-iw-t::after {
content: none;
}
.ch_map .gm-style-mtc,
.ch_map .gm-control-active,
.ch_map .gmnoprint {
display: none;
}
.ch-why-n-invest {
background-color: var(--ch-light-blue);
}
.ch-why-n-invest__main {
padding-top: 50px;
padding-bottom: 50px;
}
.ch-title__why,
.ch-why-n-invest__content {
margin-bottom: 30px;
}
.ch-title__why br {
display: none;
}
.ch-why-n-invest__counters {
padding-top: 50px;
padding-bottom: 20px;
border-top: var(--border);
}
.ch-why-n-invest__counters > .ch-container {
display: flex;
flex-wrap: wrap;
}
.ch-counter__wrapp {
flex-basis: 50%;
margin-bottom: 30px;
}
.ch-counter,
.ch-counter__subtitle {
font-size: 25px;
font-weight: 300;
line-height: 1;
}
.ch-counter__before {
position: relative;
}
.ch-counter__before-show {
position: absolute;
left: 0;
right: 0;
line-height: 1;
display: flex;
}
.ch-counter__before-hide {
opacity: 0;
line-height: 1;
}
.ch-buy-steps__wrapp {
padding-top: 50px;
padding-bottom: 50px;
}
.ch-buy-steps__wrapp .ch-title--big {
margin-bottom: 15px;
}
.ch-buy-steps__list {
margin-bottom: 50px;
}
.ch-buy-steps__item {
display: flex;
align-items: center;
margin-bottom: 40px;
}
.ch-buy-steps__item img {
margin-right: 30px;
width: 60px;
}
.ch-payment {
background-color: var(--ch-light-gray);
padding-top: 50px;
padding-bottom: 50px;
border-top: var(--border);
border-bottom: var(--border);
}
.ch-counter__subtitle {
padding-left: 3px;
}
.ch-payment .ch-title {
margin-bottom: 30px;
}
.ch-buy-steps__wrapp .ch-title {
max-width: 250px;
}
.ch-payment .ch-title br {
display: none;
}
.ch-payment__item {
margin-bottom: 30px;
}
.ch-payment__item ul li {
padding-left: 15px;
position: relative;
}
.ch-payment__item ul li:before {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background-color: var(--ch-dark-gray);
position: absolute;
top: 12px;
left: 0;
}
.ch-payment__item-title {
text-transform: uppercase;
}
.ch-about__slider {
padding: 0 15px;
}
@media screen and (max-width: 375px) {
.ch-hero__icon {
max-width: 70px;
}
p.ch-hero__text {
font-size: 12px;
}
}
@media screen and (min-width: 768px) {
.ch-footer > .ch-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ch-about__slider {
padding: 0;
}
.ch-buy-steps__list {
margin-bottom: 0;
}
.ch-buy-steps__wrapp .ch-title {
max-width: 100%;
}
.ch-footer__bottom {
flex-basis: 100%;
display: flex;
justify-content: space-between;
}
.ch-footer__created {
margin-bottom: 0 !important;
}
.ch-footer__menu,
.ch-footer__contact {
padding-top: 25px;
}
.ch-footer__logo {
margin: 0 0 40px;
}
.ch-apartment-plans {
padding-top: 0;
}
.ch-address,
.ch-footer__phone-title,
.ch-footer__phones-link,
.ch-hour_of_work,
.ch-copyright,
p.ch-footer__created,
.ch-footer__phones {
text-align: left;
}
.ch-hour_of_work {
margin-bottom: 45px;
}
p.ch-footer__created {
margin-bottom: 0;
}
.ch-socials__link {
font-size: 18px;
padding: 15px 0;
}
.ch-socials__list {
display: flex;
}
.ch-socials__list li:last-of-type {
border-bottom: none;
}
.ch-socials__list li:not(:first-of-type) a {
border-left: none;
}
.ch-socials__list li {
flex-grow: 1;
border-bottom: none;
}
.ch-hero {
background-position-y: -35px;
}
.ch-hero__items {
padding-top: 60px;
padding-bottom: 60px;
}
.ch-hero__item {
flex-basis: 25%;
text-align: left;
}
.ch-hero__icon {
margin: 0;
margin-bottom: 15px;
}
.ch-title--big {
font-size: 50px;
}
.ch-about__wrapp {
padding: 0 15px;
display: flex;
}
.ch-about__section {
flex-basis: 50%;
padding: 50px 0;
}
.ch-about__section + .ch-about__section {
border-left: var(--border);
padding-left: 30px;
}
.ch-apartment__slider-item {
border-left: none;
border-right: none;
}
.ch-apartment__slider
.ch-apartment__slider-wrapp.slick-current
+ .slick-active
.ch-apartment__slider-item {
border-left: var(--border);
}
.ch-apartment-popup__wrapp {
display: flex;
padding-top: 0;
padding-bottom: 0;
}
.ch-apartment-popup_img-wrapp {
order: 1;
flex-grow: 1;
border-bottom: none;
border-left: var(--border);
display: flex;
justify-content: center;
align-items: center;
flex-basis: 60%;
}
.ch-apartment-popup .ch-apartment__slider-img {
max-height: 100%;
}
.ch-apartment__slider-main {
flex-basis: auto;
}
.ch-apartment__slider-section {
padding: 40px 15px 40px 40px;
}
.ch-apartment__slider-btn {
max-width: 170px;
margin: 0 auto;
}
.ch-form-first__header {
margin: 0 auto 20px;
}
.ch-gallery {
padding-top: 50px;
padding-bottom: 55px;
}
.ch-gallery .slick-list {
margin-bottom: 60px;
}
.ch-infrastructure__text br {
display: block;
}
.ch-infrastructure__list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ch-infrastructure__item {
flex-basis: 40%;
}
.ch-infrastructure__item img {
max-width: 65px;
margin-right: 35px;
}
.ch_map .acf-map {
height: 480px;
}
.ch-counter__wrapp {
flex-basis: 25%;
}
.ch-buy-steps__list {
display: flex;
justify-content: space-between;
}
.ch-buy-steps__item img {
width: 50px;
}
}
@media screen and (max-width: 1023px) {
.ch-main {
position: absolute;
left: 0;
right: 0;
top: -100vh;
transition: top var(--transition);
}
.ch-header__menu-link {
display: block;
background-color: var(--ch-light-blue);
color: var(--white);
font-weight: 700;
font-size: 24px;
line-height: 150%;
text-align: center;
text-transform: uppercase;
text-decoration: none;
border-bottom: 3px solid var(--white);
padding: 30px;
transition: background-color var(--transition);
}
.ch-header__menu-link:hover {
background-color: var(--ch-blue);
color: var(--white);
}
.ch-main .ch-btn {
display: none;
}
.ch-main {
z-index: 10;
}
.ch-main.open {
top: 109px;
}
.ch-footer__menu {
display: none;
}
.ch-factoid {
display: none;
}
.ch-apartment__slider-img {
max-width: 60%;
margin: 0 auto 20px;
}
}
@media screen and (min-width: 1024px) {
.page-template-template-central-house p,
.ch-footer__phone-title,
.ch-copyright {
font-size: 18px;
}
.ch-container__tabs {
max-width: 1230px;
margin: 0 auto;
position: relative;
}
.ch-main {
display: flex;
}
.ch-main .ch-btn {
font-size: 18px;
line-height: 29px;
padding: 10px 20px;
}
.page-template-template-central-house
.wpcf7-form
input[type="submit"]:not([name="update_cart"]):not(.woocommerce-widget-layered-nav-dropdown__submit) {
font-size: 18px;
}
.ch-header .ch-container {
align-items: center;
}
.ch-header__menu {
display: flex;
}
.ch-header__menu-link {
display: block;
color: var(--ch-dark-gray);
font-weight: 400;
font-size: 18px;
line-height: 29px;
text-transform: uppercase;
text-decoration: none;
padding: 10px 20px;
position: relative;
border: var(--border);
border-right-color: transparent;
transition: all var(--transition);
}
.ch-header__menu-link:hover {
background-color: var(--ch-light-gold);
background-color: var(--ch-light-blue);
color: var(--ch-dark-gray);
}
.navbar-toggler {
display: none;
}
.ch-title {
font-size: 30px;
}
.ch-title--big {
font-size: 50px;
}
.ch-title__wrapp {
padding: 20px 0;
}
.ch-footer > .ch-container {
padding-top: 60px;
padding-bottom: 70px;
display: flex;
}
.ch-footer__logo {
max-width: 373px;
}
.ch-footer__main,
.ch-footer__menu,
.ch-footer__contact {
flex-basis: 33.3%;
}
.ch-hour_of_work {
margin-bottom: 50px;
}
.ch-footer__menu,
.ch-footer__contact {
padding-top: 40px;
}
.ch-hour_of_work {
margin-bottom: 50px;
}
.ch-footer__contact,
.ch-footer__menu {
padding-left: 110px;
}
.ch-footer__menu-link {
display: block;
font-weight: 300;
font-size: 18px;
line-height: 170%;
text-transform: uppercase;
color: var(--ch-dark-gray);
margin-bottom: 15px;
text-decoration: none;
transition: color var(--transition);
}
.ch-footer__menu-link:hover {
color: var(--ch-gold);
}
.ch-footer__phones-link {
font-size: 18px;
}
.ch-hero {
padding-top: 55px;
background-position-y: -110px;
}
.ch-about__section {
flex-basis: 50%;
padding: 100px 0;
}
.ch-about__section + .ch-about__section {
padding-left: calc((115 / 1920) * 100vw);
}
.tab-menu {
padding-top: 50px;
padding-bottom: 50px;
}
.ch-floors .tab-menu {
padding-bottom: 0;
}
.tab-menu ul li a {
font-size: 18px;
}
.ch-factoid {
width: 150px;
height: 150px;
margin-left: auto;
margin-right: 15px;
position: relative;
border: var(--border);
border-top: none;
position: absolute;
right: 0;
display: flex;
flex-direction: column;
}
.ch-floors__factoid,
.ch-factoid__link {
margin-left: 0;
margin-right: auto;
right: auto;
}
.ch-factoid__link {
z-index: 9999;
background-color: var(--ch-light-blue);
text-decoration: none;
color: var(--ch-dark-gray);
}
.ch-factoid__link .ch-factoid-title {
transition: background-color var(--transition);
}
.ch-factoid__link:hover .ch-factoid-title {
background-color: var(--ch-blue);
}
.ch-factoid__link .ch-factoid-content {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.ch-factoid__link .ch-factoid-main {
color: var(--ch-dark-gray);
font-size: 25px;
line-height: 120%;
font-weight: 300;
text-transform: lowercase;
}
.ch-factoid::before,
.ch-factoid::after {
content: "";
width: 5px;
height: 5px;
background-color: var(--white);
border: var(--border);
border-radius: 50%;
transform: translate(-50%, -50%);
position: absolute;
top: 0;
}
.ch-factoid::before {
left: 0;
}
.ch-factoid::after {
right: -5px;
}
.ch-factoid-content {
position: relative;
flex-grow: 1;
}
.ch-factoid p.ch-factoid-percent {
margin-bottom: 0;
color: var(--ch-gold);
font-weight: 300;
font-size: 76px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
position: absolute;
padding: 15px;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ch-factoid-percent sup {
font-size: 36px;
top: 0.7em;
vertical-align: top;
}
.ch-factoid p.ch-factoid-title {
color: var(--ch-dark-gray);
font-weight: normal;
font-size: 14px;
line-height: 170%;
text-align: center;
padding: 10px 15px;
border-top: var(--border);
}
.tab-menu ul li {
margin: 0 20px 10px;
}
.ch-container__tabs {
padding-top: 0;
padding-bottom: 0;
}
.ch-apartment__slider
.ch-apartment__slider-wrapp.slick-current
+ .slick-active
+ .slick-slide
.ch-apartment__slider-item {
border-left: var(--border);
}
.tab-menu ul {
max-width: 60%;
margin: 0 auto 50px;
}
.ch-floors .tab-menl ul {
margin: 0 auto;
}
.ch-apartment__slider-content li {
font-size: 18px;
margin-bottom: 10px;
}
.ch-apartment__slider-content ol {
list-style: decimal;
list-style-position: inside;
}
.ch-apartment__slider p.ch-apartment__slider-price {
font-size: 48px;
}
.ch-apartment__slider .ch-apartment__slider-title,
.ch-apartment__slider-section .ch-apartment__slider-title {
font-size: 30px;
}
.ch-floors .ch-container {
padding-top: 0;
padding-bottom: 0;
}
.ch-form-first {
padding-top: 50px;
padding-bottom: 50px;
}
.page-template-template-central-house
.wpcf7
.wpcf7-form-control-wrap
input::-webkit-input-placeholder { font-size: 18px;
}
.page-template-template-central-house
.wpcf7
.wpcf7-form-control-wrap
input::-moz-placeholder { font-size: 18px;
}
.page-template-template-central-house
.wpcf7
.wpcf7-form-control-wrap
input:-ms-input-placeholder { font-size: 18px;
}
.page-template-template-central-house
.wpcf7
.wpcf7-form-control-wrap
input:-moz-placeholder { font-size: 18px;
}
.page-template-template-central-house .wpcf7 p {
margin-bottom: 30px;
}
.page-template-template-central-house.popup-message-style
#page
.wpcf7-response-output.run-animation {
width: 670px;
height: auto;
max-height: fit-content;
}
.page-template-template-central-house.popup-message-style
#page
.wpcf7-response-output.run-animation
.wpcf7-valid-tip-text {
font-size: 36px;
line-height: 140%;
padding-top: 115px;
padding-bottom: 115px;
}
.ch-form-first {
text-align: left;
}
.ch-form-first__wrapp {
display: flex;
justify-content: space-between;
}
.ch-gallery {
padding-top: 100px;
}
.ch-infrastructure > .ch-container {
padding-top: 50px;
padding-bottom: 25px;
}
.ch-infrastructure__item {
margin-bottom: 50px;
flex-basis: 30%;
}
.ch-factoid__link .ch-factoid-main {
font-size: 35px;
}
.ch-why-n-invest__main {
display: flex;
padding-top: 0;
padding-bottom: 0;
}
.ch-why-n-invest__main-header,
.ch-why-n-invest__main-info {
flex-basis: 50%;
}
.ch-title__why br {
display: block;
}
.ch-why-n-invest__main-header {
padding-top: 50px;
padding-bottom: 50px;
}
.ch-why-n-invest__main-info {
border-left: var(--border);
padding-top: 50px;
padding-bottom: 50px;
padding-left: calc((115 / 1920) * 100vw);
}
.ch-why-n-invest__content {
margin-bottom: 30px;
}
.ch-buy-steps__item {
margin-right: 30px;
}
.ch-buy-steps__item img {
width: 80px;
}
.ch-buy-steps__wrapp {
display: flex;
padding-top: 50px;
padding-bottom: 50px;
}
.ch-buy-steps__wrapp .ch-title {
flex-basis: 55%;
}
.ch-buy-steps__wrapp .ch-buy-steps__content {
flex-basis: 45%;
padding-left: 30px;
padding-top: 10px;
}
.ch-buy-steps__list {
margin-bottom: 20px;
}
.ch-payment {
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.ch-payment > .ch-container {
display: flex;
}
.ch-payment .ch-title {
margin-top: 50px;
margin-bottom: 50px;
padding-right: 30px;
}
.ch-payment__list {
border-left: var(--border);
}
.ch-payment__item {
padding-left: 30px;
padding-top: 50px;
padding-bottom: 50px;
display: flex;
margin-bottom: 0;
position: relative;
}
.ch-payment__item:not(:last-of-type)::before {
content: "";
width: 500%;
height: 1px;
background-color: var(--ch-dark-gray);
position: absolute;
bottom: 0;
left: 0;
}
.ch-payment__header {
flex-basis: 40%;
}
.ch-payment__content {
flex-basis: 60%;
}
.ch-payment__item-title {
font-size: 20px;
line-height: 150%;
}
.ch-payment .ch-title br {
display: block;
}
.ch-copyright {
flex-basis: 33.3%;
padding-left: 110px;
}
}
@media screen and (min-width: 1200px) {
.ch-header {
padding: 30px 0;
}
.ch-header__menu-link {
padding: 12px 44px;
}
.ch-header .ch-container {
align-items: flex-start;
}
.ch-main {
align-items: center;
margin-top: 4px;
}
.ch-main .ch-btn {
padding: 12px 26px;
}
.ch-btn,
.page-template-template-central-house .wpcf7-form {
font-size: 18px;
}
.ch-footer__menu {
padding-left: 190px;
}
.ch-title--big,
.ch-counter,
.ch-counter__subtitle {
font-size: 70px;
}
.ch-hero .ch-title--big {
font-size: 90px;
}
.ch-hero {
padding-top: 95px;
}
.ch-hero__info {
max-width: 1000px;
}
.ch-about__section + .ch-about__section {
padding-left: 115px;
}
.ch-factoid {
width: 180px;
height: 180px;
}
.ch-factoid p.ch-factoid-percent {
font-size: 97px;
}
.ch-factoid p.ch-factoid-title {
font-size: 16px;
padding: 13px 15px;
}
.ch-factoid::before,
.ch-factoid::after {
width: 8px;
height: 8px;
}
.ch-factoid::after {
right: -8px;
}
.ch-container__tabs {
padding-bottom: 90px;
}
.tab-menu {
padding-top: 70px;
}
.ch-floors .tab-menu {
padding-bottom: 0;
}
.ch-apartment__slider .slick-list {
margin-bottom: 70px;
}
.ch-apartment__slider p.ch-apartment__slider-subtitle,
.ch-apartment__slider p.ch-apartment__slider-info,
.ch-apartment__slider p.ch-apartment__slider-price,
.ch-apartment__slider-img,
.ch-apartment__floor {
margin-bottom: 30px;
}
.ch-apartment__slider-item {
padding: 1px 80px;
}
.ch-form-first {
padding-top: 100px;
padding-bottom: 100px;
}
.ch-form-first--light {
padding-top: 150px;
padding-bottom: 150px;
}
.ch-form-first__header {
margin-right: 0;
}
.ch-form-first__header,
.ch-form-first__main {
margin: 0;
}
.ch-infrastructure > .ch-container {
padding-top: 100px;
padding-bottom: 50px;
}
.ch-why-n-invest__main-header {
padding-top: 100px;
}
.ch-why-n-invest__main-info {
padding-left: 115px;
padding-top: 100px;
padding-bottom: 100px;
}
.ch-why-n-invest__content {
margin-bottom: 60px;
}
.ch-why-n-invest__counters {
padding-top: 60px;
padding-bottom: 100px;
}
.ch-counter__wrapp {
flex-basis: auto;
}
.ch-counter__wrapp:not(:last-of-type) {
margin-right: 90px;
}
.ch-counter,
.ch-counter__subtitle {
margin-bottom: 5px;
}
.ch-buy-steps__wrapp {
padding-top: 100px;
padding-bottom: 100px;
}
.ch-buy-steps__list {
margin-bottom: 70px;
}
.ch-buy-steps__item img {
width: 107px;
}
.ch-buy-steps__content {
padding-left: 80px;
padding-top: 15px;
}
.ch-payment__item-title {
font-size: 30px;
}
.ch-payment__item {
padding-top: 70px;
padding-bottom: 70px;
}
.ch-payment .ch-title {
margin-top: 60px;
}
}
@media screen and (min-width: 2200px) {
.ch-hero {
background-position-y: -200px;
}
}
@keyframes ch-slide-in-message {
0% {
opacity: 0;
-webkit-transform: translate(600px, -50%);
transform: translate(600px, -50%);
}
50% {
opacity: 0;
-webkit-transform: translate(-200px, -50%);
transform: translate(-200px, -50%);
}
100% {
opacity: 1;
-webkit-transform: translate(-300px, -50%);
transform: translate(-300px, -50%);
}
}
@keyframes ch-slide-out-message {
0% {
opacity: 1;
-webkit-transform: translate(-300px, -50%);
transform: translate(-300px, -50%);
}
100% {
opacity: 0;
-webkit-transform: translate(800px, -50%);
transform: translate(800px, -50%);
}
}