/*!
Theme Name: waliot
Version: 1.0.0
Tested up to: 8.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: waliot
*/
.modal__list a {
    text-decoration: none;
}
.modal__list a:hover {
    text-decoration: underline !important;
}
.line-button, .line-icon-button {
    text-wrap: nowrap;
}
.tariff-item__icon img {
    width: 30px;
    height: 24px;
    object-fit: contain;
}
.swiper-button-disabled {
    display: none;
}
.gps {
    padding-bottom: 100px;
}
.gps-wrapper {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.gps-item {
    padding: 40px;
    background: #fff;
    border-radius: 40px;
}
.gps-head {
    display: flex;
    align-items: center;
    justify-content: start;
}
.gps-head img {
    border-radius: 50%;
    margin-right: 20px;
}
.gps-item p {
    margin-top: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #212126;
}
.gps-head h4 {
    font-weight: 600;
    font-size: 20px;
    color: #212126; 
}
.content-404 p {
		font-weight: 400;
		font-size: 20px;
		line-height: 200%;
		color: #212126;
	}
	.content-404 img {
		width: auto;
		margin: auto;
		margin-top: 66px;
	}
.foot
er-body__list a, .footer-bottom__links a {
	-webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-transition: color .2s ease-in-out,-webkit-text-decoration-line .2s ease-in-out;
    transition: color .2s ease-in-out,-webkit-text-decoration-line .2s ease-in-out;
    transition: color .2s ease-in-out,text-decoration-line .2s ease-in-out;
    transition: color .2s ease-in-out,text-decoration-line .2s ease-in-out,-webkit-text-decoration-line .2s ease-in-out;
    font-size: 14px;
    line-height: 150%;
    color: #737580;
}
.tariff-item__plan-icon {
	display: flex;
	align-items: center;
}
.search button[type="submit"] {
	display: none;
}
.search.search--active button[type="submit"] {
	display: block;
	border: none;
	background: transparent;
}
.search.search--active .not-active {
	display: none;
}
.wpcf7-spinner {
    display: none;
}
.page-title {
    margin-top: 204px;
}
.contact-map {
    margin-top: 40px;
    display: flex;
    width: 100%;
}
.contact-map-left {
    width: 35%;
    background: rgb(34, 40, 45);
    padding: 100px;
    color: #fff;
}
.contact-map-left-top p {
    margin-top: 30px;
    color: rgb(101, 111, 116);
    font-family: Inter;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
}
.contact-map-left-tel {
    margin-top: 100px;
    margin-bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.contact-map-left-tel a {
    color: rgb(255, 255, 255);
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
}
.contact-map-left-mails {
    display: flex;
    color: rgb(101, 111, 116);
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0%;
}
.contact-map-left-mails-link {
    padding-left: 5px;
}
.contact-map-left-mails-link a {
    display: block;
    color: rgb(101, 111, 116);
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0%;
}
.contact-map-right {
    width: 65%;
}
.contact-map iframe {
    width: 100%;
    height: 100%;
}
.contact-page {
    margin-top: 65px;
}
.contact-page-wrapper {
    display: flex;
}
.contact-first {
    width: 40%;
}
.contact-second {
    width: 25%;
}
.contact-third {
    width: 35%;
}
.contact-page-wrapper h4 {
    color: #212126;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 30px;
}
.contact-page-wrapper p {
    padding-bottom: 30px;
}
.contact-mail {
    display: block;
    width: fit-content;
}
.contact-mail-links > a:last-child {
    float: right;
}
.cities {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;  
}
.cities a {
    border-radius: 24px;
    width: fit-content;
    padding: 8px 16px;
    background-color: #fff;
    color: #212126;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.contact-page-form input {
    padding: 10px 24px;
    margin-bottom: 10px;
    border-radius: 50px;
    border: 1px solid #CDCDCD;
    color: #737580;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
    width: 100%;
}
.contact-page-form textarea {
    border-radius: 30px;
    border: 1px solid #CDCDCD;
    padding: 10px 24px;
    margin-bottom: 10px;
    color: #737580;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    outline: none;
}
.contact-page-form input[type="submit"] {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 100%;
}
.cities-text h2 {
    font-size: 28px;
    margin: 0.83em 0;
}
.cities-text h3 {
    font-size: 24px;
    margin: 0.83em 0;
}
.cities-text ul li {
    list-style: disc;
}
.cities-text p, .page-content p {
    margin: 1em 0;
}
.header-cities {
    position: relative;
    cursor: pointer;
}
.header-cities .header-top__connect-text {
    color: #212126;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px dashed #000;
}
.cities-sublist {
    display: none;
    position: absolute;
    left: 0;
    top: 25px;
    padding: 10px 20px;
    border-radius: 0px 24px 0px 24px;
    background: #FFF;
    box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.08);
}
.cities-sublist a {
    display: block;
    color: #212126;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    padding-bottom: 10px;
}
.contact-page-wrapper .modal-form__hint {
    padding-bottom: 0;
}
.input {
max-width: 100%;
}
.case-item__img img {
    height: auto;
}
.case-item {
    max-height: 440px;
}
@media (max-width: 1399px) {
    .gps-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 992px) {
    .gps h2 {
        text-align: center;
    }
    .gps-wrapper {
        margin-top: 30px;
        grid-template-columns: repeat(1, 1fr);
    }
    .content-404 p {
		font-size: 16px;
	}
	.content-404 img {
		margin-top: 30px;
		}
    .page-title {
        margin-top: 95px;
    }
    .contact-page-wrapper {
       display: flex;
       flex-direction: column;
    }
    .contact-page-wrapper p {
        padding-bottom: 20px;
    }
    .contact-page-wrapper h4 {
        margin-bottom: 20px;
    }
    .contact-item {
        width: 100%;
        margin-bottom: 30px;
    }
    .cities-sublist {
        left: auto;
        top: 35px;
        max-height: 155px;
        overflow: auto;
    }
    .gps-item {
        padding: 25px;
    }
    .contact-map {
        flex-direction: column;
    }
    .contact-map-left {
        width: 100%;
        padding: 50px 30px 30px 30px;
        text-align: center;
    }
    .contact-map-right {
        width: 100%;
        height: 400px;
    }
    .contact-map-left-top p, .contact-map-left-mails, .contact-map-left-mails-link a {
        font-size: 20px;
    }
    .contact-map-left-top h2, .contact-map-left-tel a {
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }
    .contact-map-left-mails {
        justify-content: center;
    }
    .contact-map-left-tel {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}
@media(max-width: 480px) {
    .case {
        padding-bottom: 50px;
    }
    .gps-head img {
        border-radius: 50%;
        margin-right: 10px;
    }
    .gps-head h4 {
        font-size: 17px;
    }
    .gps-item p {
        margin-top: 10px;
        font-size: 14px;
    }
}




/*купить глонасс оборудование*/
.products {
	padding-bottom: 100px;
}
.products__slider-button__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.products-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
}
.product-item {
	width: 100%;
	max-width: 429px;
	border-radius: 40px;
	background: #fff;
	padding-bottom: 60px;
	position: relative;
}
.product-item .image-block {
	background: #e7e8ef;
	border: 1px solid #e7e8ef;
	border-radius: 40px;
	box-sizing: border-box;
	position: relative;
	padding: 40px 0;
}
.product-item .image-block .flash {
	padding: 14px 20px;
	border-radius: 50px;
	font-weight: 700;
	font-size: 16px;
	color: #000;
	position: absolute;
    bottom: 20px;
    right: 20px;
}
.product-title {
	margin-top: 40px;
	padding: 0 40px;
	font-weight: 700;
	font-size: 36px;
	color: #000;
}
.product-desc {
	padding: 0 40px;
	font-weight: 400;
	font-size: 16px;
	color: #afafaf;
}
.prod-meta {
	display: flex;
    align-items: center;
    padding: 0 40px;
    margin-top: 20px;
}
.rate {
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 16px;
	color: #ffb800;
	margin-right: 20px;
}
.prod-meta-desc {
	font-weight: 400;
	font-size: 16px;
	color: #afafaf;
}
.prod-price {
	display: flex;
	align-items: center;
	padding: 0 40px;
	margin-top: 20px;
}
.prod-price-sale {
	font-weight: 700;
	font-size: 40px;
	color: #212126;
	margin-right: 30px;
}
.prod-price-old {
	font-weight: 400;
	font-size: 20px;
	text-decoration: line-through;
	color: #afafaf;
}
.add-to-cart {
	display: flex;
    align-items: center;
    justify-content: center;
	background: #f51a1a;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.product-block-desc {
	margin-top: 100px;
}
.product-block-desc > * {
	padding: 5px;
}
.text-after-product {
	margin-bottom: 100px;
}
.prod-blockquote {
	background: #1d53c0;
	padding-top: 50px;
	padding-bottom: 100px;
}
.blockquote-image {
	max-width: 92px;
}
.prod-blockquote-body {
	padding-left: 190px;
}
.prod-blockquote-body h2 {
	margin-top: 20px;
	margin-bottom: 50px;
	color: #fff;
	font-style: italic;
	font-size: 40px;
	font-weight: 400;
}
.prod-blockquote-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.prod-blockquote-desc {
	font-style: italic;
	font-weight: 400;
	font-style: italic;
	font-size: 20px;
	color: #5598f6;
}
.blockquote-btn {
	border: 1px solid #fff;
	border-radius: 50px;
	padding: 15px 30px;
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	background: transparent;
	outline: none;
	cursor: pointer;
}
.product-desc-box {
	padding: 100px 0;
}
.prod-license {
	padding-bottom: 100px;
}
.license-item {
	max-width: 25%;
}
.post__desc p {
	padding: 10px 0;
}
.prod-list-short {
	padding-top: 100px;
}
.short-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px 25px;
}
.short-list h4 {
	font-weight: 700;
	font-size: 20px;
	color: #000;
}
.short-list .prod-list-desc {
	font-weight: 400;
	font-size: 16px;
	margin: 25px 0;
}
.prod-list-item a {
	font-weight: 400;
	font-size: 16px;
	text-decoration: underline;
}
.prod-zakaz {
	margin-top: 100px;
}
.zakaz-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px 20px;
	margin-top: 40px;
}
.zakaz-item img {
	object-fit: cover;
	border-radius: 40px;
}
.zakaz-item p {
	margin-top: 30px;
	font-weight: 400;
	font-size: 20px;
	color: #000;
}
.prod-list-long {
	padding-top: 100px;
}
.long-list-item {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-bottom: 100px;
}
.long-list-item h4 {
	font-weight: 700;
	font-size: 20px;
	color: #000;
	padding-bottom: 25px;	
}
.long-list-item a {
	display: block;
	margin-top: 25px;
	font-weight: 400;
	font-size: 16px;
	text-decoration: underline;
}
.long-list-bottom {
	padding-bottom: 100px;
}
.long-list-bottom p {
	padding: 10px 0;
}
.prod-list-short-bottom {
    padding-bottom: 100px;
}
.complect {
	margin-top: 100px;
}
.complect-header {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.complect-header > a {
	font-weight: 600;
	font-size: 24px;
	text-transform: uppercase;
	color: #1d53c0;
}
.complect-calc {
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 40px;
    background-color: #fff;
    margin-top: 50px;
    padding-left: 0;
    padding-right: 0;
}
.complect-calc-items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 50px;
	padding-bottom: 20px;
	padding-left: 30px;
	gap: 10px 20px;
}
.complect-calc-item {
	width: fit-content;
	background: #f5f7fa;
	border-radius: 24px;
	padding: 8px 16px;
	cursor: pointer;
}
.complect-calc-item-title {
	font-weight: 400;
	font-size: 16px;
	color: #212126;
}
.complect-calc-item-price {
	font-weight: 600;
	font-size: 14px;
	color: #1d53c0;
}
.complect-calc-item:hover {
	background: #1d53c0;
	color: #fff;
}
.complect-calc-item.selected {
	background: #1d53c0;
	color: #fff;
}
.complect-calc-item:hover > .complect-calc-item-title, .complect-calc-item:hover .complect-calc-item-price {
	color: #fff;
}
.complect-calc-item.selected  > .complect-calc-item-title, .complect-calc-item.selected  .complect-calc-item-price {
	color: #fff;
}
.complect-calc-result {
	position: relative;
}
.complect-calc-result-block {
	border-radius: 24px;
	padding: 24px 30px;
	background: #1d53c0;
	width: 502px;
	position: absolute;
    right: 50px;
    bottom: 20px;
}
.complect-calc-result-block > h3 {
	font-weight: 600;
	font-size: 24px;
	color: #fff;
	margin-bottom: 20px;
}
.stoimost-oborudovaniya {
	display: flex;
    justify-content: space-between;
    align-items: end;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
}
.stoimost-oborudovaniya .line {
	border-bottom: 1px dashed #fff;
    width: 37%;
    height: 1px;
}
.stoimost-ustanovki {
	display: flex;
    justify-content: space-between;
    align-items: end;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
}
.stoimost-ustanovki .line {
	border-bottom: 1px dashed #fff;
    width: 46%;
    height: 1px;
}
.complect-calc-itog {
	display: flex;
    justify-content: space-between;
    align-items: end;
	font-weight: 600;
	font-size: 20px;
	color: #fff;
	margin-top: 20px;
}
.complect-calc-itog .line {
	border-bottom: 1px dashed #fff;
    width: 61%;
    height: 1px;	
}
.complect-calc-cta {
	margin-top: 20px;
	border-radius: 24px;
	padding: 12px 16px;
	background: #fa9600;
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	border: none;
	outline: none;
	cursor: pointer;
}
.complect-calc-result-block > p {
	font-weight: 400;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.53);
	margin-top: 20px;
}
.modal__list {
	margin-bottom: 20px;
}
.modal__holder > .row {
    max-height: 500px;
    overflow: auto;
}
.header-first-slider-item {
	text-align: center;
}
.header-first-slider-item img {
	height: 200px;
    width: 100%;
    object-fit: cover;
    margin: auto;
}
.description-block {
	background-color: #ffff;
	border-radius: 0 0 16px 16px;
	padding: 10px 10px 20px 10px;
}
.description-block h4 {
	font-size: 18px;
	margin-bottom: 10px;
}
.description-block a {
	text-decoration: underline;
}
.header__slider-button__wrapper {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}
.header-bottom-slider-link {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-top: 20px;
}
.footer-yandex-header {
	display: flex;
	align-items: center;
	gap: 20px;;
}
.footer-yandex-header span {
	font-weight: 600;
	font-size: 24px;
	color: #212126;
}
.yandex-stars {
	display: flex;
	align-items: center;
}
.footer-yandex > p {
	margin-top: 5px;
	font-weight: 400;
	font-size: 14px;
	color: #b1b1b1;
}
.app-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 10px;
}
.footer-body__list a {
    font-weight: 400;
    font-size: 14px;
    text-decoration: underline;
    color: #737580;
}
.footer-bottom .footer-bottom__inner .footer-bottom__links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 30px;
}


@media (min-width: 1200px) {
	.products__slider-button__mobile {
		display: none;
	}
}

@media(max-width: 1199px) {
	.products__slider-button__mobile {
		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;
	    gap: 20px;
	    margin-top: 14px;
	}
	.products__slider-button__large {
		display: none;
	}
	.complect-calc-result-block {
	    width: 400px;
	    position: absolute;
	    right: 20px;
	    bottom: 20px;
	}
	.stoimost-oborudovaniya .line {
	    border-bottom: 1px dashed #fff;
	    width: 14%;
	    height: 1px;
	}
	.stoimost-ustanovki .line {
	    border-bottom: 1px dashed #fff;
	    width: 27%;
	    height: 1px;
	}
	.complect-calc-itog .line {
	    border-bottom: 1px dashed #fff;
	    width: 47%;
	    height: 1px;
	}
}

@media (max-width: 992px) {
	.modal-form {
        width: 90%;
    }
    .industry__items {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [ 1 ];
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }
	.prod-blockquote-body {
    	padding-left: 0;
	}
	.blockquote-image {
	    margin: auto;
	}
	.prod-blockquote-content {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	}
	.blockquote-btn {
	    margin-top: 20px;
	}
	.license-item {
		max-width: 50%;
	}
	.zakaz-list {
		grid-template-columns: repeat(1, 1fr);
		gap: 40px;
	}
	.zakaz-item p {
    	margin-top: 15px;
    	text-align: center;
	}
	.zakaz-item {
		margin: auto;
	}
	.prod-zakaz h2 {
		text-align: center;
	}
	.long-list-item {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
		margin-bottom: 50px;
	}
	.complect-calc-result-block {
	    width: 100%;
	}
	.stoimost-oborudovaniya .line {
	    width: 50%;
	}
	.stoimost-ustanovki .line {
	    width: 54%;
	}
	.complect-calc-itog .line {
	    width: 67%;
	}
}

@media(max-width: 767px) {
	.complect-calc-result-block {
	    position: static;
	}
	.complect-calc-result img {
		display: none;
	}
	.stoimost-oborudovaniya .line {
	    width: 22%;
	}
	.stoimost-ustanovki .line {
	    width: 28%;
	}
	.complect-calc-itog .line {
	    width: 45%;
	}
	.complect-header {
		flex-direction: column;
		text-align: center;
	}
	.complect-header a {
		display: block;
		margin-top: 20px;
	}
	.complect-calc-item-title {
	    font-size: 13px;
	}
	.complect-calc-item {
	    padding: 8px;
	}
	.complect-calc-items {
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    margin-top: 50px;
	    padding-left: 15px;
	    padding-right: 15px;
	    gap: 10px;
	}
}

@media(max-width: 480px) {
	h2 {
		font-size: 28px;
	}
	.products-head h2 {
		font-size: 28px;
	}
	.product-title {
    	font-size: 24px;
    }
    .product-block-desc {
		margin-top: 30px;
	}
	.products {
		padding-bottom: 50px;
	}
	.product-desc {
    	font-size: 14px;
	}
	.prod-price-sale {
   		font-size: 30px;
	}
	.prod-price-old {
	    font-size: 18px;
	}
	.product-item .image-block {
    	padding: 20px 0;
	}
	.product-block-desc h2 {
    font-size: 28px;
	}
	.text-after-product {
		margin-bottom: 30px;
	}
	.prod-blockquote-body h2 {
	    font-size: 28px;
	}
	.prod-blockquote {
	    padding-top: 30px;
	    padding-bottom: 40px;
	}
	.prod-blockquote-desc {
		font-size: 18px;
	}
	.product-desc-box {
		padding: 50px 0;
	}
	.license-item {
		max-width: 100%;
	}
	.prod-license {
		padding-bottom: 0px;
	}
	.license-item img {
		margin: auto;
	}
	.prod-list-short {
		padding-top: 50px;
	}
	.short-list {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
	.prod-zakaz {
		margin-top: 50px;
	}
	.prod-list-long {
		padding-top: 50px;
	}
	.long-list-bottom {
		padding-bottom: 50px;
	}
	.prod-list-short-bottom {
	    padding-bottom: 50px;
	}
	.complect {
		margin-top: 50px;
	}
	.stoimost-oborudovaniya, .stoimost-ustanovki {
    	font-size: 14px;
    }
    .stoimost-oborudovaniya .line {
	    width: 10%;
	}
	.complect-calc-itog {
		font-size: 18px;
	}
	.stoimost-ustanovki .line {
	    width: 22%;
	}
	.complect-calc-itog .line {
	    width: 42%;
	}
}
/* END купить глонасс оборудование*/




/*Стили 3 этап*/

.promotion__desc {
	font-weight: 400;
	font-size: 24px;
	color: #000;
}
.promotion__desc_bottom {
	font-size: 16px;
}
.mobile-advantages {
	background: rgb(237, 240, 246);
	padding: 60px 0 100px 0;
}
.mobile-advantages h2 {
	font-size: 40px;
	font-weight: 700;
	line-height: 48px;
	letter-spacing: 0%;
	text-align: left;
	margin-bottom: 92px;
}
.mobile-advantages .row {
    gap: 0px;
}
.mobile-advantages-items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 38px 20px;
}
.mobile-advantages-item {
	border-radius: 40px;
	background: rgb(255, 255, 255);
	padding: 20px 20px 20px 30px;
}
.mobile-advantages-item:hover {
	background: rgb(29, 83, 192);
	cursor: pointer;
}
.mobile-advantages-item h4 {
	font-size: 20px;
}
.mobile-advantages-item:hover h4, .mobile-advantages-item:hover p {
	color: #fff;
}
.mobile-advantages-item:hover svg path{
	fill: #fff;
}
.mobile-advantages-images {
	padding: 10px;
}
.mobile-advantages-images .slider-advantage-image {
    display: none;
}
.mobile-advantages-images .slider-advantage-image.active {
    display: block;
}
.mobile-promotion {
	background-color: #fff;
}
.mobile-apps {
	padding: 100px 0;
}
.mobile-apps-wrap {
	margin-top: 46px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0 20px;
}
.mobile-apps-wrap img {
    height: 74px;
    width: auto;
}
.mobile-apps-advantages {
	padding-bottom: 100px;
}
.mobile-apps-advantages-wrapper {
	margin-top: 35px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 50px 20px;
}
.mobile-apps-advantages-item {
	padding: 30px 20px;
	background-color: #fff;
	border-radius: 40px;
}
.mobile-apps-advantages-item h4 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
}
.server-advantages {
	padding: 100px 0;
}
.server-advantages-wrapper {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 100px 20px;
}
.server-advantages-item {
	border-bottom: 1px solid rgba(119, 119, 119, 0.4);
	padding-bottom: 25px;
	height: 100%;
}
.server-advantages-item img {
	height: 58px;
	width: auto;
}
.server-advantages-item h4 {
	margin: 20px 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.5px;
	text-align: left;
}
.server-advantages-item {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.5%;
}
.server-info {
	padding-top: 100px;
}
.server-info-wrapper {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.server-info-wrapper p {
	padding: 5px 0;
}
.server-steps {
	margin-top: 65px;
}
.server-steps-wrapper {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.server-steps-item > span {
	display: flex;
    justify-content: center;
    align-items: center;
	color: rgb(0, 0, 0);
	border-radius: 30px;
	background: rgb(217, 217, 217);
	width: 56px;
	height: 56px;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
}
.server-steps-item:hover > span {
	background: rgb(29, 83, 192);
	color: #fff;
}
.server-steps-item h4 {
	margin: 20px 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.5px;
}
.server-expert {
	padding-top: 100px;
}
.server-expert-inner {
	display: flex;
	align-items: start;
}
.server-expert-left {
	width: 50%;
}
.server-expert-right {
	width: 50%;
}
.server-expert-block {
	margin-top: 30px;
	border-radius: 56px 0 0 56px;
	background: rgb(255, 255, 255);
	padding: 56px;
}
.server-expert-desc p {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.5%;
	padding: 5px 0;
}
.server-expert-desc p span {
	color: #EF1B1B;
}
.server-expert-meta {
	margin-top: 40px;
}
.server-expert-meta h4 {
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: -0.5%;
	color: #1D53C0;
}
.server-expert-meta span {
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: -0.5%;
	color: #000000;
}
.server-expert-block .main-button {
	display: block;
	margin-top: 50px;
}
.server-expert-right img {
	border-radius: 40px;
}
.server-team {
	margin-top: 100px;
	margin-bottom: 50px;
}
.server-team .line-button {
	background-color: #fff;
}
.server-team-wrapper {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.server-team-item {
	background-color: #fff;
	border-radius: 56px;
}
.server-team-item-head {
	border-radius: 56px;
	position: relative;
}
.server-team-item-head img {
	border-radius: 56px;
	width: 100%;
	height: 368px;
	object-fit: cover;
}
.server-team-item-head svg {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.server-team-item-body {
	padding: 40px;
}
.server-team-item-body .meta {
	color: rgba(119, 119, 119, 0.77);
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.5%;
}
.server-team-item-body h4 {
	margin: 10px 0 20px 0;
	color: rgb(0, 0, 0);
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: -0.5%;
	text-align: left;
}
.server-team-item-body a {
	color: #1D53C0;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.5%;
	text-align: left;
	text-decoration-line: underline;
}
.server-team-wrapper > .line-button {
	display: none;
}
.new-search {
	margin-top: 200px;
}
.new-search-wrapper {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 50px;
}
.new-search-item h4 {
	font-size: 20px;
}
.new-search-item p {
	margin: 20px 0;
}
.new-search-item a {
	color: #1D53C0;
	text-decoration: underline;
	font-weight: 700;
	font-size: 16px;
}
.tahograf-products {
	margin-top: 100px;
}
.tahograf-license-wrapper {
	margin-top: 50px;
	display: flex;
	align-items: start;
	justify-content: space-between;
}
.tahograf-license-desc {
	max-width: 560px;
}
.tahograf-license-img {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.tahograf-license-img img {
	border-radius: 40px;
}
.tahograf-license-desc p {
	padding: 10px 0;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
}
.license-info {
	margin-top: 50px;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
}
.tahograf-baza {
	padding-top: 100px;
}
.tahograf-baza-wrapper {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.tahograf-baza-item {
	border-radius: 40px;
	background: #fff;
	padding: 30px 20px 20px 20px;
}
.tahograf-baza-item-head {
	display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}
.tahograf-baza-item-head img {
	margin-right: 20px;
}
.tahograf-baza-item-head h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
}
.tahograf-baza-item-body {
	margin-top: 20px;
	display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}
.tahograf-baza-item-body p {
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
}
.tahograf-baza-item-body a {
	display: block;
	margin-top: 20px;
	color: rgb(29, 83, 192);
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
	text-decoration-line: underline;
}
.tahograf-text {
	margin-top: 100px;
}
.tahograf-text-wrapper p {
	padding: 10px 0;
}
.tahograf-reglament {
	margin-top: 100px;
}
.tahograf-reglament-wrapper {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 50px;
}
.tahograf-reglament-item-head {
	display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}
.tahograf-reglament-item-head img {
	margin-right: 20px;
}
.tahograf-reglament-item-head h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
}
.tahograf-reglament-item-body {
	margin-top: 20px;
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
}
.waliot-faq {
	margin-top: 100px;
}
.waliot-faq-wrapper {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 50px 20px;
}
.waliot-faq-item {
	padding: 30px 20px;
	border-radius: 40px;
	background: #fff;
}
.waliot-faq-item h4 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
}
.tahograf-review {
	margin-bottom: 50px;
}
.products-slider .image-block img {
    height: 300px;
    width: auto;
    object-fit: contain;
    margin: auto;
}
.tahograf-uslugi-dop .product-item .image-block {
    padding: 0;
}
.tahograf-uslugi-dop .product-item .image-block img {
    border-radius: 40px;
}
.quiz__holder > .row > div {
    display: none;
}

@media (max-width: 991px) {
	.mobile-promotion .promotion__inner {
		flex-direction: column;
	}
	.mobile-advantages h2 {
		margin-bottom: 10px;
	}
	.mobile-advantages {
	    padding: 30px 0 50px 0;
	}
	.mobile-advantages-items {
	    grid-template-columns: repeat(1, 1fr);
	    gap: 20px;
	}
	.mobile-apps {
	    padding: 50px 0;
	}
	.mobile-apps-wrap {
		flex-direction: column;
	}
	.mobile-advantages h2 {
		text-align: center;
	}
	.mobile-apps h2 {
		text-align: center;
	}
	.mobile-apps-advantages-wrapper {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
	.server-advantages-wrapper {
	    margin-top: 30px;
	    grid-template-columns: repeat(1, 1fr);
	    gap: 30px;
	}
	.server-info-wrapper {
	    margin-top: 20px;
	    display: grid;
	    grid-template-columns: repeat(1, 1fr);
	    gap: 20px;
	}
	.server-steps-wrapper {
	    margin-top: 30px;
	    grid-template-columns: repeat(1, 1fr);
	    gap: 30px;
	}
	.server-advantages {
	    padding: 50px 0;
	}
	.server-info {
	    padding-top: 50px;
	}
	.server-expert {
	    padding-top: 50px;
	}
	.server-expert-left {
	    width: 100%;
	}
	.server-expert-inner {
	    flex-direction: column;
	    align-items: start;
	}
	.server-expert-block {
	    border-radius: 56px;
	    padding: 20px;
	}
	.server-expert-meta {
	    margin-top: 20px;
	}
	.server-expert-block .main-button {
	    display: block;
	    margin-top: 20px;
	}
	.server-expert-right {
	    width: 100%;
	    margin-top: 20px;
	}
	.mobile-promotion .promotion__img {
		margin-top: 10px;
	}
	.server-team-wrapper {
	    margin-top: 20px;
	    display: grid;
	    grid-template-columns: repeat(1, 1fr);
	    gap: 20px;
	}
	.server-team .review__header .line-button {
		display: none;
	}
	.server-team-item-head img {
	    height: 250px;
	}
	.server-team-item-body {
	    padding: 25px;
	}
	.server-team {
	    margin-top: 50px;
	    margin-bottom: 0;
	}
	.server-team-wrapper > .line-button {
		display: block;
		margin: auto;
	}
	.new-search-wrapper {
		margin-top: 30px;
		gap: 30px;
	}
	.new-search {
	    margin-top: 100px;
	}
	.tahograf-products {
		margin-top: 50px;
	}
	.tahograf-license-wrapper {
	    flex-direction: column;
	    margin-top: 20px;
	}
	.tahograf-license-img {
	    grid-template-columns: repeat(1, 1fr);
	    gap: 20px;
	    margin-top: 20px;
	}
	.tahograf-baza {
	    padding-top: 50px;
	}
	.tahograf-baza-wrapper {
	    margin-top: 20px;
	    grid-template-columns: repeat(1, 1fr);
	    gap: 20px;
	}
	.tahograf-text {
	    margin-top: 50px;
	}
	.tahograf-reglament {
	    margin-top: 50px;
	}
	.tahograf-reglament-wrapper {
	    margin-top: 20px;
	    grid-template-columns: repeat(1, 1fr);
	    gap: 30px;
	}
	.waliot-faq {
	    margin-top: 50px;
	}
	.waliot-faq-wrapper {
	    margin-top: 20px;
	    grid-template-columns: repeat(1, 1fr);
	    gap: 20px;
	}
	.tahograf-review {
		padding-top: 50px;
	    margin-bottom: 0px;
	}
}

@media (max-width: 480px) {
	.promotion__desc {
	    font-size: 20px;
	}
	.mobile-advantages h2 {
		font-size: 28px;
		line-height: 1.2;
	}
	.mobile-apps-advantages h2 {
		font-size: 28px;
		text-align: center;
	}
}

/*Стили 3 этап end */

/*Стили 4 этапа*/
.sputnik-promotion {
	background-color: #f5f7fa;
}
.sputnik-promotion .promotion__holder {
	background-color: #f5f7fa;
}
.sputnik {
	margin-top: 50px;
}
.sputnik-text-head {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 40px;
}
.sputnik-text-head img {
	width: 85px;
	height: auto;
}
.sputnik-text-head h3 {
	font-size: 36px;
	font-weight: 700;
	line-height: 44px;
}
.sputnik .row > h2 {
	margin-bottom: 50px;
}
.sputnik-text > p {
	margin-top: 30px;
	margin-bottom: 50px;
}
.sputnik-services {
	margin-top: 100px;
}
.sputnik-services-wrapper {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px 20px;
}
.sputnik-services-item {
	padding: 30px;
	border-radius: 40px;
	background: rgb(255, 255, 255);
}
.sputnik-services-item span {
	font-size: 14px;
	font-weight: 700;
	line-height: 17px;
}
.sputnik-services-item h4 {
	margin: 10px 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
}
.sputnik-doc {
	margin-top: 100px;
}
.sputnik-doc-wrapper {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 50px 20px;
}
.sputnik-doc-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 30px 0 0 0;
	border-radius: 40px;
	background: rgb(255, 255, 255);
}
.sputnik-doc-item-head h4 {
	color: rgb(33, 33, 38);
	font-size: 14px;
	font-weight: 600;
	line-height: 17px;
}
.doc-item-meta {
	display: flex;
	color: rgb(115, 117, 128);
	font-size: 14px;
	font-weight: 500;
	line-height: 17px;
}
.sputnik-doc-item-head {
	display: flex;
   justify-content: space-between;
   flex-direction: row;
   gap: 10px;
   padding-left: 30px;
   padding-right: 30px;
   margin-bottom: 30px;
}
.sputnik-doc-item a {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 15px 24px 15px 24px;
	border-radius: 50px;
	background: rgb(29, 83, 192);
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
	text-align: center;
}
.doc-size {
	white-space: nowrap;
}
.sputnik-links {
	margin-top: 100px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px 20px;
}
.sputnik-links a {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 15px 24px 15px 24px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid rgb(29, 83, 192);
	border-radius: 50px;
	color: rgb(29, 83, 192);
	font-size: 16px;
	font-weight: 700;
	line-height: 19px;
	text-align: center;
}
.otrasl {
	margin-top: 170px;
}
.otrasl-wrapper {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.otrasl-item {
	display: flex;
	gap: 40px;
	border-radius: 40px;
	background: rgb(255, 255, 255);
}
.otrasl-item img {
	width: 50%;
	height: 100%;
	object-fit: cover;
	border-radius: 40px 0 0 40px;
}
.otrasl-item-body {
	margin: 20px 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.otrasl-item-body h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 10px;
}
.otrasl-item-body a {
	border-radius: 24px;
	background: rgb(29, 83, 192);
	padding: 12px 20px 12px 20px;
	text-align: center;
	width: fit-content;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
}
.akcii-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px 20px;
}
.akcii-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 40px;
	background: rgb(255, 255, 255);
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	text-align: center;
}
.akcii-item img {
	border-radius: 30px;
	width: 100%;
	height: 290px;
	object-fit: cover;
}
.akcii-item h4 {
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
}
.akcii-item a {
	display: block;
	width: fit-content;
	margin: 10px auto 0 auto;
	padding: 12px 20px 12px 20px;
	border-radius: 24px;
	background: rgb(29, 83, 192);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
}
.quiz-form .main-button {
    border: none;
}
.icons-item__icon img {
    width: auto;
    height: 58px;
}
.stoimost-oborudovaniya span {
	white-space: nowrap;
}
.stoimost-oborudovaniya-result {
	white-space: nowrap;
}
.complect-calc-result {
	white-space: nowrap;
}


@media (max-width: 992px) {
	.sputnik-services-wrapper {
	    margin-top: 30px;
	    grid-template-columns: repeat(1, 1fr);
	    gap: 20px;
	}
	.sputnik-doc-wrapper {
	    margin-top: 30px;
	    grid-template-columns: repeat(1, 1fr);
	    gap: 20px;
	}
	.sputnik-links {
	    margin-top: 50px;
	    grid-template-columns: repeat(1, 1fr);
	    gap: 20px;
	}
	.sputnik {
	    margin-top: 20px;
	}
	.sputnik-text {
		margin-top: 20px;
	}
	.sputnik-text-head {
	    gap: 20px;
	}
	.sputnik-services {
	    margin-top: 50px;
	}
	.sputnik-doc {
	    margin-top: 50px;
	}
	.otrasl-wrapper {
		margin-top: 50px;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
	.akcii-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.otrasl-item {
	    display: flex;
	    flex-direction: column;
	    gap: 15px;
	}
	.otrasl-item img {
	    width: 100%;
	    height: auto;
	    object-fit: cover;
	    border-radius: 40px 40px 0 0;
	}
	.otrasl-item-body {
	    text-align: center;
	}
	.otrasl-item-body a {
	    margin: auto;
	}
	.otrasl-item-body {
	    margin: 0px 0 20px 0;
	}
	.otrasl {
	    margin-top: 100px;
	}
	.akcii-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media (max-width: 480px) {
	.sputnik-text-head h3 {
	    font-size: 28px;
	    line-height: 32px;
	}
}
/*Стили 4 этапа end */


/*Tip page new*/
.tip-page-head .tahograf-baza-item {
    padding: 30px;
}
.tip-page-head .tahograf-baza-item-head h4 {
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
}
.tip-page-head .tahograf-baza-wrapper {
	margin-top: 0;
}
.tip-page-repeat h2 {
	margin-bottom: 50px;
}
.tip-page-repeat-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.tip-page-repeat-item {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	border-radius: 40px;
	background: rgb(255, 255, 255);
	padding: 30px;
}
.tip-page-repeat-item h4 {
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
	margin-left: 20px;
}
.tip-page-advantages {
	margin-top: 100px;
	margin-bottom: 50px;
}
.tip-page-advantages h2 {
	margin-bottom: 50px;
}
.tip-page-advantages-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.tip-page-advantages-item {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	border-radius: 40px;
	background: rgb(255, 255, 255);
	padding: 30px 20px;
}
.tip-page-advantages-item h4 {
	margin-top: 20px;
	font-size: 16px;
	font-weight: 600;
	line-height: 150%;
}
.mobile-new-phone {
    display: none;
}
.custom-single-product .product-item .image-block {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 10px 40px;
}
.custom-single-product .product-item .image-block .flash {
	position: static;
	display: block;
    width: fit-content;
}
.custom-single-product .product-title {
    margin-top: 10px;
}
.custom-single-product-content {
	margin-top: 20px;
}

@media (max-width: 992px) {
	.tip-page-repeat-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
	.tip-page-repeat h2 {
		margin-bottom: 30px;
	}
	.tip-page-advantages {
		margin-top: 50px;
	}
	.tip-page-advantages h2 {
		margin-top: 30px;
	}
	.tip-page-advantages-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
	.header__inner .line-icon-button {
        font-size: 0;
        gap: 0;
    }
    .mobile-new-phone {
        display: block;
        padding-right: 5px;
        font-weight: 600;
        font-size: 18px;
    }
}

@media screen and (max-width: 500px) {
	.complect-calc-result {
		white-space: initial;
	}
	.mobile-new-phone {
		font-size: 16px;
	}
}
@media screen and (max-width: 370px) {
	.mobile-new-phone {
		font-size: 14px;
	}
	.header__logo img {
     max-width: 60px;
	}
}
.footer-menu--active ul {
	display: block;
}
.sitemap-page ul {
	padding-left: 20px;
	list-style: none;
}
.sitemap-page > li {
	font-weight: 700;
}
.sitemap-page > li li {
	font-weight: 400;
}
@media screen and (max-width: 400px) {
	.mobile-new-phone {
       white-space: nowrap;
	}
	.header__logo img {
		max-width: 45px;
	}
	body {
		overflow-x: hidden;
	}
}
.gps-head h4 {
	hyphens: auto;
}