File: /var/www/html/img/main.css
.page-started {
overflow-x: hidden;
}
body {
font-family: 'Montserrat', sans-serif!important;
margin: 0 !important;
margin: 0 !important;
font-weight: 300;
}
.wrp {
margin-left: auto;
margin-right: auto;
width: 1240px;
padding-left: 50px;
}
div
a {
cursor: pointer;
text-decoration: none;
}
a:active, a:focus { outline: none; }
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
button:active, button:focus {
outline: none;
}
button:active, button:focus {
outline: none;
}
button, input {
-webkit-appearance: none;
}
.left-bar {
position: fixed;
z-index: 66;
top: 0;
left: 0; width: 50px;
box-sizing: border-box;
height: 100vh;
background: #F2F7FF;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 70px;
}
.left-bar-social {
display: flex;
align-items: center;transform: rotate(-90deg);
}
.left-bar-social a {
display: flex; font-weight: 400;
font-size: 11px;
line-height: 14px;
/* identical to box height */
color: #000000;
margin-right: 35px;
align-items: center;
}
.left-bar-social img {
transform: rotate(0deg);
margin-right: 10px;
}
.left-bar-menu {
background: rgba(10, 64, 147, 1);
text-align: center; font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 17px;
text-align: center;
cursor: pointer;
color: #FFFFFF;
height: 134px;
box-sizing: border-box;
transition: 0.3s;
color: #FFFFFF;
}
.left-bar-menu:hover { transition: 0.3s;
background: #3D5074;
}
.left-bar-menu span {
transform: translateY(92px) rotate(-90deg);
display: block;
white-space: nowrap;
}
.header-top-line {
padding-top: 10px;
padding-bottom: 10px;
background: #F2F7FF;
}
.top-line ul {
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
.top-line ul li a {
font-weight: 400;
font-size: 14px;
line-height: 17px;
/* identical to box height */
transition: 0.3s;
text-decoration-line: underline;
color: #000000;
display: block;
margin-right: 40px;
opacity: 0.6;
}
.top-line ul li a:hover {
opacity: 1;
transition: 0.3s;
}
.header-wrapper {
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(224, 224, 224, 0.4);
}
.header {
display: flex;
align-items: center;justify-content: space-between;
}
.header-inform-right-subtitle {
font-weight: 400;
font-size: 12px;
line-height: 143.8%;
/* or 17px */
/* Black */
color: #000000;
opacity: 0.3;
margin-bottom: 5px;
}
.header-inform-right-link {
font-weight: 500;
font-size: 18px;
line-height: 22px;
/* identical to box height */
display: flex;
align-items: center;
transition: 0.3s;
color: #000000;
}
.header-inform-right-link img {
margin-right: 14px;
}
.header-inform-right-link:hover {
transition: 0.3s;
color: #0A4093;
}
.header-right {
display: flex;
}
.header-button {
transition: 0.3s;
font-weight: 500;
font-size: 14px;
line-height: 17px;
/* identical to box height */
/* White */
color: #FFFFFF;
background: #0A4093;
border-radius: 5px;
display: flex;
align-items: center;justify-content: center;
width: 182px;
height: 43px;
cursor: pointer;
}
.header-button:hover {
transition: 0.3s;
background: #3D5074;
}
.header-inform-right-item {
margin-right: 40px;
}
.section-one {
position: relative;
padding-top: 50px;
padding-bottom: 75px;
}
.section-one-img {
position: absolute;
top: 0;
width: 100%;
z-index: -1;
left: 50%;
transform: translateX(-50%);
}
.section-one-img img {
width: 100%;
}
h1.titleh1 {
font-weight: 700;
font-size: 45px;
line-height: 55px;
text-align: center;
width: 635px;
margin-left: auto;
margin-right: auto;
color: #333333;
margin-bottom: 30px;
margin-top: 0;
}
.descr-one {
font-weight: 400;
font-size: 18px;
line-height: 22px;
text-align: center;
color: #000000;
}
.form_radio {
margin-right: 25px;
}
.form_radio input[type=radio] {
display: none;
}
.form_radio label {
display: flex;
align-items: center;
cursor: pointer;
position: relative;
user-select: none;
padding: 12px 22px;
font-weight: 600;
font-size: 16px;
line-height: 20px;
/* identical to box height */
color: #333333;
border: 1px solid #fff;
background: #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);
border-radius: 10px;
}
.constr-radio-input {
width: 18px;
margin-right: 10px;
border-radius: 50%;
cursor: pointer;
height: 18px;border: 3px solid #fff;
background: #ffffff;
box-shadow: 0 0px 0px 1px rgba(51, 51, 51, 0.3);
}
/* Checked */
.form_radio input[type=radio]:checked + label {
border: 1px solid #0A4093;
box-shadow: 0px 4px 12px rgba(60, 81, 116, 0.5);
}
.form_radio input[type=radio]:checked + label .constr-radio-input {
background: #0A4093;
}
/* Hover */
.form_radio label:hover{
border: 1px solid #333333;
}
.razmer-table-button {
font-size: 14px;
line-height: 145%;
/* or 20px */
text-decoration-line: underline;
/* New/#5081A7 */
color: #5081A7;
margin-top: 10px;
}
.filter-item-vis {
display: flex;
margin-bottom: 30px;
}
.filter-item-title {
font-weight: 600;
font-size: 16px;
line-height: 20px;
/* identical to box height */
color: #000000;
margin-bottom: 12px;
}
.filter-item-vid-iner {
display: flex;
align-items: center;justify-content: space-between;
}
.filter-item-vid-iner .form_radio {
margin-right: auto;
margin-left: auto;
width: 24%;
}
.filter-item-vid-iner .form_radio label {
width: 100%;
box-sizing: border-box;
}
.filter-two-col {
margin-top: 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
.filter-col-filters {
width: 675px;
}
.filter-line-filters {
display: flex;
margin-top: 30px;
justify-content: space-between;
}
.filter-select-item {
width: 323px;
}
.filter-range-item {
width: 323px;
}
.filter-select-item select {
background: #FFFFFF;
border: 1px solid #0A4093;
border-radius: 5px;
padding: 15px 20px;font-weight: 400;
font-size: 18px;
line-height: 22px;
/* identical to box height */
width: 100%;
color: #0A4093;
}
.filter-select-item option {
}
.filter-select-item select {
/* for Firefox */
-moz-appearance: none;
/* for Chrome */
-webkit-appearance: none;
}
.filter-select-item select::-ms-expand {
/* IE */
display: none;
}
.filter-select-item-wrp::after {
z-index: -1;
content: "";
position: absolute;
right: 15px;
width: 20px;
height: 11px;
background: url(img/ard.svg);
background-repeat: no-repeat;
top: 23px;
z-index: 2;
background-position: center;
background-size: contain;
}
.filter-select-item-wrp {
position: relative;
}
.button-filter-wrp {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 38px;
}
.button-filter {
transition: 0.3s;
font-weight: 500;
font-size: 18px;
line-height: 22px;
/* identical to box height */
/* White */
color: #FFFFFF;
background: #0A4093;
border-radius: 5px;
display: flex;
align-items: center;justify-content: center;
width: 325px;
height: 66px;
cursor: pointer;
}
.button-filter:hover {
transition: 0.3s;
background: #3D5074;
}
.button-filter-descr {
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.filter-range-item-title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 18px;
}
.filter-range-item-title .filter-item-title{
margin-bottom: 0;
}
.filter-range-item-title-input {
font-weight: 400;
font-size: 18px;
line-height: 22px;
display: flex;
align-items: center;
color: #0A4093;
}
.filter-range-item-title-input input{
border: 1px solid #0A4093;
border-radius: 5px;
padding: 5px;font-weight: 400;
font-size: 18px;
line-height: 22px;
width: 100px;
margin-right: 5px;
margin-left: 10px;
color: #0A4093;
}
.filter-range-item-title-input-mes input {
width: 44px;
}
.irs--round .irs-single {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 145%;
/* or 20px */
color: #000000;
background: #FFFFFF;
top: -8px;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);
border-radius: 10px;
}
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
border-top-color: #0A4093;
}
.irs--round .irs-min, .irs--round .irs-max {
background: none;
visibility: visible!important;
bottom: -67px;
top: auto;
}
.filter-range-item {
margin-bottom: 20px;
}
.col-avto-iner {
background: #FFFFFF;
box-shadow: 3px -2px 10px rgba(0, 0, 0, 0.25);
border-radius: 10px;
position: relative;
width: 448px;
min-height: 408px
}
.col-avto-iner:before{
background: #3D5074;
content:'';
position: absolute;
width: 100%;
z-index: -1;
height: 100%;
top: 62px;
left: -16px;
border-radius: 10px;
}
.col-avto-no {
width: 100%;
height: 100%;
padding-top: 100px;
display: flex;
align-items: center;
justify-content: center;
display: none;
}
.col-avto-selected-img img {
width: 100%;
}
.col-avto-selected-img {
width: 398px;
margin-left: auto;
margin-right: auto;
padding-top: 19px;
margin-bottom: 15px;
}
.col-avto-selected-info {
padding-left: 27px;
padding-right: 27px;
padding-bottom: 2px;
}
.col-avto-selected-title {
font-weight: 700;
font-size: 25px;
line-height: 30px;
color: #000000;
margin-bottom: 30px;
}
.col-avto-selected-if {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 22px;
}
.col-avto-selected-in-name {
font-weight: 600;
font-size: 16px;
line-height: 20px;
/* identical to box height */
color: #333333;
}
.col-avto-selected-if-value {
font-weight: 600;
font-size: 22px;
line-height: 27px;
/* identical to box height */
color: #3D5074;
}
.complect {
font-weight: 600;
font-size: 16px;
line-height: 20px;
/* identical to box height */
color: #FFFFFF;
margin-top: 17px;
margin-left: 27px;
}
.section-title {
font-weight: 700;
font-size: 36px;
line-height: 44px;
/* identical to box height */
color: #333333;
margin-bottom: 36px;
}
.section-rezults {
margin-top: 65px;
}
.section-rezults {
position: relative;
padding-bottom: 130px;
}
.elipse-bg {
position: absolute;
top: 0;
left: 50%;
z-index: -1;
transform: translateX(-50%);
height: 100%;
width: auto;
}
.elipse-bg img {
height: 100%;
}
.lizing-cards {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.lizing-card {
position: relative;
width: 580px;
box-sizing: border-box;
background: #FFFFFF;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
border-radius: 10px;
padding: 28px;
margin-bottom: 32px;
}
.lizing-card-header {
max-width: 350px
}
.lizing-card-logo {
max-width: 100%
}
.lizing-card-company-name {
font-weight: 600;
font-size: 16px;
line-height: 20px;
/* identical to box height */
color: #0A4093;
margin-top: 7px;
margin-bottom: 15px;
}
.lizing-card-descr {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #333333;
margin-bottom: 30px;
}
.lizing-card-infos {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.lizing-card-infos2 {
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
padding-top: 13px;
padding-bottom: 1px;
margin-bottom: 25px;
}
.lizing-card-info {
width: 49%;
margin-bottom: 13px;
}
.lizing-card-info-title {
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #333333;
margin-bottom: 7px;
}
.lizing-card-info-value {
font-weight: 600;
font-size: 22px;
line-height: 27px;
color: #3D5074;
}
.lizind-card-buttons {
display: flex;
justify-content: space-between;
}
.lizing-card-zayavka {
transition: 0.3s;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
background: #0A4093;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
width: 240px;
height: 57px;
cursor: pointer;
}
.lizing-card-zayavka:hover {
transition: 0.3s;
background: #3D5074;
}
.lizing-card-more {
transition: 0.3s;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #0A4093;
background: #FFFFFF;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
width: 240px;
height: 57px;
cursor: pointer;
}
.lizing-card-more img {
margin-left: 31px;
}
.lizing-card-more:hover {
transition: 0.3s;
box-shadow: 0px 4px 12px rgb(60 81 116 / 50%);
}
.lizing-card-metka {
font-weight: 600;
font-size: 21px;
line-height: 26px;
/* identical to box height */
color: #FFFFFF;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 23px;
position: absolute;
right: 0;
top: 25px;
max-width: 174px;
padding-right: 23px;
box-sizing: border-box;
background: #D55757;
border-radius: 10px 0px 0px 10px;
}
.lizing-card-metka1 {
}
.lizing-card-metka2 {
background: #76AC5D;
}
.lizing-card-metka3 {
background: #8757D5;
}
.lizing-card-metka4 {
background: #740707;
}
.partners-item {
display: flex !important;
height: 160px;
align-items: center;
justify-content: center;
}
.partners-item img {
max-width: 80%;
max-height: 90%;
margin-left: auto;
margin-right: auto;;
}
.slick-prev, .slick-next {
width: auto;
height: auto;
}
.section-partners {
margin-bottom: 130px;
}
.section-forma {
position: relative;
background: #3D5074;
padding-top: 85px;
overflow: hidden;
padding-bottom: 85px;
}
.section-forma-title {
font-weight: 600;
font-size: 50px;
line-height: 105%;
/* or 52px */
text-align: center;
text-transform: uppercase;
/* New/White */
margin-bottom: 25px;
color: #FFFFFF;
}
.section-forma-desc{
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 150%;
/* or 24px */
text-align: center;
/* New/White */
margin-bottom: 35px;
color: #FFFFFF;
}
.section-forma-form {
width: 440px;
margin-left: auto;
margin-right: auto;
}
.section-forma-img {
position: absolute;
top: 50%;
left: 50%;
width: 1323px;
transform: translate(-50%, -50%);
}
.section-forma-img img {
width: 100%;
}
.section-forma-input input {
/* New/White */
font-weight: 600;
font-size: 14px;
line-height: 145%;
/* or 20px */
width: 100%;
color: rgba(255, 255, 255, 1);
margin-bottom: 20px;
border: 1px solid #FFFFFF;
border-radius: 10px;
background: none;
padding: 20px 25px;
}
.section-forma-input input::placeholder {
color: rgba(255, 255, 255, 0.6);
}
.section-forma-sub input{
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 145%;
/* or 26px */
/* New/#5081A7 */
color: #3D5074;
display: flex;
align-items: center;
justify-content: center;
width: 233px;
height: 66px;
box-sizing: border-box;
/* New/White */
margin-left: auto;
margin-right: auto;
background: #FFFFFF;
/* New/White */
cursor: pointer;
border: 1px solid #FFFFFF;
border-radius: 10px;
transition: 0.3s;
}
.section-forma-sub input:hover {
background: #3D5074;
transition: 0.3s;
color:#fff;
}
.section-forma-iner {
position: relative;
z-index: 2
}
.section-faq {
margin-top: 100px;
margin-bottom: 130px;
}
.irs--round .irs-bar {
height: 2px;
background: #0A4093;
}
.irs--round .irs-handle {
background: #FFFFFF;
border: 1px solid #C2C2C2;
width: 18px;
height: 18px;
top: 28px;
}
.irs--round .irs-line {
height: 2px;
}
.daccordion__content {
display: none;
}
.daccordion__title {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
background: #FFFFFF;
margin-bottom: 17px;
font-weight: 600;
font-size: 16px;
line-height: 20px;
/* identical to box height */
color: #000000;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);
border-radius: 10px;
padding-left: 26px;
padding-right: 26px;
padding-top: 14px;
padding-bottom: 14px;
}
.daccordion__title span {
max-width: calc(100% - 100px);
}
.arrac img{
transition: 0.3s;
}
.daccordion__title .arrac:hover img{
transform: scale(1.1);
transition: 0.3s;
}
.dactive__item .arrac img{
transform: rotate(45deg);
transition: 0.3s;
}
.tabs-item-desc {
margin-bottom: 25px;
padding-left: 26px;
padding-right: 26px;
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #333333;
}
.footer-wrp {
background: #3C5174;
padding-top: 30px;
padding-bottom: 30px;
}
.footer-wrp a {
font-weight: 300;
font-size: 16px;
line-height: 20px;
/* identical to box height */
color: #FFFFFF;
}
.footer {
display: flex;
justify-content: space-between;
}
.footer-wrp a:hover {
text-decoration: underline;
}
.podelitcya {
margin-bottom: 100px;
}
.window-zayavka {
position: fixed;
z-index: 99;
top: -200vh;
left: 0;
opacity: 0;
transition: opacity 0.3s;
height: 100vh;
width: 100%;
}
.window-zayavka-open {
top: 0;
opacity: 1;
transition: opacity 0.3s;
}
.window-overlay {
background: rgba(0, 0, 0, 0.8);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.window-iner-zaya {
background: #FFFFFF;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
width: 490px;
padding: 66px;
position: absolute;
top: 50%;
left: 50%;
box-sizing: border-box;
transform: translate(-50%, -50%);
}
.window-close {
cursor: pointer;
position: absolute;
top: 40px;
right: 40px;
}
.fifix {
overflow: hidden;
}
.window-title {
text-align: center;
}
.window-iner-zaya-input input{
background: #FFFFFF;
border: 1px solid #0A4093;
border-radius: 5px;
padding: 14px;
width: 100%;
font-weight: 400;
font-size: 18px;
line-height: 22px;
/* identical to box height */
color: #0A4093;
box-sizing: border-box;
margin-bottom: 15px;
}
.window-iner-zaya-input input::placeholder {
color: rgba(10, 64, 147, 0.5);
}
.window-desc {
margin-bottom: 30px;
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #000000;
text-align: center;
}
.window-iner-zaya-sub input {
transition: 0.3s;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
background: #0A4093;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
width: 240px;
height: 57px;
cursor: pointer;
border: none;
margin-left: auto;
margin-right: auto;
}
.window-iner-zaya-sub input:hover {
transition: 0.3s;
background: #3D5074;
}
.window-iner-zaya-agree input {
width: 18px;
height: 18px;
border: 1px solid #333333;
border-radius: 4px;
margin-right: 10px;
}
.window-iner-zaya-agree {
display: flex;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
justify-content: center;
color: #000000;
margin-bottom: 30px;
}
.window-iner-zaya-agree span.lab {
max-width: 310px;
text-align: center;
}
.window-iner-zaya-agree a {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #000000;
text-decoration: underline;
}
.window-iner-zaya-agree input:checked {
background: url(img/check.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;}
.window-title2 {
text-align: center;
margin-bottom: 12px;
}
.popup-info-liz .lizing-card-info-value {
font-size: 16px;
line-height: 16px;
}
.popup-info-liz .lizing-card-info-title {
font-size: 14px;
line-height: 16px;
margin-bottom: 5px;
}
.popup-info-liz .lizing-card-info {
width: auto;
}
.popup-info-liz .lizing-card-infos {
margin-bottom: 20px;
}
.popup-info-liz-title {
text-align: center;
margin-bottom: 15px;font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #000000;
}
.window-podrobnee {
position: fixed;
top: -200vh;
left: 0;
opacity: 0;
transition: opacity 0.3s;
width: 100%;
height: 100%;
z-index: 99;
}
.window-podrobnee-iner {
display: flex;
justify-content: space-between;
align-items: flex-start;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: 90vh;
overflow-y: scroll;
background: #FFFFFF;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
padding: 30px;
width: 1190px;
box-sizing: border-box;
}
.window-podrobnee-left {
margin-bottom: 80px;
border-right: 1px solid #D9D9D9;
padding-right: 50px;
}
.window-podrobnee-left .lizing-card-infos2 {
margin-bottom: 0;
}
.window-podrobnee-left-iner {
width: 520px;
}
.window-podrobnee-button {
position: absolute;
bottom: 30px;
left: 30px;
}
.priem-text-in , .doc-items{
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #000000;
}
.window-podrobnee-right {
width: 510px;
}
.priem-text-in {
margin-top: 10px;
margin-bottom: 20px;
}
.doc-items {
display: flex;
flex-wrap: wrap;
}
.priem-item {
display: flex;
align-items: center;
font-weight: 600;
font-size: 14px;
line-height: 17px;
margin-bottom: 5px;
color: #333333;
}
.priem-item img {
margin-right: 12px;
}
.priem-items {
margin-bottom: 20px;
}
.doc-item {
position: relative;
padding-left: 20px;
margin-right: 43px;
min-width: 90px;
box-sizing: border-box;
margin-bottom: 15px;
}
.doc-item:before {
content:'';
position: absolute;
width: 10px;
height: 10px;
top: 2px;
left: 0;
border-radius: 50%;
background: #0A4093;
}
.doc-items {
width: 400px;
}
::-webkit-scrollbar {
width: 5px; /* ширина для вертикального скролла */
height: 2px; /* высота для горизонтального скролла */
background: rgba(255, 255, 255, 0.5); border-radius: 5px;
}
/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
background-color: #0A4093;
border-radius: 5px;
box-shadow: none;
}
::-webkit-scrollbar-thumb:hover {
background-color: #0A4093;
}
.window-podrobnee-open {
top: 0;
opacity: 1;
transition: opacity 0.3s;
}
.titleh1 {
position: relative;
}
.titleh1:before {
content: '';
position: absolute;
border-radius: 50%;width: 201px;
height: 202px;
top: -45px;
left: 50%;
background: rgba(180, 214, 255, 0.1);
}
.partner-forma .window-iner-zaya-agree,
.partner-forma .window-iner-zaya-agree a {
color: #fff;
}
.iner-page-one {
padding-bottom: 10px;
}
.secrion-iner-text-page img {
width: 100%;
}
.text-page h2 {
margin-top: 46px;
margin-bottom: 26px;
font-weight: 700;
font-size: 36px;
line-height: 44px;
/* identical to box height */
color: #333333;
}
.text-page p {
font-weight: 400;
font-size: 18px;
line-height: 24px;
/* or 133% */
color: #000000;
}
.text-page {
max-width: 865px;
}
.secrion-iner-text-page {
margin-bottom: 94px;
}
.section-contacts {
position: relative;
padding-top: 45px;
padding-bottom: 45px;
}
.contacts-map {
width: 100%;
height: 100%;
position: absolute;
top: 0;
background: url(img/map.png);
background-size: cover;
background-repeat: no-repeat; background-position: center;
left: 0;
}
.section-contacts .contacts-ram {
position: relative;
z-index: 2;
padding: 50px;
width: 440px;
box-sizing: border-box;
background: #FFFFFF;
border-radius: 10px;
}
.cont-title {
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 145%;
/* or 20px */
/* New/Black */
color: #333333;
opacity: 0.5;
margin-bottom: 4px;
}
.cont-info {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 150%;
/* identical to box height, or 24px */
transition: 0.3s;
/* New/Black */
color: #333333;
text-decoration: none;
display: block;
}
a.cont-info:hover {
color: #5081A7;
transition: 0.3s;
}
.cont-item {
margin-bottom: 20px;
}
.header-social {
display: flex;
align-items: center;
margin-top: 50px;
}
.header-social a {
transition: 0.3s;
display: block;
margin-right: 14px;
}
.header-social a:hover {
opacity: 0.7;
transition: 0.3s
}
.window-pasibo {
position: fixed;
z-index: 99;
top: -200vh;
opacity: 0;
left: 0;
width: 100%;
height: 100vh;
transition: opacity 0.3s;
}
.window-pasibo-open {
top: 0;
opacity: 1;
transition: opacity 0.3s;
}
.window-iner-sps {
background: #FFFFFF;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 40px 20px;
width: 500px;
box-sizing: border-box;
}
.window-iner-sps .priem-item {
margin-bottom: 18px;
}
.window-podrobnee-left-iner {
position: relative;
}
.window-podrobnee-left-iner .lizing-card-metka {
top: 0;
border-radius: 10px;
}
.button-filter2 {
display: none;
}
#block{
display: none;
position: fixed;
top: 15px;
right: 15px;
color: #fff;
background: #4CAF50;
padding: 10px;
border-radius: 5px;
width: 200px;
box-shadow: 0 13px 20px -5px #3a3a3a;
font-family: Arial;
text-align: center;
}
.btn{
background: #FF9800;
border: 2px solid #795548;
color: #fff;
border-radius: 5px;
cursor: pointer;
padding: 5px 10px;
margin-top: 10px;
font-weight: bold;
}
.window-podrobnee-iner .window-close {
top: 20px;
right: 20px;
}