h1 {
letter-spacing: 0.3px;
font-size: 52px;
line-height: 1.23;
margin: 2.48em 0px;
max-width: 27em;
text-align: center;
font-weight: 400;
position: relative;
}
.savant-container {
max-width: 1200px;
width: 100%;
}
.text-container {
max-width: 760px;
width: 100%;
}
.flexbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.fd-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.jc-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ai-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.fw-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gap-40 {
gap: 40px;
}
.bg-white {
background: #fff;
}
.bg-light {
background: #efefef;
padding-top: 90px;
padding-bottom: 90px;
}
.img-bg {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.title-box {
position: relative;
}
.title-box::before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
}
.c-white {
color: #fff;
}
.content {
font-size: 18px;
line-height: 1.55;
font-weight: 400;
color: #000000;
}
.content h2, .content h3 {
font-size: 28px;
font-weight: 700;
margin-top: 60px;
margin-bottom: 30px;
}
.content p {
margin-bottom: 30px;
}
.content ul {
list-style-type: none;
margin-bottom: 30px;
}
.content ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.content ul li::before {
content: "";
width: 6px;
height: 6px;
background: #000;
margin-right: 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 50%;
margin-top: 0.7em;
}
.content a {
text-decoration: none;
color: #2024c1;
position: relative;
}
.content a::after {
content: "";
height: 1px;
width: 100%;
border-bottom: 1px solid #2024c1;
position: absolute;
bottom: -2px;
left: 0;
}
.content table {
border-spacing: 0 20px;
}
.content tr:nth-child(even) {
background: #f5f5f5;
}
.content td {
vertical-align: top;
padding: 20px;
}
.slider-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-bottom: 138px;
margin-top: 60px;
}
.savant-slider {
overflow: hidden;
}
.savant-slider .swiper-slide img {
display: block;
width: 100%;
}
.swiper-pagination {
bottom: -42px !important;
}
.swiper-pagination-bullet-active {
background: #222;
}
.btn-swiper {
width: 40px;
height: 40px;
background-color: #e8e8e8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50px;
-ms-flex-negative: 0;
flex-shrink: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.btn-swiper svg {
width: 9px;
}
.btn-swiper--prev {
-webkit-transform: rotate(180deg) translateY(50%);
transform: rotate(180deg) translateY(50%);
left: -80px;
}
.btn-swiper--next {
right: -80px;
}
.file-item {
display: grid;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 440px;
gap: 40px;
padding: 36px 40px;
}
.file-item .title {
font-size: 24px;
line-height: 1.35;
font-family: "GraphikTT", Arial, sans-serif;
font-weight: 500;
color: #000000;
}
.file-item a {
text-decoration: none;
color: #fff;
background: #1f24c9;
line-height: 14px;
height: 45px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
padding-left: 30px;
padding-right: 30px;
font-family: "GraphikTT", Arial, sans-serif;
font-weight: 700;
}
.price-box {
background: #f8f8f8;
padding: 78px 0;
}
.price-box .title {
color: #16171a;
font-size: 45px;
line-height: 1.11;
font-weight: 500;
letter-spacing: -0.9px;
margin-bottom: 50px;
}
.price-box .plain-text {
color: #41454d;
font-size: 20px;
line-height: 1.4;
font-weight: 400;
letter-spacing: 0px;
display: grid;
gap: 1em;
max-width: 32em;
}
.price-box h4 {
margin-top: 40px;
color: #41454d;
font-weight: 700;
font-size: 20px;
}
.contact-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
gap: 16%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact-box a {
text-decoration: none;
color: #16171a;
font-family: Graphik, Arial, sans-serif;
font-size: 20px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
white-space: nowrap;
}
.contact-box .phone::before {
content: "";
background-image: url(//urbantechgroup.ru/wp-content/themes/urbantech/images/phone.svg);
width: 30px;
height: 30px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.contact-box .email::before {
content: "";
background-image: url(//urbantechgroup.ru/wp-content/themes/urbantech/images/mail.svg);
width: 30px;
height: 30px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media screen and (max-width: 1200px) {
.savant-container {
max-width: 960px;
}
.text-container {
max-width: 620px;
}
h1 {
font-size: 48px;
}
.content h2 {
font-size: 26px;
}
}
@media screen and (max-width: 960px) {
.savant-container {
max-width: 640px;
}
.btn-swiper--next {
right: -5%;
z-index: 2;
}
.btn-swiper--prev {
left: -5%;
z-index: 2;
}
}
@media screen and (max-width: 720px) {
.savant-container, .text-container {
padding-left: 20px;
padding-right: 20px;
}
.btn-swiper--next {
right: 10px;
z-index: 2;
}
.btn-swiper--prev {
left: 10px;
z-index: 2;
}
.file-item {
min-width: 100%;
}
}
@media screen and (max-width: 640px) {
h1 {
font-size: 30px;
}
.content h2 {
font-size: 24px;
}
.savant-slider {
margin-left: -20px;
margin-right: -20px;
}
.btn-swiper {
width: 24px;
height: 24px;
}
.btn-swiper svg {
width: 6px;
}
.btn-swiper--next {
right: 0px;
}
.btn-swiper--prev {
left: 0px;
}
}
@media screen and (max-width: 480px) {
.bg-light {
padding-bottom: 60px;
padding-top: 60px;
}
}.map_ico {
margin: 3px 12px -4px 0;
float: left;
}
.rut_ico {
margin: 0 6px -7px 0;
}
.rutube {
margin: 5.569vw 9px -7px 0;
display: inline-block;
}
.rutube a {
font-size: 1.117vw !important;
font-weight: 400;
text-align: left;
text-decoration-line: underline;
text-decoration-style: solid;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #fff;
margin: 5.569vw 9px -7px 0;
display: inline-block;
}
.flex_partners {
display: flex;
align-items: center;
justify-content: flex-start;
}
.site-footer__nav {
width: calc(27% - 1.042vw);
padding-right: 0;
}
.site-footer__nav p {
margin: -6px 0 11px;
font-size: 1.117vw !important;
white-space: nowrap;
display: inline-block;
}
.site-footer__nav_2 .site-footer__email {
font-size: 1.117vw !important;
float: left;
}
.rutube_img {
text-decoration: none;
float: left;
}
.socr-partners__title {
width: 50%;
}
.socr-partners__right {
width: 65%;
}
.rutube a.rutube_img {
margin: 5.469vw 9px -7px 0;
}
.socr-practic__slider {
display: none;
}
.socr-partners__prev, .socr-partners__next {
display: none;
}
.contacts__message {
width: 56.222vw;
font-size: 1.950vw;
line-height: 1.95;
margin-top: -15px;
color: var(--theme--color--white);
}
.contacts__info {
width: calc(100% - 48.611vw);
}
.contacts__tel, .contacts__email {
font-size: 1.950vw;
}
.socr-practic__item {
width: 26.380vw;
}
@media screen and (max-width: 1920px) {
.rutube a.rutube_img {
margin: 5.469vw 9px -7px 0;
}
}
@media screen and (max-width: 1400px) {
.map_ico {
margin: 0.217vw 5px -4px 0;
}
}
@media screen and (max-width: 991px) {
.rut_ico {
width: 20px;
margin: 0px 8px 0px 0;
}
.rutube {
margin-bottom: 20px;
font-size: 3.067vw;
display: block;
}
.site-footer__nav_2 .site-footer__email, .site-footer__nav_2 p, .site-footer__nav_2 a {
display: block;
font-size: 3.067vw !important;
overflow: hidden;
}
.site-footer__nav:last-child {
border-bottom: 0.256vw solid var(--theme--color-gray);
padding-top: 20px;
}
.site-footer__nav ul.menu > li {
margin-top: 5px;
}
.site-footer__year {
right: auto;
}
.site-footer__bottom {
-ms-flex-direction: column;
flex-direction: column;
}
.site-footer__copyright, .site-footer__year {
margin: 3.590vw 0;
position: relative;
}
.site-footer__docs {
padding-bottom: 6.205vw;
width: 60.205vw;
}
.site-footer__nav_2 a.rutube_img {
display: inline-block;
float: left;
}
.site-footer__nav {
width: 100%;
padding-right: 0;
}
.site-footer__email {
width: 100%;
}
.rutube {
float: left;
margin: 0 9px 20px 0;
}
.rutube a {
margin-bottom: 20px;
margin-top: 0.569vw;
}
.rutube a.rutube_img {
margin: 7px 9px -7px 0;
}
.map_ico {
margin: 0.717vw 17px -4px 0;
}
.contacts__message {
width: 100%;
font-size: 5.128vw;
line-height: 1.3;
margin-top: 2.128vw;
}
.contacts__tel, .contacts__email {
margin-top: 3.077vw;
font-size: 5.128vw;
line-height: 1.3;
}
.contacts__info {
width: 100%;
}
}
@media screen and (max-width: 600px) {
.rutube {
font-size: 4.567vw;
}
.site-footer__nav_2 .site-footer__email, .site-footer__nav_2 p, .site-footer__nav_2 a {
display: block;
font-size: 4.567vw !important;
}
.rutube_img {
margin-top: 2px;
}
.rutube a.rutube_img {
margin: 3px 5px -7px 0;
}
.socr-practic__slider {
display: block;
}
.socr-practic__list {
display: none;
}
.socr-practic__slider .swiper-slide {
width: 89.359vw;
}
.socr-practic__item {
width: 89.487vw;
}
.socr-practic__item img {
border-radius: 2.833vw;
}
.socr-practic.container {
position: relative;
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
top: auto;
bottom: 10px;
}
.socr-practic.container {
padding: 10.103vw 0 10.103vw 4.103vw;
}
.map_ico {
margin: 0.217vw 13px -4px 0;
}
}
@media screen and (max-width: 460px) {
}.projects-orders {
background: #fff;
}
.blag-orders__title {
font-weight: 500;
font-size: 4.444vw;
line-height: 1.11;
color: var(--theme--color--heading);    
border-bottom: 2px solid #c2c2c2;
padding: 35px 0;
margin-bottom: 50px;
}
.blag-orders__item img {
height: auto;
width: 100%;
max-width: 27vw;
}
.blag-orders.projects-orders {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0.6944vw 9.0278vw 5.5556vw;
background: var(--theme--color--footer--link);
}
.blag-orders__item p {
width: 100%;
max-width: 27vw;
text-align: center;
background: #fff;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
margin-top: 20px;
font-size: 1.2vw;
}
.blag-orders__item a {
text-decoration: none;
}
.postid-3163 .industry-products__item, .postid-3163 .industry-projects__item {
width: 100vw;
}
.postid-3163 .products-item img, .postid-3163 .projects-item img {
height: 33.667vw;
}
.postid-3163 .products-item, .postid-3163 .projects-item {
padding: 34.778vw 1.111vw 4.306vw 1.111vw;
}
@media screen and (min-width: 1px) and (max-width: 991px) {
.blag-orders__item p {
font-size: 3.2vw;
}
.blag-orders__item p {
width: 100%;
max-width: 100%;
}
.blag-orders__item img {
max-width: 100%;
}
.postid-3163 .industry-products__item, .postid-3163 .industry-projects__item {
width: 92vw;
}
.postid-3163 .products-item, .postid-3163 .projects-item {
padding: 34.778vw 1.111vw 15.306vw 1.111vw;
}
}