*/   .singleData{
padding-right: 64px;
}
.telfooter_1_container{
display flex;
flex-direction: column;
}
.telfooter_1{
display: block!important;
margin-top: 12px!important;
}
@font-face {
font-family: "Gilroy";
src: url(//drivovo.pl/wp-content/themes/drivovo/fonts/Gilroy-Thin.eot) format('embedded-opentype');
src: url(//drivovo.pl/wp-content/themes/drivovo/fonts/Gilroy-Thin.woff) format('woff'),
url(//drivovo.pl/wp-content/themes/drivovo/fonts/Gilroy-Thin.ttf) format('truetype');
font-weight: normal;
font-style: 300;
}
@font-face {
font-family: "Gilroy";
src: url(//drivovo.pl/wp-content/themes/drivovo/fonts/Gilroy-Regular.eot) format('embedded-opentype');
src: url(//drivovo.pl/wp-content/themes/drivovo/fonts/Gilroy-Regular.woff) format('woff'),
url(//drivovo.pl/wp-content/themes/drivovo/fonts/Gilroy-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Gilroy";
src: url(//drivovo.pl/wp-content/themes/drivovo/fonts/Gilroy-Medium.eot) format('embedded-opentype');
src: url(//drivovo.pl/wp-content/themes/drivovo/fonts/Gilroy-Medium.woff) format('woff'),
url(//drivovo.pl/wp-content/themes/drivovo/fonts/Gilroy-Medium.ttf) format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Gilroy";
src: url(//drivovo.pl/wp-content/themes/drivovo/fonts/Gilroy-Semibold.eot) format('embedded-opentype');
src: url(//drivovo.pl/wp-content/themes/drivovo/fonts/Gilroy-Semibold.woff) format('woff'),
url(//drivovo.pl/wp-content/themes/drivovo/fonts/Gilroy-Semibold.ttf) format('truetype');
font-weight: 800;
font-style: normal;
}
body.noscroll {
overflow-y: hidden !important;
}
header nav ul li{
padding: 7px 9px!important;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs-error-msgs{
display: inline-block!important;
}
.hs_error_rollup{
display: none;
}
.max-box, .max-btns{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.max-btns{
margin-top: 24px;
}
.max-title{
font-weight: 800;
margin-top: 20px;
font-size: 26px;
}
.max-btns .max-btns-btn{
background-color: #ff5d04;
color: #fff;
border: 1px solid #ff5d04;
padding: 9px 16px;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
border-radius: 3px;
margin-bottom: 8px;
} .customSlick .slick-slide{
border-radius: 14px;
overflow: hidden;
transform: scale(.8);
transition: transform .3s ease ;
} .customSlick .slick-slide.slick-center{
transform: scale(1.1);
border-radius: 14px;
overflow: hidden;
transition: transform .3s ease ;
z-index: 10;
}
.customSlick .slick-slide.slick-center .wpsisac-img-wrap{
width: auto!important;
}
.customSlick .wpsisac-slider-content{
display: none;
}
.customSlick .wpsisac-slick-variable.wpsisac-image-fit .wpsisac-img-wrap{
height: 490px;
}
.customSlick .wpsisac-slick-variable .wpsisac-slide-wrap{
border-radius: 14px;
overflow: hidden;
}
.customSlick .wpsisac-image-fit img.wpsisac-slider-img{
object-position: center;
}
.wpsisac-slick-variable.wpsisac-prodesign-14 .wpsisac-slick-image-slide{
position: relative;
top: 20px;
}
.collage{
max-width: 1050px;
margin: 0 auto;
padding-top: 50px!important;
}
.mfp-wrap {
-webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0);
}
.rngst_phone_button{
right: calc(95% - 105.25px)!important;
bottom: calc(0% - 27px)!important;
}
html.mfp-helper {
height: 100%;
body {
overflow: hidden;
height: 100%;
-webkit-transform: translateZ(0);
}
}
#blackCar-carousel{
padding: 120px 0;
}
#blackCar-carousel h2{
font-size: 46px;
line-height: 50px;
margin-bottom: 40px;
}
#blackCar-carousel .item-car{
padding: 0 16px;
}
#blackCar-carousel p{
border-bottom: 1px solid #474747;
}
#blackCar-carousel .black-prop{
color: red;
}
#blackCar-carousel .black-prop span{
color: #fff;
}
#blackCar-carousel img{
height: 286px;
width: 100%;
object-fit: cover;
}
#blackCar-carousel .owl-nav{
position: absolute;
top: 40%;
left: 0;
width: 100%;
}
#blackCar-carousel .owl-nav .owl-prev{
position: absolute;
left: 0;
}
#blackCar-carousel .owl-nav .owl-next{
position: absolute;
right: 0;
}
#blackCar-carousel .owl-nav button img{
width: 50px;
height: 50px;
object-fit: cover;
}
.authorBlock h1 {
font-size: 40px;
font-weight: 700;
margin-bottom: 36px;
margin-top: 44px;
}
.authorBlock h1 span {
color: #ff5d04;
}
.blogBanner_author_name a,
.seoName a {
color: #ff5d04;
}
.blogBanner_author_name a:hover,
.seoName a:hover {
color: #ff5d04;
opacity: 0.6;
}
.authorBlock img {
border-radius: 50%;
width: 100%;
margin-top: 45px;
}
.auth_blog {
border-bottom: 1px solid #686868;
margin-bottom: 24px;
}
.auth_blog a {
color: #ff5d04;
font-weight: 700;
display: block;
}
.auth_blog p {
opacity: 0.6;
}
.auth_blog-date {
font-size: 14px;
font-weight: 700;
color: #23262a;
opacity: 0.6;
}
.dinamicBusinessBlock {
height: 0 !important;
overflow: hidden;
}
.dinamicBusinessBlock h2 {
line-height: 82px;
}
.dinamicBusinessBlock.active {
height: auto !important;
}
.businessBaner {
max-height: 1000px;
}
.dinamicBusinessBlock h3 {
margin-top: 40px;
}
.blackPage #mob-list .close {
position: absolute;
top: 24px;
right: 24px;
}
.blackPage #mob-list {
text-align: center;
}
.custom_h1 {
font-size: 60px !important;
margin-bottom: 32px;
line-height: 50px;
font-weight: 700;
letter-spacing: -0.876px;
}
.custom_h1 span {
color: #ff5d04;
}
.formOk .custom_h1 {
line-height: 65px !important;
}
#hsForm_ceeaefe3-c2d5-4ec2-b9c5-51e4337f2cdd input {
background: #eee;
}
.upBtnMnu {
display: none;
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
} .mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
} .mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
} .mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
} .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
} .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
#mobRolet {
display: none;
}
input:focus {
border-color: #ff5d04 !important;
}
input::placeholder {
color: #828282 !important;
}
input {
color: #23262a !important;
}
.collage {
margin-bottom: 0 !important;
}
.video {
position: relative;
}
.video video {
width: 100%;
height: 100%;
}
.playBtn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) !important;
transform: scale(1);
background-color: transparent;
cursor: pointer;
transition: all 0.3s ease;
}
.howBlocks .howItem img,
.auditoriaItem img,
.second .icoBullets img,
.funk .icoBullets img {
width: 72px;
}
.playBtn:hover {
transform: translate(-50%, -50%);
transform: scale(1.1);
}
.playBtn:focus {
outline: none;
border: none;
opacity: 0.7;
}
.playBtn .hide {
opacity: 0;
}
.postText p,
.postText h2,
.postText h3,
.postText img {
margin: 40px 0;
}
.blogText {
padding-top: 0 !important;
}
.verticalVideo {
border-radius: 12px;
overflow: hidden;
}
.verticalVideo video {
border-radius: 12px;
}
.verticalVideo .playBtn img {
width: 60px !important;
}
.reviewSingleVertical {
flex-direction: column !important;
}
.reviewSingleVertical_box {
margin-top: 22px;
}
.reviewSingleVertical_box h3 {
font-size: 40px;
font-weight: 600px;
margin-bottom: 40px;
margin-top: 110px;
}
.adwBanner1 {
position: relative;
}
#mob-list {
z-index: 1000 !important;
}
.three {
padding-top: 85px !important;
padding-bottom: 0!important;
}
.accentBox img {
width: 72px;
}
.countBox {
display: flex;
justify-content: flex-end;
align-items: center;
}
.countBox .btnWhite {
margin-left: 30px;
}
.counterWrap div {
width: 64px;
text-align: center;
background-color: #fafafa;
padding: 13px;
font-size: 36px;
font-weight: 600;
color: #23262a;
border-radius: 6px;
margin-right: 16px;
position: relative;
line-height: 40px;
}
.counterWrap div::after {
content: ":";
position: absolute;
top: 50%;
transform: translate(0, -50%);
color: #fafafa;
right: -10px;
}
.counterWrap div:last-child::after {
display: none;
}
.counterWrap {
display: flex;
}
.drivovoVideo {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
box-shadow: transparent 0px 60px 40px -7px;
z-index: 10;
}
.drivovoVideo iframe {
border: none;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.drivovoVideoVertical {
box-shadow: transparent 0px 60px 40px -7px;
}
.formOk {
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
min-height: 770px !important;
display: flex !important;
align-items: center !important;
color: #fff !important;
}
.postText.blogText img,
.wp-caption.aligncenter {
width: 100% !important;
} .drivovoVideoSquuare frame {
width: 99% !important;
height: 48% !important;
}
header {
position: relative !important;
z-index: 90 !important;
}
.owl-cars img {
height: auto;
}
.item-car p {
line-height: 36px !important;
}
.notice .noticeInfo {
margin: 47px 0 !important;
}
.avtoparkLink {
color: #ff5d04;
}
.avtoparkLink:hover {
opacity: 0.7;
}
.hubString {
width: 60%;
}
#popup2 .mfp-close,
#popup3 .mfp-close {
color: #fff;
}
.watchVolume {
cursor: inherit !important;
}
.watchVolume:hover {
opacity: 1 !important;
}
#popup1 {
background-color: #fff;
}
.pauseVideo {
animation: hidePause 2s ease-in 1s;
animation-fill-mode: forwards;
}
.pauseVideo img {
transition: all 0.3s ease;
}
.video:hover .pauseVideo {
opacity: 1 !important;
visibility: visible !important;
}
.bottomForm .telInputBox {
display: flex;
}
.bottomForm .telInputBox .changeCountry {
width: 30%;
border: 1px solid #e0e0e0;
border-radius: 3px;
font-size: 17px;
padding: 14px 20px;
color: #828282;
margin-bottom: 20px;
}
.bottomForm .telInputBox input {
margin-left: 12px;
flex: 1;
}
.owl-cars-vars img {
object-fit: cover !important;
}
.howItWorkSingle .howItem {
line-height: 22px !important;
}
.shadowBtn {
background: conic-gradient(from -3.29deg at 100% -13%, #ffa502 0deg, #ff6348 360deg);
box-shadow: 0px 0px 30px rgba(255, 127, 80, 0.5);
border-radius: 10px !important;
position: relative;
}
.shadowBtn::after {
content: "Хочу авто!";
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
color: #fff;
font-size: 22px;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: 14px;
left: 14px;
background: conic-gradient(from -3.29deg at 100% -13%, #ffa502 0deg, #ff6348 360deg);
box-shadow: inset 20.8333px -20.8333px 20.8333px rgba(194, 100, 28, 0.1),
inset -20.8333px 20.8333px 20.8333px rgba(255, 255, 255, 0.1);
backdrop-filter: blur(20.8333px); border-radius: 10px;
transition: all 0.3s ease;
}
.shadowBtn:hover::after {
top: 0;
left: 0;
}
.avtoparkItem .props {
display: flex;
justify-content: space-between;
}
#popup4 {
max-width: 945px;
}
#popup4 .popupSubmit,
#popup1 .popupSubmit {
border-radius: 3px !important;
padding: 22px 9px !important;
}
.faqBanner {
padding: 0;
}
.avtoparkTextCommon {
margin-bottom: 22px;
}
.postBanner .blogBanner_author span {
text-transform: lowercase;
}
.paginationDrivovo {
margin-top: 90px;
width: 100%;
display: flex;
justify-content: center;
}
.page-numbers {
background: #ffffff;
border: 2px solid #dfe3e8;
display: block;
width: 63px;
height: 63px;
line-height: 63px;
text-align: center;
border-radius: 7px;
margin: 7px;
font-size: 27px;
font-weight: 700;
}
.page-numbers:hover {
background-color: #ff5d04;
color: #fff;
border: 2px solid #ff5d04;
opacity: 0.7;
}
.page-numbers.current {
background-color: #ff5d04;
color: #fff;
border: 2px solid #ff5d04;
}
.page-numbers.next,
.page-numbers.prev {
border-color: #ff5d04;
color: #ff5d04;
border: 2px solid #dfe3e8;
}
footer .socs img {
width: 36px;
}
.avtoparkItem img {
height: 204px !important;
object-fit: cover !important;
}
.rightProp {
text-align: right;
color: #414144 !important;
margin: 0 !important;
}
.avtoparkItem p {
font-size: 28px !important;
padding: 12px 14px !important;
}
.avtoparkItem .props {
font-size: 15px;
margin: 3px 14px;
}
@media (max-width: 1900px) {
.custom_h1 {
margin-bottom: 32px;
line-height: 50px;
font-size: 44px;
font-weight: 700;
letter-spacing: -0.876px;
}
.formOk .custom_h1 {
line-height: 65px;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div {
width: 48%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div input,
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div .input {
width: 100%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div label {
display: block;
position: relative;
top: 0;
left: 0;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs-error-msgs {
color: #ff5d04;
list-style-type: none;
margin-top: 3px;
padding-left: 0;
position: absolute;
left: 0;
width: 300px;
top: 55%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .input .hs-input {
width: 100%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .input .hs-input select {
width: 280px;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 select {
padding: 4px 20px;
border: 1px solid #e0e0e0;
height: 37px;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_social_link {
width: 100%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs-submit input {
background-color: #ff5d04;
color: #fff;
border: 1px solid #ff5d04;
border-radius: 3px !important;
padding: 22px 9px !important;
width: 70%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 h1 {
font-size: 32px;
margin-bottom: 18px;
font-weight: 700;
letter-spacing: -0.58px;
width: 100%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_submit {
margin-top: 12px;
margin-left: auto;
margin-right: auto;
width: 70%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_submit input,
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_submit .actions {
width: 100%;
color: #fff !important;
text-align: center;
font-weight: 500;
font-size: 22px;
}
.avtoparkItem img {
height: 204px !important;
object-fit: cover !important;
}
.avtoparkItem .props {
font-size: 15px;
margin: 3px 14px;
}
.avtoparkItem p {
font-size: 28px !important;
padding: 12px 14px !important;
}
.rightProp {
text-align: right;
color: #414144 !important;
margin: 0 !important;
} .singleDescGorizont p {
font-size: 16px;
}
.singleData .singleDataBox .props { font-size: 16px;
}
.singleData h1 {
font-size: 50px!important;
line-height: 69px!important; }
.countBox .btnWhite {
max-width: 227px;
}
}
.upBtnMnu:focus {
outline: none;
}
#popup3 .popup3Content {
width: 100% !important;
}
#popup3 p,
#popup3 h3 {
text-align: center !important;
}
.tabContent .tabContentHeader,
.tabContent .tabContentRow {
align-items: stretch !important;
}
.upBtnMnu {
position: fixed;
top: 70px;
right: 20px;
background: #fafafa;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15),
0px 4.5288px 3.62304px rgba(188, 188, 188, 0.0243888);
border-radius: 7.27273px;
padding: 12px;
z-index: 6700;
opacity: 1;
display: inline-block;
transform: translate(0, 0);
transition: all 0.4s ease;
}
.hideScrollBtnMnu {
transform: translate(100%, 0);
opacity: 0;
transition: all 0.4s ease;
}
.habSpotForm #hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div {
width: 100%;
}
.habSpotForm input:required:valid {
border: 1px solid #e0e0e0;
}
.habSpotForm #hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 select {
padding: 4px 20px;
border: 1px solid #e0e0e0;
height: 58px;
}
.habSpotForm #location-38879b8e-b105-4782-acc8-2a6e4cd2bf79 {
margin: 20px 0;
}
.habSpotForm #location-38879b8e-b105-4782-acc8-2a6e4cd2bf79:focus-visible {
border: 1px solid #ff5d04;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79, 
#hsForm_2346bd8c-ef5a-4162-af7b-8d0b61bec551 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div, 
#hsForm_2346bd8c-ef5a-4162-af7b-8d0b61bec551 div {
width: 48%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div input,
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div .input,
#hsForm_2346bd8c-ef5a-4162-af7b-8d0b61bec551 div input,
#hsForm_2346bd8c-ef5a-4162-af7b-8d0b61bec551 div .input {
width: 100%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div label {
display: block;
position: relative;
top: 0;
left: 0;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs-error-msgs {
position: absolute;
left: 0;
width: 300px;
top: 55%;
color: #ff5d04;
list-style-type: none;
margin-top: 3px;
padding-left: 0;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .input .hs-input {
width: 100%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .input .hs-input select {
width: 280px;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 select,
#hsForm_2346bd8c-ef5a-4162-af7b-8d0b61bec551 select
{
padding: 4px 20px;
border: 1px solid #e0e0e0;
height: 49px;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_social_link {
width: 48%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs-submit input,
#hsForm_2346bd8c-ef5a-4162-af7b-8d0b61bec551 .hs-submit input
{
background-color: #ff5d04;
color: #fff;
border: 1px solid #ff5d04;
border-radius: 3px !important;
padding: 22px 9px !important;
width: 70%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 h1 {
font-size: 32px;
margin-bottom: 18px;
font-weight: 700;
letter-spacing: -0.58px;
width: 100%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_submit, 
#hsForm_2346bd8c-ef5a-4162-af7b-8d0b61bec551 .hs_submit 
{
margin-top: 12px;
margin-left: auto;
margin-right: auto;
width: 70%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_submit input,
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_submit .actions,
#hsForm_2346bd8c-ef5a-4162-af7b-8d0b61bec551 .hs_submit input,
#hsForm_2346bd8c-ef5a-4162-af7b-8d0b61bec551 .hs_submit .actions {
width: 100%;
color: #333 !important;
text-align: center;
font-weight: 500;
font-size: 22px;
}
.postBanner .blogBanner_author img {
width: 66px;
}
.tagLink {
color: #fff !important;
}
.singleMod {
display: flex;
align-items: center;
max-width: 1200px;
width: 100%;
margin: 10px auto;
padding: 0 !important;
border-radius: 12px;
overflow: hidden;
}
.singleMod div {
flex: 1;
padding: 40px;
}
.singleMod img {
width: 50% !important;
}
.singleMod .prop {
padding: 12px 16px;
margin: 10px 0;
display: flex;
width: 100%;
border-radius: 12px;
background-color: #fff;
}
.singleMod .prop span {
color: #ff5d04;
margin-right: 24px;
}
.singleMod .carLink {
margin-top: 24px;
}
.additionalImg {
width: 100%;
height: 210px;
border-radius: 12px;
object-fit: cover;
}
.additionalBut {
text-align: right;
margin-top: 40px;
}
.collapseText {
position: relative;
height: 150px;
overflow: hidden;
font-size: 19px;
line-height: 25px;
margin-top: 40px;
}
.collapseText::after {
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 50px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
content: "";
}
.blockNonBgColor {
background-color: transparent !important;
}
.custom_baner {
padding: 0 !important;
display: flex !important;
align-items: center !important;
flex-direction: column !important;
justify-content: center;
}
.custom_baner h1 {
max-width: 886px !important;
}
.custom_section_4 h2 {
color: #fff;
}
.custom_section_6 {
overflow: hidden;
background-color: #23262a;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
}
.custom_section_6 div {
width: 33%;
height: 280px;
}
.custom_section_6 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.custom_section_6 .textBlock {
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 40px;
padding: 30px 16px;
width: 33%;
color: #fff;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.custom_section_10 h2 {
margin-bottom: 32px;
}
.custom_section_10_text {
margin-bottom: 38px;
}
@media (max-width: 1700px) {
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div {
width: 48%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div input,
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div .input {
width: 100%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div label {
display: block;
position: relative;
top: 0;
left: 0;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs-error-msgs {
color: #ff5d04;
list-style-type: none;
margin-top: 3px;
padding-left: 0;
position: absolute;
left: 0;
width: 300px;
top: 55%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .input .hs-input {
width: 100%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .input .hs-input select {
width: 280px;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 select {
padding: 4px 20px;
border: 1px solid #e0e0e0;
height: 49px;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_social_link {
width: 48%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs-submit input {
background-color: #ff5d04;
color: #fff;
border: 1px solid #ff5d04;
border-radius: 3px !important;
padding: 22px 9px !important;
width: 70%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 h1 {
font-size: 32px;
margin-bottom: 18px;
font-weight: 700;
letter-spacing: -0.58px;
width: 100%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_submit {
margin-top: 12px;
margin-left: auto;
margin-right: auto;
width: 70%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_submit input,
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_submit .actions {
width: 100%;
color: #fff !important;
text-align: center;
font-weight: 500;
font-size: 22px;
}
header nav {
margin-right: 35px;
}
.avtoparkItem img {
object-fit: cover;
}
.formWrapper .formWrapperBoard .halfInput label {
font-size: 16px !important;
}
.reviewSingleVertical_box .watchVolume {
width: 100%;
text-align: left;
}
.reviewSingle h2 {
margin-bottom: 18px !important;
}
.video img {
width: 64px !important;
}
}
@media (max-width: 1120px) {
.baner {
min-height: 660px;
}
.accordion {
margin-top: 40px !important;
}
.countBox {
flex-direction: column;
align-items: center;
justify-content: center;
}
.countBox .btnWhite {
margin: 22px 0 0;
max-width: 90%;
}
.counterWrap div:last-child {
margin: 0;
}
.hubString {
width: 100%;
}
}
@media (max-width: 992px) {
.cust_667{
margin-bottom: 16px!important;
}
#blackCar-carousel{
padding-bottom: 0;
}
#blackCar-carousel img{
height: 182px;
}
.businessBaner {
max-height: 670px !important;
min-height: 670px !important;
padding-bottom: 0 !important;
}
.dinamicBusinessBlock h2 {
line-height: 52px;
font-size: 40px !important;
}
.dinamicBusinessBlock h3 {
font-size: 30px !important;
line-height: 35px;
margin-top: 40px !important;
}
.businessBaner .btn {
white-space: inherit;
}
.tiles {
flex-direction: column-reverse !important;
}
.tiles .tilesItem {
width: 100% !important;
}
.tiles .tilesItem {
width: 100% !important;
flex-direction: column !important;
}
.tiles .tilesItem .verticalImg {
width: 100% !important;
}
.tiles .tilesright h2 {
margin: 15px auto !important;
padding: 15px !important;
text-align: center !important;
}
body.blackPage .stepItem .stepImgRight {
border-left: none !important;
}
.custom_h1 {
font-size: 32px !important;
line-height: 36px !important;
}
.formOk .custom_h1 {
font-size: 36px !important;
line-height: 42px !important;
}
.owl-cars-vars .item-car .prop {
justify-content: space-between !important;
}
.postBanner h1 {
font-size: 32px !important;
line-height: 38px !important;
}
.adwBanner2 {
height: 522px;
}
.adwBanner2 h2 {
line-height: 52px;
}
.postText p {
padding-left: 10px;
padding-right: 10px;
}
.postText ul {
list-style-type: disc;
padding-left: 36px;
}
.postBanner .tags span {
white-space: nowrap;
display: inline-block;
padding: 4px 10px;
margin-right: 8px;
margin-bottom: 6px;
font-size: 19px;
}
.postBanner .container-max {
padding-right: 0 !important;
padding-left: 0 !important;
}
.postBanner .blogBanner_author_name {
text-align: left;
}
.custom_section_6 {
flex-direction: column;
}
.custom_section_6 div,
.custom_section_6 .textBlock {
width: 100%;
}
.custom_section_6 div {
height: 213px;
}
.custom_section_6 .textBlock {
font-size: 22px;
line-height: 34px;
}
.formOk {
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
min-height: 470px !important;
display: flex !important;
align-items: center !important;
color: #fff !important;
}
.faq h2 {
margin-top: 36px;
}
.additionalBut {
text-align: center;
}
.additionalImg {
height: 100px;
margin: 5px 0;
}
.collapseText {
position: relative;
height: 150px;
overflow: hidden;
font-size: 15px;
line-height: 22px;
margin-top: 40px;
}
footer .footerLogoInfo .socs img {
width: 24px !important;
}
.singleMod {
display: flex;
flex-direction: column;
align-items: center;
max-width: 1200px;
width: 90%;
margin: 10px auto;
padding: 0 !important;
border-radius: 12px;
overflow: hidden;
}
.singleMod div {
flex: 1;
padding: 20px;
}
.singleMod img {
width: 100% !important;
}
.singleMod .prop {
padding: 12px 16px;
margin: 10px 0;
display: flex;
justify-content: space-between;
width: 100%;
border-radius: 12px;
background-color: #fff;
text-align: right;
}
.singleMod .prop span {
color: #ff5d04;
margin-right: 24px;
text-align: left;
}
.singleMod .carLink {
margin-top: 24px;
}
.customSlick .wpsisac-slick-variable.wpsisac-image-fit .wpsisac-img-wrap{
height: 270px;
}
.three {
padding-top: 55px !important;
}
.postText p,
.postText h2,
.postText h3,
.postText img {
margin: 18px 0;
}
.postText p,
.postText h2,
.postText h3 {
padding-left: 10px;
padding-right: 10px;
}
.postText img {
max-width: calc(100% + 30px);
margin-left: -15px;
}
.blogText {
padding-top: 0 !important;
}
.singleBlogBlock .container-max {
padding-left: 0 !important ;
padding-right: 0 !important ;
}
.blogBanner .blogBanner_author {
margin-bottom: 18px !important;
}
.blogBanner .blogBanner_author_name {
font-size: 18px !important;
}
.blogBanner h1 {
font-size: 26px !important;
line-height: 32px !important;
}
.blogBanner .tags span {
font-size: 14px;
padding: 10px 14px;
}
.blogBanner .blogBanner__descr {
font-size: 14px !important;
line-height: 23px !important;
}
.habSpotForm #hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 select {
padding: 4px 12px;
}
.habSpotForm #location-38879b8e-b105-4782-acc8-2a6e4cd2bf79 {
margin: 20px 0 0;
font-size: 17px;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div {
width: 100%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div input,
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div .input {
width: 100%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 div label {
display: block;
position: relative;
top: 0;
left: 0;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs-error-msgs {
color: #ff5d04;
list-style-type: none;
margin-top: 3px;
padding-left: 0; 
position: absolute;
left: 0;
width: 300px;
top: 55%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .input .hs-input {
width: 100%;
}
#social_link-38879b8e-b105-4782-acc8-2a6e4cd2bf79 {
margin-top: 20px;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .input .hs-input select {
width: 180px;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 select {
padding: 4px 11px;
border: 1px solid #e0e0e0;
height: 41px;
font-size: 12px;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_social_link {
width: 100%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs-submit input {
background-color: #ff5d04;
color: #fff;
border: 1px solid #ff5d04;
border-radius: 3px !important;
padding: 12px 9px !important;
width: 70%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 h1 {
font-size: 32px;
margin-bottom: 18px;
font-weight: 700;
letter-spacing: -0.58px;
width: 100%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_submit {
margin-top: 12px;
margin-left: auto;
margin-right: auto;
width: 70%;
}
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_submit input,
#hsForm_38879b8e-b105-4782-acc8-2a6e4cd2bf79 .hs_submit .actions {
width: 100%;
color: #fff !important;
text-align: center;
font-weight: 500;
font-size: 22px;
}
.faq {
padding-top: 0;
}
.shadowBtn {
padding: 10px 8px !important;
}
.shadowBtn::after {
font-size: 18px;
}
#popup4 {
padding-top: 87px !important;
}
#popup4 h3 {
font-size: 24px !important;
}
.reviewSingleVertical_box .watchVolume {
padding: 16px;
margin-bottom: 56px;
}
#popup4 .popupAbs {
width: 63% !important;
top: -40px !important;
}
#popup4 input {
font-size: 12px !important;
margin-bottom: 12px;
}
#popup4 input::placeholder {
font-size: 16px;
}
#popup4 .telInputBox .changeCountry {
font-size: 12px !important;
}
.watchVolume img {
width: 54px;
}
.reviewSingleVertical_box h3 {
font-size: 32px;
margin-top: 48px;
}
.counterWrap div {
font-size: 32px;
}
.headerTop {
margin-bottom: 22px;
}
.activeMnu {
transform: translate(0, 0) !important;
}
#bodymovin {
display: none;
}
#mobRolet {
position: fixed;
top: 0;
bottom: 0;
left: 0;
transform: translate(-100%, 0);
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 5000;
transition: 0.3s ease all;
}
.mobRoletBox {
padding: 50px 32px;
background-color: #23262a; max-width: 300px;
height: 100vh;
position: relative;
top: 0;
left: 0;
z-index: 5009;
overflow: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.blurWrapper {
filter: blur(1px);
}
.close {
position: absolute;
top: 16px;
right: 16px;
color: #fff !important;
font-size: 66px;
}
#mobRolet::before {
content: "";
position: absolute;
background-color: rgba(255, 255, 255, 0.1);
filter: blur(10px);
width: 100vw;
height: 100vh;
display: block;
top: 0;
left: 0;
z-index: 4999;
}
#mobRolet .copy {
color: #fff;
}
.mobRoletWrapper {
overflow: auto;
flex: 1;
margin-bottom: 24px;
-ms-overflow-style: none;
scrollbar-width: none;
}
.mobRoletBox::-webkit-scrollbar {
display: none;
}
.mobRoletWrapper ul {
position: relative;
padding: 0;
margin: 0;
} .mobRoletWrapper ul li a {
position: relative;
color: #fff;
font-size: 17px;
font-weight: 300;
line-height: 19px;
border-bottom: 0.5px solid #fafafa;
padding: 20px 0;
display: block;
z-index: 5009;
}
.mobMnuParent ul li a {
padding: 16px 0 16px 16px;
border: none;
}
.mobMnuParent ul {
overflow: hidden;
}
.mobMnuParent ul.openUp {
height: auto;
}
.activeMnu {
font-weight: 800;
}
.headerAfterFixed {
height: 103px;
}
.fixedMnu {
position: fixed !important;
top: 0 !important;
left: 0 !important;
}
.playBtn {
transform: translate(-50%, -50%) !important;
}
.playBtn img {
width: 56px !important;
}
.owl-mobMnu {
height: 39px;
display: flex !important;
align-items: center !important;
}
header {
padding-bottom: 0 !important;
}
.owl-mobMnu a {
line-height: 15px;
padding: 12px 13px;
}
.owl-mobMnu .owl-item.center a {
position: relative;
z-index: 100;
background: rgba(35, 38, 42, 0.1);
line-height: 15px !important;
}
#popup3 .counterWrap div {
font-size: 27px;
}
#popup3 .popupSubmit {
padding: 22px 8px;
}
}
@keyframes hidePause {
to {
opacity: 0; }
}
lite-youtube {
background-color: #000;
position: relative;
display: block;
contain: content;
background-position: center center;
background-size: cover;
cursor: pointer;
max-width: 100%;
height: auto;
}
.drivovoVideoVertical iframe {
position: relative !important;
width: 100% !important;
height: auto !important; aspect-ratio: 9 / 16 !important;
border-radius: 12px;
} lite-youtube::before {
content: "";
display: block;
position: absolute;
top: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
background-position: top;
background-repeat: repeat-x;
height: 60px;
padding-bottom: 50px;
width: 100%;
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
} lite-youtube::after {
content: "";
display: block;
padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 0;
} lite-youtube > .lty-playbtn {
display: block;
width: 68px;
height: 48px;
position: absolute;
cursor: pointer;
transform: translate3d(-50%, -50%, 0);
top: 50%;
left: 50%;
z-index: 1;
background-color: transparent; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>'); filter: grayscale(100%);
transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
border: none;
}
lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
filter: none;
} lite-youtube.lyt-activated {
cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
opacity: 0;
pointer-events: none;
}
.lyt-visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: auto;
touch-action: auto;
}
.car_card_info_100{
width: 100%;
display: flex;
}
.car_card_info_100 .simple_part{
width: 32%;
font-size: 22px;
}
.car_card_info_100 .simple_part span{
display: block;
font-size: 16px;
color: #ff3d00;
}
body.blackPage .custSection8 .car_card_inner .car_card_top{
position: relative;
width: 100%;
}
.propsPDF{
border: 1px solid #fff;
color: #fff;
text-transform: uppercase;
font-size: 16px;
display: inli-block;
height: 55px;
padding: 10px 24px;
line-height: 34px;
}
.propsPDF:hover{
color: #fff!important;
opacity: 0.7;
}
#popup4 {
padding-top: 120px;
padding-bottom: 30px;
background-color: #fff;
padding: 140px 22px 50px;
}
#popup4 .popupAbs {
width: 45%;
top: -110px;
}
#popup4 .popupAbs {
position: absolute;
top: -110px;
left: 50%;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%,0);
width: 45%;
}
#popup4 h3{
margin-bottom: 18px;
}
#popup4  form{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#popup4  form .field{
width: 48%;
position: relative;
}
#popup4  form .field label{
display: none;
}
#popup4  form .field input{
width: 100%;
border: 1px solid #e0e0e0;
border-radius: 3px;
font-size: 17px;
padding: 10px 20px;
color: #828282;
margin-bottom: 20px;
}
#popup4  form .field select{
width: 100%;
border: 1px solid #e0e0e0;
border-radius: 3px;
font-size: 17px;
padding: 10px 20px;
color: #828282;
margin-bottom: 20px;
}
#popup4  form .hs_submit{
width: 70%;
margin: 0 auto;
}
#popup4  form .hs_submit input{
background-color: #ff5d04;
color: #fff !important;
border: 1px solid #ff5d04;
border-radius: 3px !important;
padding: 22px 9px !important;
width: 100%;
cursor: pointer;
text-align: center;
}
.hs-error-msg{
color: red;
display: block!important;
font-size: 12px;
text-align: left;
position: absolute;
bottom: 10px;
height: 20px;
background-color: #fff;
left: 0;
z-index: 5555;
margin-bottom: 0;
box-shadow: 2px 2px 10px rgba(0,0,0,.15), 0px 4.5288px 3.62304px rgba(188,188,188,.0243888);
border-radius: 7.27273px;
padding: 2px 6px;
}
@media(max-width: 768px){
#popup4  form .field{
width: 100%;
}
#popup4  form .field select{
padding: 4px 11px;
border: 1px solid #e0e0e0;
height: 41px;
font-size: 12px;
}
#popup4  form .field input{
font-size: 12px;
}
#popup4  form .field input::placeholder{
font-size: 12px;
}
#popup4  form .hs_submit input{
padding: 14px 9px !important;
}
}
h1, h2{
background: #FE329C;
background: linear-gradient(to right, #FE329C 0%, #FF420A 40%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.step_1_title{
font-size: 30px;
font-weight: 700;
}
bodu{
font-family: 'Gilroy', sans-serif;
}
.gradBtn{
color: #fff!important;
background: rgb(0,87,183);
background: linear-gradient(90deg, #FE31A0, #FF4204);
}
#appMnu{
display: flex!important;
flex-direction: column;
gap: 25px;
position: fixed;
bottom: 22px;
right: 12px;
z-index: 100;
}
#appMnu button{
background: transparent;
}
@media(min-width: 993px){
.stableBtn{
position: fixed;
bottom: 24px;
left: 50%;
margin-left: -120px;
width:240px!important;
z-index: 1000;
font-size: 18px;
text-align: center;
}
.widgetBtn{
border-radius: 6px;
}
}
.activeApp{
transform: translate(0, 0)!important;
}
.blurMnu {
display: block;
position: fixed;
bottom: 0;
right: 60px;
left: auto;
transform: translate(0, 105%);
width: 330px;
padding: 24px;
z-index: 3000;
transition: all .3s ease;
padding-top: 32px;
}
.appBlock{
display: flex;
flex-direction: column;
}
.appBlockReverse{
flex-direction: column-reverse!important;
} .blurMnu::after{
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; filter: blur(18px);
-webkit-filter: blur(18px);
z-index: 3000;
}
.blurMnu .closeApp{
position: absolute;
top: -5px;
right: 20px;
stroke: #dfe3e8;
z-index: 5000; border-radius: 6px;
padding: 4px;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.blurContent{
position: relative;
z-index: 4000;
display: flex;
flex-direction: column;
gap: 16px;
}
.chatTg{
background-color: #28AAEB;
}
.chatWs{
background-color: #4EC95C;
}
.listBtn{
background-color: #fff;
color: #000!important;
}
.ukrBtn{
color: #fff!important;
background: rgb(0,87,183);
background: linear-gradient(90deg, rgba(0,87,183,1) 0%, rgba(255,215,0,1) 100%);
}
.plBtn{
color: #fff!important;
background: rgb(0,87,183);
background: linear-gradient(90deg, #FD2B2B, #fff);
}
.grdShadow, .appCar{
position: relative;
transform: translate(0);
transform-style: preserve-3d;
}
.grdShadow::before, .appCar::before{
content:"";
position: absolute;
inset: 3px;
transform: translate3d(0,0px,-1px);
background: conic-gradient(#FE30A3, #FF4200);
filter: blur(10px);
}
.appCar{
width: calc(100% - 7px);
display: flex;
height: 70px;
align-items: center;
font-size: 12px;
font-weight: 700;
background: #fff;
border-radius: 6px;
padding-right: 12px;
}
.appCar img{
width: 116px;
margin-right: 10px;
border-radius: 6px;
}
.appCar p{
line-height: 14px;
margin-bottom: 0;
}
.widgetBtn{
border-radius: 6px;
color: #fff;
font-size: 14px;
line-height: 19px;
font-weight: 700;
padding: 8px;
width: calc(100% );
display: flex;
align-items: center;
justify-content: space-between;
}
.widgetBtn_Ico{
margin-right: 6px;
}
#appPrice .carsApp{
max-height: 360px;
overflow-y: scroll;
padding-left: 16px;
padding-top: 16px;
}
#appPrice{
padding-left: 8px!important;
}
@media(max-width: 992px){
.mobTab{
background-color: transparent;
outline: none;
border: none;
}
.baner{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 25px!important;
padding-right: 25px!important;
}
h1, h2{
text-align: left;
}
h2{
font-size: 42px
line-height: 42px
}
.baner p{
text-align: left!important;
margin: 0!important;
}
.baner h1{
margin-bottom: 38px;
line-height: 42px!important;
font-size: 42px!important;
}
.baner{
position: relative;
padding-bottom: 170px!important;
}
.mobMainLogo{
position: absolute;
left: 16px;
top: 24px;
}
.step_1_title{
margin-bottom: 13px!important;
}
.condition{
line-height: 15px!important;
margin-bottom: 41px!important;
}
#appMnu{
display: flex!important;
flex-direction: column;
gap: 25px;
position: fixed;
bottom: 22px;
right: 12px;
z-index: 100;
}
body.blackPage #appMnu{
right: 6px!important;
} .appBlock{
display: flex;
flex-direction: column;
}
.appBlockReverse{
flex-direction: column-reverse!important;
}
.stableBtn{
position: fixed;
bottom: 24px;
left: 24px;
width: calc(100% - 100px)!important;
z-index: 1000;
font-size: 18px;
}
.blurMnu{
display: block;
position: fixed;
bottom: 0;
left: 0;
transform: translate(0, 105%);
width: calc(100% - 54px);
padding: 24px;
z-index: 3000;
transition: all .3s ease;
padding-top: 32px;
}
.activeApp{
transform: translate(0, 0)!important;
}
.blurMnu::after{
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; filter: blur(18px);
-webkit-filter: blur(18px);
z-index: 3000;
}
.blurMnu .closeApp{
position: absolute;
top: -5px;
right: 20px;
stroke: #dfe3e8;
z-index: 5000; border-radius: 6px;
padding: 4px;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.blurContent{
position: relative;
z-index: 4000;
display: flex;
flex-direction: column;
gap: 16px;
}
.chatTg{
background-color: #28AAEB;
}
.chatWs{
background-color: #4EC95C;
}
.listBtn{
background-color: #fff;
color: #000!important;
}
.ukrBtn{
color: #fff!important;
background: rgb(0,87,183);
background: linear-gradient(90deg, rgba(0,87,183,1) 0%, rgba(255,215,0,1) 100%);
}
.plBtn{
color: #fff!important;
background: rgb(0,87,183);
background: linear-gradient(90deg, #FD2B2B, #fff);
}
.grdShadow, .appCar{
position: relative;
transform: translate(0);
transform-style: preserve-3d;
}
.grdShadow::before, .appCar::before{
content:"";
position: absolute;
inset: 3px;
transform: translate3d(0,0px,-1px);
background: conic-gradient(#FE30A3, #FF4200);
filter: blur(10px);
}
.appCar{
width: calc(100% - 7px);
display: flex;
height: 70px;
align-items: center;
font-size: 12px;
font-weight: 700;
background: #fff;
border-radius: 6px;
padding-right: 12px;
}
.appCar img{
width: 116px;
margin-right: 10px;
border-radius: 6px;
}
.appCar p{
line-height: 14px;
margin-bottom: 0;
}
.widgetBtn{
border-radius: 6px;
color: #fff;
font-size: 14px;
line-height: 19px;
font-weight: 700;
padding: 8px;
width: calc(100% );
display: flex;
align-items: center;
justify-content: space-between;
}
.widgetBtn_Ico{
margin-right: 6px;
}
#appPrice .carsApp{
max-height: 360px;
overflow-y: scroll;
padding-left: 16px;
padding-top: 16px;
}
#appPrice{
padding-left: 8px!important;
}
.ikigaj-area,  .noticeInfo, .second, .whatHaveBox, .noticeInfo, .auditoria, .nonAuditoria, .funk, .aboutDrivovo, .goals p, .partners, .goals h2, .faq, footer, .contactBlock{
padding-right: 48px!important;
}
.howItWork{
padding-left: 0;
}
.howItWork .howBlocks, .howItWork h2, .howItWork .condition{
padding-left: 28px;
}
.howItWork .condition{
padding-right: 40px!important;
}
.howItWork h2{
padding-right: 36px;
}
.howItWork .howItem{
padding-right: 48px!important;
}
.howItWork .container-max{
padding-right: 0!important;
padding-left: 0!important;
}
.mb-left-12{
padding-left: 26px!important;
}
.mob-acc{
padding-left: 14px!important;
padding-right: 18px!important;
} .second h3{
font-size: 24px!important;
line-height: 26px!important;
}
.howBlocks .howItem{
font-size: 18px!important;
background-color: #fff!important;
padding: 0!important;
padding-right: 60px!important;
margin-bottom: 38px!important;
line-height: 20px!important;
}
body.blackPage .custSection1 ul{
padding-right: 20px;
}
body.blackPage .stepItem .stepItemWrapper .stepItemContent .stepItem_text{
padding-right: 47px;
}
body.blackPage .custSection8 .car_card{
margin-left: 0!important;
}
body.blackPage footer .footerBrands{
column-count: 2!important;
}
body.blackPage .custSection4 h2{
padding-right: 20px!important;
}
body.blackPage .custSection2 .custSection2_text{
padding-right: 40px!important;
}
body.blackPage .carsApp p, body.blackPage .carsApp div{
color: #111!important;
}
body.blackPage .custSection8 .car_card{
padding-right: 21px!important;
}
}
.whatHave{
color: #23262a!important;
}
footer .footerLink{
font-size: 14px!important;
}
.seo{
align-items: start!important;
padding-left: 12px!important;
padding-right: 36px!important;
}
.seo img{
margin-left: 0!important;
}
.footer .footerLink{
font-size: 12px!important;
}
main.svelte-1756blg{
display: none!important;
}
.appCarVertical{
border-radius: 6px;
display: flex;
background-color: #fff;
position: relative;
flex-direction: column;
height: auto!important;
padding-left: 24px;
padding-right: 24px;
font-size: 15px;
padding-bottom: 24px;
align-items: flex-start;
transform: translate(0);
transform-style: preserve-3d;
}
.appCarVertical::before{
content:"";
position: absolute;
inset: 3px;
transform: translate3d(0,0px,-1px);
background: conic-gradient(#FE30A3, #FF4200);
filter: blur(10px);
}
.owl-cars .owl-stage{
padding-top: 30px;
}
.goals .gin3{
bottom: 0!important;
}
.prefooter p{
display: none;
}
.appFaqItem{
gap: 14px;
align-items: flex-start;
font-size: 16px;
line-height: 16px;
justify-content: flex-start!important;
margin-bottom: 12px;
}
.custom-acc-mob{
width: calc(100% - 46px)!important;
padding: 8px 14px!important; 
transform: translate(0);
transform-style: preserve-3d;
border-radius: 6px;
background-color: #fff;
position: relative;
margin-bottom: 20px;
font-size: 12px!important;
}
.custom-acc-mob::before{
content:"";
position: absolute;
inset: 3px;
transform: translate3d(0,0px,-1px);
background: conic-gradient(#FE30A3, #FF4200);
filter: blur(10px);
}
.accordion .custom-acc-mob .card-header::after{
right: -2px!important;
}
.whatHave h2{
color: #000!important;
background: linear-gradient(to right, #000 0%, #000 40%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.animateApp {
animation-name: cssAnimation!important;
animation-duration: 1s!important;
animation-iteration-count: 1!important;
animation-timing-function: ease!important;
animation-fill-mode: forwards!important;
}
@keyframes cssAnimation {
0% {
transform: rotate(0deg) scale(1) skew(0deg) translateY(190%);
filter: grayscale(1);
}
50%{
transform: rotate(0deg) scale(1) skew(0deg) translateY(0);
filter: grayscale(1);
}
100% {
transform: rotate(0deg) scale(1) skew(0deg) translateY(0);
filter: grayscale(0);
}
} .appPriceBold, .appCarName{
font-weight: 800;
}  
.appCarImg{
margin-right: 14px;
width: 116px;
height: 80px;
background-position: center;
background-size: contain;
}
@media(max-width: 992px){
.singleData .dataBlock{
padding-right: 64px!important;
padding-left: 0!important;
}
.singleDataBox{
padding: 0!important;
background: #fff!important;
}
.singleData .singleDataBox .props{
padding-left: 0!important;
padding-right: 0!important;
}
.singleDescGorizont .container-max{
padding-left: 0!important;
padding-right:48px!important;
}
}
.pricing .pricing-box{
padding: 40px 15px;
border-radius: 26px;
max-width: 937px;
width: 100%;
margin: 0 auto; display: flex;
align-items: stretch;
justify-content: space-between;
gap: 18px;
}
.pricing  h2{
max-width: 937px;
width: 100%;
margin: 0 auto;
}
.pricing .pricing-box-item div{
position: relative; 
z-index: 10;
}
.pricing .pricing-box-item{
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 207px;
width: 100%;
z-index: 2;
gap: 23px;
}
.pricing .pricing-box-item::after{
content: '';
display: block;
width: calc(100% + 32px);
height: calc(100% + 72px);
transition: all .3s ease;
position: absolute;
top: -60px;
left: -16px;
z-index: 0;
border-radius: 26px;
}
.pricing .pricing-box-item:hover:after{
background: #ff5d04;
}
.pricing .pricing-box-item:hover .pricing-box-item-price, 
.pricing .pricing-box-item:hover .pricing-box-item-price span,
.pricing .pricing-box-item:hover .pricing-box-item-title{
color: #fff;
}
.pricing .pricing-box-item-price {
color: #848199;
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
position: relative; 
z-index: 10;
}
.pricing .pricing-box-item-price span{
color: #231D4F;
font-size: 36px;
font-weight: 800;
position: relative; 
z-index: 10;
}
.pricing .pricing-box-item-title{
font-size: 28px;
font-weight: 700;
margin-bottom: 10px;
position: relative; 
z-index: 10;
}
.pricing .pricing-box-item-btn{
background: #8E8BA5;
border-radius: 24px;
padding: 11px 26px;
font-size: 15px;
color: #fff;
cursor: pointer;
transition: all .3s ease;
position: relative; 
z-index: 10;
}
.pricing .pricing-box-item-btn:hover{
opacity: .7;
}
.pricing .pricing-box-item ul{
font-size: 15px;
color: #848199;
position: relative; 
z-index: 10;
}
@media(max-width: 992px){
.pricing{
display: none;
}
.pricing-grid_title_wrrapper h2{
font-size: 34px!important;
padding: 52px 16px 0;
}
}
.pricing-grid_title_wrrapper{
max-width: 900px!important;
width: 100%!important;
margin: 0 auto!important;
}
.pricing-grid{
max-width: 900px!important;
width: 100%!important;
margin: 0 auto!important;
display: flex!important;
justify-content: space-between!important;
flex-wrap: wrap!important;
}
.pricing-grid-box{
display: flex;
flex: 1;
justify-content: space-between!important;
border-top-right-radius: 12px;
overflow: hidden;
}
.pricing-grid-item{
flex: 1;
transition: all .3s ease;
}
.pricing-grid-item:hover{ cursor:pointer;
}
.pricing-grid-item-title{
height: 80px;
font-weight: 900;
font-size: 20px;
line-height: 26px;
background-color: #ff5d04;
color: #fff;
margin-bottom: 20px;
}
.pricing-grid-left{
font-size: 14px;
width: 310px;
}
.pricing-grid-item div, .pricing-grid-left div{
height: 34px;
border-bottom: 1px solid #f1f1f1;
font-size: 14px;
}
.pricing-grid-item div:first-child, .pricing-grid-left div:first-child{
height: 60px;
}
.white-bg{  display: flex;
align-items: center;
justify-content: center;
border-top-left-radius: 12px;
}
.pricing-grid-item div{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
@media(max-width: 992px){
.avtoparkItem {
width: calc(100% - 48px);
}
.pricing-grid-item{
min-width: 140px;
margin-right: .5px;
}
.pricing-grid-box{
overflow-x: auto;
flex: auto;
width: 35%;
border-top-right-radius: 0;
}
.pricing-grid-box::-webkit-scrollbar {
display: none;
}
.pricing-grid-left{
width: 200px;
padding-left: 16px;
}
.pricing-grid-item-title{
font-size: 18px;
margin-bottom: 0;
}
.pricing-grid-item div, .pricing-grid-left div{
padding: 10px;
line-height: 12px;
height: 42px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.pricing-grid-left div{
border-right: 1px solid #f1f1f1;
}
.owl-tarifs .slick-track{
left: -18%!important;
}
}
.owl-tarifs{
position: fixed!important;
bottom: 0!important;
width: calc(100% - 64px)!important;
z-index: 999!important;
left: 15px!important;
}
.owl-tarifs .slick-slider {
margin-left: -12%;
margin-right: -12%;
}
.owl-tarifs .slick-list {
padding-top: 10%!important;
padding-bottom: 10%!important;
padding-left: 15%!important;
padding-right: 5%!important;
}
.owl-tarifs .slick-dots {
text-align: right;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.owl-tarifs .slick-track {
max-width: 100%!important;
transform: translate3d(0, 0, 0)!important;
perspective: 100px;
}
.owl-tarifs .slick-slide {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
opacity: 0;
width: 100%!important;
transform: translate3d(0, 0, 0);
transition: transform .6s, opacity 1s;
}
.owl-tarifs .slick-snext,
.owl-tarifs .slick-sprev,
.owl-tarifs .slick-snext2,
.owl-tarifs .slick-sprev2{
display: block;
}
.owl-tarifs .slick-current {
opacity: 1;
position: relative;
display: block;
z-index: 2;
}
.owl-tarifs .slick-snext {
opacity: 1;
transform: translate3d(10%, 0, -10px);
z-index: 1;
perspective: 1000px;
}
.owl-tarifs .slick-snext2 {
opacity: 1;
transform: translate3d(20%, 0, -20px);
z-index: 0;
perspective: 1000px;
}
.owl-tarifs .slick-sprev {
opacity: 1;
transform: translate3d(0%, 0, -10px);
}
.owl-tarifs .slick-sprev2 {
opacity: 1;
transform: translate3d(0%, 0, -20px);
}
.test {
display: block;
width: 100%;
height: auto;
background: #ff5d04;
border-radius: 18px;
padding: 12px;
box-shadow: 8px 9px 17px -5px #a8a6a6;
color: #fff;
font-weight: bold;
color: #000;
}
.test .flex{
display: flex;
justify-content: space-between;
align-items: center;
}
.test-text{
font-size: 12px;
font-weight: 300;
line-height: 18px;
padding: 6px 0;
color: #fff;
}
.test-price{
font-size: 16px;
color: #fff;
}
.test-price span{
color: #fafafa;
font-size: 12px;
}
.test-title{ color: #fff;
font-size: 16px;
}
.rev_slide_btn{
background: #fafafa;
width: 100%;
border-radius: 10px;
font-size: 16px;
padding: 12px;
color: #111;
display: block;
margin: 12px 0;
text-align: center;
}
.owl-tarifs .slick-list{
padding-bottom: 20px!important;
padding-left: 15%!important;
}
.bronze-btn{
background: linear-gradient(to right, #F0C27B 0%, #CD7F32 40%, #B87333 70%);
font-size: 16px;
}
.silver-btn{
background: linear-gradient(to right, #E0E0E0 0%, #C0C0C0 40%, #A9A9A9 70%);
font-size: 16px;
}
.gold-btn{
background: linear-gradient(to right, #FFEC8B 0%, #FFD700 40%, #DAA520 70%);
font-size: 16px;
}
.car-top-img{
width: 100%!important;
height: auto;
display: block;
}
.singleData .singleDataBox, .avtoparkItem{
background: #fff!important;
}
.singleData h1{
padding-left: 40px!important;
}
.singleDataBox{
margin-top: 0!important;
}
@media(max-width: 992px){
.singleData h1{
padding-left: 0px!important;
}
}
.pricing{
padding-top: 0!important;
}
.singleData{
padding-bottom: 10px!important;
}
.pricing h2{
padding-left: 16px;
}
#pl-popup{
background: #fff!important;
}