.brd {
border: 4px black;
background: #e1e4e7;
padding: 10px;
}
.b-contact-new-info {
margin-bottom: 20px;
color: #757575;
}
.custom-style-tabs {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border: none;
padding: 25px 0;
color: black;
}
.custom-style-tabs .nav-item {
display: inline-block;
text-decoration: none;
border: 2px solid #2fc9c8;
background: #2fc9c8 !important;
color: #ffffff;
font-size: 18px;
text-align: center;
height: 50px;
line-height: 48px;
vertical-align: middle;
text-transform: uppercase;
font-weight: 700;
width: 316px;
margin: 0 !important;
padding: 0 !important;
}
.custom-style-tabs .nav-item.active {
background: transparent !important;
color: #42494e !important;
}
.custom-style-tabs .nav-item:first-child {
border-radius: 50px 0 0 50px;
border-right: 1px solid transparent;
}
.custom-style-tabs .nav-item:last-child {
border-radius: 0 50px 50px 0;
border-left: 1px solid transparent;
}
.ns-bitrix.c-news-list.reviews {
overflow: hidden;
}
.ns-bitrix.c-news-list.reviews .reviews-title-wrap {
text-align: center;
}
.ns-bitrix.c-news-list.reviews .reviews-items-wrap {
/*
width: 100%;*/
}
.ns-bitrix.c-news-list.reviews .reviews-items {
overflow: hidden;
padding-top: 30px;
padding-bottom: 45px;
}
.ns-bitrix.c-news-list.reviews .reviews-item-wrap {
height: 100%;
}
.ns-bitrix.c-news-list.reviews .reviews-item {
padding: 40px 50px;
background-color: #f4f5f6;
box-shadow: 0 1px 4px rgb(48 51 70 / 31%);
height: 100%;
}
.ns-bitrix.c-news-list.reviews .reviews-item-wrap:hover {
border-bottom-color: #1e2025;
}
.ns-bitrix.c-news-list.reviews .reviews-item__head {
display: flex;
align-items: center;
flex-wrap: wrap;
align-content: center;
}
.ns-bitrix.c-news-list.reviews .reviews-item__head-column {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: space-between;
width: calc(100% - 78px);
}
.ns-bitrix.c-news-list.reviews .reviews-item__date {
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 12px;
text-align: right;
color: #959595;
margin: 4px;
margin-left: 0;
margin-right: 17px;
}
.ns-bitrix.c-news-list.reviews .reviews-item-picture {
height: 58px;
width: 58px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-right: 20px;
border-radius: 50%;
}
.ns-bitrix.c-news-list.reviews .reviews-item-picture img {
max-width: 100%;
}
.ns-bitrix.c-news-list.reviews .reviews-item-text {
flex-basis: 100%;
height: 100%;
margin-top: 15px;
/* padding-left: 15px; */
}
.ns-bitrix.c-news-list.reviews .reviews-item__name-wrap {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.ns-bitrix.c-news-list.reviews .reviews-item__source {
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 14px;
color: #8E8E8E;
width: 100%;
margin-top: 4px;
}
.ns-bitrix.c-news-list.reviews .reviews-item__name {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 19px;
color: #1E2025;
margin: 4px;
margin-left: 0;
margin-right: 17px;
}
.ns-bitrix.c-news-list.reviews .reviews-item-stars {
font-size: 14px;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
margin: 4px;
margin-left: 0;
margin-right: 17px;
}
.ns-bitrix.c-news-list.reviews .reviews-item-stars > label {
color: #fa8227;
cursor: pointer;
margin-right: 5px;
margin-bottom: 0px;
}
.ns-bitrix.c-news-list.reviews .reviews-item-description {
overflow: hidden;
-webkit-line-clamp: 4;
display: -webkit-box;
-webkit-box-orient: vertical;
padding-right: 14px;
height: 90px;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 150%;
color: #1E2025;
}
.ns-bitrix.c-news-list.reviews .reviews-item-description * {
margin: 0;
}
.ns-bitrix.c-news-list.reviews .reviews-item-description:hover {
overflow: auto;
-webkit-line-clamp: initial;
padding-right: 0px;
}
.ns-bitrix.c-news-list.reviews .owl-stage {
display: flex;
}
.ns-bitrix.c-news-list.reviews .owl-item {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.ns-bitrix.c-news-list.reviews .reviews-items-wrapper .owl-item:not(.active) .reviews-item-wrap {
box-shadow: none;
opacity: 0;
}
.ns-bitrix.c-news-list.reviews .reviews-items .slick-nav-wrap {
position: relative;
margin-top: 50px;
z-index: 1;
}
.ns-bitrix.c-news-list.reviews .reviews-items .owl-dots {
position: absolute;
bottom: 0;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.ns-bitrix.c-news-list.reviews .reviews-items .owl-dots button {
position: relative;
display: inline-block;
height: 8px;
width: 8px;
margin: 0 8px;
padding: 0;
cursor: pointer;
border: 0;
}
.ns-bitrix.c-news-list.reviews .reviews-items .owl-dots .owl-dot span {
background: #EEEEEE;
display: block;
border: none;
height: 8px;
width: 8px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
cursor: pointer;
padding: 0;
border-radius: 50%;
}
.ns-bitrix.c-news-list.reviews .reviews-items .owl-dots .owl-dot.active span {
background-color: #2FC9C8;
}
/*.slick-dots li.slick-active button {
-webkit-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff;
background-color: transparent;
}*/
.ns-bitrix.c-news-list.reviews .reviews-modal-properties {
margin-top: 20px;
}
.ns-bitrix.c-news-list.reviews .reviews-modal-description {
margin-top: 20px;
text-align: left;
}
.ns-bitrix.c-news-list.reviews .owl-carousel.reviews-modal-pictures .owl-stage-outer {
overflow: hidden!important;
}
.ns-bitrix.c-news-list.reviews .reviews-modal-pictures-wrap {
padding: 0 40px;
}
.ns-bitrix.c-news-list.reviews .reviews-modal-picture {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-top: 100%;
}
.ns-bitrix.c-news-list.reviews .reviews-modal-video {
padding-top: 100%;
height: 0;
width: 100%;
position: relative;
}
.ns-bitrix.c-news-list.reviews .reviews-modal-video video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.ns-bitrix.c-news-list.reviews .reviews-modal-pictures.reviews-modal-pictures-wrap.owl-carousel .owl-stage-outer {
padding: 0;
}
.ns-bitrix.c-news-list.reviews .owl-carousel .owl-stage-outer {
position: relative;
transform: translate3d(0px, 0px, 0px);
overflow: visible !important;
padding: 15px 0;
}
.ns-bitrix.c-news-list.reviews .reviews-modal-pictures .owl-nav {
position: relative;
height: 20px;
text-align: center;
}
.ns-bitrix.c-news-list.reviews .reviews-modal-pictures.owl-carousel .owl-nav button.owl-next,
.ns-bitrix.c-news-list.reviews .reviews-modal-pictures.owl-carousel .owl-nav button.owl-prev {
display: inline-block;
vertical-align: middle;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
bottom: 0;
padding: 0;
border: none;
outline: none;
width: 94px;
height: 18px;
z-index: 10;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ns-bitrix.c-news-list.reviews .reviews-modal-pictures.owl-carousel .owl-nav button.owl-next {
right: 20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: url(/bitrix/templates/logisticavto/css/../img/arrow-right.png) no-repeat center;
background-color: #2fc9c8;
border-radius: 100px;
margin-left: 40px;
}
.ns-bitrix.c-news-list.reviews .reviews-modal-pictures.owl-carousel .owl-nav button.owl-prev {
left: 20px;
background: url(/bitrix/templates/logisticavto/css/../img/arrow-left.png) no-repeat center;
background-color: #2fc9c8;
border-radius: 100px;
font-size: 14px;
line-height: 1;
}
.ns-bitrix.c-news-list.reviews .reviews-modal-pictures.owl-carousel .owl-nav button.owl-next span {
border-left: none;
border-top: none;
background: transparent;
left: 10px;
}
.ns-bitrix.c-news-list.reviews .reviews-modal-pictures.owl-carousel .owl-nav button.owl-prev span {
background: transparent;
border-color: #9a9;
-ms-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
right: 10px;
}
.ns-bitrix.c-news-list.reviews .reviews-modal-pictures.owl-carousel .owl-nav .owl-prev.disabled,
.ns-bitrix.c-news-list.reviews .reviews-modal-pictures.owl-carousel .owl-nav .owl-next.disabled {
opacity: 0.5;
}
.ns-bitrix.c-news-list.reviews .reviews-modal-pictures.owl-carousel .owl-nav .owl-prev:hover,
.ns-bitrix.c-news-list.reviews .reviews-modal-pictures.owl-carousel .owl-nav .owl-next:hover {
}
.ns-bitrix.c-news-list.reviews .slick-reverse .slick-prev {
background: url(/bitrix/templates/logisticavto/css/../img/slick-arrow-left.png) no-repeat center, url(/bitrix/templates/logisticavto/css/../img/slick-arrow-left-hover.png) no-repeat -10000px -1000px;
}
.ns-bitrix.c-news-list.reviews .slick-prev {
left: 10px;
background: url(/bitrix/templates/logisticavto/css/../img/arrow-left.png) no-repeat center;
}
.ns-bitrix.c-news-list.reviews .slick-next {
right: 10px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: url(/bitrix/templates/logisticavto/css/../img/arrow-right.png) no-repeat center;
}
.ns-bitrix.c-news-list.reviews .slick-reverse .slick-next {
background: url(/bitrix/templates/logisticavto/css/../img/slick-arrow-right.png) no-repeat center, url(/bitrix/templates/logisticavto/css/../img/slick-arrow-right-reverse.png) no-repeat -10000px -1000px;
}
.ns-bitrix.c-news-list.reviews .slick-prev, .slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
bottom: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
padding: 0;
border: none;
outline: none;
width: 83px;
height: 10px;
z-index: 10;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 767px) {
.ns-bitrix.c-news-list.reviews .reviews-item {
padding: 20px;
}
.ns-bitrix.c-news-list.reviews .slick-nav {
display: none;
}
.ns-bitrix.c-news-list.reviews .reviews-item-description {
overflow: auto;
-webkit-line-clamp: initial;
padding-right: 0px;
}
}
@media (max-width: 500px) {
.ns-bitrix.c-news-list.reviews .reviews-item__name {
font-size: 17px;
line-height: 17px;
}
.ns-bitrix.c-news-list.reviews .reviews-items .owl-dots {
position: relative;
}
.ns-bitrix.c-news-list.reviews .reviews-items .slick-nav-wrap {
margin-top: 20px;
}
}
.ns-bitrix.c-news-list.reviews .scrollbar {
scrollbar-color: rgba(82,92,105,.13) transparent;
}
.ns-bitrix.c-news-list.reviews .scrollbar::-webkit-scrollbar-track {
background: transparent;
border: 3px solid transparent;
}
.ns-bitrix.c-news-list.reviews .scrollbar::-webkit-scrollbar-thumb {
background: #2fc9c8; /*DDE2E6*/
-webkit-border-radius: 5px;
border-radius: 12px;
cursor: pointer;
-webkit-transition: .2s;
transition: .2s;
background-clip: content-box;
border: 5px solid transparent;
}
.ns-bitrix.c-news-list.reviews .scrollbar::-webkit-scrollbar {
background-color: rgb(109 13 13 / 0%);
width: 14px;
height: 14px;
}
.ns-bitrix.c-news-list.reviews .scrollbar.horizontal {
overflow: hidden;
overflow-x: scroll;
}
.ns-bitrix.c-news-list.reviews .scrollbar.vertical {
overflow: hidden;
overflow-y: scroll;
}
@media (max-width: 768px) {
.custom-style-tabs-wrap {
overflow: scroll;
margin: 25px 0;
}
.custom-style-tabs {
white-space: nowrap;
display: block;
padding: 0;
}
.custom-style-tabs .nav-item {
margin-bottom: 10px !important;
width: auto;
padding: 0 10px !important;
height: 37px;
font-size: 12px;
line-height: 34px;
font-weight: 500;
white-space: nowrap;
}
}
.b-header--pay-online {
min-height: auto;
padding-bottom: 0;
}
.pay-online {
max-width: 500px;
margin: 0 auto;
margin-top: 40px;
}
.pay-online__field {
margin-bottom: 10px;
}
.pay-online__field input {
display: block;
width: 100%;
height: 48px;
padding: 0;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #cbcbcd;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-webkit-appearance: none;
}
.pay-online__field input:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}
.pay-online #alfa-payment__button {
display: none;
}
.pay-online__logo {
margin-bottom: 40px;
text-align: center;
}
.pay-online__button-wrap {
text-align: center;
}
.pay-online__button,.pay-online__qr {
margin-top: 40px;
font-family: 'gothampro', Helvetica, Arial, sans-serif;
display: inline-block;
margin-bottom: 0;
font-weight: 700;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: none;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-transform: uppercase;
-webkit-box-shadow: 0 2px 16px rgb(25 46 60 / 22%);
box-shadow: 0 2px 16px rgb(25 46 60 / 22%);
color: #fff;
background-color: #2FC9C8;
border-color: #2ab4b3;
-webkit-transition: background-position 0.6s linear, background-color 0.3s linear, -webkit-box-shadow 0.3s linear !important;
transition: background-position 0.6s linear, background-color 0.3s linear, -webkit-box-shadow 0.3s linear !important;
transition: background-position 0.6s linear, background-color 0.3s linear, box-shadow 0.3s linear !important;
transition: background-position 0.6s linear, background-color 0.3s linear, box-shadow 0.3s linear, -webkit-box-shadow 0.3s linear !important;
letter-spacing: 0.6px;
padding: 12px 35px;
font-size: 18px;
line-height: 1.33333;
-webkit-border-radius: 25px;
border-radius: 25px;
padding-top: 12px;
padding-bottom: 10px;
min-height: auto;
}
a.pay-online__qr:hover,a.pay-online__qr:focus {
color: #fff;
text-decoration: none;
}
.header__wrapper {
width: 25%;
}
.header__social {
padding-top: 19px;
}
.header__social .social {
width: 32px;
height: 32px;
border-radius: 100%;
padding: 0;
}
.header__social .social img {
max-width: 100%;
}
.header__social .mail-link {
background: #2FC9C8 url(img/icon_mail.png) no-repeat center;
}
.header__social .mail-link:after {
display: none;
}
@media (max-width: 1000px) {
.header__social,
.header__wrapper {
display: none;
}
}
.container .content-page {
padding-top: 70px;
padding-bottom: 100px;
}
html.modal-open .navs {
opacity: 1 !important;
}
.modal-box.custom-menu {
border-radius: 0;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.modal-box.custom-menu .menu-item-icon svg {
transform: rotate(90deg);
}
.modal-box.custom-menu .menu-item-icon svg {
transform: rotate(90deg) !important;
}
.modal-box.custom-menu [data-expanded="true"] .menu-item-icon svg {
transform: rotate(-90deg) !important;
}
.navs .navs__content {
padding: 0 64px;
height: 80px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
}
.navs .navs__left {
padding: 0;
justify-content: flex-start;
}
.navs .navs__phone-btn {
margin-top: 0;
}
.navs .navs__phone {
padding-top: 0;
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.navs .navs__left-town {
margin: 0 0 0 16px;
text-decoration: none !important;
}
.navs .navs__left-town span {
border-bottom: 1px dashed;
}
.navs .navs__logo {
left: initial;
transition: initial;
transform: none;
-webkit-transform: none;
-ms-transform: none;
padding: 0 16px 0 32px;
}
.navs .navs__content .navs__logo-img {
height: 42px;
width: initial;
margin-right: 0;
}
.navs .navs__logo a {
text-decoration: none !important;
display: inline-flex;
align-items: center;
gap: 10px;
}
.navs .navs__logo span {
display: inline-flex;
align-items: center;
line-height: 1;
}
.navs .header-search {
display: block;
text-decoration: none !important;
width: 32px;
min-width: 32px;
height: 32px;
border-radius: 100%;
border: 1px solid #2FC9C8;
position: relative;
background: url('/images/icons/icon-search.svg') center center no-repeat;
margin: 0 32px 0 16px;
}
.b24-widget-button-position-bottom-right {
right: 24px !important;
bottom: 24px !important;
}
.discount-widget {
right: 7px !important;
bottom: 100px !important;
}
.form-search-c {
display: none;
height: 0;
position: absolute;
bottom: -100px;
left: 0;
right: 0;
transition: all 300ms;
white-space: nowrap;
text-align: center;
align-items: center;
justify-content: center;
overflow: hidden;
opacity: 0;
}
.form-search-c.is-active {
overflow: visible;
opacity: 1;
height: 100px;
display: block;
}
.form-search-c form {
background: #ffffff;
padding: 0 32px;
display: inline-flex;
border-radius: 0 0 16px 16px;
height: 100%;
align-items: center;
/*box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;*/
box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;
}
.form-search-c input {
display: inline-block;
height: 48px;
line-height: 48px;
padding: 0 16px;
width: 300px;
border-radius: 100px 0 0 100px;
border: 1px solid #2FC9C8;
}
.form-search-c button {
display: inline-block;
height: 48px;
border: 1px solid #2FC9C8;
font-weight: 500;
font-size: 16px;
color: #ffffff;
line-height: 48px;
background-color: #2FC9C8;
text-align: center;
border-radius: 0 100px 100px 0;
padding: 0 24px 0 16px;
margin-left: -1px;
cursor: pointer;
}
.container .container {
width: 100%;
}
.modal-v2 .modal-box-close {
position: fixed;
left: initial;
right: 25px;
background: #ffffff;
cursor: pointer;
z-index: 10;
border-radius: 100%;
}
.modal-v2 .block-content-text {
padding-right: 80px;
}
.modal-v2 .case-modal-properties {
margin-right: -64px;
}
.b-clients {
margin: 30px 0;
}
.b-clients .client {
width: 20%;
height: 150px;
display: block;
position: relative;
}
.b-clients .client:focus .brand-img,
.b-clients .client:hover .brand-img {
-webkit-filter: none !important;
filter: none !important;
}
@media (max-width: 1400px) {
.navs .navs__logo span {
display: none;
}
}
@media (max-width: 1200px) {
.navs .navs__logo span {
display: none;
}
}
@media (max-width: 1100px) {
.navs .navs__content {
padding-left: 16px;
padding-right: 16px;
}
.navs .navs__logo {
padding: 0 16px;
}
.navs .navs__content .navs__logo-img {
height: 36px;
}
.navs .navs__call a span {
font-size: 16px;
padding-right: 0;
}
.navs .navs__left-town {
margin-left: 0;
}
}
@media (max-width: 1024px) {
.navs {
height: 48px;
}
.navs .navs__content {
height: 48px;
overflow: hidden;
padding: 0 4px 0 16px;
display: flex;
align-items: center;
}
}
@media (max-width: 768px) {
.b-clients .client {
width: 50%;
}
.navs {
height: 72px;
}
.navs .header-search {
margin-right: 8px;
}
.form-search-c.is-active {
}
.form-search-c form {
width: 100%;
border-top: 1px solid #eeeeee;
height: initial;
padding: 16px;
}
.form-search-c input {
height: 36px;
line-height: 36px;
width: 100%;
}
.form-search-c button {
height: 36px;
font-size: 14px;
line-height: 36px;
padding-left: 8px;
}
.navs .icon-search {
width: 30px;
height: 30px;
margin-right: 16px;
}
.navs .navs__left-town {
display: flex;
gap: 10px;
max-width: 50%;
align-items: center;
}
.navs .navs__logo {
padding: 0;
margin-bottom: -4px;
}
.navs {
height: 48px;
}
.navs .navs__content {
height: 48px;
overflow: hidden;
padding: 0 4px 0 16px;
display: flex;
align-items: center;
}
.navs .navs__left {
padding-top: 0;
}
.navs .navs__phone-link {
margin-right: 0;
}
.navs .navs__content .navs__logo-img {
height: 32px;
width: initial;
}
.navs .navs__call {
margin-bottom: -4px;
}
.modal-v2 .modal-box-close {
padding: 8px;
height: 32px;
width: 32px;
}
.modal-v2 .block-content-text {
padding-right: 0;
}
.modal-v2 .case-modal-properties {
margin-right: 0;
}
}
.banner-header-item {
position: relative;
}
.banner-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.header__form.header__form-banner {
margin-top: 0;
}
body {
max-width: none;
}
.container-instead-body {
min-width: 320px;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.container-max {
max-width: 1545px;
margin: 0 auto;
padding: 0 15px;
}
.header-c {
display: none;
}
/*---------HEADER----------*/
body.transparent-top-page {
padding-top: 0;
}
body {
padding-top: 95px;
}
@media screen and (min-width: 768px) {
body {
padding-top: 135px;
}
}
.header {
/*display: none;*/
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 20;
transition: 0.3s;
}
.header.header_white,
body:not(.transparent-top-page) .header {
background: #fff;
}
.header.header_white .header__location-text,
body:not(.transparent-top-page) .header .header__location-text {
color: #4b4b4b;
}
.header.header_white .header__cargo-text,
body:not(.transparent-top-page) .header .header__cargo-text {
color: #4b4b4b;
}
.header.header_white .header__search-text,
body:not(.transparent-top-page) .header .header__search-text{
color: #4b4b4b;
}
.header.header_white .header__email,
body:not(.transparent-top-page) .header .header__email {
color: #4b4b4b;
}
.header.header_white .header__tel,
body:not(.transparent-top-page) .header .header__tel {
color: #4b4b4b;
}
.header.header_white .header__burger-text,
body:not(.transparent-top-page) .header .header__burger-text {
color: #4b4b4b;
}
.header.header_white a.header-nav__link,
body:not(.transparent-top-page) .header a.header-nav__link {
color: #4b4b4b;
}
.header.header_white .header__burger-icon_header-white,
body:not(.transparent-top-page) .header .header__burger-icon_header-white {
display: block;
}
.header.header_white .header__burger-icon_header-default,
body:not(.transparent-top-page) .header .header__burger-icon_header-default {
display: none;
}
.header.header_white .header__logo-default,
body:not(.transparent-top-page) .header .header__logo-default {
display: none;
}
.header.header_white .header__logo-white,
body:not(.transparent-top-page) .header .header__logo-white {
display: block;
}
.header__inner {
padding-bottom: 10px;
}
@media (max-width: 766px) {
.header__inner {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.header__top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}
@media (max-width: 766px) {
.header__top {
flex-grow: 1;
}
.header__top-right {
margin-left: auto;
margin-right: 20px;
}
}
.header__top-left {
width: fit-content;
display: flex;
align-items: center;
gap: 50px;
}
.header__top-right {
width: fit-content;
display: flex;
align-items: center;
}
.header__bottom {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 30px;
}
@media (max-width: 766px) {
.header__bottom {
grid-template-columns: 100%;
gap: 0;
}
}
.header__logo {
width: 128px;
height: 45px;
}
.header__logo img {
width: 100%;
height: 100%;
}
.header__logo-white {
display: none;
}
a.header__location {
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 1290px) {
a.header__location {
display: none;
}
}
a.header__location:hover {
text-decoration: none;
}
.header__location-text {
font-family: "Gotham Pro", sans-serif;
font-weight: 400;
font-size: 16px;
color: #fff;
}
a.header__cargo {
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 1290px) {
a.header__cargo {
display: none;
}
}
a.header__cargo:hover {
text-decoration: none;
}
.header__cargo-text {
font-family: "Gotham Pro", sans-serif;
font-weight: 400;
font-size: 16px;
color: #fff;
}
a.header__search {
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 1290px) {
a.header__search {
display: none;
}
}
a.header__search:hover {
text-decoration: none;
}
.header__search-text {
font-family: "Gotham Pro", sans-serif;
font-weight: 400;
font-size: 16px;
color: #fff;
}
a.header__email {
display: block;
width: fit-content;
font-family: "Gotham Pro", sans-serif;
font-weight: 400;
font-size: 16px;
color: #fff;
margin-right: 50px;
}
a.header__email:hover {
text-decoration: none;
}
a.header__email:visited {
color: #fff;
}
a.header__tel {
font-family: "Gotham Pro", sans-serif;
font-weight: 700;
font-size: 26px;
color: #fff;
margin-right: 20px;
}
@media screen and (max-width: 766px) {
a.header__email {
display: none;
}
a.header__tel {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
}
a.header__tel .header__tel-text {
display: none;
}
a.header__tel::before {
content: '';
width: 20px;
height: 20px;
display: block;
background: url('img/banner-new/header__tel_white.svg') no-repeat;
background-size: contain;
}
a.header__tg {
display: inline-flex;
align-items: center;
justify-content: center;
}
a.header__tg img {
display: none;
}
a.header__tg::before {
content: '';
width: 24px;
height: 20px;
display: block;
background: url('img/banner-new/header__tg_white.svg') no-repeat;
background-size: contain;
}
a.header__watsup {
display: inline-flex;
align-items: center;
justify-content: center;
}
a.header__watsup img {
display: none;
}
a.header__watsup::before {
content: '';
width: 20px;
height: 20px;
display: block;
background: url('img/banner-new/header__watsup_white.svg') no-repeat;
background-size: contain;
}
}
@media screen and (min-width: 767px) and (max-width: 992px) {
a.header__tel {
font-size: 22px;
}
}
a.header__tel:hover {
text-decoration: none;
}
a.header__tel:visited {
color: #fff;
}
.header__socials {
display: flex;
gap: 20px;
align-items: center;
}
.header__burger {
border: 1px solid #46c0c0;
border-radius: 25px;
padding: 0 20px;
height: 40px;
display: flex;
align-items: center;
gap: 10px;
background: none;
width: fit-content;
text-decoration: none;
}
@media screen and (max-width: 766px) {
.header__burger {
border: 0;
padding-left: 0;
width: 40px;
padding-right: 0;
justify-content: center;
}
.header__burger-text {
display: none;
}
}
.header__burger:hover {
text-decoration: none;
}
.header__burger-icon_header-white {
display: none;
}
.header__burger-text {
font-family: "Gotham Pro", sans-serif;
font-weight: 700;
font-size: 16px;
color: #fff;
}
ul.header-nav__list {
display: flex;
align-items: center;
justify-content: space-between;
gap: 5px;
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
@media (max-width: 1500px) {
ul.header-nav__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
justify-items: center;
gap: 10px;
}
}
@media (max-width: 1290px) {
ul.header-nav__list {
display: none;
}
}
a.header-nav__link {
font-family: "Gotham Pro", sans-serif;
font-weight: 700;
font-size: 15px;
letter-spacing: 0.07em;
text-transform: uppercase;
color: #fff;
}
a.header-nav__link:hover {
text-decoration: none;
}
a.header-nav__link:visited {
color: #fff;
}
a.header__calc {
width: fit-content;
border-radius: 20px;
background: #46c0c0;
padding: 0 20px;
height: 40px;
display: flex;
align-items: center;
gap: 14px;
outline: none;
border: none;
}
@media (max-width: 766px) {
a.header__calc {
display: none;
}
}
.header__calc-text {
font-family: "Gotham Pro", sans-serif;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
color: #fff;
}
/*---------HOME-BANNER----------*/
.home-banner {
/*height: 840px;*/
position: relative;
padding-bottom: 60px;
background-color: #000000;
}
@media (max-width: 748px) {
.home-banner {
padding-bottom: 30px;
}
}
.home-banner__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.home-banner__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 460px) {
.home-banner__bg img {
height: 68%;
object-fit: cover;
object-position: 31% top;
}
}
.home-banner__bg-gradient {
z-index: 7;
position: absolute;
bottom: 0;
width: 100%;
height: 800px;
background: linear-gradient(to bottom, #000000 10%, #000000 46%);
display: none;
}
@media (max-width: 460px) {
.home-banner__bg-gradient {
display: block;
}
}
.home-banner__content {
padding-top: 200px;
position: relative;
z-index: 8;
margin-bottom: 100px;
display: grid;
grid-template-columns: auto 1fr;
gap: 150px;
}
@media (max-width: 1200px) {
.home-banner__content {
grid-template-columns: 100%;
gap: 40px;
}
}
@media (max-width: 765px) {
.home-banner__content {
padding-top: 100px;
}
}
h1.home-banner__content-title {
font-family: "Gotham Pro", sans-serif;
font-weight: 700;
font-size: 70px;
color: #fff;
margin-bottom: 14px;
}
@media (max-width: 765px) {
h1.home-banner__content-title {
text-align: center;
font-size: 30px;
}
h1.home-banner__content-title span {
font-size: 50px;
}
}
.home-banner__content-subtitle {
font-family: "Gotham Pro", sans-serif;
font-weight: 400;
font-size: 24px;
color: #fff;
margin-bottom: 60px;
}
@media (max-width: 765px) {
.home-banner__content-subtitle {
text-align: center;
font-size: 16px;
margin-bottom: 30px;
}
}
/*---------home-banner-form----------*/
.home-banner-form__item:not(:last-child) {
margin-bottom: 30px;
}
.home-banner-form__label {
font-family: "Gotham Pro", sans-serif;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: #fff;
margin-bottom: 15px;
display: block;
}
.home-banner-form__input {
font-family: "Gotham Pro", sans-serif;
font-weight: 500;
font-size: 18px;
color: #232529;
padding: 16px 20px;
border: 1px solid #979797;
border-radius: 10px;
max-width: 380px;
width: 100%;
}
.home-banner-form__input::placeholder {
font-family: "Gotham Pro", sans-serif;
font-weight: 500;
font-size: 18px;
color: #898d92;
}
.home-banner-form__button {
font-family: "Gotham Pro", sans-serif;
font-weight: 700;
font-size: 20px;
color: #fff;
padding: 16px 30px;
border-radius: 30px;
background: #46c0c0;
outline: none;
border: none;
margin-left: 40px;
display: block;
}
@media (max-width: 1313px) {
.home-banner-form__button {
margin: 0 auto;
}
}
@media (max-width: 1313px) {
.home-banner-form__button {
margin-left: 40px;
}
}
@media (max-width: 410px) {
.home-banner-form__button {
margin: 0 auto;
}
}
/*---------SEND-CARGO----------*/
.send-cargo {
border: 1px solid #fff;
border-radius: 10px;
padding: 30px 50px;
gap: 30px;
align-items: center;
width: fit-content;
display: grid;
grid-template-columns: auto 1fr auto;
}
@media (max-width: 765px) {
.send-cargo {
/*grid-template-columns: auto 1fr;*/
padding: 20px;
/*margin: 0 auto;*/
gap: 12px;
width: 100%;
}
}
@media (max-width: 570px) {
.send-cargo {
grid-template-columns: auto 1fr;
}
}
.send-cargo__icon {
width: 77px;
height: 80px;
}
.send-cargo__icon img {
width: 100%;
height: 100%;
}
@media (max-width: 765px) {
.send-cargo__icon {
width: 57px;
height: 60px;
}
}
.send-cargo__title {
font-family: "Gotham Pro", sans-serif;
font-weight: 700;
font-size: 50px;
text-transform: uppercase;
color: #fff;
}
@media (max-width: 765px) {
.send-cargo__title {
font-size: 30px;
}
}
.send-cargo__subtitle {
font-family: "Gotham Pro", sans-serif;
text-transform: uppercase;
color: #fff;
font-weight: 400;
font-size: 20px;
}
@media (max-width: 765px) {
.send-cargo__subtitle {
font-size: 15px;
}
}
a.send-cargo__button {
font-family: "Gotham Pro", sans-serif;
font-weight: 700;
font-size: 20px;
color: #232529;
border: 1px solid #fff;
border-radius: 25px;
background: #fff;
padding: 0 30px;
height: 50px;
display: flex;
align-items: center;
width: fit-content;
text-wrap: nowrap;
}
@media (max-width: 765px) {
a.send-cargo__button {
font-size: 16px;
}
}
@media (max-width: 570px) {
a.send-cargo__button {
grid-column: 2;
}
}
a.send-cargo__button:hover {
text-decoration: none;
}
/*---------home-banner__property----------*/
.home-banner__properties {
z-index: 8;
gap: 30px;
display: grid;
grid-template-columns: repeat(5, 1fr);
position: relative;
}
@media (max-width: 748px) {
.home-banner__properties {
grid-template-columns: 1fr;
gap: 40px;
}
}
.home-banner__properties::before {
content: "";
height: 1px;
background-color: #fffc53;
width: 81%;
position: absolute;
top: -20px;
left: 9.5%;
}
@media (max-width: 748px) {
.home-banner__properties::before {
width: 1px;
height: 85%;
top: 7%;
left: 9px;
}
}
.home-banner__property {
position: relative;
}
.home-banner__property-icon {
position: absolute;
top: -30px;
left: calc(50% - 9px);
width: 18px;
height: 18px;
}
.home-banner__property-icon img {
width: 100%;
}
@media (max-width: 748px) {
.home-banner__property-icon {
left: 0;
top: calc(50% - 12px);
}
}
.home-banner__property-title {
font-family: "Gotham Pro", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 112%;
text-transform: uppercase;
text-align: center;
color: #fff;
}
@media (max-width: 748px) {
.home-banner__property-title {
padding-left: 30px;
text-align: left;
}
}
/*---------HOW WE WORK----------*/
.how-we-work {
/*height: 100px;*/
/*background: #808080;*/
padding: 80px 0;
max-width: 1422px;
margin: 0 auto;
}
h2.how-we-work__title {
font-family: "Gotham Pro", sans-serif;
font-weight: 700;
font-size: 36px;
color: #232529;
text-align: center;
margin-bottom: 36px;
}
@media (max-width: 748px) {
h2.how-we-work__title {
font-size: 22px;
}
}
.how-we-work__cards {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 18px;
}
@media (max-width: 1076px) {
.how-we-work__cards {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
.how-we-work__card {
display: flex;
flex-direction: column;
/*justify-content: center;*/
align-items: center;
}
@media (max-width: 1076px) {
.how-we-work__card {
width: 200px;
}
}
@media (max-width: 400px) {
.how-we-work__card {
max-width: 290px;
width: 100%;
}
}
.how-we-work__card-pic {
width: 80px;
height: 80px;
/*background-color: #a43030;*/
margin-bottom: 30px;
}
.how-we-work__card-title {
font-family: "Gotham Pro", sans-serif;
font-weight: 700;
font-size: 15px;
line-height: 127%;
text-transform: uppercase;
text-align: center;
color: #232529;
margin-bottom: 10px;
}
.how-we-work__card-subtitle {
font-family: "Gotham Pro", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 125%;
text-align: center;
color: #666a70;
}
/*---------TRANSPORTATION-CATEGORY----------*/
.transportation-category__inner {
/*height: 800px;*/
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 30px;
aspect-ratio: 2/1;
margin-bottom: 80px;
}
@media (max-width: 978px) {
.transportation-category__inner {
aspect-ratio: auto;
grid-template-rows: repeat(3, 1fr);
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 748px) {
.transportation-category__inner {
gap: 5px;
margin-bottom: 60px;
}
}
.transportation-category__item {
border-radius: 10px;
overflow: hidden;
position: relative;
}
.transportation-category__item:hover .transportation-category__item-pic {
filter: brightness(1);
}
.transportation-category__item:hover .transportation-category__item-pic img {
transform: scale(1.3);
}
.transportation-category__item:hover .transportation-category__item-filter {
opacity: 0;
}
.transportation-category__item:nth-child(1) {
grid-column: 1;
grid-row: 1/span 2;
}
@media (max-width: 978px) {
.transportation-category__item:nth-child(1) {
grid-row: 1;
aspect-ratio: 1/1;
}
}
.transportation-category__item:nth-child(2) {
grid-column: 2;
grid-row: 1/span 2;
}
@media (max-width: 978px) {
.transportation-category__item:nth-child(2) {
grid-row: 1;
aspect-ratio: 1/1;
}
}
.transportation-category__item:nth-child(3) {
grid-column: 3;
grid-row: 1;
}
@media (max-width: 978px) {
.transportation-category__item:nth-child(3) {
grid-row: 2;
grid-column: 1/span 2;
aspect-ratio: 2/0.95;
}
}
.transportation-category__item:nth-child(4) {
grid-column: 4;
grid-row: 1;
}
@media (max-width: 978px) {
.transportation-category__item:nth-child(4) {
grid-column: 1;
grid-row: 3;
aspect-ratio: 1/1;
}
}
.transportation-category__item:nth-child(5) {
grid-column: 3/span 2;
grid-row: 2;
}
@media (max-width: 978px) {
.transportation-category__item:nth-child(5) {
grid-column: 2;
grid-row: 3;
aspect-ratio: 1/1;
}
}
.transportation-category__item-filter {
/*background-color: rgba(128, 128, 128, 0.29);*/
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 0.4s;
}
.transportation-category__item-pic {
transition: 0.3s;
filter: brightness(0.5);
width: 100%;
height: 100%;
}
.transportation-category__item-pic img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.4s;
}
.transportation-category__title {
position: absolute;
top: 15px;
left: 20px;
font-size: 18px;
color: #fff;
}
@media (max-width: 784px) {
.transportation-category__title {
font-size: 14px;
left: 12px;
}
}
.transportation-category__link {
position: absolute;
bottom: 15px;
left: 20px;
width: fit-content;
height: fit-content;
font-size: 16px;
color: #2fc9c8;
margin-right: 20px;
display: flex;
align-items: center;
gap: 10px;
line-height: 1.1;
}
@media (max-width: 784px) {
.transportation-category__link {
font-size: 13px;
left: 12px;
}
}
.transportation-category__link-icon svg {
margin-top: 12px;
width: 7px;
height: 13px;
}
@media screen and (max-width: 766px) {
.header.header_white a.header__tel::before,
body:not(.transparent-top-page) .header a.header__tel::before {
background-image: url('img/banner-new/header__tel.svg');
}
.header.header_white a.header__watsup::before,
body:not(.transparent-top-page) .header a.header__watsup::before {
display: none;
}
.header.header_white a.header__watsup img,
body:not(.transparent-top-page) .header a.header__watsup img {
display: block;
}
.header.header_white a.header__tg::before,
body:not(.transparent-top-page) .header a.header__tg::before {
display: none;
}
.header.header_white a.header__tg img,
body:not(.transparent-top-page) .header a.header__tg img {
display: block;
}
}
.oplata .terms__header {
height: 360px !important;
position: relative !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 -20px !important;
width: auto !important;
}
.oplata .terms__header .page-title {
position: relative !important;
z-index: 5 !important;
top: auto!important;
left: 0 !important;
padding: 0 20px!important;
}
.oplata .terms__header .header-img {
position: absolute;
top: 130px;
width: 1770px;
height: auto;
max-width: inherit;
z-index: 1;
left: 50%;
transform: translate(-50%, -50%);
margin-left: 70px;
}
.oplata .terms__header .page-title__text {
font-weight: 700;
font-size: 45px !important;
margin-bottom: 20px;
}
.oplata .terms__header .page-title__desc {
font-weight: 400;
font-size: 24px !important;
line-height: 130%;
color: rgba(51, 51, 51, 0.7);
}
/* insurance */
.blockquote {
margin-bottom: 30px;
position: relative;
border: 1px solid #2fc9c8;
border-radius: 15px;
padding: 30px;
font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #1e2025;
}
@media (min-width: 768px) {
.blockquote {
font-size: 18px;
line-height: 26px;
}
}
.blockquote::after {
content: "";
display: block;
position: absolute;
top: -10px;
left: 30px;
width: 68px;
height: 20px;
background: url("/local/templates/logisticavto/img/quote.svg") no-repeat;
background-color: #fff;
background-position: center;
background-size: 29px 20px;
}
.employee-card {
padding: 20px;
border-radius: 24px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
background: #fff;
font-family: "gothampro", sans-serif;
}
.employee-card__top {
margin-bottom: 30px;
padding-bottom: 30px;
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
}
.employee-card__top::after {
position: absolute;
bottom: 0;
left: -20px;
right: -20px;
content: "";
display: block;
height: 1px;
border: 1px dashed #e4e4e4;
}
.employee-card__wrap {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
gap: 10px;
}
@media (min-width: 576px) {
.employee-card__wrap {
flex-direction: row;
gap: 15px;
}
}
.employee-card__preview {
max-width: 126px;
flex-shrink: 0;
}
.employee-card__preview img {
max-width: 100%;
width: auto;
height: auto;
}
.employee-card__body {
text-align: center;
}
@media (min-width: 576px) {
.employee-card__body {
text-align: left;
}
}
.employee-card__name {
margin-bottom: 5px;
font-weight: 700;
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
color: #232529;
}
@media (min-width: 768px) {
.employee-card__name {
font-size: 18px;
}
}
.employee-card__position {
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: #666a70;
}
.employee-card__wrap-qr {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
gap: 20px;
}
@media (min-width: 576px) {
.employee-card__wrap-qr {
flex-direction: row;
gap: 15px;
justify-content: center;
}
}
.employee-card__qr {
max-width: 90px;
flex-shrink: 0;
}
.employee-card__qr img {
max-width: 100%;
width: auto;
height: auto;
}
.employee-card__qr-text {
font-weight: 700;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #1e2025;
}
@media (min-width: 576px) {
.employee-card__qr-text {
text-align: left;
}
}
@media (min-width: 768px) {
.employee-card__qr-text br {
display: none;
}
}
@media (min-width: 768px) {
.employee-card.employee-card_long {
padding: 30px 40px;
display: flex;
align-items: center;
justify-content: flex-start;
}
}
@media (min-width: 768px) {
.employee-card.employee-card_long .employee-card__top {
max-width: 480px;
margin-top: -15px;
margin-bottom: -15px;
margin-right: 50px;
padding-bottom: 0;
padding-right: 50px;
flex-grow: 1;
flex-shrink: 0;
justify-content: flex-start;
}
}
@media (min-width: 768px) {
.employee-card.employee-card_long .employee-card__top::after {
left: auto;
right: 0;
top: -15px;
bottom: -15px;
width: 1px;
height: auto;
border: 0;
border-left: 1px dashed #e4e4e4;
}
}
@media (min-width: 768px) {
.employee-card.employee-card_long .employee-card__bottom {
flex-grow: 1;
}
}
@media (min-width: 768px) {
.employee-card.employee-card_long .employee-card__wrap-qr {
flex-direction: row-reverse;
}
}
@media (min-width: 768px) {
.employee-card.employee-card_long .employee-card__qr {
margin-left: auto;
}
}
@media (min-width: 992px) {
.employee-card.employee-card_long .employee-card__qr {
gap: 75px;
}
}
.benefit {
display: flex;
align-items: center;
justify-content: center;
font-family: "gothampro", sans-serif;
padding: 20px;
border: 1px solid #2fc9c8;
border-radius: 10px;
background: #e0f3f3;
font-weight: 700;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #1e2025;
}
@media (min-width: 768px) {
.benefit {
padding: 30px;
font-size: 18px;
line-height: 26px;
}
}
.accordion__wrap {
display: grid;
grid-template-rows: 0fr;
transition: 0.4s all ease;
}
.accordion__body {
overflow: hidden;
}
.accordion.active {
padding-bottom: 1px;
}
.accordion.active .accordion__wrap {
grid-template-rows: 1fr;
}
.benefits {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.benefits {
margin-bottom: 50px;
}
}
.benefits h2.benefits__title {
margin-bottom: 20px;
font-weight: 700;
font-size: 20px;
line-height: 26px;
color: #1e2025;
text-align: left;
}
@media (min-width: 768px) {
.benefits h2.benefits__title {
margin-bottom: 30px;
text-align: center;
font-size: 26px;
line-height: normal;
}
}
.benefits .benefit {
height: 100%;
}
.qa {
margin-bottom: 30px;
font-family: "gothampro", sans-serif;
}
@media (min-width: 768px) {
.qa {
margin-bottom: 50px;
}
}
.qa__title.title {
margin-bottom: 30px;
}
.qa__item {
margin-top: 30px;
border-bottom: 2px solid rgba(51, 51, 51, 0.05);
padding-bottom: 14px;
}
.qa__item:last-child {
border: 0;
}
.qa__accordion.accordion .accordion__button.button {
width: 100%;
margin: 0;
padding: 0;
cursor: pointer;
transition: 0.4s;
font-weight: 500;
font-size: 20px;
line-height: 150%;
color: #1E2025;
position: relative;
background: #fff;
border: 0;
display: flex;
align-items: center;
justify-content: space-between;
text-transform: none;
}
.qa__accordion.accordion .accordion__button.button .button__text {
margin: 0;
text-transform: none;
}
.qa__accordion.accordion .accordion__button.button .button__icon {
margin: 0;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
background: #fff;
transition: all 0.5s ease;
flex-shrink: 0;
}
.qa__accordion.accordion .accordion__button.button .button__icon::after, .qa__accordion.accordion .accordion__button.button .button__icon::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
content: "";
background: #2fc9c8;
transform-origin: center;
transition: all 0.5s ease;
}
.qa__accordion.accordion .accordion__button.button .button__icon::before {
width: 14px;
height: 2px;
}
.qa__accordion.accordion .accordion__button.button .button__icon::after {
width: 2px;
height: 14px;
}
.qa__accordion.accordion .accordion__button.button:hover {
color: #23527c;
}
.qa__accordion.accordion .accordion__button.button:hover .button__icon {
background: #2fc9c8;
}
.qa__accordion.accordion .accordion__button.button:hover .button__icon::before, .qa__accordion.accordion .accordion__button.button:hover .button__icon::after {
background: #fff;
}
.qa__accordion.accordion.active .accordion__button.button .button__icon::after {
display: none;
}
.qa__text {
margin-top: 15px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #333333;
}
.article-preview {
margin: 0 auto 30px;
max-width: 453px;
}
.article-preview img {
max-width: 100%;
width: auto;
height: auto;
border-radius: 24px;
}
@media (min-width: 768px) {
.prices-insurance {
margin-bottom: 40px;
}
}
.prices-insurance h2 {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.prices-insurance h2 {
margin-bottom: 50px;
}
}
.calculator-insurance {
margin-bottom: 50px;
padding: 30px 0;
font-family: "gothampro", sans-serif;
background: #29323c;
}
@media (min-width: 768px) {
.calculator-insurance {
margin-bottom: 90px;
padding: 50px 0;
}
}
.calculator-insurance__title {
margin-bottom: 30px;
font-weight: 700;
font-size: 21px;
text-align: center;
line-height: 30px;
color: #fff;
}
@media (min-width: 768px) {
.calculator-insurance__title {
margin-bottom: 50px;
font-size: 30px;
}
}
.calculator-insurance__sub-title {
margin-bottom: 15px;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: #fff;
}
.calculator-insurance__wrap-input {
margin-bottom: 30px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 30px;
}
.calculator-insurance__wrap-input .input-price {
max-width: 360px;
flex-grow: 1;
}
.calculator-insurance__wrap-total {
min-width: 210px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 15px 15px 9px;
position: relative;
text-align: center;
border: 1px solid #2fc9c8;
border-radius: 10px;
flex-grow: 1;
}
.calculator-insurance__total-text {
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
padding: 0 12px;
text-align: center;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: #fff;
background: #29323c;
}
.calculator-insurance__total-value {
display: inline-flex;
align-items: baseline;
justify-content: center;
gap: 5px;
}
.calculator-insurance__total-number {
font-weight: 700;
font-size: 36px;
line-height: normal;
color: #fffc53;
}
.calculator-insurance__total-postfix {
display: block;
width: 14px;
height: 16px;
position: relative;
top: -5px;
}
.calculator-insurance__note {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
}
.calculator-insurance__note-icon {
width: 26px;
height: 22px;
flex-shrink: 0;
}
.calculator-insurance__note-text {
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #dfe4ea;
}
.calculator-insurance__total-canvas {
min-width: 210px;
}
.calculator-insurance__wrap-config {
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 30px;
}
@media (min-width: 768px) {
.calculator-insurance__wrap-config {
gap: 45px;
}
}
.calculator-insurance__config-note {
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #9da4ad;
}
.calculator-insurance__config-name {
margin-right: 30px;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: #fff;
}
.calculator-insurance__config-item {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 30px;
flex-wrap: wrap;
}
@media (max-width: 767.98px) {
.calculator-insurance__config-item {
flex-direction: column;
align-items: flex-start;
}
}
.calculator-insurance__config-values {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 30px;
flex-wrap: wrap;
}
.calculator-insurance__config-values .radio-type2 {
margin: 0 !important;
}
.calculator-insurance__body {
margin-bottom: 30px;
}
.calculator-insurance__footer {
display: flex;
align-items: center;
justify-content: center;
}
.calculator-insurance__button {
display: flex;
align-items: center;
justify-content: center;
border-radius: 30px;
width: 291px;
height: 60px;
border: 0;
padding: 0;
font-weight: 700;
font-size: 20px;
line-height: normal;
color: #fff;
background: #46c0c0;
}
.calculator-insurance__call-form {
display: none;
}
.characteristics-list {
font-family: "gothampro", sans-serif;
}
.characteristics-list__item {
margin-bottom: 20px;
display: flex;
align-items: flex-end;
justify-content: center;
font-size: 16px;
}
@media (max-width: 575.98px) {
.characteristics-list__item {
justify-content: space-between;
}
}
.characteristics-list__item::after {
order: 1;
flex-grow: 1;
flex-shrink: 0;
content: "";
display: block;
height: 12px;
border-bottom: 1px dashed #e4e4e4;
margin: 0 10px 2px;
}
@media (max-width: 575.98px) {
.characteristics-list__item::after {
display: none;
}
}
.characteristics-list__name {
flex-shrink: 0;
order: 0;
font-weight: 400;
line-height: normal;
color: #666a70;
}
@media (max-width: 575.98px) {
.characteristics-list__name {
max-width: 120px;
}
}
.characteristics-list__value {
order: 2;
flex-shrink: 1;
text-align: right;
font-weight: 700;
line-height: normal;
color: #323438;
}
.insurance-info__preview {
margin-bottom: 30px;
display: flex;
align-items: center;
justify-content: flex-start;
}
@media (min-width: 768px) {
.insurance-info__preview {
margin-bottom: 50px;
justify-content: center;
}
}
.input-price {
font-family: "gothampro", sans-serif;
}
.input-price__box {
position: relative;
}
.input-price__box::after {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
content: "";
display: block;
width: 14px;
height: 16px;
background: url("/local/templates/logisticavto/img/rub.svg") no-repeat;
background-size: contain;
}
.input-price__control {
color: #232529;
width: 100%;
padding: 19px 53px 19px 15px;
font-weight: 500;
font-size: 18px;
line-height: normal;
background-color: #fff;
border-radius: 10px;
border: 1px solid #979797;
box-shadow: none;
text-overflow: ellipsis;
}
.input-price__control::placeholder {
font-weight: 500;
font-size: 18px;
color: #232529;
}
.input-price .input-price__control.error {
border-color: #e00000;
color: #e00000;
}
.input-price .input-price__control.error::placeholder {
color: #e00000;
}
.radio-type2 {
display: inline-flex;
justify-content: flex-start;
align-items: center;
cursor: pointer;
font-weight: 400;
font-size: 16px;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
color: #1e2025;
}
.radio-type2__box {
margin-right: 10px;
position: relative;
}
.radio-type2__icon {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 20px;
height: 20px;
text-align: center;
box-shadow: 0 0 10px #3ba6a6;
border-radius: 50%;
background-color: #fff;
transition: background-color 0.5s, box-shadow 0.5s;
}
.radio-type2__icon::before {
display: block;
content: "";
width: 6px;
height: 6px;
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
opacity: 0;
transform: translate(-50%, -50%);
background-color: #3ba6a6;
transition: opacity 400ms;
}
.radio-type2__control {
display: none;
}
.radio-type2__text {
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 20px;
}
.radio-type2:hover .radio-type2__icon {
box-shadow: 0 0 10px rgba(59, 166, 166, 0.5);
}
.radio-type2__control:checked + .radio-type2__icon::before {
opacity: 1;
}
.radio-type2.radio-type2_white {
color: #fff;
}
.insurance-banner {
margin-bottom: 50px;
font-family: "gothampro", sans-serif;
}
@media (min-width: 1600px) {
.insurance-banner {
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 60px;
}
}
.insurance-banner__wrap {
padding: 30px 0;
background: url("/local/templates/logisticavto/img/insurance/insurance-main-bg-mobile.svg") no-repeat;
background-size: 446px 446px;
background-position: center 200px;
background-color: #e0f3f3;
}
@media (min-width: 992px) {
.insurance-banner__wrap {
padding: 46px 0 50px;
background: url("/local/templates/logisticavto/img/insurance/insurance-main-bg-desktop.svg") no-repeat;
background-size: 1126px 1126px;
background-position: 992px center;
background-color: #e0f3f3;
}
}
@media (min-width: 1200px) {
.insurance-banner__grid {
display: grid;
grid-template-areas: "top preview" "body preview";
align-items: flex-start;
justify-content: flex-start;
grid-template-rows: 160px auto;
}
}
@media (min-width: 1440px) {
.insurance-banner__grid {
grid-template-columns: minmax(auto, 930px) auto;
}
}
.insurance-banner__top {
grid-area: top;
margin-bottom: 30px;
}
@media (min-width: 1200px) {
.insurance-banner__top {
margin-bottom: 0;
}
}
.insurance-banner__title.title {
margin: 0 0 5px;
font-weight: 700;
font-size: 26px;
line-height: normal;
color: #1e2025;
}
@media (min-width: 768px) {
.insurance-banner__title.title {
margin-bottom: 15px;
font-size: 45px;
}
}
.insurance-banner__subtitle {
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #1e2025;
}
@media (min-width: 768px) {
.insurance-banner__subtitle {
font-size: 25px;
line-height: 30px;
}
}
.insurance-banner__wrap-preview {
grid-area: preview;
}
.insurance-banner__preview {
margin: 0 -15px 30px;
overflow: hidden;
max-width: 394px;
text-align: center;
}
@media (min-width: 576px) {
.insurance-banner__preview {
margin: 0 auto 30px;
}
}
@media (min-width: 1200px) {
.insurance-banner__preview {
max-width: 862px;
}
}
@media (min-width: 1600px) {
.insurance-banner__preview {
margin-bottom: -130px;
margin-right: -180px;
margin-left: -130px;
}
}
.insurance-banner__preview img {
max-width: 100%;
min-width: 394px;
width: auto;
height: auto;
}
.insurance-banner__cloud {
position: relative;
margin: 0 auto 30px;
max-width: 336px;
padding: 20px 15px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
border-radius: 24px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
background: #fff;
}
@media (min-width: 768px) {
.insurance-banner__cloud {
padding: 20px 30px;
}
}
@media (min-width: 1600px) {
.insurance-banner__cloud {
top: 45px;
left: 15px;
}
}
.insurance-banner__cloud::after {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-right: 11px solid transparent;
border-left: 11px solid transparent;
border-top: 13px solid #ffffff;
border-bottom: 0;
}
.insurance-banner__stars-preview {
margin-bottom: 10px;
}
.insurance-banner__cloud-title {
margin-bottom: 5px;
font-weight: 700;
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
color: #232529;
}
.insurance-banner__cloud-text {
margin-bottom: 5px;
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: #666a70;
}
@media (min-width: 768px) {
.insurance-banner__cloud-text {
margin-bottom: 20px;
}
}
.insurance-banner__cloud-link {
padding: 0 20px;
max-width: 275px;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 24px;
background: #ffdc53;
height: 37px;
text-decoration: none;
font-weight: 700;
font-size: 15px;
line-height: 19px;
color: #4b4b4b;
text-align: center;
gap: 10px;
white-space: nowrap;
}
@media (min-width: 576px) {
.insurance-banner__cloud-link {
font-size: 16px;
}
}
.insurance-banner__cloud-link:hover {
color: #4b4b4b;
text-decoration: none;
}
.insurance-banner__cloud-link::after {
width: 11px;
height: 12px;
display: block;
content: "";
background: url("/local/templates/logisticavto/img/arrow-down.svg") no-repeat;
background-size: contain;
flex-shrink: 0;
}
.insurance-banner__body {
grid-area: body;
}
.insurance-list {
max-width: 958px;
font-family: "gothampro", sans-serif;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.insurance-list {
margin: 0 auto;
}
}
.insurance-list__item {
display: flex;
flex-direction: column;
gap: 10px;
align-items: flex-start;
justify-content: flex-start;
}
.insurance-list__text {
max-width: 420px;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #1e2025;
}
.grid-article {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.grid-article {
margin-bottom: 50px;
}
}
.grid-article__grid {
display: grid;
grid-template-areas: "title" "preview" "body" "sidebar";
}
@media (min-width: 992px) {
.grid-article__grid {
grid-template-areas: "preview title" "preview body" "sidebar body";
grid-template-columns: 453px auto;
grid-auto-rows: min-content;
column-gap: 55px;
}
}
.grid-article__title {
grid-area: title;
}
.grid-article__preview {
grid-area: preview;
}
.grid-article__sidebar {
grid-area: sidebar;
}
@media (max-width: 991.98px) {
.grid-article__sidebar {
margin-top: 30px;
}
}
.grid-article__sidebar > *:last-child {
margin-bottom: 0;
}
.grid-article__body {
grid-area: body;
}
.grid-article.grid-article_reverse .grid-article__grid {
grid-template-areas: "title" "preview" "body";
}
@media (min-width: 992px) {
.grid-article.grid-article_reverse .grid-article__grid {
grid-template-areas: "title preview" "body preview";
grid-template-columns: auto 453px;
}
}
.grid-article.grid-article_nosidebar .grid-article__grid {
grid-template-areas: "title" "preview" "body";
}
@media (min-width: 992px) {
.grid-article.grid-article_nosidebar .grid-article__grid {
grid-template-areas: "preview title" "preview body";
grid-template-columns: 453px auto;
grid-auto-rows: min-content;
column-gap: 55px;
}
}
.grid-article:has(.grid-article__sidebar .blockquote) .article-preview {
height: 240px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
border-radius: 24px;
}
.doc-preview {
max-width: 453px;
aspect-ratio: 453/548;
padding: 15px 12px;
background: #fff;
border: 1px solid #46c0c0;
border-radius: 24px;
}
.doc-preview img {
max-width: 100%;
width: auto;
height: auto;
}
.goals-list {
font-family: "gothampro", sans-serif;
}
@media (min-width: 768px) {
.goals-list {
margin-bottom: 20px;
}
}
.goals-list__list {
counter-reset: item;
display: flex;
flex-wrap: wrap;
}
.goals-list__item {
counter-increment: item;
display: flex;
align-items: stretch;
justify-content: stretch;
}
.goals-list__wrap {
padding: 50px 30px 30px;
border: 1px solid #2fc9c8;
border-radius: 24px;
background: #fff;
}
.goals-list__preview {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
margin-bottom: 45px;
}
.goals-list__preview::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-flex;
align-items: center;
justify-content: center;
content: counter(item);
font-weight: 700;
font-size: 130px;
line-height: normal;
text-align: center;
color: #eaecee;
z-index: 1;
}
.goals-list__image {
position: relative;
z-index: 5;
}
.goals-list__name {
margin-bottom: 10px;
font-weight: 700;
font-size: 18px;
line-height: 22px;
text-transform: uppercase;
color: #232529;
}
.goals-list__text {
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #666a70;
}
.row-gap {
row-gap: 30px;
}
.row-gap .col-xs-12 {
margin-bottom: 30px;
}
.marine-bg {
padding: 30px 0;
background: #e0f3f3;
}
@media (min-width: 768px) {
.marine-bg {
padding: 50px 0;
}
}
html,
body {
scroll-behavior: smooth !important;
}
@media (min-width: 992px) {
html,
body {
scroll-padding-top: 145px !important;
}
}
.scroll-wrapper {
width: 100%;
}
@media (max-width: 991.98px) {
.scroll-wrapper {
overflow-x: auto;
}
}
.visual-block p {
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #1e2025;
}
.visual-block strong {
font-size: 18px;
line-height: 26px;
color: #1e2025;
}
.visual-block .table,
.visual-block table {
min-width: 992px;
display: table;
width: 100%;
margin-bottom: 35px;
font-family: "gothampro", sans-serif;
font-size: 17px;
line-height: 26px;
color: #1e2025;
border-collapse: collapse;
border-spacing: 1px;
background-color: #e0f3f3;
overflow: hidden;
}
.visual-block .table img,
.visual-block table img {
max-width: inherit;
}
.visual-block .table td,
.visual-block .table th,
.visual-block table td,
.visual-block table th {
padding: 17px 20px 17px;
text-align: left;
vertical-align: middle;
border: 2px solid #fff;
}
.visual-block .table td:first-child,
.visual-block .table th:first-child,
.visual-block table td:first-child,
.visual-block table th:first-child {
border-left: 2px solid #fff;
}
.visual-block .table td:last-child,
.visual-block .table th:last-child,
.visual-block table td:last-child,
.visual-block table th:last-child {
border-right: 2px solid #fff;
}
.visual-block .table tr:first-child,
.visual-block table tr:first-child {
background-color: #46c0c0;
}
.visual-block .table tr:first-child th,
.visual-block .table tr:first-child td,
.visual-block table tr:first-child th,
.visual-block table tr:first-child td {
color: #fff;
font-weight: 700;
background-color: #46c0c0;
border-bottom: 0;
}
.visual-block .table tr:first-child th p,
.visual-block .table tr:first-child td p,
.visual-block table tr:first-child th p,
.visual-block table tr:first-child td p {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.visual-block .table tr:first-child td:first-child,
.visual-block .table tr:first-child th:first-child,
.visual-block table tr:first-child td:first-child,
.visual-block table tr:first-child th:first-child {
border-left: 2px solid #fff;
}
.visual-block .table tr:first-child td:last-child,
.visual-block .table tr:first-child th:last-child,
.visual-block table tr:first-child td:last-child,
.visual-block table tr:first-child th:last-child {
border-right: 2px solid #fff;
}
.visual-block .table tr:nth-child(even),
.visual-block table tr:nth-child(even) {
background-color: #e0f3f3;
}
.visual-block .table tr:nth-child(odd),
.visual-block table tr:nth-child(odd) {
background-color: #e0f3f3;
}
.visual-block h2, .visual-block h3 {
margin-bottom: 25px;
font-weight: 700;
}
.visual-block h3 {
font-size: 21px;
}
@media (min-width: 768px) {
.visual-block h3 {
font-size: 26px;
}
}
.visual-block .block-content-text {
margin: 0;
}
.visual-block ul.li-bullet li {
margin-bottom: 15px;
font-size: 18px;
}
.text-yellow {
color: #fffc53;
}
.d-none {
display: none !important;
}
@media (min-width: 768px) {
.d-md-block {
display: block !important;
}
}
.container.visual-block {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.container.visual-block {
margin-bottom: 50px;
}
}
.b-advange.visual-block .b-table-subtitle {
margin-bottom: 0;
}
.b-advange.visual-block .b-table-subtitle *:last-child {
margin-bottom: 0;
}
.b-advange.visual-block h2 {
margin-bottom: 15px;
font-size: 20px;
}
.b-advange.visual-block h3 {
margin-bottom: 15px;
font-size: 18px;
}
.b-advange.visual-block p {
font-size: 16px;
}
.b-advange.visual-block table {
font-size: 16px;
}
.b-advange.visual-block ul {
font-size: 16px;
}
.b-advange.visual-block ol {
font-size: 16px;
}
.warning {
z-index: 20;
position: fixed;
bottom: 20px;
left: 20px;
display: none;
justify-content: center;
width: 100%;
padding:10px 30px;
box-sizing: border-box;
background-color: white;
border-radius: 10px;
max-width: 600px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.warning--active {
display: flex;
align-items: center;
gap: 20px;
}
.warning__read {
display: block;
margin-left: 15px;
}
.warning__apply {
background-color: #46c0c0;
border-radius: 10px;
padding: 10px 20px;
min-width: fit-content;
color: white;
border: none;
outline: none;
transition: 0.3s;
}
.warning__text {
font-size:16px;
}
.warning__apply:hover {
background-color: #358a8a;
}
@media (max-width: 500px) {
.warning {
max-width: 92%;
flex-direction: column;
}
}