.wpcf7-checkbox input[type="checkbox"] {
position: absolute!important;
/*display:block!important;*/
margin-top: 10px;
}
.intend_dot {
padding-left: 20px;
}
.intend_dot span {
display: block;
padding-left: 13px;
}
.goal-click-form__hide-example:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, right top, color-stop(25.52%, #383736), color-stop(89.06%, #000));
background: linear-gradient(90deg, rgba(255, 255, 255, -1) 44.52%, #383736 77.06%);
}
.goal-click-form__hide-w:after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, right top, color-stop(25.52%, #fff), color-stop(89.06%, #000));
background: linear-gradient(90deg, rgba(255, 255, 255, -1) 44.52%, #fff 77.06%);
}
.footer-2__tel p,
.ci-text,
.contact-top div,
.menu-contacts,
.middle-header .contact-top{
position: relative;
}
.goal-click-form__hide-example_hovered_yes:after {
content: none!important;
}
select.form-control {
font-size: 1.2rem;
padding-left: 10px;
color: #757575;
}
.wpcf72 input.form__field,
.wpcf72 textarea.form__field {
width: 500px;
border: 2px solid #ddd;
padding: 14px;
font-size: 1.2rem;
color: #757575;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/montserrat/Montserrat-ExtraLight.ttf') format('truetype');
font-style: normal;
font-weight: 200;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/montserrat/Montserrat-Light.ttf') format('truetype');
font-style: normal;
font-weight: 300;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
font-style: normal;
font-weight: 400;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
font-style: normal;
font-weight: 500;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
font-style: normal;
font-weight: 600;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
font-style: normal;
font-weight: 700;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/montserrat/Montserrat-ExtraBold.ttf') format('truetype');
font-style: normal;
font-weight: 800;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Montserrat';
src: url('fonts/montserrat/Montserrat-Black.ttf') format('truetype');
font-style: normal;
font-weight: 900;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/opensans/OpenSans-Light.ttf') format('truetype');
font-style: normal;
font-weight: 300;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/opensans/OpenSans-Regular.ttf') format('truetype');
font-style: normal;
font-weight: 400;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/opensans/OpenSans-Medium.ttf') format('truetype');
font-style: normal;
font-weight: 500;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/opensans/OpenSans-SemiBold.ttf') format('truetype');
font-style: normal;
font-weight: 600;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/opensans/OpenSans-Bold.ttf') format('truetype');
font-style: normal;
font-weight: 700;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/opensans/OpenSans-ExtraBold.ttf') format('truetype');
font-style: normal;
font-weight: 800;
font-display: swap;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: "rsu";
src: url("fonts/rsu.eot?eovigr");
src: url("fonts/rsu.eot?eovigr#iefix") format("embedded-opentype"),
url("fonts/rsu.ttf?eovigr") format("truetype"),
url("fonts/rsu.woff?eovigr") format("woff"),
url("fonts/rsu.svg?eovigr#rsu") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "Gilroy";
src: local("fonts/Gilroy Regular"), local("Gilroy-Regular"),
url("fonts/Gilroy-Regular.woff2") format("woff2"),
url("fonts/Gilroy-Regular.woff") format("woff"),
url("fonts/Gilroy-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "rsu" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrow-down:before {
content: "\e900";
}
.icon-next:before {
content: "\e901";
}
.icon-prev:before {
content: "\e902";
}
:root {
--color-blue: #c62925;
--color-lightblue: #383736;
--color-green: #81b74d;
--color-grey: #e5e5e5;
}
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
zoom: 80%;
font-family: "Montserrat", sans-serif;
font-size: 22px;
line-height: 1.25;
color: #000000;
background: #ffffff;
}
body.disable-scroll {
overflow-y: hidden;
}
section {
overflow-x: hidden;
}
h1,
h2 {
font-family: "Montserrat", sans-serif;
font-size: 26px;
font-weight: 500;
text-align: left;
}
h2 {
margin-bottom: 40px;
}
a {
text-decoration: none;
color: #000000;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
img {
vertical-align: top;
max-width: 100%;
height: auto;
}
button {
background: transparent;
border: none;
cursor: pointer;
}
.container {
width: 100%;
max-width: 1640px;
padding: 0px 20px;
margin: 0 auto;
position: relative;
}
.page-title {
width: 100%;
max-width: 1640px;
padding: 0px 20px;
margin: 0 auto;
position: relative;
padding-bottom: 50px;
}
.btn {
font-size: 26px;
font-family: inherit;
line-height: 20px;
padding: 20px 25px;
background: var(--color-blue);
border: 1px solid var(--color-blue);
color: #fff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
text-align: center;
cursor: pointer;
border-radius: 20px;
position: relative;
}
.btn-white {
border: 1px solid var(--color-blue);
color: var(--color-blue);
background: #ffffff;
}
.btn-transparent {
background: transparent;
border-color: #ffffff;
}
.btn-outline {
background-color: transparent;
border-color: var(--color-blue);
color: var(--color-blue);
}
.btn-center {
position: relative;
left: 50%;
transform: translateX(-50%);
}
.btn:hover {
background: #81B74D;
color: #ffffff;
border-color: transparent;
}
.columns {
display: flex;
justify-content: space-between;
}
.column_1_2 {
flex-basis: 50%;
}
.column_1_3 {
flex-basis: 33.333%;
}
.column_2_3 {
flex-basis: 66.666%;
}
.column_1_4 {
flex-basis: 25%;
}
.column_2_5 {
flex-basis: 50%;
}
.column_3_5 {
flex-basis: 60%;
}
/* Header */
.header {
padding: 38px 0px;
}
.header-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: 80px;
}
.main-menu {
flex-grow: 1;
}
.main-navigation ul {
list-style: none;
display: flex;
justify-content: space-between;
width: 100%;
}
.main-navigation ul li {
list-style: none;
display: flex;
padding: 15px;
font-weight: 600;
position: relative;
}
.main-navigation ul li a:hover {
color: var(--color-blue);
}
.main-navigation ul li ul.sub-menu {
display: none;
visibility: hidden;
pointer-events: none;
flex-direction: column;
background: #ffffff;
border: 1px solid #f6f6f6;
box-sizing: border-box;
box-shadow: 0px 6px 16px 2px rgba(97, 97, 97, 0.05),
0px 16px 32px 2px rgba(97, 97, 97, 0.1);
border-radius: 22px;
transform: translateY(100px);
opacity: 0;
left: 0;
top: 100%;
width: 405px;
padding: 12px 22px;
position: absolute;
transition: all 0.3s ease;
z-index: 10;
}
.main-navigation ul li.menu-item-has-children.menu-item-1642:hover > ul.sub-menu{
flex-flow: row wrap;
width: 600px;
gap: 8px;
}
.main-navigation ul li.menu-item-has-children.menu-item-1642:hover > ul.sub-menu li{
display: flex;
flex-direction: column;
flex: 1;
flex-basis: 200px;
}
.main-navigation ul li.menu-item-has-children.menu-item-4936:hover > ul.sub-menu{
display: block;
}
.main-navigation ul li.menu-item-has-children:hover > ul.sub-menu {
display: flex;
opacity: 1;
pointer-events: all;
visibility: visible;
transform: translateY(0);
}
.main-navigation ul li ul.sub-menu li {
padding: 0px;
font-size: 14px;
font-weight: 400;
}
.main-navigation ul li ul.sub-menu li a {
border-bottom: 1px solid transparent;
padding: 10px 0px;
width: 100%;
}
.main-navigation ul li ul.sub-menu li a:hover {
font-weight: 600;
border-bottom: 1px solid var(--color-blue);
cursor: pointer;
}
.main-navigation ul.sub-menu li ul.sub-menu {
top: 0;
left: 100%;
}
.menu-toggler,
.menu-logo,
.menu-contacts.hc {
display: none;
}
.menu-toggler {
border-top: 2px solid #c62926;
border-bottom: 2px solid #c62926;
position: relative;
height: 29px;
width: 50px;
}
.menu-toggler:before {
content: "";
display: block;
width: 100%;
height: 2px;
position: absolute;
top: calc(50% - 1px);
background: #c62926;
}
.hc {
display: flex;
gap: 20px;
}
.hc a {
font-weight: 600;
/* font-size: 18px; */
/* color: #E6332A; */
/*color: font-size: 20px;*/
font-weight: 600;
}
.site-main {
overflow-x: hidden;
}
.hc .tel::before,
.hc .email::before {
content: "";
margin-right: 8px;
display: inline-block;
vertical-align: top;
width: 24px;
height: 24px;
}
.hc .tel::before {
background-image: url("/wp-content/themes/es-promos/img/icon/phone.svg");
}
.hc .email::before {
background-image: url("/wp-content/themes/es-promos/img/icon/email.svg");
}
/* Main */
.main-top {
/*background-image: url(images/mt_top.svg), url(images/mt_bottom.svg);*/
background-repeat: no-repeat, no-repeat;
background-position: top, bottom;
background-size: 100% 50%, 100% 51%;
padding: 0px 0px 250px;
}
.mt-content {
align-items: center;
}
.mt-desc {
margin: 20px 0px;
}
.mt-slider-wrapper {
max-width: 700px;
}
.mt-slide-wrapper {
border-radius: 64px;
transform: rotate(45deg);
position: relative;
overflow: hidden;
width: 500px;
margin: 100px;
aspect-ratio: 1/1;
box-shadow: 5px 5px 28px 10px rgba(0, 0, 0, 0.05),
5px 5px 15px 5px rgba(0, 0, 0, 0.1);
}
.mt-slide {
width: calc(100% + 200px);
height: calc(100% + 200px);
transform: rotate(-45deg);
position: absolute;
top: -100px;
bottom: -100px;
left: -100px;
right: -100px;
object-fit: cover;
}
.mt-slide img {
object-fit: cover;
position: absolute;
width: 100%;
height: 100%;
}
.mt-slider-nav {
display: flex;
justify-content: center;
align-items: flex-end;
margin-top: 50px;
}
.mt-slider-nav .slick-arrow {
position: relative;
text-align: center;
}
.mt-slider-nav .slick-arrow:before {
color: #ffffff;
}
.home-services {
display: -ms-grid;
display: grid;
grid-gap: 70px 55px;
grid-template-columns: repeat(4, 1fr);
margin: 50px 0px 40px;
}
.home-service {
background: #ffffff;
box-shadow: 6px 0px 18px 10px rgba(0, 0, 0, 0.05), 8px 0px 10px 5px rgba(0, 0, 0, 0.1);
border-radius: 32px;
transition: all 0.3s ease;
}
.home-service:hover {
background: var(--color-green);
transform: translateY(15px);
}
.home-service:hover .hs-image {
filter: brightness(0) invert(1);
}
.hs-link {
display: flex;
flex-direction: column;
align-items: flex-start;
height: 100%;
padding: 35px 25px;
}
.hs-image {
transition: all 0.3s ease;
height: 80px;
width: auto;
}
.hs-title {
font-weight: 600;
font-size: 18px;
margin: 30px 0px 20px;
}
.hs-text {
flex-grow: 1;
margin-bottom: 10px;
min-height: 80px;
}
.hs-btn {
align-self: flex-end;
}
.hs-btn:before {
color: var(--color-green);
font-size: 40px;
}
.home-service:hover .hs-btn:before {
color: #ffffff;
}
.main-about {
padding: 70px 0px 0px;
}
.ma-wrapper {
gap: 35px;
margin-bottom: 5px;
}
.ma-left {
display: flex;
flex-direction: column;
gap: 35px;
}
.ma-block {
padding: 25px;
display: flex;
align-items: center;
border: 2px solid #81b74d;
border-radius: 32px;
}
.ma-img {
padding-right: 25px;
flex-basis: 100px;
flex-shrink: 0;
}
.ma-block h2 {
font-weight: 600;
font-size: 24px;
margin-bottom: 10px;
}
.ma-right .ma-block {
flex-direction: column;
height: 100%;
justify-content: center;
padding: 25px 65px;
}
.ma-right .ma-block h2 {
margin-bottom: 45px;
}
.main-projects {
padding: 100px 0px 0px;
/* background-image: url(images/mp_bg.svg); */
background-position: top center;
background-size: 100% 60%;
background-repeat: no-repeat;
}
.main-projects h2 {
color: #ffffff;
text-align: center;
}
.mpr-slider {
margin: 0px -20px;
overflow: hidden;
}
.mpr-slider .slick-prev {
top: 100px;
left: 28%;
z-index: 1;
}
.mpr-slider .slick-next {
top: 100px;
right: 28%;
z-index: 1;
}
.mpr-slider .slick-arrow:before {
color: #ffffff;
}
.mpr-slider .slick-list {
padding: 0px !important;
overflow: visible;
}
.mpr-slider .slick-track {
display: flex;
align-items: center;
width: fit-content !important;
}
.mpr-slider .slick-slide {
opacity: 0;
}
.mpr-slider .slick-slide.slick-active {
opacity: 1;
}
.project-slide-wrapper {
transition: all 0.3s ease;
}
.project-slide {
margin: 120px 50px;
aspect-ratio: 1 / 1;
border-radius: 100%;
overflow: hidden;
width: 450px;
position: relative;
transition: all 0.3s ease;
box-shadow: 0px 4px 43px 4px rgba(0, 0, 0, 0.25);
}
.project-slide-wrapper.slick-center {
/*width: 640px;*/
transform: scale(1.3);
}
.project-slide::after {
content: "";
position: absolute;
top: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(
218.57deg,
rgba(232, 232, 232, 0) 22.18%,
rgba(59, 118, 176, 0.8) 79.25%
);
}
.slick-center .project-slide::after {
background: linear-gradient(
180deg,
rgba(129, 183, 77, 0) 48.96%,
rgba(129, 183, 77, 0.8) 74.48%,
#81b74d 100%
);
}
.project-slide-wrapper.slick-center .pr-link {
padding: 40px 60px;
}
.project-slide-wrapper.slick-center .pr-more {
display: block;
}
.project-slide-wrapper.slick-center .pr-title {
color: #ffffff;
}
.pr-more {
display: none;
color: #ffffff;
margin-top: 25px;
text-decoration: underline;
}
.pr-title {
color: rgba(255, 255, 255, 0.5);
}
.pr-img,
.pr-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100%;
}
.pr-img {
object-fit: cover;
object-position: center;
}
.pr-link {
display: flex;
flex-direction: column;
justify-content: flex-end;
text-align: center;
padding: 55px 60px;
z-index: 1;
}
.main-projects--v2 {
/* background-image: url(images/mp-v2_bg.svg); */
background-size: 100%;
padding-bottom: 50px;
}
.main-projects--v2 + .main-employers {
background-color: #f3f3f3;
}
.main-projects--v2 h2 {
text-align: left;
color: black;
}
.main-projects--v2 .mpr-wrapper {
gap: 35px;
justify-content: center;
align-content: stretch;
align-items: center;
}
.main-projects--v2 .mpr-wrapper .column_1_2 {
width: 50%;
}
.project-slide-v2__img {
margin-bottom: 40px;
border-radius: 32px;
object-fit: cover;
width: 100%;
height: 340px;
}
.project-slide-v2__title {
font-size: 24px;
font-weight: normal;
line-height: 1.4;
margin-bottom: 20px;
}
.project-slide-v2__content {
font-size: 16px;
line-height: 1.4;
}
.project-slide-v2__more {
margin-top: 20px;
font-size: 16px;
}
.mpr-slider-v2 {
margin-bottom: 30px;
}
.mpr-slider-v2 .slick-arrow {
background: white;
width: 80px;
height: 80px;
border-radius: 9999px;
z-index: 1;
box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);
transform: translateY(-115px);
}
.mpr-slider-v2 .slick-arrow:hover,
.mpr-slider-v2 .slick-arrow:focus {
background: white;
}
.mpr-slider-v2 .slick-prev {
left: -40px;
}
.mpr-slider-v2 .slick-next {
right: -40px;
}
.mpr-map {
position: relative;
margin: -40px -60px 0 -60px;
}
.mpr-map__marker {
position: absolute;
transition: 0.15s ease;
cursor: pointer;
}
.mpr-map__marker:hover,
.mpr-map__marker.active {
position: absolute;
filter: brightness(1.3);
z-index: 1;
}
.project-modal,
.modal.project-modal {
margin-top: 10vh;
width: 100%;
max-width: 1200px;
padding: 0;
overflow: hidden;
}
.project-modal .modal-content {
display: flex;
font-size: 16px;
}
.project-modal .modal-content .project-modal__address {
font-size: 14px;
margin-bottom: 10px;
}
.project-modal__img {
width: 50%;
flex: 1 0 auto;
}
.project-modal__text {
padding: 40px 60px 30px 30px;
}
.project-modal__title {
margin-bottom: 15px;
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 120%;
}
#breadcrumbs {
padding: 36px;
/*background: #f2f2f2;*/
border-radius: 32px;
}
.bread_contain {
padding: 18px;
background: #ffffff;
border-radius: 10px;
margin-bottom: 20px;
border: solid 1px #f2f2f2;
filter: drop-shadow(4px 0px 6px rgba(0,0,0,0.13));
}
.bread_contain h1 {
font-weight: 700;
font-size: 26px;
line-height: 100%;
margin-top: 10px;
}
.bread_contain #breadcrumbs {
padding: 0px;
border-radius: 0px;
}
#breadcrumbs span {
font-weight: 600;
font-size: 16px;
line-height: 145%;
}
#breadcrumbs span a {
font-weight: 600;
font-size: 16px;
line-height: 145%;
color: #c62925;
}
#breadcrumbs span.triangle {
display: inline-block;
/* background: url("/wp-content/themes/rsu/images/icons/polygon.svg") no-repeat
center; */
width: 16px;
height: 16px;
background-size: contain;
margin: 0 6px -2px 6px;
}
@media screen and (max-width: 992px) {
.main-projects--v2 {
background-size: cover !important;
padding-top: 60px;
}
.main-projects--v2 h2 {
text-align: center;
}
.page-title {
text-align: center;
padding-bottom: 50px;
}
.main-projects--v2 .mpr-wrapper {
flex-direction: column;
}
.main-projects--v2 .mpr-wrapper .column_1_2 {
width: 100%;
}
.mpr-slider-v2 .slick-arrow {
width: 40px;
height: 40px;
transform: none;
top: 80px;
}
.project-slide-v2__img {
height: 200px;
margin-bottom: 20px;
}
.mpr-slider-v2 .slick-prev {
left: -10px;
}
.mpr-slider-v2 .slick-next {
right: -10px;
}
.mpr-slider-v2 + .btn {
margin-bottom: 20px;
}
.mpr-map {
margin: 0 -60px -50px;
}
.project-slide-v2__title {
font-size: 16px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 10px;
}
.project-slide-v2__content {
font-size: 12px;
}
}
.main-clients {
padding: 65px 0px;
}
.mc-slider .slick-list {
margin: 0px 50px;
}
.mc-slider .slick-track {
display: flex;
align-items: center;
}
.mc-slider .slick-prev {
left: 0;
}
.mc-slider .slick-next {
right: 0;
}
.client-item img {
margin: 0px auto;
/*filter: grayscale(100%);*/
opacity: 0.4;
max-width: 265px;
transition: all 0.3s ease;
}
.client-item img:hover {
filter: unset;
opacity: 1;
}
.main-employers {
padding: 80px 0px 55px;
/* background-image: url(images/me_bg.svg); */
background-position: top center;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.me-wrapper {
gap: 95px;
margin: 50px 0px 60px;
}
.emp-photo {
border-radius: 100%;
box-shadow: 6px 4px 12px 4px rgba(0, 0, 0, 0.25);
overflow: hidden;
}
.emp-photo img {
width: 100%;
}
.emp-info {
margin: -250px 25px 0px;
min-height: 400px;
color: #ffffff;
border: 2px solid #fff;
border-radius: 32px;
padding: 30px 45px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.emp-name {
font-weight: 600;
font-size: 24px;
}
.emp-position {
margin-top: 10px;
}
.emloyers-slider {
margin: 0px -20px;
}
.emloyers-slider .employer-wrapper {
padding: 20px;
}
.employer-category .emp-info {
color: #212121;
border: 2px solid #999999;
}
.main-reviews {
padding: 20px 0px 20px;
}
.mr-slider {
max-height: 650px;
overflow: hidden;
}
.mr-slider .slick-list {
margin: 0px 50px;
padding: 0px !important;
}
.mr-slider .slick-prev {
left: 0;
}
.mr-slider .slick-next {
right: 0;
}
.mr-slider .slick-track {
display: flex !important;
padding: 45px 0px 0px;
}
.mr-slider .review-image {
max-height: 100px;
}
.review-slide-wrapper {
height: auto !important;
transition: all 0.3s ease;
}
.review-slide-wrapper.slick-center {
transform: translateY(-40px);
}
.review-slide {
margin: 0px 40px;
padding: 50px 35px;
border: 2px solid var(--color-blue);
border-radius: 32px;
/*height: 100%;*/
display: flex;
flex-direction: column;
}
.review-image {
margin: 0px auto 20px;
}
.review-content {
flex-grow: 1;
height: 340px;
}
.review-link {
display: block;
text-align: center;
color: var(--color-blue);
}
.review-link:hover {
text-decoration: underline;
}
/* */
.about-top {
}
.at-content-wrapper {
gap: 80px;
}
.at-content {
flex-grow: 1;
padding: 100px 0px;
}
.about-info {
}
.ai-item {
margin-bottom: 90px;
}
.ai-head {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.ai-icon {
flex-shrink: 0;
flex-basis: 90px;
}
.ai-title {
font-weight: 600;
font-size: 24px;
}
.at-images-wrapper {
flex-basis: 465px;
display: flex;
flex-shrink: 0;
flex-direction: column;
gap: 15px;
padding-bottom: 40px;
}
.at-image {
}
.at-image img {
box-shadow: 8px 4px 48px 8px rgba(0, 0, 0, 0.15);
border-radius: 50%;
overflow: hidden;
}
.at-signature {
color: #999999;
font-size: 14px;
margin-bottom: 100px;
}
.at-signature h3 {
font-size: 24px;
margin-bottom: 15px;
font-weight: 400;
}
.about-employers {
margin-top: -280px;
padding: 300px 0px 50px;
/* background-image: url(images/ae_bg.svg); */
background-position: top center;
background-size: 100% 100%;
background-repeat: no-repeat;
color: #ffffff;
}
.about-certificates {
padding: 70px 0px;
}
.ac-slider {
padding: 25px 0px 0px;
}
.ac-slider .slick-list {
margin: 0px 50px;
}
.ac-slider .slick-track {
display: flex;
align-items: center;
}
.ac-slider .slick-prev {
left: 0;
}
.ac-slider .slick-next {
right: 0;
}
.cert-item {
border: 4px solid #c62926;
border-radius: 7px;
padding: 20px 28px;
margin: 0px 15px;
}
.cert-item img {
width: 100%;
}
/* Contact */
.contacts-wrapper {
align-items: self-start;
gap: 100px;
margin-bottom: 80px;
}
.contacts-wrapper .btn {
margin-top: 25px;
}
.contact-info {
margin: 0 0 45px 0;
}
.ci-item {
display: flex;
align-items: center;
font-size: 22px;
margin-bottom: 25px;
text-align: left;
}
.ci-item:last-of-type {
margin-bottom: 0px;
}
.ci-icon {
flex-basis: 65px;
flex-shrink: 0;
}
.contact-image {
border-radius: 64px;
overflow: hidden;
}
.contacts-faq {
padding: 0px 0px 70px;
}
/* Project */
.image-row {
display: flex;
gap: 20px;
justify-content: center;
margin-top:20px;
margin-bottom:20px;
}
.image-item {
width: 400px;
height: 230px;
overflow: hidden;
border-radius: 6px;
}
.image-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.project-wrapper {
align-items: center;
gap: 65px;
}
.project-info {
flex-grow: 1;
}
.project-images {
flex-basis: 1000px;
}
.project-photos {
max-width: 1000px;
}
.project-photo {
margin: 20px 25px;
box-shadow: 5px 5px 28px 10px rgba(0, 0, 0, 0.05),
5px 5px 15px 5px rgba(0, 0, 0, 0.1);
border-radius: 32px;
position: relative;
overflow: hidden;
min-height: 400px !important;
}
.project-photo img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-position: center;
object-fit: cover;
}
.project-photos-nav .slick-dots li.slick-active button:before {
background: var(--color-blue);
}
.project-photos-nav .slick-arrow:before {
color: var(--color-blue);
}
/* Calc */
.calc-section {
padding: 60px 0px;
}
/* Service */
.service-wrapper {
gap: 50px;
}
.service-description {
padding-top: 20px;
}
.service-description h2 {
font-size: 32px;
font-weight: 400;
margin-bottom: 50px;
}
.service-description ul {
max-width: 550px;
margin-bottom: 40px;
}
.service-description ul li {
list-style: none;
padding: 10px 0px 10px 30px;
position: relative;
}
.service-description ul li:before {
content: "";
width: 8px;
height: 8px;
border-radius: 10px;
background: var(--color-blue);
position: absolute;
left: 0;
top: calc(50% - 4px);
}
.service-description h5 {
font-size: 1em;
font-weight: 400;
margin-bottom: 26px;
}
.service-card-wrap {
padding: 20px 0px;
}
.service-card {
background: #ffffff;
box-shadow: 6px 0px 18px 10px rgba(0, 0, 0, 0.05),
8px 0px 10px 5px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 35px 75px;
max-width: 550px;
margin: 0px auto;
min-width: 360px;
}
.service-card img {
margin-bottom: 35px;
height: 80px;
}
.service-card h3 {
margin-bottom: 23px;
font-weight: 600;
font-size: 18px;
}
.service-card .sc-text {
margin-bottom: 42px;
}
.service-card .hs-btn {
text-align: right;
}
/*calc*/
.form__column-title {
font-weight: 700;
font-size: 48px;
line-height: 120%;
margin-bottom: 17px;
}
.form__column-subtitle {
font-weight: 700;
font-size: 32px;
line-height: 39px;
margin-bottom: 25px;
color: #000000;
}
.form-wrapper {
box-shadow: 6px 0px 18px 10px rgb(0 0 0 / 5%),
8px 4px 10px 5px rgb(0 0 0 / 10%);
border-radius: 30px;
padding: 3.1% 8.5%;
}
.form__box {
display: flex;
justify-content: space-between;
gap: 100px;
}
@media screen and (max-width: 990px) {
.form__box {
flex-wrap: wrap;
gap: 50px;
}
}
@media screen and (max-width: 640px) {
.form-wrapper {
padding: 20px;
}
.form__box {
gap: 20px;
}
.form__column-subtitle,
.form__column-title {
font-weight: 600;
font-size: 16px;
line-height: 125%;
}
}
/* Prices */
.ctabs-section {
overflow-x: visible;
margin-top: -30px;
}
.ptabs-section {
padding: 0px 0px 75px;
}
.prices-tabs .tabs__list,
.calcul-tabs .tabs__list {
flex-direction: row;
/*
justify-content: space-between;*/
flex-wrap: wrap;
gap: 35px;
margin-top: 45px;
}
.prices-tabs .tabs__item,
.calcul-tabs .tabs__item {
margin-bottom: 20px !important;
}
.prices-tabs .tabs__btn,
.calcul-tabs .tabs__btn {
display: inline-block;
padding: 24px;
position: relative;
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: #000000;
width: 292px;
min-height: 124px;
background: #ffffff;
box-shadow: 6px 0px 18px 10px rgba(0, 0, 0, 0.05),
8px 0px 10px 5px rgba(0, 0, 0, 0.1);
border-radius: 20px;
text-align: left;
outline: none!important;
}
.prices-tabs .tabs__btn:hover,
.calcul-tabs .tabs__btn:hover,
.prices-tabs .tabs__btn--active,
.calcul-tabs .tabs__btn--active {
color: #fff;
background: #c62925;
font-weight: 500;
}
.prices-tabs .tabs__btn span,
.calcul-tabs .tabs__btn span {
display: block;
color: #c62925;
transition: color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.prices-tabs .tabs__btn:hover span,
.calcul-tabs .tabs__btn:hover span,
.prices-tabs .tabs__btn--active span,
.calcul-tabs .tabs__btn--active span {
color: #fff;
}
/*
.prices-tabs .tabs__btn--active:after,
.calcul-tabs .tabs__btn--active:after {
content: "";
display: block;
position: absolute;
bottom: 0;
width: calc(100% - 50px);
height: 2px;
background: var(--color-blue);
}*/
.prices-tabs .tabs__content h2 {
font-weight: 700;
font-size: 48px;
line-height: 59px;
color: #000000;
margin-bottom: 50px;
}
.prices-tabs .tabs__content h3 {
font-style: italic;
font-weight: 300;
font-size: 24px;
line-height: 29px;
color: #c62925;
margin: 30px 0px;
text-align: center;
}
.prices-tabs .tabs__content p {
padding: 0px 48px;
}
.prices-tabs .tabs__content table {
width: calc(100% + 60px);
font-size: 16px;
border-spacing: 30px 15px;
margin: 20px -30px 10px;
display: none;
}
.prices-tabs .tabs__content .price-table {
width: 100%;
}
.prices-tabs .tabs__content .price-table .row {
display: flex;
gap: 30px;
margin-bottom: 15px;
}
.prices-tabs .tabs__content .price-table .row .cell {
padding: 19px 48px;
}
.prices-tabs .tabs__content .price-table .row:not(:first-of-type) .cell {
/* border-radius: 20px;
background: #efefef;*/
transition: all 0.3s ease;
}
.prices-tabs .tabs__content .price-table .row:not(:first-of-type) {
background: rgba(152, 194, 236, 0.1);
border-bottom: 1px solid #c62925;
border-radius: 20px;
}
.prices-tabs .tabs__content .price-table .row:not(:first-of-type):hover {
color: #ffffff;
background: var(--color-blue);
}
.prices-tabs .tabs__content .price-table .row:first-of-type .cell {
font-size: 24px;
line-height: 29px;
color: #ffffff;
}
.prices-tabs .tabs__content .price-table .row:first-of-type {
background: #c62925;
border-radius: 15px;
}
.prices-tabs .tabs__content .price-table .row .cell_0 {
flex-grow: 1;
}
.prices-tabs .tabs__content .price-table .row .cell_1 {
flex-basis: 180px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
padding-left: 10px;
padding-right: 10px;
}
.prices-tabs .tabs__content_k .price-table .row .cell_1{
flex-basis: 330px;
}
.prices-tabs .tabs__content_wide .price-table .row .cell_1{
flex-basis: 490px;
}
.prices-tabs .price_bg .price-table .row:nth-child(2) .cell_0, .prices-tabs .price_bg .price-table .row:nth-child(6) .cell_0, .prices-tabs .price_bg .price-table .row:nth-child(11) .cell_0{
text-align: center;
font-weight: bold;
}
.prices-tabs .tabs__content .price-table .row .cell_2 {
flex-basis: 220px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
padding-left: 10px;
padding-right: 10px;
}
.prices-tabs .price_wide .price-table .row .cell_2{
flex-basis: 350px;
}
.prices-tabs .tabs__content .price-table .row .cell-title {
display: none;
}
.prices-tabs .tabs__content table th,
.prices-tabs .tabs__content table td {
padding: 19px 48px;
}
.prices-tabs .tabs__content table th {
color: #999999;
padding-bottom: 5px;
text-align: left;
font-weight: 400;
}
.prices-tabs .tabs__content table th:not(:first-of-type),
.prices-tabs .tabs__content table td:not(:first-of-type) {
text-align: center;
}
.prices-tabs .tabs__content table td {
border-radius: 20px;
background: #efefef;
transition: all 0.3s ease;
}
.prices-tabs .tabs__content table tr:hover td {
background: var(--color-blue);
color: #ffffff;
}
/* Vacancies */
.vacancies-category {
padding-top: 50px;
}
.vacancies-wrapper {
display: grid;
grid-gap: 70px;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
margin: 70px 0px;
}
.vacancy-post,
.vacancy-button {
background: #ffffff;
box-shadow: 6px 0px 18px 10px rgba(0, 0, 0, 0.05),
8px 0px 10px 5px rgba(0, 0, 0, 0.1);
border-radius: 32px;
transition: all 0.3s ease;
padding: 65px 40px;
color: #000000;
}
.v-title a {
font-weight: 600;
font-size: 24px;
color: inherit;
transition: unset;
}
.v-hours {
color: #999999;
padding-bottom: 17px;
margin-bottom: 25px;
border-bottom: 1px solid #efefef;
}
.v-desc {
color: #999999;
margin-bottom: 25px;
}
.v-add {
}
.vacancy-post:hover {
color: #ffffff;
background: var(--color-blue);
}
.vacancy-post:hover .v-hours,
.vacancy-post:hover .v-desc {
color: #ffffff;
}
.vacancy-button {
text-align: center;
}
.vacancy-button .btn {
padding: 23px 20px;
width: 100%;
}
.vacancy-button p {
margin: 25px 0px;
}
/* Projects page */
.projects-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
margin: 65px 0px 60px;
}
.pr-slider-arrow {
color: var(--color-blue);
font-size: 32px;
}
.pr-slider-wrapper {
overflow: hidden;
width: calc(100% - 120px);
}
.pr-slider {
display: grid;
grid-auto-flow: column;
grid-gap: 25px;
grid-auto-columns: calc((100% - 75px) / 4);
transition: all 0.3s ease;
}
.project-post:nth-of-type(7n-2) {
grid-row: 1/3;
}
.project-post {
position: relative;
border-radius: 32px;
overflow: hidden;
min-height: 300px;
}
.project-post:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
pointer-events: none;
}
.pp-link {
position: absolute;
width: 100%;
height: 100%;
display: block;
}
.pp-link img {
position: absolute;
width: 100%;
height: 100%;
object-position: center;
object-fit: cover;
}
.pp-title {
position: absolute;
bottom: 0;
width: 100%;
padding: 0px 30px 45px;
color: #ffffff;
font-size: 18px;
font-weight: 700;
z-index: 1;
}
/* Accordion */
.accordion {
margin-bottom: 40px;
border: 1px solid var(--color-blue);
border-radius: 32px;
list-style: none;
}
.accordion:last-of-type {
margin-bottom: 0px;
}
.accordion__control {
display: flex;
align-items: center;
justify-content: space-between;
list-style: none;
padding: 37px 70px;
position: relative;
width: 100%;
background-color: transparent;
cursor: pointer;
outline: none;
}
.accordion__title {
margin: 0;
}
.accordion__icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDExIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjM2NjAzIDguNUM1Ljk4MTEzIDkuMTY2NjcgNS4wMTg4NyA5LjE2NjY3IDQuNjMzOTcgOC41TDAuNzM2ODYgMS43NUMwLjM1MTk2IDEuMDgzMzMgMC44MzMwODYgMC4yNDk5OTkgMS42MDI4OSAwLjI0OTk5OUw5LjM5NzEyIDAuMjVDMTAuMTY2OSAwLjI1IDEwLjY0OCAxLjA4MzMzIDEwLjI2MzEgMS43NUw2LjM2NjAzIDguNVoiIGZpbGw9IiMzQjc2QjAiLz4KPC9zdmc+Cg==);
background-repeat: no-repeat;
background-position: center;
width: 13px;
height: 13px;
position: absolute;
top: calc(50% - 7px);
left: 32px;
}
.accordion__content {
max-height: 0;
opacity: 0;
overflow: hidden;
padding: 0px 70px;
will-change: max-height;
transition: all 0.3s ease-out;
box-sizing: content-box;
}
.accordion__title {
font-weight: 400;
font-size: 24px;
text-align: left;
}
.accordion__icon {
transition: transform 0.3s ease-out;
}
.open .accordion__icon {
transform: rotate(180deg);
}
.open .accordion__content {
opacity: 1;
padding: 10px 70px 45px;
}
/* Tabs */
.tabs {
position: relative;
}
.tabs__list {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
}
.tabs__item:not(:last-child) {
margin-bottom: 35px;
}
.tabs__btn {
padding: 15px 62px;
border: none;
cursor: pointer;
font-size: 12px;
line-height: 16px;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.tabs__btn > * {
pointer-events: none;
}
.tabs__btn:hover {
background-color: #fff;
color: var(--color-accent);
}
.tabs__btn--active {
background-color: #fff;
color: var(--color-accent);
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
pointer-events: none;
}
.prices-tabs .tabs__content {
box-shadow: 6px 0px 18px 10px rgb(0 0 0 / 5%),
8px 4px 10px 5px rgb(0 0 0 / 10%);
border-radius: 30px;
padding: 3.1% 8.5%;
}
.tabs__content {
display: none;
background-color: #fff;
}
.tabs__content--active {
display: block;
}
.content__title {
margin: 0;
margin-bottom: 20px;
font-weight: 700;
font-size: 24px;
line-height: 28px;
color: var(--color-dark);
}
.content__descr {
margin: 0;
margin-bottom: 59px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--color-dark);
}
.content__list {
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.calc-tabs {
gap: 35px;
padding-bottom: 30px;
}
.calc-tabs .tabs__btn,
.calc-kolvo {
width: 100%;
border-radius: 32px;
padding: 38px 80px;
box-shadow: 0px 6px 16px 2px rgba(97, 97, 97, 0.05),
0px 16px 32px 2px rgba(97, 97, 97, 0.1);
transition: all 0.3s ease;
text-align: left;
}
.calc-kolvo {
padding: 25px 80px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 24px;
margin-bottom: 35px;
}
.calc-tabs .tabs__btn--active {
background: var(--color-blue);
color: #ffffff;
}
.calc-tabs .tab-content {
padding: 63px 60px;
background: var(--color-blue);
box-shadow: 0px 6px 16px 2px rgba(97, 97, 97, 0.05),
0px 16px 32px 2px rgba(97, 97, 97, 0.1);
border-radius: 32px;
margin-bottom: 35px;
color: #ffffff;
font-size: 24px;
font-weight: 400;
}
.ti-head {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 24px;
font-weight: 600;
margin-bottom: 14px;
}
.tab-line {
display: flex;
justify-content: space-between;
align-items: center;
}
.tab-head {
font-size: 32px;
margin-bottom: 65px;
}
.pricing-content {
margin-bottom: 85px;
}
.pricing-content .tab-line,
.tab-bottom .tab-line {
margin-bottom: 10px;
}
.tab-footer {
display: flex;
align-items: center;
gap: 35px;
}
.spinner {
display: flex;
align-items: center;
}
.spinner button:before {
color: var(--color-blue);
font-weight: 700;
font-size: 12px;
}
.spinner_mv input,
.spinner input {
border: none;
outline: none;
width: 60px;
font-size: 24px;
text-align: center;
font-family: "Montserrat";
}
/* Modal */
.modal-overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: #383736dd;
/*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%;
opacity: 0;
visibility: hidden;
z-index: 100;
overflow-y: auto;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 20px 10px;
}
.modal {
background-color: #ffffff;
max-width: 475px;
width: 100%;
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;
display: none;
border-radius: 22px;
padding: 45px;
position: relative;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0px auto;
transform: translate(0%, -50%);
top: 50%;
}
.modal-close {
position: absolute;
width: 30px;
height: 30px;
top: 15px;
right: 15px;
font-size: 20px;
line-height: 30px;
}
.modal-close:before {
content: "✕";
}
.modal-overlay--visible {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.modal--visible {
display: block;
}
.wpcf7-form .form__group {
margin-bottom: 15px;
}
.wpcf7-form .form__group label {
font-family: "Gilroy";
font-size: 15px;
line-height: 18px;
}
.wpcf7-form .title {
font-weight: 500;
font-size: 24px;
margin-bottom: 10px;
}
.wpcf7-form .title ~ p:first-of-type {
margin-bottom: 25px;
}
.wpcf7-form textarea {
height: 100px;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
border: 1px solid #c4c4c4;
border-radius: 20px;
padding: 20px 18px;
font-family: "Gilroy";
font-weight: normal;
font-size: 15px;
width: 100%;
outline: none;
transition: all 0.3s ease;
}
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus {
border: 1px solid var(--color-blue);
}
.wpcf7-form input[type="text"].wpcf7-not-valid,
.wpcf7-form input[type="tel"].wpcf7-not-valid,
.wpcf7-form input[type="email"].wpcf7-not-valid {
border: 1px solid #e6332a;
}
.wpcf7-not-valid-tip {
color: #e6332a;
font-size: 12px;
}
.wpcf7-submit {
left: 50%;
transform: translateX(-50%);
}
.wpcf7-form .agree {
display: none;
}
.wpcf7-form .wpcf7-response-output {
display: none;
}
.wpcf7-checkbox .wpcf7-list-item,
.wpcf7-radio .wpcf7-list-item {
margin: 15px 0px;
display: block;
}
.wpcf7-checkbox .wpcf7-list-item input,
.wpcf7-radio .wpcf7-list-item input {
/*display: none;*/
}
.wpcf7-checkbox .wpcf7-list-item input {
display: block;
opacity: 0;
}
.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label,
.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
padding-left: 30px;
position: relative;
}
.wpcf7-checkbox .wpcf7-list-item input + .wpcf7-list-item-label:before,
.wpcf7-radio .wpcf7-list-item input + .wpcf7-list-item-label:before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: block;
width: 15px;
height: 15px;
border: 1px solid #c62925;
border-radius: 3px;
background: #ffffff;
transition: all 0.3s ease;
}
.wpcf7-checkbox .wpcf7-list-item input:checked + .wpcf7-list-item-label:before,
.wpcf7-radio .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
background: var(--color-blue);
}
.wpcf7-radio .wpcf7-list-item input + .wpcf7-list-item-label:before {
border-radius: 50%;
}
.wpcf7-select {
padding: 19px 40px 19px 20px;
border-radius: 30px;
border: 1px solid var(--color-blue);
color: #b1b1b1;
outline: none;
width: 100%;
font-family: "Gilroy";
font-weight: normal;
font-size: 15px;
line-height: 1;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: "";
position: relative;
}
.wpcf7-select option {
padding: 5px 20px;
color: #000000;
}
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-form-control-wrap[class*="select"]:after {
content: "";
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDExIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjM2NjAzIDguNUM1Ljk4MTEzIDkuMTY2NjcgNS4wMTg4NyA5LjE2NjY3IDQuNjMzOTcgOC41TDAuNzM2ODYgMS43NUMwLjM1MTk2IDEuMDgzMzMgMC44MzMwODYgMC4yNDk5OTkgMS42MDI4OSAwLjI0OTk5OUw5LjM5NzEyIDAuMjVDMTAuMTY2OSAwLjI1IDEwLjY0OCAxLjA4MzMzIDEwLjI2MzEgMS43NUw2LjM2NjAzIDguNVoiIGZpbGw9IiMzQjc2QjAiLz4KPC9zdmc+Cg==);
background-repeat: no-repeat;
background-position: center;
width: 13px;
height: 13px;
position: absolute;
top: calc(50% - 7px);
right: 20px;
}
.wpcf7-form .columns {
gap: 80px;
}
.wpcf7-form .columns h3 {
font-size: 24px;
font-weight: 400;
margin-bottom: 30px;
}
.wpcf7-form .columns .wpcf7-submit {
left: 0;
transform: unset;
}
.wpcf7-form .columns input[type="text"],
.wpcf7-form .columns input[type="tel"],
.wpcf7-form .columns input[type="email"] {
border-color: var(--color-blue);
border-radius: 30px;
padding: 17px 20px 18px;
line-height: 15px;
}
.wpcf7-form .columns .form__group {
margin-bottom: 28px;
}
.wpcf7-form .columns .form__label {
display: block;
}
/* Footer */
.footer {
padding: 50px 0px 35px;
background-color: #383736;
background-position: top, bottom;
background-size: 100% 50%, 100% 55%;
background-repeat: no-repeat, no-repeat;
}
.footer img{
filter: brightness(0) invert(1);
}
.footer h3 {
font-weight: 700;
font-size: 32px;
margin-bottom: 20px;
}
.footer-wrapper {
gap: 100px;
}
.footer-logo-column {
flex-basis: 41%;
}
.footer-menu-column,
.footer-contacts {
padding-top: 35px;
}
.footer-logo {
margin-bottom: 40px;
text-align: center;
}
.footer-logo img {
width: 190px;
filter: brightness(0) invert(1);
}
.footer-menu ul {
list-style: none;
columns: 2;
}
.footer-menu ul li {
padding: 0px 20px 15px 0px;
color: #ffffff;
}
.footer-menu ul li a,
.footer-contacts p a {
color: #ffffff;
}
.footer-menu ul li a:hover {
text-decoration: underline;
}
.footer-menu ul li.current_page_item a {
font-weight: 700;
text-decoration: underline;
}
.footer-contacts p {
margin: 15px 0px;
}
.footer-contacts .btn {
padding: 23px 20px;
width: 100%;
}
.footer-copyright {
text-align: center;
margin-top: 65px;
}
/*@media screen and (max-width: 1920px) {
.mc-slider, .mr-slider {
margin: 0px -30px -150px;
}
}*/
@media screen and (max-width: 1440px) {
.vacancies-wrapper {
gap: 40px;
}
}
@media screen and (max-width: 1280px) {
.header-wrapper {
gap: 30px;
}
.main-navigation ul li {
font-size: 14px;
padding: 15px 10px;
}
.hc a {
font-size: 15px;
}
.mt-slider-wrapper {
max-width: 600px;
}
.mt-slide-wrapper {
width: 450px;
}
.home-services {
grid-template-columns: repeat(3, 1fr);
}
.main-projects {
background-size: 1900px 70%;
background-position: top center;
}
.project-slide {
width: 400px;
}
.review-slide {
margin: 0px 20px;
}
.me-wrapper {
gap: 50px;
}
.emp-info {
padding: 25px;
}
.at-images-wrapper {
flex-basis: 380px;
}
.about-employers {
padding: 200px 0px 50px;
margin-top: -230px;
}
.project-images {
flex-basis: 800px;
}
.project-photos {
max-width: 800px;
}
}
@media screen and (max-width: 1024px) {
.header-wrapper {
}
.main-top {
/* background-image: url(images/mt_top.svg),
linear-gradient(90deg, #383736, #383736), url(images/mt_bottom.svg); */
background-repeat: no-repeat, no-repeat;
background-position: top, center, bottom;
background-size: 100% 20%, 100% 60%, 100% 20%;
padding: 0px 0px 100px;
}
.main-about {
padding: 70px 0px 100px;
}
.ma-block h2 {
font-size: 20px;
}
.ma-right .ma-block {
padding: 25px 40px;
}
.ma-right .ma-block h2 {
margin-bottom: 25px;
}
.project-slide {
width: 350px;
margin: 90px 50px;
}
.mpr-slider .slick-prev {
left: 25%;
}
.mpr-slider .slick-next {
right: 25%;
}
.mr-slider {
margin-bottom: 40px;
}
.footer-wrapper {
gap: 50px;
}
.calc-tabs .tabs__btn,
.calc-kolvo {
padding: 25px 30px;
}
.calc-kolvo {
font-size: 20px;
}
.ti-head {
font-size: 20px;
}
.calc-tabs .tab-content {
padding: 40px;
}
.tab-head {
font-size: 24px;
margin-bottom: 35px;
}
.calc-tabs .tab-content {
font-size: 18px;
}
.pricing-content {
margin-bottom: 50px;
}
.prices-tabs .tabs__content table {
width: calc(100% + 40px);
border-spacing: 20px 8px;
margin: 20px -20px 10px;
}
.prices-tabs .tabs__content .price-table .row {
gap: 20px;
margin-bottom: 8px;
}
.wpcf7-form .columns {
gap: 40px;
}
.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {
padding-left: 30px;
}
.ai-item {
margin-bottom: 50px;
}
.at-signature {
margin-bottom: 50px;
}
.project-images {
flex-basis: 600px;
}
.project-photos {
max-width: 600px;
}
}
@media screen and (max-width: 992px) {
body {
font-size: 14px;
}
h2 {
text-align: center;
}
.container {
padding: 0px 45px;
}
.page-title {
padding: 0px 45px;
padding-bottom: 50px;
}
.header-wrapper {
flex-direction: row-reverse;
padding: 0px 20px;
}
.menu-overlay {
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: transparent;
pointer-events: none;
transition: all 0.3s ease;
}
.main-menu {
position: fixed;
z-index: 100;
display: flex;
width: 330px;
height: 100vh;
background: #fff;
flex-direction: column;
padding: 55px 35px;
overflow-y: auto;
gap: 30px;
top: 0;
left: 0;
transform: translateX(-100%);
transition: all 0.3s ease;
}
.menu-open .menu-overlay {
background: rgba(0, 0, 0, 0.7);
pointer-events: all;
}
.menu-open .main-menu {
transform: translateX(0);
}
.main-navigation ul {
flex-direction: column;
}
.main-navigation ul li {
border-bottom: 1px solid #efefef;
font-weight: 400;
font-size: 16px;
display: block;
}
.main-navigation ul li:hover {
border-bottom-color: var(--color-blue);
}
.main-navigation ul li ul.sub-menu li {
font-size: 14px;
padding: 10px 10px;
}
.main-navigation ul li ul.sub-menu li a:hover {
font-weight: 500;
border-bottom: 1px solid transparent;
}
.menu-item-has-children:after {
content: "\e900";
font-family: "rsu";
font-size: 6px;
color: #b1b1b1;
position: absolute;
right: 0;
top: 20px;
transition: all 0.3s ease;
}
.menu-item-has-children:hover:after {
color: var(--color-blue);
}
.menu-item-has-children.open:after {
transform: rotate(180deg);
}
.main-navigation ul li ul.sub-menu {
visibility: visible;
pointer-events: all;
background: unset;
border: none;
box-shadow: unset;
border-radius: unset;
transform: scaleY(0);
transform-origin: top;
opacity: 1;
top: unset;
width: calc(100% + 20px);
padding: 0px;
margin: 0px -10px;
position: absolute;
transition: all 0.3s ease;
z-index: unset;
}
.main-navigation ul li.menu-item-has-children:hover > ul.sub-menu {
transform: scaleY(0);
}
.main-navigation ul li.menu-item-has-children.open > ul.sub-menu {
transform: scaleY(1);
position: relative;
margin-top: 10px;
border-top: 1px solid var(--color-blue);
}
.main-navigation ul.sub-menu li ul.sub-menu {
left: 0;
}
.header-contacts {
display: none;
}
.menu-toggler,
.menu-logo,
.menu-contacts.hc {
display: flex;
align-items: flex-start;
}
.menu-logo {
align-self: center;
}
.menu-contacts {
flex-direction: column;
align-items: center;
gap: 10px;
}
.main-top {
/* background-image: url(images/mt_top_m.svg), url(images/mt_bottom_m.svg); */
background-repeat: no-repeat, no-repeat;
background-position: left top 20%, bottom;
background-size: 100% 10%, 100% 75%;
padding: 20px 0px 85px;
}
.mt-content {
flex-direction: column;
align-items: center;
}
.mt-auto,
.mt-auto * {
text-align: center;
}
.mt-slider-nav {
margin-top: 20px;
}
.home-services {
grid-gap: 60px 25px;
grid-template-columns: repeat(2, 1fr);
margin: 85px 0px 40px;
}
.home-service {
border-radius: 90px;
}
.ma-wrapper {
flex-direction: column;
}
.ma-right .ma-block {
padding: 50px 55px;
}
.ma-block h2 {
text-align: left;
font-size: 18px;
}
.mpr-slider {
margin: 0px -45px;
}
.mpr-slider .slick-prev {
top: 50px;
left: 60px;
}
.mpr-slider .slick-next {
top: 50px;
right: 60px;
}
.main-employers {
padding: 80px 0px 55px;
/* background-image: url(images/me_bg.svg),
linear-gradient(90deg, #383736, #383736); */
background-position: top 100px center, bottom;
background-size: 100% 450px, 100% calc(100% - 500px);
background-repeat: no-repeat, no-repeat;
}
.me-wrapper {
flex-direction: column;
max-width: 460px;
margin-left: auto;
margin-right: auto;
}
.mc-slider,
.mr-slider {
margin: 0px -25px 40px;
}
.mc-slider .slick-list,
.mr-slider .slick-list {
margin: 0px 25px;
}
.mr-slider .slick-track {
padding: 0px;
}
.about-employers {
padding: 50px 0px 50px;
margin-top: 0px;
}
.emloyers-slider {
margin: auto;
}
.about-employers h2 {
color: #000000;
}
.footer {
padding: 50px 0px 35px;
background-color: #383736;
background-position: top, bottom;
background-size: 100% 50%, 100% 55%;
background-repeat: no-repeat, no-repeat;
}
.footer-wrapper {
flex-wrap: wrap;
padding: 0px 100px;
}
.footer-logo-column {
flex-basis: 100%;
}
.footer-logo img {
width: 150px;
}
.footer-menu-column,
.footer-contacts {
flex-basis: calc(50% - 30px);
}
.contacts-faq {
padding: 50px 0px 70px;
}
.contacts-wrapper {
gap: 60px;
}
.projects-wrapper {
margin: 40px 0px;
}
.pr-slider-wrapper {
width: calc(100% - 80px);
}
.pr-slider {
grid-auto-columns: calc((100% - 25px) / 2);
grid-template-rows: 1fr 1fr;
}
.project-post:nth-of-type(7n-2) {
grid-row: unset;
}
.project-post:nth-of-type(3n-2) {
grid-column: auto / span 2;
}
}
@media screen and (max-width: 840px) {
.calc-tabs {
flex-direction: column;
}
.prices-tabs .tabs__content table th,
.prices-tabs .tabs__content table td {
padding: 12px 25px;
}
.prices-tabs .tabs__content .price-table .row .cell_1 {
flex-basis: 100px;
}
.prices-tabs .tabs__content .price-table .row .cell_2 {
flex-basis: 120px;
}
.prices-tabs .tabs__content .price-table .row .cell {
padding: 12px 25px;
font-size: 14px;
}
.prices-tabs .tabs__content p {
padding: 0px 25px;
}
.prices-tabs .tabs__content table {
font-size: 14px;
}
.wpcf7-form .columns {
flex-wrap: wrap;
}
.wpcf7-form .columns .column_1_3 {
flex-basis: calc(50% - 25px);
}
.wpcf7-form .columns .column_1_3:first-of-type {
flex-basis: 100%;
}
.at-content-wrapper {
gap: 40px;
flex-direction: column-reverse;
margin-top: 30px;
}
.at-content {
padding: 0 0 50px;
}
.at-images-wrapper {
flex-basis: unset;
padding-top: 20px;
padding-bottom: 0px;
flex-direction: row;
overflow: visible;
}
.at-images-wrapper .slick-list {
overflow: visible;
}
.at-image {
width: 470px;
flex-shrink: 0;
margin: 20px 10px;
}
.ai-head {
flex-direction: column;
align-items: center;
margin-top: 15px;
gap: 15px;
}
.ai-icon {
flex-basis: unset;
}
.ai-text {
text-align: center;
}
.ai-title {
font-size: 16px;
}
.at-signature {
text-align: center;
margin-bottom: 0px;
}
.at-signature h3 {
font-size: 16px;
}
.service-wrapper {
flex-direction: column-reverse;
gap: 20px;
}
.service-description h2 {
font-size: 24px;
margin-bottom: 35px;
}
.service-description .btn {
left: 50%;
transform: translateX(-50%);
}
.accordion {
margin-bottom: 30px;
}
.accordion__title {
font-size: 16px;
text-align: left;
}
.contacts-wrapper {
flex-direction: column;
margin-bottom: 0px;
}
.contacts-wrapper .column_2_5 {
text-align: center;
}
.contacts-wrapper h1 {
text-align: center;
}
.contact-image {
border-radius: 0px;
margin: 0px -45px;
}
.project-wrapper {
flex-direction: column;
gap: 40px;
}
.project-images {
flex-basis: 100%;
width: 100%;
}
.project-photos {
max-width: unset;
margin-right: -300px;
}
.project-info,
.project-info h1 {
text-align: center;
}
}
@media screen and (max-width: 768px) {
.logo img {
width: 180px;
}
.menu-toggler {
height: 25px;
width: 40px;
}
.footer {
padding: 150px 0px 30px;
}
.footer-wrapper {
padding: 0px 20px;
gap: 30px;
}
.footer-menu-column,
.footer-contacts {
flex-basis: 100%;
}
.footer-menu-column,
.footer-contacts {
padding-top: 0px;
}
.footer-menu {
max-width: 350px;
margin: 0px auto;
}
.footer-contacts {
text-align: center;
}
.footer h3 {
font-size: 17px;
text-align: center;
}
.footer-copyright {
margin-top: 30px;
}
.project-modal,
.modal.project-modal {
max-width: 360px;
}
.project-modal .modal-content {
flex-direction: column;
}
.project-modal__img {
width: 100%;
}
.project-modal__text {
padding: 20px;
}
.project-modal__title {
font-size: 16px;
margin-bottom: 10px;
}
.project-modal .modal-close {
background: white;
border-radius: 9999px;
}
}
@media screen and (max-width: 640px) {
h1,
h2 {
font-size: 24px;
text-align: center;
}
.bread_contain h1 {
text-align: left;
font-size: 20px;
}
#breadcrumbs span a {
font-size: 14px;
}
#breadcrumbs span a:before {
/*display: inline-block;
content: "";
width: 12px;
height: 12px;
background: url(/wp-content/themes/rsu/images/icons/polygon.svg) no-repeat
center;
background-size: contain;
margin: 0 4px -1px 0px;
transform: rotate(180deg);*/
}
#breadcrumbs span:has(> .breadcrumb_last) {
/*display: none;*/
}
#breadcrumbs span.triangle {
/*display: none;*/
width: 12px;
height: 12px;
}
.bread_contain,
#breadcrumbs {
padding: 17px 19px;
background: #f2f2f2;
border-radius: 0px;
margin: 0 -20px 24px -20px;
}
.bread_contain #breadcrumbs {
margin: 0;
}
h2 {
margin-bottom: 20px;
}
.container {
padding: 0px 20px;
}
.page-title {
padding: 0px 20px;
padding-bottom: 50px;
}
.logo img {
width: 180px;
}
.menu-toggler {
height: 19px;
width: 30px;
}
.main-top {
background-position: left top 40%, bottom;
background-size: 100% 10%, 100% 55%;
padding: 20px 0px 40px;
}
.mt-slider-wrapper {
max-width: calc(100% + 40px);
margin: 0px -20px;
}
.mt-slide-wrapper {
border-radius: 46px;
}
.mt-slide {
width: calc(100% + 150px);
height: calc(100% + 150px);
top: -75px;
bottom: -75px;
left: -75px;
right: -75px;
}
.home-services {
display: flex;
margin: 50px -20px 0px;
padding: 20px;
overflow-x: auto;
}
.home-service {
border-radius: 80px;
flex-basis: 300px;
flex-shrink: 0;
}
.home-service:hover {
background: #ffffff;
transform: unset;
}
.home-service:hover .hs-image {
filter: unset;
}
.home-service:hover .hs-btn:before {
color: var(--color-green);
}
.ma-block {
padding: 20px 30px;
}
.ma-right .ma-block {
padding: 35px 30px;
}
.ma-img {
padding-right: 20px;
flex-basis: 80px;
flex-grow: 0;
}
.ma-block h2 {
font-size: 15px;
}
.main-about {
padding: 40px 0px 60px;
}
.mpr-slider {
margin: 0px -20px;
}
.mpr-slider .slick-prev {
top: 30px;
left: 50px;
}
.mpr-slider .slick-next {
top: 30px;
right: 50px;
}
.project-slide-wrapper.slick-center {
transform: scale(1.4);
}
.project-slide {
width: 260px;
margin: 90px 40px;
}
.pr-title {
font-size: 14px;
}
.pr-content {
font-size: 12px;
}
.pr-more {
margin-top: 10px;
font-size: 12px;
}
.project-slide-wrapper.slick-center .pr-link {
padding: 20px 30px;
}
.mc-slider,
.mr-slider {
margin: 0px 0px 30px;
}
.mc-slider .slick-list,
.mr-slider .slick-list {
margin: 0px 30px;
}
.footer {
padding: 80px 0px 30px;
}
.footer-wrapper {
padding: 0px;
}
.footer-logo img {
width: 110px;
}
.modal {
padding: 40px 20px;
}
.wpcf7-form .title {
font-size: 18px;
}
.at-image {
width: 280px;
}
.service-description h2 {
font-size: 18px;
margin-bottom: 15px;
}
.tab-head {
font-size: 16px;
margin-bottom: 25px;
}
.calc-tabs .tab-content {
font-size: 13px;
padding: 30px 20px;
border-radius: 22px;
}
.calc-tabs .tabs__btn,
.calc-kolvo {
border-radius: 22px;
padding: 23px;
}
.calc-kolvo {
font-size: 15px;
margin-bottom: 15px;
}
.calc-tabs .tabs__item {
margin-bottom: 15px;
}
.ti-head {
font-size: 15px;
}
.pricing-content {
margin-bottom: 25px;
}
.accordion__control {
padding: 28px 48px;
}
.open .accordion__content {
padding: 10px 48px 18px;
}
.accordion__icon {
left: 20px;
}
.service-card {
padding: 54px 32px 40px;
border-radius: 80px;
}
.service-card img {
margin-bottom: 35px;
}
.tab-footer {
flex-direction: column-reverse;
text-align: center;
gap: 20px;
}
.calc-tabs {
padding-bottom: 0px;
}
.projects-wrapper {
margin: 20px 0px 40px;
gap: 10px;
}
.pr-slider-wrapper {
width: calc(100% - 80px);
}
.pr-slider {
grid-auto-columns: 100%;
}
.project-post:nth-of-type(3n-2) {
grid-column: unset;
}
.pr-slider-wrapper {
width: calc(100% - 40px);
}
.project-photo {
margin: 20px 20px;
min-height: 300px !important;
}
.vacancies-wrapper {
overflow: auto;
gap: 35px;
display: flex;
padding: 20px;
margin: 0px -20px;
}
.vacancy-post,
.vacancy-button {
width: 235px;
padding: 65px 27px;
flex-shrink: 0;
}
.prices-tabs .tabs__content h3 {
font-size: 17px;
text-align: center;
margin: 30px 0px 20px;
}
.price-table {
display: grid;
grid-gap: 10px;
grid-template-columns: 1fr;
}
.prices-tabs .tabs__content .price-table .row {
border-radius: 0;
padding: 0;
margin-bottom: 0;
gap: 13px;
}
.prices-tabs .tabs__content .price-table .row:not(:first-of-type) {
display: grid;
grid-template-columns: 1fr 50px 90px;
background-color: #fff;
border-radius: 0;
padding-bottom: 8px;
}
/*
.prices-tabs .tabs__content .price-table .row:hover {
background: var(--color-blue);
}
*/
.prices-tabs .tabs__content .price-table .row:first-of-type {
display: grid;
grid-template-columns: 1fr 50px 90px;
background: #fff;
border-radius: 0;
font-weight: 400;
font-size: 10px;
line-height: 100%;
}
.prices-tabs .tabs__content_k .price-table .row:first-of-type, .prices-tabs .tabs__content_k .price-table .row:not(:first-of-type){
grid-template-columns: 1fr 180px;
align-items: center;
}
.prices-tabs .tabs__content .price-table .row:first-of-type .cell-value {
color: #c62925;
font-size: 14px;
line-height: 100%;
}
.prices-tabs .tabs__content_k .price-table .row:first-of-type .cell{
line-height: 14px;
}
.prices-tabs .price_wide .price-table .row:first-of-type, .prices-tabs .price_wide .price-table .row:not(:first-of-type){
grid-template-columns: 140px 95px 110px;
align-items: center;
}
.prices-tabs .price_wide .price-table .row:first-of-type .cell{
line-height: 15px;
}
.prices-tabs .tabs__content .price-table .row .cell {
padding: 0px;
background: transparent;
border-radius: 0px !important;
}
.prices-tabs .tabs__content .price-table .row:not(:first-of-type):hover {
color: #000000;
background: transparent;
}
.prices-tabs .tabs__content .price-table .row:hover .cell {
background: transparent;
}
.prices-tabs .tabs__content .price-table .row .cell_0 {
font-weight: 400;
}
.prices-tabs .tabs__content .price-table .row .cell_1,
.prices-tabs .tabs__content .price-table .row .cell_2 {
justify-content: center;
flex-basis: unset;
}
/*
.prices-tabs .tabs__content .price-table .row .cell-title {
display: block;
}*/
.prices-tabs .tabs__content .price-table .row .cell-value {
font-weight: 400;
}
.prices-tabs .tabs__content {
padding: 20px;
}
.prices-tabs .tabs__content h2 {
font-weight: 600;
font-size: 20px;
line-height: 100%;
margin-bottom: 16px;
margin-top: 16px;
}
.prices-tabs .tabs__item,
.calcul-tabs .tabs__item {
margin-right: 20px;
}
.prices-tabs .tabs__list,
.calcul-tabs .tabs__list {
margin-bottom: 20px;
}
.tabs__list .slick-list {
overflow: visible;
}
.tabs__list .slick-dots li.slick-active button:before {
background: #c62925;
}
.slick-dots li button:before {
width: 10px;
height: 10px;
}
}
@media screen and (max-width: 480px) {
body,
.project {
font-size: 13px;
}
h1,
h2 {
/* font-size: 17px; */
font-size: 24px;
font-weight: 700;
}
.btn {
font-size: 13px;
padding: 15px 60px;
}
.main-menu {
width: 265px;
padding: 35px 20px;
}
.main-navigation ul li {
font-size: 14px;
padding: 15px 5px;
}
.mt-slide-wrapper {
border-radius: 38px;
margin: 80px;
}
.mt-slide {
width: calc(100% + 100px);
height: calc(100% + 100px);
top: -50px;
bottom: -50px;
left: -50px;
right: -50px;
}
.review-slide {
padding: 40px 25px;
margin: 0px;
}
.client-item img {
max-width: 100%;
}
.project-photo {
margin: 20px 15px;
min-height: 250px !important;
}
}
@media screen and (max-width: 400px) {
.mt-slide-wrapper {
margin: 60px;
}
.emp-info {
margin: -200px 25px 0px;
min-height: 350px;
}
.at-image {
width: 220px;
}
}
@media screen and (max-width: 360px) {
.mt-slide-wrapper {
margin: 50px;
}
}
.project {
font-size: 24px;
line-height: 1.4;
}
.project .project-wrapper {
margin-bottom: 100px;
}
.project__title {
margin-bottom: 24px;
font-size: 48px;
line-height: 1.4;
font-weight: bold;
}
.project__address {
margin-bottom: 24px;
}
.project__content {
margin-bottom: 62px;
}
.project__thumbnail-wrap {
margin-bottom: 100px;
position: relative;
}
.project__thumbnail {
height: 480px;
width: 100%;
object-fit: cover;
border-radius: 32px;
overflow: hidden;
}
.project__thumbnail-tags {
position: absolute;
bottom: 36px;
left: 36px;
}
.project-tags a {
display: inline-block;
margin-right: 16px;
margin-bottom: 16px;
padding: 12px 16px;
font-size: 16px;
line-height: 1;
border: 1px solid var(--color-blue);
border-radius: 9999px;
color: var(--color-blue);
background: white;
transition: 0.15s ease;
}
.project-tags a:hover,
.project-tags a.active {
color: white;
background: var(--color-blue);
}
.project-gallery {
display: grid;
gap: 34px 36px;
}
.project-gallery__img {
display: flex;
width: 100%;
height: 480px;
object-fit: cover;
border-radius: 32px;
overflow: hidden;
}
.project-gallery__img img {
object-fit: cover;
width: 100%;
}
.project__projects {
padding-top: 100px;
/* background-image: url("images/mp-v2_bg.svg"); */
background-size: cover;
}
.project-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 35px;
margin-bottom: 35px;
margin-top: 40px;
}
.project-list-item {
display: flex;
flex-direction: column;
position: relative;
border-radius: 32px;
overflow: hidden;
background: white;
box-shadow: 6px 0px 18px 10px rgba(0, 0, 0, 0.05),
8px 0px 10px 5px rgba(0, 0, 0, 0.1);
}
.project-list-item__img {
width: 100%;
height: 300px;
object-fit: cover;
}
.project-list-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 35px;
margin-bottom: 35px;
margin-top: 40px;
}
.project-list-item-gallery {
display: flex;
flex-direction: column;
position: relative;
border-radius: 32px;
overflow: hidden;
background: white;
box-shadow: 6px 0px 18px 10px rgba(0, 0, 0, 0.05),
8px 0px 10px 5px rgba(0, 0, 0, 0.1);
}
.project-list-item__img-gallery {
width: 100%;
height: 300px;
object-fit: cover;
}
.project-list-item__content {
flex: 1 0 auto;
display: flex;
flex-direction: column;
padding: 36px;
}
.project-list-item__text {
flex: 1 0 auto;
font-size: 16px;
line-height: 22.4px;
margin-bottom: 20px;
}
.project-list-item__title {
display: inline-block;
font-weight: 600;
line-height: 1.2;
margin-bottom: 12px;
}
.project-list-item__title::before {
content: "";
position: absolute;
inset: 0;
}
.project-list-item__tags a {
display: inline-block;
margin-right: 16px;
margin-bottom: 16px;
padding: 12px 16px;
border-radius: 9999px;
font-size: 16px;
background: var(--color-grey);
color: var(--color-blue);
}
.projects__tags {
margin-bottom: 36px;
}
.projects__tags-label {
font-size: 16px;
margin-bottom: 10px;
}
.projects__tags--mobile {
position: relative;
display: none;
margin-bottom: 24px;
z-index: 2;
}
.projects__list {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 36px;
margin-bottom: 64px;
}
.projects__list .project-list-item {
grid-column: span 2;
margin: 0;
}
@media screen and (max-width: 992px) {
.project {
font-size: 14px;
}
}
@media screen and (max-width: 480px) {
.project {
font-size: 13px;
}
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-toggle {
position: relative;
padding: 16px 50px 16px 20px;
border-radius: 12px;
border: 1px solid var(--color-blue);
background: white;
color: #b1b1b1;
font-size: 16px;
cursor: pointer;
user-select: none;
}
.dropdown-toggle::before {
position: absolute;
top: 50%;
right: 20px;
content: "";
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 11px solid var(--color-blue);
transform: translateY(-50%);
}
.dropdown.open .dropdown-toggle::before {
transform: translateY(-50%) scaleY(-1);
}
.dropdown-list {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
padding: 10px 20px;
border: 1px solid var(--color-blue);
border-top: none;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
background: white;
}
.dropdown-list__item {
margin-bottom: 12px;
}
.dropdown.open .dropdown-toggle {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.dropdown.open .dropdown-toggle::after {
content: "";
position: absolute;
bottom: 0;
left: 20px;
right: 20px;
display: block;
border-bottom: 1px solid var(--color-grey);
}
.dropdown.open .dropdown-list {
display: block;
}
.dropdown-check {
display: flex;
align-items: center;
cursor: pointer;
}
.dropdown-check.active .dropdown-check__checkbox {
background: var(--color-blue);
}
.dropdown-check__checkbox {
margin-right: 5px;
width: 16px;
height: 16px;
border-radius: 4px;
border: 1px solid var(--color-blue);
}
.dropdown-check__label {
font-size: 10px;
}
.nav-links {
display: flex;
justify-content: center;
}
.nav-links .page-numbers {
margin: 6px;
width: 48px;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 12px;
border: 1px solid var(--color-blue);
color: var(--color-blue);
font-size: 16px;
}
.nav-links .page-numbers.current {
background-color: var(--color-blue);
color: white;
}
.nav-links .page-numbers.next,
.nav-links .page-numbers.prev {
font-size: 0;
}
.nav-links .page-numbers.prev,
.nav-links .page-numbers.next {
background-image: url('data:image/svg+xml;utf-8, ');
background-position: center;
background-repeat: no-repeat;
}
.nav-links .page-numbers.next {
transform: scaleX(-1);
}
.private p {
margin-bottom: 20px;
}
.private ul li{
margin-bottom: 10px;
}
.private ul {
margin-bottom: 20px;
margin-left: 20px;
}
@media screen and (max-width: 767px) {
.project__title {
font-size: 20px;
margin-bottom: 24px;
text-align: left;
}
.project__projects {
padding-top: 36px;
padding-bottom: 36px;
}
.project__projects .project__title {
text-align: center;
}
.project__projects .btn {
font-size: 16px;
padding: 16px 24px;
width: 100%;
}
.project-list {
grid-template-columns: 1fr;
gap: 24px;
margin-bottom: 24px;
}
.project-list-item__img {
height: 200px;
}
.project-list-item__content {
padding: 15px 20px;
}
.project-list-item__title {
font-size: 16px;
}
.project-list-item__text {
font-size: 12px;
line-height: 1.3;
}
.project-tags a {
padding: 9px 12px;
margin: 0 10px 10px 0;
}
.projects__tags {
display: none !important;
}
.projects__tags--mobile {
display: block;
}
.projects__tags--mobile .dropdown {
width: 100%;
}
.projects__list {
grid-template-columns: 1fr;
}
.projects__list .project-list-item {
grid-column: 1 !important;
}
.project-gallery {
gap: 24px;
}
.project-gallery__img {
height: 262px;
}
}
@media screen and (min-width: 768px) {
.project-gallery {
grid-template-columns: repeat(4, 1fr);
}
.project-gallery__img {
position: relative;
grid-column: span 2;
}
.project-gallery__img:nth-of-type(6n + 2),
.project-gallery__img:nth-of-type(6n + 3) {
grid-column: span 1;
}
.project-gallery__img:nth-of-type(6n + 4) {
grid-column: span 4;
}
.project-gallery__img:nth-of-type(6n + 5) {
grid-column: span 2;
}
.project-gallery__img::after {
opacity: 0;
content: "";
width: 240px;
height: 240px;
/* background: center url("images/zoom-icon.svg") no-repeat; */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: 0.15s ease;
}
.project-gallery__img:hover::after {
opacity: 0.8;
}
}
/*modal success*/
.popup-success {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: all ease-in-out 0.5;
background: rgba(77, 148, 194, 0.8);
display: none;
justify-content: center;
align-items: center;
}
.popup-success_visible {
display: flex;
}
.popup-success__overlay {
position: relative;
max-width: 1600px;
min-height: 400px;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
background-color: #fff;
border-radius: 32px;
margin: 0 20px;
}
.popup-img {
object-fit: cover;
height: 100%;
border-radius: 32px 0 0 32px;
}
.popup-descr {
padding: 57px;
font-weight: 700;
font-size: 40px;
line-height: 145%;
}
.popup-close-btn {
position: absolute;
right: 53px;
top: -50px;
font-weight: 500;
font-size: 24px;
line-height: 100%;
color: #ffffff;
}
.popup-close-btn::after {
content: "";
position: absolute;
width: 36px;
height: 36px;
right: -42px;
background: url("images/close-popup.svg") no-repeat;
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.about-text-image__text {
font-size: 20px;
margin-bottom: 60px;
}
.map_async {
width: 100%;
}
.popup-success__overlay {
grid-template-columns: 1fr;
grid-template-rows: 2fr 1fr;
}
.popup-img {
border-radius: 32px;
}
.popup-descr {
font-weight: 600;
font-size: 21px;
line-height: 145%;
padding: 20px;
text-align: center;
}
}
@media screen and (max-width: 578px) {
.about-text-image__text {
font-size: 20px;
margin-bottom: 60px;
}
.map_async {
width: 100%;
}
.popup-descr {
text-align: left;
}
.popup-close-btn {
font-size: 0;
}
}
/* calc-page */
.section-shadow {
box-shadow: 6px 0px 18px 10px rgba(0, 0, 0, 0.05),
8px 4px 10px 5px rgba(0, 0, 0, 0.1);
border-radius: 31px;
}
.calc-page .columns {
flex-direction: column;
gap: 0;
}
.calc-page .kolvo_mv,
.calc-page .calc-kolvo {
max-width: 460px;
padding: 0;
box-shadow: none;
}
.calc-page .spinner_mv {
display: flex;
}
.calc-first__btn-box {
margin-bottom: 15px;
position: relative;
width: 123px;
justify-content: center;
}
.calc-page .spinner_mv,
.calc-page .spinner {
border-bottom: 1px solid #c62925;
position: relative;
width: 123px;
justify-content: center;
}
.calc-first__count {
text-align: center;
}
.form-control.calc-first__count:focus {
border: none;
border-bottom: 1px solid #c62925;
outline: none;
}
.calc-first__count {
color: #c62925 !important;
}
.calc-page .form-control {
color: #c62925;
}
.calc-first__icon-prev,
.calc-first__icon-next,
.calc-page .icon-prev:before,
.calc-page .icon-next:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
}
.calc-first__icon-prev,
.calc-page .icon-prev:before {
left: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDdIMFY5LjAwMDAySDE2VjdaIiBmaWxsPSIjM0I3NkIwIi8+Cjwvc3ZnPgo=");
}
.calc-first__icon-next,
.calc-page .icon-next:before {
right: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIwMzlfMTMwOSkiPgo8cGF0aCBkPSJNOC45OTgyNCA3LjAwMTc2VjBINy4wMDE3NlY3LjAwMTc2SDBWOC45OTgyNEg3LjAwMTc2VjE2SDguOTk4MjRWOC45OTgyNEgxNlY3LjAwMTc2SDguOTk4MjRaIiBmaWxsPSIjM0I3NkIwIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjAzOV8xMzA5Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
}
.calc-page .tabs__list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 34px;
}
.calc-page .calc-tabs .tabs__btn-calc {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 48px 23px;
text-align: center;
min-height: 256px;
box-shadow: 6px 0px 18px 10px rgba(0, 0, 0, 0.05),
8px 4px 10px 5px rgba(0, 0, 0, 0.1);
border-radius: 31px;
}
.calc-page .tabs__btn_active {
background: #c62925;
color: #fff;
}
.calc-page .ti-head {
font-weight: 700;
font-size: 28px;
line-height: 34px;
}
.calc-page .tabs__item-descr {
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #c62925;
}
.calc-page .calc-tabs .tabs__btn_active .tabs__item-descr {
color: #fff;
}
.calc-page .calc-tabs .price {
font-weight: 700;
font-size: 28px;
line-height: 34px;
margin-top: 22px;
}
.calc-page .tab-content {
color: #000000;
background: none;
box-shadow: none;
max-width: 1055px;
margin: 0 auto;
}
.calc-page .tab-line {
font-size: 28px;
line-height: 34px;
padding-bottom: 10px;
border-bottom: 1px solid #c62925;
}
.calc-page .pricing-content {
margin-bottom: 0;
}
.calc-page .tab-footer {
flex-direction: column-reverse;
}
.tabs__pane {
display: none;
}
.tabs__pane_show {
display: block;
}
@media (max-width: 900px) {
.calc-page .tabs__item-descr {
display: none;
}
}
@media (max-width: 756px) {
.calc-page .calc-tabs .tabs__btn-calc {
box-shadow: none;
padding: 0;
min-height: auto;
}
.calc-page .ti-head {
margin-bottom: 0;
}
.calc-page .calc-tabs .price,
.calc-page .ti-head {
font-size: 20px;
line-height: 150%;
margin-top: 0;
}
.calc-page .tab-line {
font-size: 20px;
line-height: 150%;
}
.calc-tabs .tabs__btn_active {
background: #fff;
color: var(--color-blue);
}
}
@media (max-width: 640px) {
.calc-page .calc-kolvo {
justify-content: center;
gap: 15px;
}
.calc-page .spinner {
width: 80px;
}
.calc-kolvo .title.text-dark {
font-weight: 700;
font-size: 16px;
line-height: 15px;
}
.calc-page .calc-tabs .price,
.calc-page .ti-head {
font-size: 12px;
line-height: 125%;
}
.calc-page .tab-line {
font-size: 12px;
line-height: 100%;
}
.calc-page .tabs__list {
justify-items: center;
}
.calc-page__tabs .tabs__item {
margin-right: 0;
}
}
/*calc-btn*/
.calc-btn {
background: #81b74d;
border: 1px solid #81b74d;
}
.calc-btn:hover {
background: #81b74d;
border: 1px solid #81b74d;
opacity: 0.8;
}
/*calc 5*/
.calc__column {
max-width: 514px;
width: 100%;
}
.calc-to .columns {
display: grid;
grid-template-columns: 1fr 1fr;
}
.calc-to .wpcf7-checkbox .wpcf7-list-item {
font-weight: 700;
font-size: 28px;
line-height: 34px;
}
.calc-to .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {
padding-left: 30px;
}
@media (min-width:768px){
.form-sec__descr,
.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label,
.calc-to .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {
font-weight: 700;
font-size: 28px;
line-height: 34px;
display: block;
}
}
.calc-to .wpcf7-select,
.calc-to .wpcf7-form .columns input[type="text"],
.calc-to .wpcf7-form .columns input[type="tel"],
.calc-to .wpcf7-form .columns input[type="email"] {
border: none;
border-radius: 0;
padding: 12px 0;
border-bottom: 1px solid #c62925;
-webkit-appearance: auto;
-moz-appearance: auto;
}
.calc-to .wpcf7-form .columns .form__label {
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #c62925;
}
.calc-to__subtitle {
margin-bottom: 25px;
}
.calc-to__img {
border-radius: 20px;
max-width: 100%;
object-fit: cover;
}
@media (max-width: 840px) {
.calc-to .columns {
display: flex;
}
}
/*calc-first*/
.calc-first__bottom {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 20px;
}
.calc-first__img {
border-radius: 20px;
}
.calc-first__label {
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #c62925;
display: block;
margin-bottom: 5px;
}
.calc-first__bottom .form__field {
border: none;
border-bottom: 1px solid #c62925;
padding: 10px 0;
margin-bottom: 20px;
width: 100%;
max-width: 400px;
}
.calc-first__bottom .form__field:focus {
outline: none;
}
.jst_hidden {
visibility: hidden;
position: absolute;
z-index: -1;
}
/*select*/
/* The container must be positioned relative: */
.custom-select {
position: relative;
}
.custom-select select {
display: none; /*hide original SELECT element: */
}
.select-selected {
background-color: #fff;
color: #757575;
}
/* Style the arrow inside the select element: */
.select-selected:after {
position: absolute;
content: "";
top: 18px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #c62925 transparent transparent transparent;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
border-color: transparent transparent #c62925 transparent;
top: 12px;
}
/* style the items (options), including the selected item: */
.select-items div,.select-selected {
font-size: 15px;
padding: 8px;
border: 1px solid transparent;
cursor: pointer;
}
/* Style items (options): */
.select-items {
position: absolute;
background-color: #fff;
top: 100%;
left: 0;
right: 0;
z-index: 99;
box-shadow: 6px 0px 18px 10px rgba(0, 0, 0, 0.05), 8px 4px 10px 5px rgba(0, 0, 0, 0.1);
}
.select-selected{
padding-left: 0;
border-bottom: 1px solid #c62925;
}
/* Hide the items when the select box is closed: */
.select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: #383736;
color:#fff;
}
.html-sitemap{
margin-left: 20px;
}
.html-sitemap h3{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.html-sitemap ul{
margin-top: 1.25rem;
margin-bottom: 1.25rem;
padding-left: 40px;
}
.html-sitemap ul .children{
margin-top: 1rem;
margin-bottom: 1rem;
padding-left: 40px;
}
.mobil-header{
display: none;
}
.top-header{
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #E5E5E5;
padding-bottom: 7px;
}
.adres-work{
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
margin-top: 10px;
}
.adres-top{
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 18px;
color: #000000;
}
.adres-top:before{
content: '';
background: url(/images/1.svg.svg) no-repeat;
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
padding-right: 10px;
background-size: contain;
}
.work-top{
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 18px;
color: #000000;
}
.work-top:before{
content: '';
background: url(/images/2.svg.svg) no-repeat;
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
padding-right: 10px;
background-size: contain;
}
.btn-top-call{
background: #383736;
border-radius: 12px;
padding: 12px 18px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 16px;
color: #FFFFFF;
/* width: 270px;
*/
}
.header {
padding-top: 155px;
}
.middle-header{
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 10px;
}
.middle-header .logo{
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.middle-header .logo img{
height: 125px;
}
.slogan-top{
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 24px;
color: #000000;
}
.contact-top a{
display: block;
}
.contact-top .tel{
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 20px;
color: #383736;
margin-bottom: 10px;
}
.contact-top .tel:before{
content: '';
background: url(/images/4.svg.svg) no-repeat;
width: 33px;
height: 33px;
display: inline-block;
vertical-align: middle;
padding-right: 10px;
}
.contact-top .email{
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
text-decoration-line: underline;
font-size: 24px;
line-height: 20px;
color: #383736;
}
.contact-top .email:hover{
text-decoration: none;
}
.contact-top .email:before{
content: '';
background: url(/images/3.svg.svg) no-repeat;
width: 33px;
height: 22px;
display: inline-block;
vertical-align: middle;
padding-right: 10px;
}
.bottom-header{
display: flex;
justify-content: space-between;
align-items: center;
background: #FFFFFF;
border-radius: 5px;
margin-top: 10px;
padding: 5px 15px;
padding-right: 0;
filter: drop-shadow(4px 0px 6px rgba(0,0,0,0.13));
border: solid 1px #EBEBEB;
z-index: 5;
position: relative;
}
.calk-btn{
background: #81B74D;
border-radius: 12px;
padding: 8px 38px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 16px;
color: #FFFFFF;
/* width: 270px;
*/
}
.calk-btn:hover{
opacity: 0.8;
}
.calk-btn img{
margin-right: 3px;
vertical-align: middle;
}
.soc-header{
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.bottom-header .main-navigation ul li a{
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 100%;
color: #383736;
}
.bottom-header .main-navigation ul li.current-menu-item a{
color: #c62925;
}
.bottom-header .main-navigation ul li.current-menu-item.menu-item-has-children.menu-item-627 a{
color: #383736;
}
.bottom-header .main-navigation ul:not(.sub-menu) li a:hover{
color: #c62925;
}
.bottom-header .main-navigation ul li {
padding: 5px 20px;
border-right: 1px solid #AEAEAE;
}
.bottom-header .main-navigation ul li:first-child{
padding-left: 15px;
}
.main-navigation ul li ul.sub-menu li:first-child{
padding-left: 0;
}
.bottom-header .main-navigation ul li:last-child,.main-navigation ul li ul.sub-menu li{
border-right:0;
}
/* Ð‘Ð°Ð·Ð¾Ð²Ð°Ñ Ñтрелочка Ð´Ð»Ñ Ð²Ñех уровней */
.bottom-header .main-navigation ul li.menu-item-has-children > a:after {
content: '';
background: url(/images/5.png) no-repeat;
width: 10px;
height: 6px;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
transition: transform 0.2s;
}
/* ÐÐ½Ð¸Ð¼Ð°Ñ†Ð¸Ñ Ð´Ð»Ñ 1-го ÑƒÑ€Ð¾Ð²Ð½Ñ */
.bottom-header .main-navigation ul li.menu-item-has-children:hover > a:after {
transform: rotate(180deg);
}
/* Стрелочка Ð´Ð»Ñ 2-го ÑƒÑ€Ð¾Ð²Ð½Ñ (другой Ñтиль) */
.bottom-header .main-navigation ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a:after {
background: url(/images/5_2.png) no-repeat;
width: 6px;
height: 10px;
transform: none;
}
/* ÐÐ½Ð¸Ð¼Ð°Ñ†Ð¸Ñ Ð´Ð»Ñ 2-го ÑƒÑ€Ð¾Ð²Ð½Ñ */
.bottom-header .main-navigation ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover > a:after {
transform: rotate(90deg);
}
/* Скрываем Ñтрелочку у пунктов БЕЗ подменю (поÑледний уровень) */
.bottom-header .main-navigation ul li.menu-item-has-children ul.sub-menu li:not(.menu-item-has-children) a:after {
display: none;
}
.footer-2 .footer__contacts p svg{
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.desk-header {
position: fixed;
z-index: 9;
background: #ffffff;
top: 0;
padding-left: 15%;
padding-right: 15%;
width: 100%;
}
.first_screen_wrapper {
position: relative;
overflow: hidden;
height: 900px;
width: 100%;
margin-top: 60px;
border-radius: 5px;
z-index: 8;
}
.first_screen_text{
color: #fff;
position: absolute;
z-index: 10;
top: 45%;
left: 0;
width: 100%;
text-align: center;
}
.first_screen_text h1 {
font-size: 48px;
text-align: center;
}
.first_screen_text p{
display: block;
margin-top: 50px;
line-height: 1.5;
}
.first_screen {
border: none;
border-radius: 5px;
z-index: 9;
position: relative;
width: 100%;
}
.first_screen_mobile {
display: none;
height: 100vh;
}
@media (max-width: 767px) {
.first_screen {
display: none;
}
.first_screen_mobile {
display: block!important;
}
}
.filter{
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
top: 0;
left: 0;
width: 100%;
bottom: 0;
right: 0;
z-index: 10;
}
.advanc_sect {
padding-top: 0!important;
padding-bottom: 0!important;
}
.grid_advanc {
display: flex;
flex-wrap: wrap;
}
.grid_advanc * {
box-sizing: border-box;
}
.advanc_item {
width: 33%;
padding: 30px 15px;
background: #ffffff;
}
.advanc_item:nth-child(-2n+3), .advanc_item:nth-child(2n+5) {
background: #e5e5e5;
}
.advanc_ico {
display: flex;
align-items: center;
justify-content: center;
}
.advanc_ico img {
width: 70px;
display: block;
}
.advanc_title {
margin: 15px 0 0;
text-align: center;
font-size: 15px;
line-height: 1.2;
font-weight: 500;
}
@media (max-width: 1280px) {
.advanc_item {
padding: 30px 20px;
}
.advanc_ico img {
width: 70px;
}
.advanc_title {
font-size: 21px;
margin: 10px 0 0;
}
}
@media (max-width: 991px) {
.advanc_sect {
padding-top: 40px;
padding-bottom: 40px;
}
.advanc_ico img {
width: 60px;
}
.advanc_title {
font-size: 18px;
}
}
@media (max-width: 767px) {
.about-icon-text__title {
margin-bottom: 30px!important;
font-size: 20px!important;
}
.first_screen_wrapper {
height: calc(100vh - 167px);
width: 100%;
margin-top: 0;
border-radius: 5px;
z-index: 8;
}
.advanc_item {
width: 50%;
}
.advanc_item:nth-child(4n+1), .advanc_item:nth-child(4n+4) {
background: #e5e5e5;
}
.advanc_item:nth-child(4n+2), .advanc_item:nth-child(4n+3) {
background: #fff;
}
.about-text-image__text ul li{
font-size: 16px!important;
}
.about-text-image__text p {
font-size: 16px!important;
}
.about-icon-text__item li {
font-size: 16px!important;
}
}
@media (max-width: 639px) {
.about-icon-text__item li {
font-size: 16px!important;
}
.first_screen_wrapper {
height: calc(100vh - 167px);
width: 100%;
margin-top: 0;
border-radius: 5px;
z-index: 8;
}
.about-icon-text__title {
margin-bottom: 30px!important;
font-size: 20px!important;
}
.about-text-image__text ul li{
font-size: 16px!important;
}
.about-text-image__text p {
font-size: 16px!important;
}
.advanc_item {
padding: 15px;
}
.advanc_ico img {
width: 48px;
}
.advanc_title {
font-size: 16px;
line-height: 1.1;
}
}
@media (max-width: 1630px) {
.desk-header {
padding-left: 9%;
padding-right: 9%;
}
}
@media (max-width: 1450px) {
.desk-header {
padding-left: 4%;
padding-right: 4%;
}
}
@media (max-width: 1250px) {
.desk-header {
padding-left: 3%;
padding-right: 3%;
}
}
@media screen and (max-width: 992px){
.mobil-header{
display: flex;
flex-direction: row;
padding: 0px 10px;
}
.desk-header{
display: none;
}
.header {
padding-top: 30px;
padding-bottom: 60px;
position: fixed;
width: 100%;
z-index: 1000;
background: #fff;
top: 0;
}
.mobil-header .calk-btn{
height: 50px;
padding: 10px;
}
.mobil-header .contact-top{
display: flex;
gap: 10px;
align-items: center;
}
.header{
padding-bottom: 20px;
}
.main-clients{
padding-bottom: 0;
}
.main-projects .btn {
padding: 15px 40px;
margin: 0 auto;
display: block;
width: 260px;
left: inherit;
transform: inherit;
}
.mpr-slider-v2 + .btn {
margin-bottom: 20px;
}
.main-projects--v2{
padding-bottom: 0;
}
.calc-section{
margin-top: 30px;
}
.about-icon-text img{
display: inline-block!important;
margin-right: 10px;
vertical-align: middle;
}
.about-icon-text span{
display: inline-block;
vertical-align: middle;
width: 72%;
}
.about-2__form {
margin: 36px 0 35px;
}
.wpcf7-form .columns .wpcf7-submit{
left: 25%;
}
.banner-price .btn{
margin: 0 auto;
display: block;
}
.footer-2__cb .btn{
padding: 15px 25px;
}
.main-reviews{
padding-top: 0;
}
.header-wrapper {
gap: 15px;
}
}
@-moz-document url-prefix() {
.main-projects{
padding: 77px 0px 0px;
}
}
/* Page About 2 */
.about-2 .at-content {
padding-bottom: 0;
}
.about-cards__title,
.about-icon-text__title,
.about-text-image__title,
.about-staff__title {
margin-bottom: 24px;
font-size: 27px;
font-weight: 600;
text-align: left;
}
.about-cards {
margin-bottom: 36px;
}
.about-cards__item {
aspect-ratio: 1;
min-height: 262px;
max-width: 375px;
margin: 0 auto 24px;
padding: 24px;
font-size: 16px;
font-weight: 600;
color: white;
border-radius: 32px;
background-position: center bottom;
background-size: auto 78%;
background-repeat: no-repeat;
}
.about-cards__item:nth-child(1) {
background-color: #c62925;
background-image: url('images/about_cards/1.webp');
}
.about-cards__item:nth-child(2) {
background-color: #81B74D;
background-image: url('images/about_cards/2.webp');
}
.about-cards__item:nth-child(3) {
background-color: #383736;
background-image: url('images/about_cards/3_sm.webp');
background-position: center bottom -10px;
}
.about-cards__item:nth-child(4) {
background-color: #383736;
background-image: url('images/about_cards/4.webp');
}
.about-cards__item:nth-child(5) {
background-color: #81B74D;
background-image: url('images/about_cards/5.webp');
}
.about-icon-text__title {
margin-bottom: 16px;
}
.about-icon-text__item {
margin-bottom: 28px;
}
.about-icon-text img {
width: 101px;
height: 101px;
padding: 27px;
display: block;
margin-bottom: 12px;
background: #383736;
border-radius: 20px;
}
.about-text-image {
background: #F2F2F2;
padding: 36px 0;
margin-bottom: 36px;
}
.about-text-image__text ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.about-text-image__text ul li {
margin-bottom: 16px;
}
.about-2 .about-employers h2 {
color: white;
text-align: left;
font-size: 20px;
font-weight: 600;
}
@media screen and (max-width: 1023px) {
.about-2 .about-employers {
position: relative;
background: #383736;
background-clip: content-box;
padding-top: 70px;
margin-bottom: 36px;
}
.about-2 .about-employers .container {
margin-bottom: 50px;
}
.about-2 .about-employers::before {
content: '';
display: block;
position: absolute;
top: 0px;
right: 0;
bottom: 0;
left: 0;
background: url(images/ae_bg.svg);
background-size: 100% auto;
background-repeat: no-repeat;
transform: scaleX(-1);
}
}
.about-staff {
display: none;
margin: 36px 0;
}
.about-staff__title {
font-size: 16px;
margin-bottom: 12px;
}
.about-staff__content ul {
padding: 0;
margin-left: 1em;
}
.about-staff__content ul li {
margin-bottom: .5em;
}
.about-2 .about-certificates {
margin: 0;
padding: 0;
}
.about-2 .about-certificates h2 {
font-size: 20px;
text-align: left;
font-weight: 600;
}
.about-2 .ac-slider .slick-list {
margin: 0 20px;
}
.about-2 .main-clients {
margin: 36px 0;
padding: 0;
}
.about-2 .main-clients h2 {
font-size: 20px;
text-align: left;
font-weight: 600;
margin-bottom: 0;
}
/* Contact Form*/
.about-2__form {
margin: 36px 0 104px;
}
.about-2__form .title {
font-size: 20px;
font-weight: 600;
margin-bottom: 16px;
}
.about-2__form .privacy {
margin-bottom: 16px;
}
.about-2__form .form__field {
background: #E5E5E5;
border-color: transparent!important;
font-size: 14px;
font-weight: 500;
color: black;
}
.about-2__form .form__field::placeholder {
color: black;
font-weight: 500;
font-size: 14px;
opacity: 1;
}
.about-2__form p {
margin-bottom: 1em!important;
}
.about-2__form a {
color: #c62925;
}
.top_descr{
margin-bottom: 20px;
}
.top_descr p{
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 23px;
color: #000000;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.mob_distance{
margin-top:60px!important;
}
.about-cards__items {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 24px;
}
.about-cards__item {
max-width: 100%;
width: 100%;
aspect-ratio: unset;
margin: 0;
}
.about-cards__item:nth-child(3) {
grid-column: 1 / span 2;
width: 100%;
}
.about-text-image__text {
display: inline-block;
width: 58%;
}
.about-text-image__image {
display: inline-block;
width: 40%;
}
.about-2__form .form__field {
height: 64px;
}
.about-2__form .form__field,
.about-2__form .form__field::placeholder {
font-size: 20px;
}
}
@media screen and (min-width: 1024px) {
.about-2 .at-content {
padding-top: 34px;
padding-bottom: 0;
}
.about-cards__title,
.about-icon-text__title,
.about-text-image__title,
.about-staff__title {
margin-bottom: 36px;
font-size: 35px;
font-weight: 700;
text-align: left;
}
.about-cards {
margin-bottom: 104px;
}
.about-cards__items {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 36px;
}
.about-cards__item:nth-child(1) {
grid-row: 1 / 3;
}
.about-cards__item:nth-child(3) {
grid-row: auto;
grid-column: auto;
background-image: url(images/about_cards/3.png);
}
.about-icon-text {
margin-bottom: 78px;
}
.about-icon-text__item {
display: inline-flex;
width: calc(50% - 32px - .5em);
margin-right: 32px;
}
.about-icon-text__item span {
padding-left: 32px;
}
.about-text-image {
margin-bottom: 0;
padding-top: 104px;
}
.about-2 .about-employers {
margin-top: 0;
background-color: #F2F2F2;
}
.about-2 .about-employers h2 {
font-size: 30px;
margin-top: 50px;
}
.about-staff {
display: block;
margin-top: 80px;
}
.about-staff__title {
font-size: 35px !important;
}
.about-staff__content ul {
list-style: none;
margin: 0;
display: inline-grid;
grid-template-columns: 1fr 1fr;
}
.about-staff__content ul li {
display: flex;
align-items: center;
width: 400px;
margin-right: 5vw;
}
.about-staff__content ul li::before {
content: '';
width: 68px;
height: 68px;
border-radius: 12px;
flex: 0 0 68px;
margin-right: 16px;
background: #c62925;
background-image: url('data:image/svg+xml;utf8, ');
background-size: 36px 30px;
background-repeat: no-repeat;
background-position: center;
}
.about-2 .about-certificates {
margin-top: 104px;
margin-bottom: 104px;
}
.about-2 .about-certificates h2 {
font-size: 48px;
}
.about-2 .ac-slider .slick-list,
.about-2 .ac-slider .slick-list .slick-track {
margin: 0;
}
.about-2 .about-certificates .slick-prev {
left: -20px;
}
.about-2 .about-certificates .slick-next {
right: -20px;
}
.about-2 .main-clients h2 {
font-size: 48px;
font-weight: 700;
margin-bottom: 36px;
}
.about-2__form {
padding: 24px 0;
}
.about-2__form-wrap {
padding: 62px 136px;
border-radius: 32px;
box-shadow: 8px 0 10px rgba(0,0,0, 0.1), 6px 0 18px rgba(0,0,0, .05);
}
.about-2__form .title {
font-size: 48px;
font-weight: 700;
}
.about-2__form .form-grid {
margin-top: 2em;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 35px;
grid-auto-rows: minmax(0, auto);
}
.about-2__form .form__group {
grid-column: 1;
grid-auto-rows: minmax(0 auto);
min-height: 0;
}
.about-2__form .form-group--message {
grid-row: 1 / 3;
grid-column: 2;
}
.about-2__form .form-group--message textarea {
height: 150px;
}
.about-2__form .form__submit-wrap .wpcf7-submit {
left: 0;
transform: none;
}
.about-2__form .privacy {
font-size: 16px;
}
.about-2__form .form__group {
margin-bottom: 0;
}
}
@media screen and (min-width: 1600px) {
.about-text-image__image {
margin-top: -65px;
}
}
/* Footer 2 */
.footer-2 {
padding-top: 60px;
position: relative;
background: #c62925;
background-clip: content-box;
color: white;
font-size: 15px;
font-weight: 500;
}
.footer-2::before {
content: '';
display: block;
position: absolute;
width: 100%;
margin-top: -60px;
height: 60px;
background-color: #383736;
}
.footer-2__row {
border-bottom: 1px solid #383736;
padding-bottom: 24px;
margin-bottom: 24px;
}
.footer-2__logo--lg {
display: none;
}
.footer-2__logo--sm {
filter: brightness(0) invert(1);
text-align: center;
margin-bottom: 36px;
}
.footer-2__tel {
margin-bottom: 16px;
text-align: center;
}
.footer-2__tel a {
font-size: 28px;
font-weight: 700;
color: inherit;
}
.footer-2__cb {
text-align: center;
}
.footer-2__cb .btn {
border-radius: 12px;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
color: black;
font-size: 20px;
font-weight: 500;
}
.footer-2__descr {
margin-bottom: 36px;
}
.footer__descr-header {
margin-bottom: 12px;
}
.footer-2__descr ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-2__descr ul li {
margin-bottom: 12px;
display: flex;
align-items: start;
justify-content: inherit;
}
.footer-2__descr ul li::before {
content: '';
display: block;
margin-top: .35em;
width: 12px;
height: 12px;
flex: 0 0 12px;
background: #383736;
border-radius: 4px;
margin-right: 5px;
}
.footer-2 .footer-menu {
margin-bottom: 8px;
}
.footer-2 .footer__contacts p {
margin-bottom: 8px;
}
.footer-2 .footer__contacts p strong {
displaY: inline-block;
margin-top: 12px;
}
.footer-2 .footer__copyright {
font-size: 13px;
padding-bottom: 36px;
border-top: 1px solid #5b5858;
padding-top: 25px;
}
.footer__copyright {
border-top: 1px solid #5b5858;
padding-top: 25px;
}
.projects-f::before{
background-color: #f3f3f3;
}
.block5{
border-radius: 27px;
filter: drop-shadow(4px 0px 6px rgba(0,0,0,0.13));
/*background-color: #f2f2f2;*/
background-color: #ffffff;
padding: 35px;
margin-top: 30px;
}
.block5 h2.sub_title{
margin-top: 0;
}
.bold{
font-weight: 700;
}
.private{
margin-top: 20px;
}
.advans_about{
display: flex;
justify-content: space-between;
gap: 20px;
}
.advans_first{
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.advans_two{
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.advans_bottom1{
display: flex;
justify-content: flex-start;
align-items: center;
}
.advans_garant{
background-color: #c62925;
border-radius: 20px;
width: 54%;
height: 268px;
padding: 25px;
background-image: url(/images/shield.png);
background-position: bottom right;
background-repeat: no-repeat;
margin-right: 20px;
}
.garant_title{
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 32px;
color: #FFFFFF;
margin-bottom: 10px;
}
.garant_subtitle{
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
max-width: 405px;
}
.advans_persent{
background-color: #81B74D;
border-radius: 20px;
width: 43%;
height: 268px;
padding: 25px;
background-image: url(/images/Document.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.persent_title{
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 32px;
color: #FFFFFF;
margin-bottom: 10px;
}
.persent_subtitle{
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
max-width: 340px;
}
.advans_shtraf{
background-color: #81B74D;
border-radius: 20px;
width: 32%;
height: 268px;
padding: 25px;
background-image: url(/images/Document.png);
background-position: bottom right;
background-repeat: no-repeat;
margin-right: 20px;
}
.shtraf_title{
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 32px;
color: #fff;
margin-bottom: 10px;
}
.shtraf_subtitle{
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 25px;
color: #000;
max-width: 324px;
}
.advans_tehosmotr{
background-color: #c62925;
border-radius: 20px;
width: 32%;
height: 268px;
padding: 25px;
background-image: url(/images/Calendar.png);
background-position: bottom right;
background-repeat: no-repeat;
margin-right: 20px;
}
.tehosmotr_title{
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 32px;
color: #FFFFFF;
margin-bottom: 10px;
}
.tehosmotr_subtitle{
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
max-width: 324px;
}
.advans_garant2{
background-color: #383736;
border-radius: 20px;
width: 32%;
height: 268px;
padding: 25px;
background-image: url(/images/Ruble.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.garant2_title{
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 32px;
color: #FFFFFF;
margin-bottom: 10px;
}
.garant2_subtitle{
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
max-width: 306px;
}
.bottom1_left{
background: #c62925;
border-radius: 20px 0px 0px 20px;
box-shadow: 6px 0px 13px rgba(0, 0, 0, 0.25);
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 60px;
color: #FFFFFF;
height: 66px;
width: 180px;
text-align: center;
}
.bottom1_right{
background: #81B74D;
border-radius: 0px 20px 20px 0px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 66px;
color: #FFFFFF;
height: 66px;
padding-left: 20px;
width: 100%;
background-image: url(/images/Document.png);
background-position: 98% 50%;
background-repeat: no-repeat;
background-size: contain;
}
.advans_opyt{
background-color: #E5E5E5;
border-radius: 20px;
width: 410px;
height: 212px;
padding: 25px;
background-image: url(/images/Percent.png);
background-position: bottom right;
background-repeat: no-repeat;
margin-bottom: 20px;
}
.opyt_title{
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 32px;
color: #000000;
margin-bottom: 10px;
}
.opyt_subtitle{
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 25px;
color: #000000;
max-width: 249px;
}
.advans_avans{
background-color: #c62925;
border-radius: 20px;
width: 410px;
height: 324px;
padding: 25px;
background-image: url(/images/shield.png);
background-position: bottom right;
background-repeat: no-repeat;
margin-bottom: 20px;
}
.avans_title{
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 32px;
color: #FFFFFF;
margin-bottom: 10px;
}
.avans_subtitle{
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 25px;
color: #FFFFFF;
max-width: 249px;
}
.bottom2_btn .btn{
background: #E68D3D;
border: none;
width: 100%;
}
.only_mobil_action{
display: none;
}
.doci_tabs .tabs__content{
padding: 3.1% 6.5%;
}
.advans_about_metall .advans_garant{
width: 100%;
}
.advans_about_metall .advans_tehosmotr{
width: 50%;
}
.advans_about_metall .advans_garant2{
width: 50%;
}
.advans_about_metall .bottom1_right{
width: 985px;
}
.block_center{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 30px;
margin-bottom: 30px;
}
.block_1{
width: 284px;
height: 44px;
border-radius: 14px;
background-color: #4577b2;
font-size: 11px;
line-height: 16px;
color: #ffffff;
font-weight: 400;
font-family: "Montserrat";
text-align: center;
padding: 5px 0;
}
.block_2{
width: 330px;
height: 44px;
border-radius: 14px;
background-color: #ffffff;
border: 1px solid #4577b2;
font-size: 11px;
line-height: 16px;
color: #000000;
font-weight: 400;
font-family: "Montserrat";
text-align: center;
padding: 5px 20px;
}
.block_3{
width: 137px;
height: 44px;
border-radius: 14px;
background-color: #ffffff;
border: 1px solid #4577b2;
font-size: 11px;
line-height: 16px;
color: #000000;
font-weight: 400;
font-family: "Montserrat";
text-align: center;
padding: 13px 0;
}
.doci_tabs .tabs__content .price-table .row .cell_1{
flex-basis: 440px;
}
.content_doc{
display: block;
margin: 20px auto;
width: 228px;
height: 55px;
border-radius: 18px;
background-color: #4577b2;
font-size: 14px;
line-height: 55px;
color: #ffffff;
font-weight: 400;
font-family: "Montserrat";
text-align: center;
}
.block_docs{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 180px;
margin-bottom: 30px;
border-radius: 22px;
filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.13));
background-color: #f5f9fd;
border: 1px solid #8ab73d;
margin-top: 30px;
padding: 35px;
}
.doc_title{
font-size: 30px;
line-height: 24px;
color: #000000;
font-weight: 400;
font-family: "Montserrat";
}
.doc_1{
max-width: 620px;
display: flex;
align-items: center;
justify-content: space-around;
gap: 10px;
}
.doc_icon{
background: url(/images/doc1.svg);
width: 50px;
height: 50px;
}
.doc_link a{
font-size: 15px;
line-height: 24px;
color: #000000;
font-weight: 700;
font-family: "Montserrat";
display: block;
}
.doc_link span{
font-size: 15px;
line-height: 24px;
color: #000000;
font-weight: 400;
font-family: "Montserrat";
}
.doc_2{
max-width: 477px;
display: flex;
align-items: center;
justify-content: space-around;
gap: 10px;
}
.prices-tabs.doci_tabs{
margin-top: 20px;
}
.hsb-link{
display: block;
min-width: 265px;
margin: 0 auto;
padding: 24px;
background:#fff;
border: 1px solid #c62925;
border-radius: 20px;
text-align: center;
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 16px;
color: #000;
}
.block_commerce{
display: flex;
justify-content: flex-start;
background: url(/images/k2.png) no-repeat;
width: 100%;
height: 357px;
border-radius: 27px;
filter: drop-shadow(4px 0px 6px rgba(0,0,0,0.13));
background-position: 93%;
background-color: #f2f2f2;
padding-left: 35px;
padding-top: 50px;
margin-top: 40px;
margin-bottom: 40px;
}
.title_commerce{
font-size: 24px;
line-height: 34px;
color: #000000;
font-weight: 700;
font-family: "Montserrat";
}
.sub_title_commerce{
font-size: 24px;
line-height: 34px;
color: #000000;
font-weight: 400;
font-family: "Montserrat";
margin-top: 40px;
margin-bottom: 30px;
}
.block_commerce .btn{
width: 371px;
height: 55px;
border-radius: 18px;
background-color: #86b746;
font-size: 14px;
line-height: 14px;
color: #ffffff;
font-weight: 400;
font-family: "Montserrat";
border: none;
padding: 23px 40px;
}
.block_commerce div:first-child{
display: block;
max-width: 610px;
}
.contact_btn{
display: flex;
gap:10px;
}
@media screen and (min-width: 1024px) {
.footer-2 {
padding-top: 8vw;
font-size: 20px;
}
.footer-2::before {
height: 8vw;
margin-top: -8vw;
}
.footer-2__row {
margin: 36px 0;
display: grid;
grid-gap: 64px;
justify-content: space-between;
justify-items: start;
grid-template-columns: 1fr 1fr 1fr;
}
.footer-2__logo--sm {
display: none;
}
.footer-2__logo--lg {
display: block;
margin-bottom: 13px;
}
.footer-2__tel a {
display: inline-block;
margin-top: 30px;
font-size: 30px;
font-weight: bold;
}
.footer-2__cb {
padding-top: 27px;
}
.footer-2__cb .btn {
height: 64px;
font-size: 20px;
font-weight: 500;
}
.footer__descr-header {
font-weight: bold;
}
.footer-2__descr ul li::before {
height: 20px;
width: 20px;
flex: 0 0 20px;
}
.footer-2 .footer__copyright {
font-size: 20px;
font-weight: 500;
border-top: 1px solid #5b5858;
padding-top: 25px;
}
}
@media screen and (min-width: 1400px) {
.footer-2__tel a {
margin-top: 20px;
font-size: 48px;
}
}
@media screen and (max-width: 768px){
.mob_distance{
margin-top:60px!important;
}
.doci_tabs .tabs__content .price-table .row:first-of-type,.doci_tabs .tabs__content .price-table .row:not(:first-of-type){
grid-template-columns: 1fr 120px;
}
.block_docs{
gap: 30px;
}
.advans_bottom1{
display: none;
}
.only_mobil_action{
display: flex!important;
}
.about-2__form {
margin: 36px 0 35px;
}
.advans_about,.advans_first,.advans_two{
display: block;
}
.advans_garant,.advans_persent,.advans_shtraf,.advans_tehosmotr,.advans_garant2,.advans_opyt,.advans_avans, .advans_about_metall .advans_tehosmotr, .advans_about_metall .advans_garant2{
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.advans_about_metall .bottom1_right {
width: 100%;
}
.advans_bottom1{
margin-bottom: 20px;
}
.bottom2_btn{
text-align: center;
}
.bottom1_left{
height: 190px;
padding-top: 60px;
}
.bottom1_right{
height: 190px;
background-position: bottom right;
background-size: inherit;
line-height: 30px;
padding-top: 20px;
}
.bottom1_right span{
max-width: 210px;
display: block;
}
.sub_title_commerce{
margin-top: 20px!important;
margin-bottom: 20px!important;
}
.prices-tabs .tabs__content_wide .price-table .row:first-of-type, .prices-tabs .tabs__content_wide .price-table .row:not(:first-of-type){
grid-template-columns: 1fr 160px;
}
}
@media screen and (max-width: 400px){
.mob_distance{
margin-top:60px!important;
}
.contact-top .tel:before{
width: 30px;
height: 30px;
padding-right: 7px;
background-size: contain;
}
.contact-top .email:before{
width: 30px;
padding-right: 7px;
background-size: contain;
}
}
* {
scroll-behavior: smooth;
}
.mt-0{
margin-top: 0!important;
}
.menu_service_card ul li{
list-style: none;
}
.menu_service_card ul li a{
font-size: 18px;
margin-bottom: 10px;
display: block;
}
.menu_service_card ul li a:hover{
border-bottom: 1px solid #c62925;
color: #c62925;
}