html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
main {
display: block
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: 0.35em 0.75em 0.625em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:before,
.slick-track:after {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir='rtl'] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
*,
::after,
::before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
body {
margin: 0;
padding: 0;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #282828;
background-color: #fff
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0
}
a {
text-decoration: none;
color: #282828;
outline: none;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
} ul,
li {
list-style: none;
margin: 0;
padding: 0
}
strong {
font-weight: 700
}
.wrapper {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh
}
.divider-big {
height: 150px
}
.divider-tiny {
height: 30px
}
.img {
height: auto;
max-width: 100%
}
.border {
border-radius: 5px
}
.pos-relative {
position: relative
}
.section-header {
color: #292e44;
font-size: 32px;
line-height: 48px;
font-weight: 400;
margin-bottom: 73px;
position: relative
}
.section-header--maxmb {
margin-bottom: 30px
}
.subheader {
margin-bottom: 30px
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.text-transform {
text-transform: uppercase
}
.text-underline {
text-decoration: underline
} .text-block {
margin-top: 40px
}
.breadcrumbs {
padding: 30px 0 50px;
position: relative
}
.breadcrumbs__img {
position: absolute;
right: 0;
top: -115px
}
.breadcrumbs__img-left {
position: absolute;
top: -115px;
left: 0
}
.breadcrumbs .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.breadcrumbs__list li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
font-size: 16px;
margin: 0;
margin-left: 10px
}
.breadcrumbs__list li:first-child {
margin-left: 0
}
.breadcrumbs__list li a {
font-size: 16px;
font-weight: 300
}
.breadcrumbs__list li a::after {
content: "/";
position: absolute;
top: 1px;
right: -8px;
display: inline-block;
width: 5px
}
.breadcrumbs__list li span {
font-weight: 500
}
.btn {
display: inline-block;
border: none;
outline: none;
background: -o-linear-gradient(349deg, #34a7c0 0%, #58b8cd 100%);
background: linear-gradient(101deg, #34a7c0 0%, #58b8cd 100%);
border-radius: 5px;
padding: 24px 27px;
font-size: 16px;
line-height: 16px;
color: #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer;
-webkit-box-shadow: 1px 5px 15px #58b8cd;
box-shadow: 1px 5px 15px #58b8cd;
position: relative;
overflow: hidden
}
.btn::before {
content: '';
position: absolute;
top: 0;
left: 30px;
width: 45px;
height: 100%;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.4)));
background: -o-linear-gradient(left, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
-webkit-transform: skewX(-45deg) translateX(-85px);
-ms-transform: skewX(-45deg) translateX(-85px);
transform: skewX(-45deg) translateX(-85px);
-webkit-animation: flash-md 3s infinite linear;
animation: flash-md 3s infinite linear
}
.btn:hover {
-webkit-box-shadow: 1px 1px 8px #58b8cd;
box-shadow: 1px 1px 8px #58b8cd
}
.btn--fullwidth {
width: 100%;
padding: 24px 0;
text-align: center
}
.nav-links {
padding: 10px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: "Montserrat", sans-serif
}
.nav-links a {
color: #fff
}
.nav-links a.next {
position: relative
}
.page-numbers {
font-size: 20px;
line-height: 20px;
font-weight: 400;
margin-right: 17px
}
.page-numbers.current {
color: #34a7c0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative
}
.page-numbers.current::after {
content: '';
position: absolute;
left: 0;
bottom: -10px;
width: 100%;
height: 2px;
background-color: #34a7c0
}
.social-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.social-block h5 {
font-size: 12px;
line-height: 16px;
font-weight: 400;
margin-right: 24px;
max-width: 120px;
-webkit-box-flex: 0;
-ms-flex: 0 0 120px;
flex: 0 0 120px
}
.social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.social li {
margin-left: -4px
}
.social li img,
.social li svg {
display: block;
width: 37px;
height: 37px;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.social li img:hover,
.social li svg:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.social-fixed {
position: fixed;
right: 5%;
top: 30%;
border-radius: 30px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
z-index: 99
}
.social-fixed a {
display: block;
width: 60px;
height: 60px;
border-bottom: 1px solid #eaeaea;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.social-fixed a:hover {
opacity: .8
}
.social-fixed img,
.social-fixed svg {
display: block;
width: 23px;
height: 23px;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.social-fixed img:hover,
.social-fixed svg:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.social-fixed li:last-child a {
border-bottom: none
}
.slick-slide {
outline: none
}
.slick-disabled {
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: .4
}
.slider-arrow {
position: absolute;
z-index: 99;
cursor: pointer;
width: 65px;
height: 65px;
top: 45%;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
opacity: .6
}
.slider-arrow__left {
left: -90px
}
.slider-arrow__right {
right: -90px
}
.slider-arrow:hover {
opacity: 1
}
.slick-dots {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
bottom: -40px;
overflow: hidden;
z-index: 99
}
.slick-dots li.slick-active {
background: #34a7c0;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.slick-dots li {
width: 11px;
height: 11px;
border-radius: 50%;
background: #d6d6d6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: inline-block;
margin: 0 10px;
padding: 0;
cursor: pointer;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent
}
#upbutton {
background: url(//proestate-pskov.ru/wp-content/themes/proestate/images/up.svg) no-repeat center center;
background-size: contain;
height: 35px;
width: 35px;
bottom: 15px;
right: 20px;
cursor: pointer;
display: none;
position: fixed;
z-index: 999
}
#header {
width: 100%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position: absolute;
z-index: 100;
background: transparent
}
.header__right {
text-align: right
}
.header-top {
padding: 22px 0
}
.header-top__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.header-top__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.header-bottom {
padding: 17px 0;
background-color: #fff;
-webkit-box-shadow: 0px 5px 49px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 5px 49px 0px rgba(0, 0, 0, 0.05)
}
.header-bottom__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.header-bottom__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.header-bottom.is-fixed {
position: fixed;
top: 0;
width: 100%
}
.logo {
max-width: 248px
}
.logo a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%
}
.logo img,
.logo svg {
max-width: 108px
}
.logo__span {
border-left: 1px solid #dbdbdb;
font-size: 12px;
line-height: 16px;
font-weight: 400;
margin-left: 28px;
padding-left: 30px
}
.logo--footer {
max-width: 100%;
margin-bottom: 25px
}
.yaReview-block {
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
border-radius: 10px;
font-size:0;
display:flex;
transition: all .3s;
}
.yaReview-block:hover,
.yaReview-block:focus {
transform:scale(1.05);
transition: all .3s;
}
.info-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.info-block img,
.info-block svg {
-webkit-box-flex: 0;
-ms-flex: 0 0 22px;
flex: 0 0 22px;
width: 22px;
height: 30px;
margin-right: 13px
}
.info-block h5 {
font-size: 12px;
line-height: 16px;
font-weight: 400
}
.info-block h5 a {
color: #34a7c0;
display: block;
font-size: 12px;
line-height: 16px;
text-decoration: underline
}
.info-block h5 a:hover {
text-decoration: none
}
.phone-label {
color: #4caf50;
font-size: 12px;
position: relative;
margin-bottom: 8px
}
.phone-label::before {
content: '';
position: absolute;
left: 38px;
top: 6px;
background-color: #4caf50;
width: 8px;
height: 8px;
border-radius: 50%
}
.phone a {
display: block;
font-size: 20px;
line-height: 24px;
font-weight: 400
}
.phone a:hover {
color: rgba(41, 46, 68, 0.6)
}
.phone--header .btn {
display: none
}
.info-mobile {
display: none
}
.info-mobile img {
width: 22px;
height: 22px
}
.info-mobile-block .info-block {
display: none
}
.phone-mobile {
display: none
}
.callback {
margin-top: 7px;
color: #34a7c0;
font-size: 12px;
font-weight: 700;
text-decoration: underline;
display: block
}
.callback:hover {
text-decoration: none
}
.footer {
background-color: #292e44;
color: #fff;
margin-top: auto;
z-index: 5;
position: relative;
padding: 62px 0
}
.footer__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.footer__left {
margin-left: 24%
}
.footer .container {
position: relative
}
.footer__img {
position: absolute;
bottom: -66px;
left: -80px
}
.footer h6 {
font-size: 12px;
line-height: 16px;
font-weight: 400;
margin-bottom: 50px
}
.footer .social-block {
margin-bottom: 50px
}
.footer .info-block a {
color: #fff;
font-size: 12px
}
.footer__right {
text-align: right
}
.footer .phone {
margin-top: 12px
}
.footer .phone a {
color: #fff
}
.footer .phone a:hover {
color: rgba(255, 255, 255, 0.6)
}
.privacy {
margin-top: 40px
}
.privacy a {
color: #fff;
font-size: 12px
}
.privacy a:hover {
color: rgba(255, 255, 255, 0.6)
}
.author {
margin-top: 5px
}
.author span {
font-size: 12px;
color: #fff;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.author span:hover {
color: rgba(255, 255, 255, 0.6)
} .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
width: 100%
}
.menu li {
list-style: none;
display: inline-block;
margin: 0px 10px;
position: relative
}
.menu li:first-child {
margin-left: 0
}
.menu li:last-child {
margin-right: 0
}
.menu li a {
color: #616161;
font-size: 14px;
line-height: 14px;
font-weight: 400;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position: relative
}
.menu li a:hover {
color: #282828
}
.menu li.current-menu-item {
color: #282828
}
.nav__toggle {
display: none;
font-size: 33px;
color: #000;
float: left;
margin: 10px 20px 0 0;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease
}
.nav__toggle:hover {
color: #000;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease
}
#nav-icon {
width: 25px;
height: 45px;
position: absolute;
right: 24px;
top: 26px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
z-index: 999999
}
#nav-icon.open {
position: fixed
}
#nav-icon span {
z-index: 10;
display: block;
position: absolute;
height: 3px;
width: 100%;
background-color: #292e44;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}
#nav-icon span:nth-child(1) {
width: 40px;
top: 0px
}
#nav-icon span:nth-child(2) {
width: 20px;
top: 10px
}
#nav-icon.open span {
background-color: #34a7c0
}
#nav-icon.open span:nth-child(1) {
width: 48px;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg)
}
#nav-icon.open span:nth-child(2) {
width: 48px;
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.mobile__menu {
padding-top: 60px;
display: none;
position: fixed;
background-color: #fff;
width: 100%;
height: 100%;
z-index: 9999;
margin-left: 30%;
width: 70%;
top: 0
}
.mobile__menu ul {
margin-left: 30px
}
.mobile__menu .social-block {
display: none
}
.mobile__menu li {
list-style: none;
padding: 8px 0
}
.mobile__menu li a {
font-size: 14px;
line-height: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative
}
.mobile__menu li a:hover,
.mobile__menu li.current-menu-item a {
color: #34a7c0
}
.form-control {
display: block;
width: 100%
}
.form-control:last-child {
margin-right: 0
}
.form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-bottom: 10px
}
.form-row input {
margin-bottom: 0
}
.form-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
max-width: 33.3%;
padding-left: 5px;
padding-right: 5px
}
label {
display: block;
margin-bottom: 4px
}
input,
select {
border-radius: 5px;
padding: 24px 27px;
border: none;
outline: none;
font-size: 14px;
line-height: 14px;
font-weight: 400;
background-color: #f7f7f7;
-webkit-box-shadow: inset 0px 5px 5px 0px rgba(178, 178, 178, 0.12);
box-shadow: inset 0px 5px 5px 0px rgba(178, 178, 178, 0.12);
color: #9f9f9f;
width: 100%
}
input::-moz-placeholder {
color: #9f9f9f;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400
}
input::-webkit-input-placeholder {
color: #9f9f9f;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400
}
input::-ms-input-placeholder {
color: #9f9f9f;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400
}
input:-ms-input-placeholder {
color: #9f9f9f;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400
}
input::placeholder {
color: #9f9f9f;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400
}
textarea {
border-radius: 5px;
padding: 24px 27px;
border: none;
outline: none;
font-size: 14px;
line-height: 14px;
font-weight: 400;
background-color: #f7f7f7;
-webkit-box-shadow: inset 0px 5px 5px 0px rgba(178, 178, 178, 0.12);
box-shadow: inset 0px 5px 5px 0px rgba(178, 178, 178, 0.12);
color: #9f9f9f;
margin-bottom: 20px;
height: 175px;
width: 100%;
resize: none
}
textarea::-moz-placeholder {
color: #9f9f9f;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400
}
textarea::-webkit-textarea-placeholder {
color: #9f9f9f;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400
}
textarea:-ms-textarea-placeholder {
color: #9f9f9f;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400
}
textarea::-ms-textarea-placeholder {
color: #9f9f9f;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400
}
textarea::-webkit-input-placeholder {
color: #9f9f9f;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400
}
textarea::-moz-placeholder {
color: #9f9f9f;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400
}
textarea:-ms-input-placeholder {
color: #9f9f9f;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400
}
textarea::-ms-input-placeholder {
color: #9f9f9f;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400
}
textarea::placeholder {
color: #9f9f9f;
font-family: "Montserrat", sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400
}
.checkbox-input {
display: none !important;
width: 19px;
height: 19px;
position: absolute;
left: -30px
}
#form-order .checkbox {
margin-left: 26px
}
.checkbox {
float: right;
text-align: left;
position: relative;
font-size: 12px;
line-height: 17px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0;
margin-right: 44px;
color: #fff
}
.checkbox a {
color: #a6a6a6;
margin-left: 3px
}
.checkbox-style {
width: 19px;
height: 19px;
border-radius: 5px;
background-color: #f7f7f7;
-webkit-box-shadow: inset 0px 5px 5px 0px rgba(178, 178, 178, 0.12);
box-shadow: inset 0px 5px 5px 0px rgba(178, 178, 178, 0.12);
position: absolute;
left: -26px
}
.checkbox-input:checked+.checkbox-style {
width: 19px;
height: 19px;
background-color: #f7f7f7
}
.checkbox-input+span.wpcf7-list-item-label {
display:flex;
align-items:center;
margin-bottom:10px;
}
.checkbox-input+span.wpcf7-list-item-label .checkbox-style {
position: relative;
left: initial;
display:flex;
margin-right:10px;
flex-shrink:0;
}
.checkbox-text {
font-size: 10.8px;
line-height:140%;
text-align:left;
}
.checkbox-text a {
color:#34a7c0;
text-decoration:underline;
}
.wpcf7-acceptance .wpcf7-list-item {
margin-left:initial;
}
.checkbox-input:checked+span>.checkbox-style::before {
content: "";
display: block;
width: 9px;
height: 9px;
border-radius: 2px;
position: absolute;
background-color: #34a7c0;
background: -o-linear-gradient(349deg, #34a7c0 0%, #58b8cd 100%);
background: linear-gradient(101deg, #34a7c0 0%, #58b8cd 100%);
top: 5px;
left: 5px;
}
.checkbox-input:checked+.checkbox-style::before {
content: "";
display: block;
width: 9px;
height: 9px;
border-radius: 2px;
position: absolute;
background-color: #34a7c0;
background: -o-linear-gradient(349deg, #34a7c0 0%, #58b8cd 100%);
background: linear-gradient(101deg, #34a7c0 0%, #58b8cd 100%);
top: 5px;
left: 5px;
}
.checkbox input {
width: 19px;
height: 19px;
margin-bottom: 0 !important
}
button[type=submit] {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none
}
.button_block {
text-align: center;
margin: 0 auto;
margin-top: 46px
}
.fancybox-container {
z-index: 999999
}
.fancybox-content {
-webkit-box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
border-radius: 10px;
background-color: #fff;
max-width: 1220px;
width: 100%;
padding: 10px 0 20px !important
}
#modal-callback.fancybox-content {
max-width: 420px
}
#modal-services.fancybox-content {
max-width: 420px
}
.fancybox-slide {
padding-top: 50px;
padding-bottom: 50px
}
.fancybox-slide--html .fancybox-close-small {
padding: 4px;
right: 15px;
top: 10px
}
.form-content img {
margin-bottom: 15px
}
.form-content h3 {
font-weight: 700;
font-size: 32px;
line-height: 40px;
color: #34a7c0;
margin-bottom: 5px
}
.form-content p {
line-height: 16px;
line-height: 22px;
margin-bottom: 20px;
max-width: 450px
}
.form-content input {
display: block
}
.fancybox-button svg {
color: white;
}
.modal__center {
position: relative
}
.modal__content {
padding: 35px 40px
}
.modal__content input,
.modal__content select {
width: 100%;
margin-bottom: 15px
}
.modal__content .modal-header {
font-size: 24px;
font-weight: 600;
margin-bottom: 40px;
text-align: left
}
.modal__content p {
color: #5A5A5A;
text-align: left;
margin-bottom: 25px
}
.modal__text {
margin-top: 30px;
font-size: 15px;
line-height: 21px;
color: #9C9C9C
}
@keyframes fadeInLeft {
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes fadeInLeft {
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInUp {
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes fadeInUp {
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes scaleZoom {
100% {
opacity: 1;
-webkit-transform: scale(0);
transform: scale(1.5)
}
}
@-webkit-keyframes scaleZoom {
100% {
opacity: 1;
-webkit-transform: scale(0);
transform: scale(1.5)
}
}
@-webkit-keyframes slideArrowHorizontal {
from {
-webkit-transform: translateX(25px);
transform: translateX(25px)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideArrowHorizontal {
from {
-webkit-transform: translateX(25px);
transform: translateX(25px)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes pulseArrowVertical {
from {
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
-webkit-transform: translateY(9px);
transform: translateY(9px)
}
}
@keyframes pulseArrowVertical {
from {
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
-webkit-transform: translateY(9px);
transform: translateY(9px)
}
}
@-webkit-keyframes flash-md {
30% {
-webkit-transform: translateX(400px) skewX(-45deg);
transform: translateX(400px) skewX(-45deg)
}
100% {
-webkit-transform: translateX(400px) skewX(-45deg);
transform: translateX(400px) skewX(-45deg)
}
}
@keyframes flash-md {
30% {
-webkit-transform: translateX(400px) skewX(-45deg);
transform: translateX(400px) skewX(-45deg)
}
100% {
-webkit-transform: translateX(400px) skewX(-45deg);
transform: translateX(400px) skewX(-45deg)
}
} .moplw {
margin-top: 73px;
}
#calc-container .container>.row {
justify-content: center;
}
#calc-container p {
font-size: 15px;
font-weight: 500;
}
.calc-buttons button {
font-weight: 500;
}
#calc-container .calc-buttons button.active {
background: #58b8cd !important;
}
#calc-container {
font-weight: 500;
}
.calc-box .select-box .remove-item {
font-weight: 700 !important;
}
.add-item {
font-weight: 500;
}
.col {
color: #14314d;
font-weight: 700;
}
.calc-box .select.opened li,
.calc-box .select li.head-select {
font-weight: 500;
}
.calc-box button {
border-radius: 10px;
}
.custom-page {
padding-bottom: 0 !important;
}
#calc-container .calc-box button {
color: #ffffff;
background: #58b8cd !important;
font-weight: 500;
}
.calc-buttons button {
background: #eee !important;
}
.box-price__title {
font-size: 16px;
font-weight: 500;
padding-bottom: 15px;
}
#calc-container .box-price__price {
font-family: "Montserrat", sans-serif !important;
font-weight: 800;
font-size: 43px;
padding-bottom: 10px;
}
.box-price__simb {
font-size: 14px;
}
.rel_clas1 {
position: relative;
}
#pencil_lay {
position: absolute;
bottom: 0;
}
#klava_lay {
position: absolute;
bottom: 0;
right: 0;
}
@-ms-viewport {
width: device-width
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar
}
*,
::after,
::before {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width: 576px) {
.container {
max-width: 540px
}
}
@media (min-width: 768px) {
.container {
max-width: 720px
}
}
@media (min-width: 992px) {
.container {
max-width: 1050px
}
}
@media (min-width: 1024px) {
.container {
max-width: 1120px
}
}
@media (min-width: 1200px) {
.container {
max-width: 1170px
}
}
@media (min-width: 1400px) {
.container {
max-width: 1200px
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%
}
.col-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%
}
.col-sm-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-sm-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-sm-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-sm-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%
}
.col-md-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-md-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-md-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-md-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%
}
.col-lg-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-lg-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-lg-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%
}
}
.d-none {
display: none !important
}
.d-block {
display: block !important
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important
}
.d-sm-block {
display: block !important
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important
}
.d-md-block {
display: block !important
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important
}
.d-lg-block {
display: block !important
}
}
.no-home .contacts {
background-color: #f6f6f6
}
.custom-page {
padding: 280px 0 70px;
position: relative
}
.home-section {
position: relative;
min-height: 960px;
width: 100%;
padding-top: 260px
}
.home-section .row {
position: relative
}
.home-section .btn {
margin-top: 20px
}
.home__offer {
position: relative;
z-index: 9;
margin-bottom: 30px
}
.home__title {
color: #292e44;
font-size: 38px;
line-height: 52px;
font-weight: 400;
max-width: 720px;
margin-bottom: 30px
}
.home__featuresTitle {
font-size: 18px;
line-height: 21px;
font-weight: 400;
}
.home__img {
display: block
}
.home-subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 33px;
position: relative
}
.home-subtitle::before {
content: '';
position: absolute;
left: 0;
bottom: 16px;
height: 1px;
width: 56px;
background-color: #bcbcbc
}
.home-subtitle h2 {
margin-left: 80px;
font-size: 18px;
line-height: 21px;
font-weight: 400;
margin-bottom: 0
}
.home-subtitle__label {
border-radius: 5px;
margin-left: 27px;
padding: 9px 14px 10px;
font-size: 12px;
line-height: 12px;
font-weight: 700;
color: #fff;
position: relative
}
.home-subtitle__label::before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: skew(-4deg);
-ms-transform: skew(-4deg);
transform: skew(-4deg);
background: -o-linear-gradient(349deg, #34a7c0 0%, #58b8cd 100%);
background: linear-gradient(101deg, #34a7c0 0%, #58b8cd 100%);
border-radius: 5px;
z-index: -1
}
.scroll-down {
position: absolute;
left: 0;
right: 0;
bottom: -31px;
margin: auto;
text-align: center;
z-index: 9
}
.scroll-down img,
.scroll-down svg {
max-width: 62px;
-webkit-animation: pulseArrowVertical .8s infinite alternate ease-in-out;
animation: pulseArrowVertical .8s infinite alternate ease-in-out
}
.features-block {
margin-bottom: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 95%
}
.features-block__img {
margin-right: 19px;
width: 32px;
height: 33px;
-webkit-box-flex: 0;
-ms-flex: 0 0 32px;
flex: 0 0 32px
}
.features-block__img img,
.features-block__img svg {
display: block;
width: 100%;
height: 100%
}
.features-block__content {
text-align: left
}
.features-block__text p {
font-size: 16px;
line-height: 22px;
margin-bottom: 0
}
.sber-label {
position: absolute;
right: 0;
bottom: -100px;
max-width: 300px;
background-color: #fff;
padding: 22px 22px 16px;
border-radius: 5px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.08)
}
.sber-label__img {
margin-bottom: 14px
}
.sber-label__title {
font-size: 14px;
line-height: 20px;
margin-bottom: 15px
}
.sber-label__subtitle {
color: #888888;
text-align: right;
font-size: 12px;
line-height: 16px;
font-style: italic
}
.calculate-section {
padding: 102px 0 0;
background-color: #fff
}
.calculate__form {
max-width: 1120px;
margin: 0 auto
}
.services-section {
padding: 60px 0;
background-color: #fff;
position: relative
}
.services-block {
border-radius: 5px;
overflow: hidden;
padding: 38px 36px 35px 42px;
color: #fff;
position: relative;
margin-bottom: 27px
}
.services-block__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(41, 46, 68, 0.7)
}
.services-block__content {
z-index: 5;
position: relative
}
.services-block__title {
font-size: 16px;
line-height: 24px;
font-weight: 700;
margin-bottom: 23px
}
.services-block__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 32px;
max-width: 80%
}
.services-block__text img,
.services-block__text svg {
display: block;
width: 27px;
height: 27px;
margin-right: 20px
}
.services-block__text p {
font-size: 12px;
line-height: 16px;
margin-bottom: 0
}
.services-block__controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.services-block__controls a {
display: block;
color: #77cbea;
font-size: 16px;
font-weight: 700
}
.services-block__modal {
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.services-block__modal:hover {
opacity: .6
}
.services-block__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.services-block__link span {
font-size: 12px;
font-weight: 400;
color: rgba(255, 255, 255, 0.6);
margin-right: 9px
}
.sdelka-section {
padding: 130px 0 0;
position: relative
}
.sdelka-section .section-header {
margin: 0 auto;
margin-bottom: 60px;
max-width: 66%
}
.sdelka-section .subheader {
max-width: 717px;
margin-bottom: 80px
}
.sdelka-section .subheader p {
font-size: 18px;
line-height: 22px;
font-weight: 400;
font-style: italic;
margin-bottom: 8px
}
.sdelka-section .subheader span {
float: right;
display: block;
color: #6c6c6c;
font-size: 12px;
line-height: 16px;
font-style: italic;
margin-right: 12px
}
.sdelka-section .features-block {
margin-bottom: 34px
}
.sdelka-section .features-block__img {
width: 46px;
height: 46px;
-webkit-box-flex: 0;
-ms-flex: 0 0 46px;
flex: 0 0 46px
}
.sdelka-section .btn {
margin-top: 28px;
margin-bottom: 90px
}
.sdelka__img {
margin-top: -134px;
position: absolute;
bottom: 0
}
.sdelka__img img {
display: block
}
.sdelka__label {
position: absolute;
right: 21px;
bottom: 99px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.08)
}
.sdelka-label {
padding: 15px 24px 11px 20px;
font-size: 12px;
line-height: 16px;
position: relative;
background-color: #fff;
border-radius: 5px;
max-width: 236px
}
.sdelka-label::before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: skew(-4deg);
-ms-transform: skew(-4deg);
transform: skew(-4deg);
background: #fff;
border-radius: 5px;
z-index: -1
}
.public-section {
padding: 65px 0;
background-color: #fff
}
.public-section .section-header {
margin-top: 15px;
margin-bottom: 40px
}
.public__img {
margin-left: -170px;
margin-top: 30px
}
.public__img--mobile {
display: none
}
.public__content {
text-align: right
}
.public__content p {
float: right;
font-size: 18px;
line-height: 26px;
margin-bottom: 25px;
max-width: 496px
}
.public__content .btn {
margin-top: 20px
}
.public-logos {
background-color: #f7f7f7;
border-radius: 50px;
padding: 24px 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 665px;
margin-bottom: 45px
}
.photos-section {
padding: 0 0 30px;
background-color: #fff;
position: relative
}
.photos-section .section-header {
margin-bottom: 16px
}
.photos-section .subheader {
font-size: 18px;
line-height: 26px;
font-weight: 400;
margin-bottom: 65px
}
.photo-gallery {
max-width: 980px;
margin: 0 auto;
margin-bottom: 40px
}
.photo-gallery__item {
width: 100%;
height: 583px;
border-radius: 5px;
overflow: hidden
}
.photo-gallery__item img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px
}
.mortgage-section {
padding: 120px 0 180px;
position: relative
}
.mortgage-section .row {
position: relative
}
.mortgage-section__subtitle {
margin-bottom: 30px;
position: relative
}
.mortgage-section__subtitle::before {
content: '';
position: absolute;
left: 0;
bottom: 13px;
height: 1px;
width: 56px;
background-color: #bcbcbc
}
.mortgage-section__subtitle span {
margin-left: 80px;
font-size: 24px;
line-height: 24px;
font-weight: 400;
margin-bottom: 0
}
.mortgage-section .section-header {
max-width: 90%;
margin-bottom: 43px
}
.mortgage-section .features-block {
margin-bottom: 25px;
margin-left: 15px
}
.mortgage-section .btn {
margin-top: 38px
}
.mortgage-label {
background-color: #fff;
border-radius: 5px;
position: absolute;
right: 0;
bottom: 0;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.08)
}
.mortgage-label__content {
border-radius: 5px;
padding: 28px;
font-size: 14px;
line-height: 21px;
font-style: italic;
max-width: 328px;
position: relative;
z-index: 5;
background-color: #fff
}
.mortgage-label span {
color: #3dabc3;
font-weight: 700
}
.mortgage-label::before {
content: '';
position: absolute;
left: -12px;
top: 0;
width: 100%;
height: 100%;
background-color: #77cbea;
border-radius: 5px;
z-index: 1
}
.reviews-section {
padding: 60px 0;
background-color: #fff;
position: relative
}
.reviews-video-slider {
margin-bottom: 100px
}
.reviews-video-slider__item {
max-width: 560px
}
.reviews-video-slider__item a {
position: relative;
display: block;
border-radius: 5px;
overflow: hidden;
height: 352px
}
.reviews-video-slider__item a img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
margin: 0 auto;
margin-bottom: 25px
}
.reviews-video-slider__content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.reviews-video-slider__content img,
.reviews-video-slider__content svg {
border-radius: 50%;
width: 111px;
height: 111px;
-webkit-box-shadow: 1px 10px 30px 10px rgba(52, 167, 192, 0.5);
box-shadow: 1px 10px 30px 10px rgba(52, 167, 192, 0.5);
margin-bottom: 25px;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.reviews-video-slider__content img:hover,
.reviews-video-slider__content svg:hover {
-webkit-box-shadow: 1px 1px 20px 5px rgba(52, 167, 192, 0.5);
box-shadow: 1px 1px 20px 5px rgba(52, 167, 192, 0.5)
}
.reviews-video-slider__content span {
display: block;
color: #fff;
font-size: 14px
}
.reviews-video-slider__play {
text-align: center
}
.reviews-slider .item {
max-width: 560px
}
.reviews-slider__item {
background-color: #f9f9f9;
padding: 33px;
border-radius: 5px
}
.experiance-section {
padding: 60px 0 20px;
background-color: #fff;
position: relative
}
.experiance-section__img {
margin-bottom: 24px
}
.experiance-section__img img {
display: block
}
.clients-block {
border-radius: 5px;
background-color: #fff;
padding: 30px 52px 40px;
-webkit-box-shadow: 0px 0px 29px 0px rgba(75, 75, 75, 0.08);
box-shadow: 0px 0px 29px 0px rgba(75, 75, 75, 0.08)
}
.clients-block .section-header {
margin-bottom: 0
}
.clients-slider {
margin-left: 90px;
max-width: 650px
}
.clients-slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.clients-slider .slider-arrow {
width: 17px;
height: 28px;
top: 38%
}
.clients-slider .slider-arrow__left {
left: -40px
}
.clients-slider .slider-arrow__right {
right: -40px
}
.clients-slider .slick-dots {
bottom: -20px
}
.clients-slider .item {
padding: 0 12px;
max-height: 85px
}
.clients-slider__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 12px
}
.consult-section {
padding: 80px 0 110px;
position: relative
}
.consult-section .section-header {
margin-bottom: 85px
}
.consult-section h5 {
margin-bottom: 50px
}
.consult-section .row {
position: relative
}
.consult-section .col-lg-3 {
position: relative
}
.consult-section__img {
position: absolute;
bottom: -95px;
right: -265px
}
.consult-section__img img {
display: block
}
.consult-section__label {
position: absolute;
right: 95px;
bottom: 0
}
.consult-section .features-block {
margin-bottom: 43px
}
.consult-section__form {
max-width: 332px;
background-color: #fff;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(100, 100, 100, 0.08);
box-shadow: 0px 0px 15px 0px rgba(100, 100, 100, 0.08);
padding: 44px 26px 86px;
text-align: center
}
.consult-section__form h3 {
font-size: 20px;
line-height: 26px;
margin-bottom: 40px
}
.consult-section__form h3 span {
color: #34a7c0;
font-weight: 700
}
.consult-section__form input {
margin-bottom: 10px
}
.consult-section__form .btn {
margin-bottom: 30px
}
.consult-section__form .checkbox {
text-align: center;
margin: 0 auto
}
.consult-section__form .checkbox-style {
left: 30px
}
.consult-letter {
position: absolute;
bottom: -95px;
right: -265px
}
.consult-letter img {
display: block
}
.social-section {
padding: 70px 0;
background-color: #fff;
position: relative
}
.social-section .section-header {
margin-bottom: 53px
}
.social-section__content {
margin-top: 10px
}
.social-section__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 375px;
margin-bottom: 21px
}
.social-section__box .btn {
width: 100%;
max-width: 43%;
-webkit-box-flex: 0;
-ms-flex: 0 0 43%;
flex: 0 0 43%
}
.social-section__box h4 {
margin-left: 32px;
font-size: 18px;
line-height: 24px;
font-weight: 700;
margin-bottom: 0
}
.social-section__box h4 span {
display: block;
margin-top: 8px;
font-size: 12px;
line-height: 15px;
font-weight: 400
}
.faq {
background-color: #fff;
position: relative;
padding: 0 0 80px
}
.faq-block {
border-bottom: 1px solid #eaeaea;
overflow: hidden;
padding: 33px 7px;
position: relative
}
.faq-block__title {
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer
}
.faq-block__title img,
.faq-block__title svg {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
width: 21px;
height: 12px;
-webkit-box-flex: 0;
-ms-flex: 0 0 21px;
flex: 0 0 21px
}
.faq-block__title span {
-webkit-box-flex: 0;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
font-size: 16px;
line-height: 21px;
font-weight: 700
}
.faq-block__title.is-active img,
.faq-block__title.is-active svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.faq-block__num {
color: #c7c7c7;
font-size: 18px;
line-height: 18px;
font-weight: 400
}
.faq-block__text {
background: #fff;
padding: 30px 0 0 60px;
font-size: 14px;
line-height: 19px;
max-width: 420px
}
.faq-blocks {
position: relative
}
.sert-section {
padding: 0 0 60px;
background-color: #fff;
position: relative
}
.sertificate-slider .slider-arrow {
top: 38%
}
.sertificate-slider__item a {
display: block;
height: 256px;
max-width: 357px
}
.sertificate-slider__item a img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.contacts {
padding: 60px 0 65px;
position: relative;
background-color: #fff
}
.contacts__box {
margin-bottom: 40px;
border-bottom: 1px solid #D7D7D7
}
.contacts__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 65px
}
.contacts__header .section-header {
margin-bottom: 0
}
.contacts__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.contacts__text img,
.contacts__text svg {
display: block;
margin-right: 29px
}
.contacts__text span {
display: block;
font-size: 16px
}
.address-block {
position: relative;
border-left: 15px solid #34a7c0;
padding-left: 24px
}
.address-block h5 {
font-size: 16px
}
.address-gallery .slider-arrow {
width: 24px;
height: 38px;
opacity: 1
}
.address-gallery .slider-arrow__left {
left: 20px
}
.address-gallery .slider-arrow__right {
right: 20px
}
.address-gallery__item {
border-radius: 5px;
overflow: hidden;
height: 420px
}
.address-gallery__item img {
display: block;
border-radius: 5px;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
iframe {
border-radius: 5px;
overflow: hidden
}
.custom-form {
max-width: 359px;
margin-top: 50px;
margin-bottom: 30px
}
.custom-form input {
margin-bottom: 11px
}
.custom-form textarea {
margin-bottom: 5px
}
.custom-form .btn {
margin-bottom: 15px
}
.custom-form .checkbox {
margin-right: 0;
float: none;
margin: 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.custom-form .checkbox a {
margin-left: 11px
}
.custom-form .checkbox-style {
left: 0
}
.table {
margin-bottom: 30px;
font-size: 16px
}
.table__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.table__head .table__td {
background-color: #92cbe9;
font-weight: 600;
padding: 23px 10px 23px 25px
}
.table__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 6px
}
.table__col {
padding: 0 3px
}
.table__col:first-child {
float: left;
width: 23%
}
.table__col:nth-child(2) {
float: left;
width: 27%
}
.table__col:last-child {
float: left;
width: 50%
}
.table__td {
padding: 23px 10px 0 25px;
background-color: #f6f5f5;
height: 100%
}
.table__td ul {
margin-bottom: 20px
}
.table p {
font-size: 16px;
line-height: 26px
}
.table h6 {
font-size: 16px;
line-height: 26px;
font-weight: 700;
display: block;
margin-bottom: 8px
}
.orange {
color: #c8821c;
font-weight: 700
}
.green {
color: #4d972e;
font-weight: 700
}
.red {
color: #c83e24;
font-weight: 700
}
.table-controls {
display: none
}
.menu-menu-1-container {
width: 100%
}
.wpcf7 .ajax-loader {
display: none
}
.consult-label {
max-width: 135px
}
.works-section {
padding: 90px 0 10px
}
.work-text {
background-color: #f9f9f9;
border-radius: 5px;
height: 352px;
padding: 50px 30px;
max-width: 560px;
margin: 0 auto
}
@media only screen and (max-width: 1445px) {
.social-fixed {
right: 3%
}
}
@media only screen and (max-width: 1200px) {
.header-top {
padding: 10px 0
}
.phone a {
font-size: 18px;
line-height: 22px
}
.phone-label {
margin-bottom: 0
}
.callback {
margin-top: 0
}
.home-section {
padding-top: 205px;
min-height: 770px
}
.home-section .btn {
margin-top: 10px
}
.home-subtitle {
margin-bottom: 15px
}
.home__offer {
margin-bottom: 30px
}
.home__title {
font-size: 34px;
line-height: 44px;
max-width: 90%
}
.features-block {
margin-bottom: 20px
}
.features-block__text p {
font-size: 14px
}
.section-header {
font-size: 28px;
line-height: 38px
}
.reviews-video-slider .item {
padding: 0 15px
}
.reviews-video-slider .slider-arrow__left {
left: -30px
}
.reviews-video-slider .slider-arrow__right {
right: -30px
}
.reviews-slider .item {
padding: 0 15px
}
.reviews-slider .slider-arrow__left {
left: -30px
}
.reviews-slider .slider-arrow__right {
right: -30px
}
.social-section__img img {
max-width: 100%;
height: auto
}
.sertificate-slider .slider-arrow__left {
left: -30px
}
.sertificate-slider .slider-arrow__right {
right: -30px
}
}
@media only screen and (max-width: 1025px) {
.btn {
font-size: 14px;
line-height: 14px
}
.sdelka-section .features-block {
margin-bottom: 18px
}
.sdelka-section .btn {
margin-bottom: 60px
}
.sdelka__img img {
max-width: 100%;
height: auto
}
.photo-gallery {
max-width: 80%
}
.consult-section .section-header {
margin-bottom: 60px
}
.consult-section__img {
right: -190px
}
.consult-section__img img {
max-width: 100%;
height: auto
}
.sertificate-slider__item a {
margin: 0 auto
}
}
@media only screen and (max-width: 991px) {
.calculate-section {
padding-top:142px;
}
.header-bottom {
display: none
}
.header-top__inner .info-block {
display: none
}
.header__right {
position: relative
}
.header__right .phone-label {
display: none
}
.header__right .phone {
display: none
}
.header__right .callback {
display: none
}
.info-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.info-mobile span {
margin-left: 10px;
display: block;
color: #282828;
text-decoration: underline;
cursor: pointer
}
.info-mobile span:hover {
text-decoration: none
}
.info-mobile-block {
display: none;
margin: auto;
position: absolute;
right: 0;
top: 30px;
padding: 20px;
border-radius: 20px;
background-color: #fff;
-webkit-box-shadow: 0px 4.97409px 12.4352px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4.97409px 12.4352px rgba(0, 0, 0, 0.1);
z-index: 9999;
width: 240px
}
.info-mobile-block .info-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 20px
}
.info-mobile-block .phone-label {
display: block
}
.info-mobile-block .phone {
display: block
}
.info-mobile-block .callback {
display: block
}
.nav__toggle {
display: block
}
.logo img,
.logo svg {
max-width: 70px
}
.custom-page {
padding-top: 125px
}
.home-section {
padding-top: 125px
}
.home-section .features-block {
max-width: 375px
}
.home__title {
font-size: 32px;
line-height: 41px
}
.social-fixed a {
width: 40px;
height: 40px
}
.social-fixed a img,
.social-fixed a svg {
width: 16px;
height: 16px
}
.form-row {
display: block;
margin-bottom: 0
}
.form-col {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 15px
}
.checkbox {
float: none;
margin-right: 0;
margin-left: 30px
}
.photo-gallery__item {
height: 330px
}
.reviews-video-slider__item {
margin: 0 auto
}
.reviews-video-slider__item a {
margin: 0 auto;
text-align: center
}
.reviews-slider {
max-width: 85%;
margin: 0 auto
}
.reviews-slider .item {
max-width: 100%;
margin: 0 auto;
text-align: center
}
.reviews-slider__item {
max-width: 80%;
margin: 0 auto
}
.clients-slider {
margin-left: 0
}
.sdelka__img {
position: relative;
margin-top: 0
}
.public__img {
display: none
}
.public__img--mobile {
display: block;
margin-left: 0;
margin-top: 50px
}
.public__img--mobile img {
display: block;
max-width: 100%;
height: auto
}
.public-logos {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around
}
.public-logos__item {
margin: 0 10px
}
.public__content {
text-align: left
}
.public__content p {
max-width: 100%;
float: none
}
.public__btn {
text-align: center
}
.mortgage-section__subtitle {
margin-bottom: 10px
}
.mortgage-section__subtitle span {
font-size: 18px
}
.clients-block .section-header {
text-align: center;
margin-bottom: 15px
}
.consult-section {
padding-bottom: 0
}
.consult-section__img {
position: relative;
margin-top: 0;
right: 0;
bottom: 21px;
-webkit-transform: translateX(20%);
-ms-transform: translateX(20%);
transform: translateX(20%)
}
.consult-section__label {
right: auto;
left: 60px;
bottom: 37px;
background-color: #fff;
border-radius: 5px;
padding: 11px
}
.social-section {
margin-top: -23px
}
.contacts__header {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px
}
.contacts__text {
margin-top: 30px
}
#map {
margin-bottom: 20px
}
.footer__img {
left: -140px
}
.table {
font-size: 14px;
line-height: 19px
}
.table p {
font-size: 14px;
line-height: 19px
}
.table__head .table__td {
padding: 23px 10px 23px 10px
}
.table__td {
padding: 23px 10px 0 10px
}
}
@media only screen and (max-width: 768px) {
.yaReview-block img {
width:50px;
}
.header-top__inner .social-block {
display: none
}
.header__right {
margin-right: 80px
}
.mobile__menu .social-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px
}
.home-section {
background-position: left center !important
}
.sber-label {
bottom: -65px
}
}
@media only screen and (max-width: 767px) { .home-subtitle::before {
width: 30px;
bottom: 14px
}
.home-subtitle h2 {
font-size: 14px;
margin-left: 45px
}
.home__featuresTitle {
font-size: 14px;
}
.home-subtitle__label {
font-size: 10px;
line-height: 10px
}
.home__title {
margin-bottom:20px;
font-size: 22px;
line-height: 28px;
max-width: 100%
}
.home__offer {
margin-bottom:25px;
}
.sber-label {
right: 0;
left: 0;
margin: auto;
bottom: -159px
}
.scroll-down {
display: none
}
.home-section {
margin-bottom: 60px
}
.home-section .btn {
margin-bottom: 60px
}
.features-block__text p {
font-size: 13px;
line-height: 17px
}
.section-header {
font-size: 22px;
line-height: 30px;
margin-bottom: 35px
}
.services-block {
padding: 18px 36px 22px 20px
}
.services-block__title {
font-size: 14px;
margin-bottom: 15px
}
.services-block__text {
margin-bottom: 18px
}
.services-block__controls a {
font-size: 14px
}
.services-section {
padding-bottom: 0
}
.sdelka-section .section-header {
margin-bottom: 30px
}
.sdelka-section .subheader {
margin-bottom: 60px
}
.sdelka-section .subheader p {
font-size: 14px;
line-height: 19px
}
.public-logos {
max-width: 100%
}
.public__content p {
font-size: 14px;
line-height: 18px
}
.photos-section .subheader {
font-size: 14px;
margin-bottom: 40px
}
.photo-gallery__item {
height: 230px
}
.slider-arrow {
width: 35px;
height: 35px
}
.mortgage-section .section-header {
margin-bottom: 30px
}
.mortgage-section__subtitle::before {
width: 30px;
bottom: 11px
}
.mortgage-section__subtitle span {
font-size: 14px;
margin-left: 45px
}
.mortgage-section .btn {
margin-top: 20px
}
.mortgage-label {
left: 0;
margin: auto;
max-width: 328px;
bottom: -160px
}
.reviews-video-slider__content img,
.reviews-video-slider__content svg {
width: 60px;
height: 60px;
margin-bottom: 10px
}
.consult-section .section-header {
margin-bottom: 30px
}
.consult-section h5 {
margin-bottom: 20px
}
.consult-section .features-block {
margin-bottom: 25px
}
.consult-section__form {
padding-bottom: 60px;
margin-top: 30px;
max-width: 95%;
margin: 0 auto
}
.consult-section__form .checkbox {
margin-left: 30px
}
.consult-section__form .checkbox-style {
left: -30px
}
.social-section .section-header {
margin-bottom: 30px
}
.faq-block__title {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.footer {
padding: 40px 0
}
.footer__inner {
display: block
}
.footer__left {
margin-left: 0;
text-align: center;
margin: 0 auto
}
.footer__right {
margin: 0 auto;
text-align: center;
margin-top: 30px
}
.footer .container {
position: unset
}
.footer__img {
bottom: 0;
left: -60px
}
.footer__img img {
display: block
}
.footer h6 {
margin-bottom: 30px
}
.footer .social-block {
margin-bottom: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.footer .info-block {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.footer .phone-label::before {
left: -165px;
right: 0;
margin: auto
}
.privacy {
margin-top: 30px
}
.table {
width: 800px;
overflow: visible
}
.table-responsive {
overflow-y: scroll
}
.table-controls {
display: block;
-webkit-animation: slideArrowHorizontal 1.2s infinite alternate ease-in-out;
animation: slideArrowHorizontal 1.2s infinite alternate ease-in-out;
text-align: right
}
.table-controls img,
.table-controls svg {
width: 30px;
height: 30px
}
}
@media only screen and (max-width: 575px) {
.reviews-slider__item {
max-width: 100%
}
.reviews-slider .item {
max-width: 100%;
padding: 0
}
.services-block__text {
max-width: 100%
}
.sdelka-section .section-header {
max-width: 100%
}
.mobile__menu {
margin-left: 0;
width: 100%
}
.home-subtitle {
margin-bottom: 25px
}
.home-subtitle::before {
bottom: 11px
}
.home-subtitle__label {
position: absolute;
bottom: -30px
}
.logo {
max-width: 160px
}
.logo__span {
font-size: 10px;
line-height: 15px;
font-weight: 400;
margin-left: 12px;
padding-left: 13px
}
.info-mobile span {
display: none
}
.slider-arrow__left {
left: -30px
}
.slider-arrow__right {
right: -30px
}
.reviews-video-slider .slider-arrow__left {
left: -10px
}
.reviews-video-slider .slider-arrow__right {
right: -10px
}
.reviews-video-slider__item a {
height: 230px
}
.sertificate-slider .slider-arrow__left {
left: -10px
}
.sertificate-slider .slider-arrow__right {
right: -10px
}
.consult-section__img {
bottom: 17px
}
.faq-block__title span {
font-size: 14px;
line-height: 18px
}
.contacts__header {
display: block
}
.contacts .section-header {
margin-bottom: 20px
}
.contacts__text span {
font-size: 13px;
line-height: 16px
}
#map {
height: 270px
}
#map iframe {
height: 270px
}
.address-gallery__item {
height: 270px
}
.footer__img {
display: none
}
.services-block {
padding: 18px 10px 22px 10px
}
.services-block__text img,
.services-block__text svg {
width: 16px;
height: 16px;
-webkit-box-flex: 0;
-ms-flex: 0 0 16px;
flex: 0 0 16px;
margin-right: 10px
}
.services-block__controls a {
font-size: 13px
}
.photos-section .subheader {
line-height: 19px
}
.faq .section-header {
margin-bottom: 25px
}
.faq-block {
padding: 20px 0
}
.faq-block__text {
padding: 30px 0 0 33px
}
}
.crm-objects {
padding-top: 270px;
padding-bottom: 120px;
}
.crm-objects__container {
max-width: 1160px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.crm-objects__items {
width: 865px;
}
.crm-objetcs__filters {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.crm-objects__types {
width: 230px;
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px;
}
.crm-objects__type {
padding: 12px 20px;
background: #F6F5F5;
border-radius: 5px;
font-size: 12px;
line-height: 15px;
text-align: center;
color: #000000;
margin-bottom: 5px;
cursor: pointer;
}
.crm-objects__type.active {
background: #77CBEA;
}
.crm-objects__type:last-child {
margin-bottom: 0;
}
.crm-objects__select {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 197px;
margin-bottom: 15px;
}
.crm-objects__select label {
font-weight: 700;
font-size: 12px;
line-height: 15px;
color: #000000;
margin-bottom: 7px;
}
.crm-objects__select-wrap {
position: relative;
width: 100%;
}
.crm-objects__select-wrap svg {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
right: 12px;
}
.crm-objects__select select {
width: 100%;
height: 30px;
background: white;
box-shadow: none;
border: 1px solid #D8D8D8;
border-radius: 5px;
padding: 0;
font-size: 12px;
line-height: 120%;
color: #3F3F3F;
padding-left: 14px;
cursor: pointer;
appearance: none;
padding-right: 20px;
}
.crm-objects__select option {
cursor: pointer;
}
.crm-objects__range {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 197px;
margin-bottom: 15px;
}
.crm-objects__range label {
font-weight: 700;
font-size: 12px;
line-height: 15px;
color: #000000;
margin-bottom: 7px;
}
.crm-objects__range div {
display: flex;
height: 30px;
border-radius: 5px;
border: 1px solid #D8D8D8;
padding-left: 14px;
padding-right: 14px;
}
.crm-objects__range input {
width: 50%;    
box-sizing: border-box;
border: none;
box-shadow: none;
padding: 0;
background: white;
font-size: 12px;
line-height: 12px;
color: black;
}
.crm-objects__range input::placeholder {
font-size: 12px;
line-height: 12px;
}
.crm-objects__range input:first-child {
border-right: 1px solid #D8D8D8;
border-radius: 0;
padding-right: 14px;
}
.crm-objects__range input:last-child {
padding-left: 14px;
}
.crm-objects__filter-last {
margin-bottom: 10px;
}
.crm-objects__filter-btn {
width: 197px;
height: 38px;
background: linear-gradient(180deg, #58B8CD 0%, #34A7C0 100%), #377ADE;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 13px;
line-height: 13px;
text-align: center;
color: #FFFFFF;
border: none;
cursor: pointer;
margin-bottom: 17px;
box-shadow: 1px 5px 15px #58b8cd;
transition: all .3s ease;
}
.crm-objects__filter-btn:hover {
box-shadow: 1px 1px 8px #58b8cd;
}
.crm-objects__filter-reset {    
font-size: 10px;
line-height: 12px;
color: #959595;
border-bottom: 1px dashed #959595;
}
.crm-objects__sort-label {
font-size: 12px;
line-height: 15px;
color: #000000;
margin-right: 34px;
}
.crm-objects__sorts {
display: flex;
align-items: center;
justify-content: flex-end;
}
.crm__objects__sort {
display: flex;
align-items: center;
margin-right: 28px;
cursor: pointer;
}
.crm__objects__sort:last-child {
margin-right: 0;
}
.crm__objects__sort span {
margin-right: 11px;
color: #868686;
font-size: 12px;
line-height: 15px;
}
.crm__objects__sort svg {
display: none;
}
.crm__objects__sort.down svg {
display: block;
}
.crm__objects__sort.down span {
color: #153D65;
}
.crm__objects__sort.up svg {
display: block;
transform: rotate(180deg);
}
.crm__objects__sort.up span {
color: #153D65;
}
.crm-objects__sorts {
margin-bottom: 24px;
}
.crm-objects__list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.crm-objects__img {
width: 275px;
height: 211px;
object-fit: cover;
display: block;
margin-bottom: 10px;
transition: all .3s ease;    
}
.crm-objects__item-name {
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #34A7C0;
margin-bottom: 4px;
}
.crm-objects__item-price {
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #000000;
margin-bottom: 3px;
}
.crm-objects__item-address {
font-size: 12px;
line-height: 15px;
color: #000000;
}
.crm-objects__item {
max-width: 275px;
margin-bottom: 36px;
cursor: pointer;
transition: all .2s ease;
}
.crm-objects__item:hover .crm-objects__img {
box-shadow: 0px 4px 15px rgba(52, 167, 192, 0.5);
}
.fake__item {
width: 275px;
height: 0;
opacity: 0;
}
.crm-objects__pag-pagination {
display: flex;
align-items: center;
}
.crm-objects__pag {
display: flex;
justify-content: center;
margin-top: 24px;
user-select: none;
}
.crm-objects__pag-pagination li:first-child {
margin-right: 16px;
}
.crm-objects__pag-pagination li:last-child {
margin-left: 16px;
}
.crm-objects__pag-prev.disabled a {
color: #9D9D9D;
}
.crm-objects__pag-next.disabled a {
color: #9D9D9D;
}
.crm-objects__pag-item {
padding: 2px 6px;
}
.crm-objects__pag-item.active {
background: #77CBEA;
}
.object-single {
padding-top: 260px;
padding-bottom: 100px;
}
.object-single__back {
display: flex;
align-items: center;
margin-bottom: 20px;
cursor: pointer;
}
.object-single__container {
width: 1160px;
margin: 0 auto;
}
.object-single__back span {
font-size: 12px;
line-height: 14px;
color: #19223D;
margin-left: 13px;
}
.object-single__photos-big {
width: 100%;
height: 434px;       
cursor: pointer;
display: block;
}
.object-single__swiper {
overflow-x: hidden;
position: relative;
}
.object-single__swiper-next {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
cursor: pointer;
}
.object-single__swiper-prev {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
cursor: pointer;
}
.swiper-button-disabled {
opacity: .5;
}
.object-single__photos-big img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
background: lightgray; 
user-select: none;
}
.object-single__photos-small {
margin-top: 18px;
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;    
}
.object-single__photos-small a {
width: 68px;
height: 56px;
cursor: pointer;
display: block;
margin-bottom: 5px;   
border: 2px solid transparent 
}
.object-single__photos-small a.active {
border: 2px solid #34A7C0;
}
.object-single__photos-small img {
width: 100%;
height: 100%;
display: block;
cursor: pointer;
object-fit: cover;
}
.object-single__photos {
width: 566px;
margin-right: 102px;
}
.object-single__content {
display: flex;
justify-content: space-between;
}
.object-single__descr {
flex-grow: 1;
}
.object-single__title {
font-weight: 600;
font-size: 22px;
line-height: 28px;
color: #34A7C0;
margin-bottom: 6px;
}
.object-single__price {
display: flex;
align-items: center;
}
.object-single__price span:first-child {
font-weight: 700;
font-size: 26px;
line-height: 32px;
color: #19223D;
}
.object-single__price span:last-child {
font-size: 14px;
line-height: 17px;
color: #000000;
margin-left: 19px;
position: relative;
top: 2px;
}
.object-single__address {
font-size: 17px;
line-height: 21px;
color: #000000;
margin-top: 7px;
margin-bottom: 53px;
}
.object-single__key {
font-size: 14px;
line-height: 17px;
color: #8B8B8B;
}
.object-single__value {
font-size: 14px;
line-height: 17px;
color: black;
}
.object-single__prop {
margin-bottom: 14px;
}
.object-single__prop:last-child {
margin: 0;
}
.object-single__action {
font-size: 12px;
line-height: 15px;
color: #000000;
margin-top: 54px;
margin-bottom: 24px;
}
.object-single__manager {
font-weight: bold;
font-size: 12px;
line-height: 130%;
color: black;
margin-bottom: 10px;
}
.object-single__manager span {
font-weight: 400;
font-size: 12px;
line-height: 130%;
color: #8B8B8B;
}
.object-single__phones {
font-weight: 700;
font-size: 22px;
line-height: 28px;
color: #19223D;
margin-bottom: 18px;
}
.object-single__btn {
width: 230px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: linear-gradient(180deg, #58B8CD 0%, #34A7C0 100%), #377ADE;
box-shadow: 0px 4px 8px rgba(52, 167, 192, 0.4);
border-radius: 5px;
font-weight: 600;
font-size: 14px;
color: #FFFFFF;
cursor: pointer;
box-shadow: 1px 5px 15px #58b8cd;
transition: all .3s ease;
margin-bottom: 7px;
}
.object-single__btn:hover {
box-shadow: 1px 1px 8px #58b8cd;
}
.object-single__map {
margin-top: 18px;    
width: 100%;
height: 290px;
margin-bottom: 60px;
}
#object-single-map {
width: 100%;
height: 100%;
background: lightgray;
}
.object-single__text-title {
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: #19223D;
margin-bottom: 18px;
}
.object-single__text-text {
width: 547px;
font-size: 14px;
line-height: 150%;
color: #000000;
}
.object-single__spec-title {
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: #19223D;
margin-bottom: 20px;
}
.object-single__bottom {
display: flex;
}
.objeect-single__text {
margin-right: 121px;
}
.object-single__spec {
margin-bottom: 40px;
}
.object-single__spec:last-child {
margin-bottom: 0;
}
.objects-show {
display: block !important;
}
.crm-objects__sort {
padding: 0;
background: none;
color: black;
box-shadow: none;
width: 130px;
cursor: pointer;
padding-right: 5px;
}
.crm-objects__nav {
display: flex;
justify-content: space-between;
margin-bottom: 24px;
}
.crm-objects__filters-open {
display: flex;
align-items: center;
opacity: 0;
pointer-events: none;
}
.crm-objects__filters-open span {
font-size: 12px;
line-height: 15px;
color: #030303;
}
.crm-objects__filters-open img {
width: 16px;
display: block;
margin-left: 9px;
}
.crm-objects__filters-close {
display: none;
}
@media only screen and (max-width: 600px) {
.crm-objects__container {
width: 340px;
}
.crm-objetcs__filters {
display: none;
}
.crm-objects__filters-open {
opacity: 1;
pointer-events: unset;
cursor: pointer;
}
.crm-objects__sort {
font-size: 12px;
width: 110px;
}
.crm-objects__item {
width: 165px;
}
.crm-objects__img {
width: 165px;
height: 126px;
object-fit: cover;
display: block;
}
.crm-objects__nav {
margin-bottom: 21px;
}
.crm-objects {
padding-top: 110px;
padding-bottom: 50px;
}
.crm-objects__item-name {
font-weight: 600;
font-size: 10.45px;
line-height: 13px;
margin-bottom: 0;
}
.crm-objects__item-price {
font-weight: 700;
font-size: 11.4px;
line-height: 14px;
margin-bottom: 0;
}
.crm-objects__item-address {
font-weight: 400;
font-size: 7.60001px;
line-height: 9px;
}
.crm-objects__item {
margin-bottom: 20px;
}
.crm-objects__pag-prev {
font-size: 11px;
}
.crm-objects__pag-next {
font-size: 11px;
}
.crm-objects__pag-item {
font-size: 12px;        
}
.crm-objects__pag {
margin-top: 8px;
}
.crm-objetcs__filters {
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 999999999;
background: white;
overflow-y: scroll;
}
.crm-objects__filters-inner {
margin: 0 auto;
width: 230px;
margin-top: 60px;
margin-bottom: 60px;
}
.crm-objects__filters-close {
display: block;
width: 16px;
position: absolute;
top: 34px;
right: 34px;
}
.object-single {
padding-top: 110px;
}
.object-single__container {
width: 340px;
}
.object-single__content {
flex-direction: column;
}
.object-single__photos-small {
display: none;
}
.object-single__photos {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.object-single__photos-big {
height: 260px;
}
.object-single__title {
font-size: 18px;
line-height: 22px;
margin-bottom: 3px;
}
.object-single__price span:first-child {
font-size: 22px;
line-height: 27px;
}
.object-single__price span:last-child {
font-size: 14px;
line-height: 17px;
}
.object-single__address {
font-size: 14px;
line-height: 17px;
margin-top: 3px;
margin-bottom: 26px;
}
.object-single__prop {
margin-bottom: 8px;
}
.object-single__action {
margin-top: 30px;
margin-bottom: 14px;
}
.object-single__btn {
margin-bottom: 0;
}
.object-single__content {
margin-bottom: 30px;
}
.object-single__map {
height: 210px;
margin-bottom: 30px;
}
.objeect-single__text {
margin-right: 0;
margin-top: 25px;
}
.object-single__text-text {
width: 100%;
margin-bottom: 0;
}
.object-single__bottom {
flex-direction: column;
}
.object-single__specs {
order: -1;
}
.object-single {
padding-bottom: 50px;
}
.object-single__spec-title {
font-size: 16px;
line-height: 20px;
margin-bottom: 12px;
}
.object-single__spec {
margin-bottom: 25px;
}
.object-single__text-title {
font-size: 16px;
line-height: 20px;
margin-bottom: 12px;
}
}
.table__col {
height: auto !important;   
}
.table p {
margin-bottom: 0;
}
.table__td {
padding-bottom: 23px;
}
.table__td, .table__td h6, .table__td p {
font-size: 14px;
line-height: 21px;
} .cookie-banner {
position: fixed;
bottom: 24px;
left: 24px;
transform: translateX(0) translateY(100px);
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
gap: 24px;
background-color: #ffffff;
color: #1d1d1f;
padding: 12px 16px 12px 20px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(0, 0, 0, 0.04);
max-width: 410px;
width: calc(100% - 48px);
box-sizing: border-box;
z-index: 9999999;
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
opacity 0.4s ease, 
visibility 0.4s;
} .cookie-banner--active {
transform: translateX(0) translateY(0);
opacity: 1;
visibility: visible;
} .cookie-text {
font-size: 14px;
line-height: 1.4;
margin: 0;
color: #515154;
}
.cookie-link {
color: #34a7c0;
text-decoration: none;
margin-left: 4px;
}
.cookie-link:hover {
text-decoration: underline;
} .cookie-btn {
background-color: #34a7c0;
color: #ffffff;
border: none;
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
border-radius: 8px;
cursor: pointer;
-webkit-box-shadow: 1px 5px 15px #58b8cd;
box-shadow: 1px 5px 15px #58b8cd;
transition: all 0.3s ease;
}
.cookie-btn:hover {
-webkit-box-shadow: 1px 1px 8px #58b8cd;
box-shadow: 1px 1px 8px #58b8cd;
transition: all 0.3s ease;
} @media (max-width: 768px) {
.cookie-text {
font-size:12px;
}
.cookie-banner {
max-width: initial;
gap: 10px;
padding: 13px;
bottom: 0;
left:0;
width: 100%;
border-radius:0;
justify-content: center;
}
.cookie-btn {
align-self: flex-end;
width: auto;
padding:8px 13px;
}
}