html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
@font-face{
font-family: 'Vasek';
src: url(//motobunker.ru/wp-content/themes/adoweb/fonts/Vasek-Italic.woff2) format('woff2'),
url(//motobunker.ru/wp-content/themes/adoweb/fonts/Vasek-Italic.woff) format('woff');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face{
font-family: 'SteelfishRg';
src: url(//motobunker.ru/wp-content/themes/adoweb/fonts/SteelfishRg-Bold.woff2) format('woff2'),
url(//motobunker.ru/wp-content/themes/adoweb/fonts/SteelfishRg-Bold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face{
font-family: 'Involve';
src: url(//motobunker.ru/wp-content/themes/adoweb/fonts/Involve-Regular.woff2) format('woff2'),
url(//motobunker.ru/wp-content/themes/adoweb/fonts/Involve-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face{
font-family: 'Involve';
src: url(//motobunker.ru/wp-content/themes/adoweb/fonts/Involve-SemiBold.woff2) format('woff2'),
url(//motobunker.ru/wp-content/themes/adoweb/fonts/Involve-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face{
font-family: 'Unageo';
src: url(//motobunker.ru/wp-content/themes/adoweb/fonts/Unageo-Medium.woff2) format('woff2'),
url(//motobunker.ru/wp-content/themes/adoweb/fonts/Unageo-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face{
font-family: 'Unageo';
src: url(//motobunker.ru/wp-content/themes/adoweb/fonts/Unageo-Bold.woff2) format('woff2'),
url(//motobunker.ru/wp-content/themes/adoweb/fonts/Unageo-Bold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
p,
h1,
h2,
h3,
h4,
h5,
h6{
margin: 0;
padding: 0;
font-weight: 400;
}
html{
box-sizing: border-box;
scroll-behavior: smooth;
overflow-x: hidden;
}
*{outline:none;}
*,
*::before,
*::after{
box-sizing: inherit;
}
body{
overflow-x: hidden;
background: #0B0D1C;
font-family: 'Involve';
}
html.modalOpen,
body.modalOpen{
overflow: hidden;
}
a{
text-decoration: none;
}
ul{
list-style: none;
padding: 0;
margin: 0;
}
.container{
max-width: 1470px;
margin: 0 auto;
padding: 0 15px;
}
.header{
position: fixed;
width: 100%;
top: 0;
border-bottom: 1px solid #14172C;
box-shadow: 0px 4px 20px 0px #00000066;
background: #06071199;
right: 0;
z-index: 10;
}
.header_wrapper{
display: flex;
justify-content: space-between;
align-items: center;
padding: 13px 0;
}
.menu{
display: flex;
gap: 30px;
}
.menu a{
font-family: 'Unageo';
display: block;
font-size: 14px;
line-height: 18.06px;
letter-spacing: 0.04em;
color: #F2F2F9;
font-weight: 500;
text-transform: uppercase;
transition: all 0.3s;
padding: 10px 0;
}
.menu a.active,
.menu a:hover{
color: #B42F35;
}
.menu a.active{
border-bottom: 2px solid #B42F35;
}
.main{
padding-top: 80px;
position: relative;
margin-bottom: 100px;
z-index: 1;
}
.main::before{
position: absolute;
content: "";
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/main_bg.png);
width: 1600px;
height: 995px;
right: 50%;
transform: translateX(50%);
pointer-events: none;
top: 0px;
background-size: cover;
}
.main_img{
position: absolute;
display: flex;
pointer-events: none;
right: 50%;
transform: translateX(50%);
top: 290px;
z-index: 1;
}
.main h1{
text-align: center;
font-size: 220px;
font-family: 'SteelfishRg';
text-align: center;
font-weight: 700;
background: -webkit-linear-gradient(-90deg, #BABECC 22.19%, #252739 108.18%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 440px;
}
.main_info{
position: relative;
}
.main_messages{
position: absolute;
right: 0;
top: 40px;
display: flex;
flex-direction: column;
gap: 10px;
}
.main_subtitle{
color: #D22126;
font-size: 80px;
font-style: italic;
font-weight: 400;
line-height: 70px;
font-family: 'Vasek';
position: absolute;
right: calc(50% - 300px);
bottom: -20px;
transform: translateX(50%);
}
.main_wrapper{
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.main_adres{
width: 190px;
font-size: 12px;
line-height: 20px;  
color: #FFFFFF99;
display: flex;
flex-direction: column;
text-transform: uppercase;
align-items: flex-start;
gap: 10px;
padding-bottom: 14px;
}
.main_numbers{
width: 190px;
display: flex;
flex-direction: column;
align-items: flex-end;
padding-bottom: 14px;
}
.main_numbers img{
margin-bottom: 10px;
}
.main_number{
line-height: 20px;
color: #FFFFFF99;
font-size: 12px;
display: block;
text-align: right;
}
.main_inner{
width: 960px;
position: relative;
z-index: 1;
}
.main_inner::before{
position: absolute;
content: "";
width: 1330px;
height: 1px;
border: 1px solid #32354D5C;
right: 50%;
transform: translateX(50%);
top: 59px;
}
.main_search{
background: #34364A75;
border: 1px solid #535775;
transition: all 0.3s;
height: 60px;
display: flex;
}
.main_search-inp:focus,
.main_search-inp:focus  + .main_search-btn,
.main_search:hover{
background: #34364A99;
}
.main_search-btn rect:nth-child(2)  {
transition: all 0.3s;
fill: #c4c5d300;
}
.main_search:hover .main_search-btn rect:nth-child(2){
fill: #C4C5D333;
}
.main_search-inp:focus::placeholder{
color: #FFFFFF66;
}
.main_search-btn{
width: 84px;
height: 100%;
display: flex;
justify-content: center;
background: none;
cursor: pointer;
border: none;
align-items: center;
}
.main_search-inp{
padding-left: 30px;
height: 100%;
display: block;
border: none;
width: calc(100% - 84px);
background: none;
font-weight: 600;
line-height: 18.62px;
color: #fff;
font-size: 14px;
}
.main_search-inp::placeholder{
color: #FFFFFFCC;
}
.main_items{
display: flex;
}
.main_item{
display: flex;
align-items: center;
flex: 1;
padding-left: 96px;
height: 82px;
font-weight: 600;
line-height: 23.94px;
color: #fff;
font-size: 18px;
background: #34364A33;
border: 1px solid #32364F99;
transition: all 0.3s;
position: relative;
}
.main_item::after{
position: absolute;
content: "";
width: 100%;
height: 100%;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/main_item.png);
background-size: cover;
background-position: center;
top: 0;
transition: all 0.3s;
opacity: 0;
right: 0;
}
.main_item::before{
position: absolute;
content: "";
width: 47px;
height: 1px;
background-color: #FC8D55;
left: 30px;
bottom: -1px;
}
.main_item:hover{
background: #30324680;
}
.main_item:focus{
border-bottom: 1px solid #D22126;
box-shadow: 0px 4px 40px 0px #000000B2;
}
.main_item:focus::after{
opacity: 1;
}
.main_item:focus::before{
opacity: 0;
}
.main_item svg{
margin-right: 20px;
position: absolute;
left: 30px;
top: 50%;
transform: translateY(-50%);
box-shadow: 0px 0px 6px 0px #00000033;
}
.main_item svg:nth-child(2){
opacity: 0;
}
.main_item:focus svg:nth-child(2){
opacity: 1;
}
.catalog_block-wrapper{
z-index: 1;
position: relative;
padding: 53px 0 100px;
}
.catalog_block-wrapper::before{
position: absolute;
content: "";
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/catalog_block-wrapper.svg);
background-size: cover;
background-position: left top;
width: 1640px;
height: 1030px;
right: 50%;
z-index: -1;
transform: translateX(50%);
top: 0;
}
.catalog_block h2{
font-size: 90px;
font-style: italic;
line-height: 94.53px;
color: #D22126;
font-family: 'Vasek';
}
.catalog_block-subtitle{
font-style: italic;
font-weight: 400;
line-height: 70px;
color: #F2F2F9;
font-size: 40px;
font-family: 'SteelfishRg';
transform: translate(120px, -35px);
margin-bottom: 30px;
}
.catalog_block-items{
display: flex;
flex-wrap: wrap;
}
.catalog_block-item{
width: 33.333%;
background-color: #575B7B0F;
border: 1px solid #575B7B1A;
padding: 40px 40px 20px;
position: relative;
transition: all 0.3s;
overflow: hidden;
}
.catalog_block-item::after{
position: absolute;
content: "";
width: 2px;
height: 30px;
opacity: 0;
transition: all 0.3s;
background-color: #fff;
top: 40px;
left: 0;
}
.catalog_block-item:hover::after{
opacity: 1;
}
.catalog_block-img{
position: absolute;
right: 0;
top: 0;
}
.catalog_block-item::before{
position: absolute;
content: "";
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/catalog_block-item.svg);
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
top: 0;
transition: all 0.3s;
right: 0;
opacity: 0;
}
.catalog_block-item:hover{
background-color: rgba(87, 91, 123, 0.36);
}
.catalog_block-item:hover::before{
opacity: 1;
}
.catalog_block-title{
font-weight: 700;
line-height: 29.26px;
color: #F2F2F9;
font-size: 22px;
margin-bottom: 82px;
}
.catalog_block-item:hover .catalog_block-title::after,
.catalog_block-item:hover .catalog_block-title::before{
opacity: 1;
}
.catalog_block-title::before{
position: absolute;
content: attr(data-title);
font-size: 64px;
font-weight: 700;
top: 22px;
left: 181px;
color: #575B7B1F;
z-index: -1;
opacity: 0;
transition: all 0.3s;
line-height: 85.12px;
white-space: nowrap;
}
.catalog_block-title::after{
position: absolute;
content: attr(data-title);
white-space: nowrap;
font-size: 64px;
z-index: -1;
opacity: 0;
transition: all 0.3s;
font-weight: 700;
bottom: -7px;
left: -24px;
color: #575B7B1F;
line-height: 85.12px;
}
.catalog_block-btn{
background: #F2F2F90A;
border: 1px solid #F2F2F91A;
border-radius: 60px;
display: flex;
justify-content: center;
align-items: center;
width: 87px;
height: 28px;
font-weight: 600;
line-height: 24px;
color: #F2F2F966;
font-size: 13px;
position: relative;
z-index: 1;
transition: all 0.3s;
}
.catalog_block-btn:hover{
background: #F2F2F90F;
border: 1px solid #F2F2F933;
color: #F2F2F9CC;
}
.advantages{
padding: 180px 0 0;
margin-bottom: 250px;
position: relative;
z-index: 1;
}
.advantages::before{
position: absolute;
content: "";
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/advantages_bg.svg);
background-size: cover;
width: 1920px;
height: 804px;
right: 50%;
transform: translateX(50%);
top: 0;
z-index: -1;
pointer-events: none;
}
.advantages h2{
font-size: 90px;
line-height: 94.53px;
color: #D22126;
font-style: italic;
font-family: 'Vasek';
text-align: center;
}
.advantages_subtitle{
font-family: 'SteelfishRg';
font-style: italic;
font-weight: 400;
line-height: 48px;
text-align: center;
font-size: 40px;
margin-top: -30px;
color: #BBBECC;
text-transform: uppercase;
margin-bottom: 90px;
}
.advantages_items{
display: flex;
align-items: flex-start;
}
.advantages_item{
flex: 1;
background: linear-gradient(125.55deg, rgba(180, 47, 53, 0.2) 0.15%, rgba(180, 47, 53, 0.12) 99.69%);
border: 1px solid #7C1A24;
padding: 50px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
transition: transform 0.3s;
}
.advantages_item:nth-child(2),
.advantages_item:hover{
transform: translateY(-20px);
box-shadow: 0px 4px 60px 0px #D221261A;
background: linear-gradient(125.55deg, rgba(180, 47, 53, 0.2) 0.15%, rgba(180, 47, 53, 0.12) 99.69%),
radial-gradient(86.35% 89.59% at 13.06% 6.41%, rgba(210, 33, 38, 0.4) 0%, rgba(210, 33, 38, 0) 100%) ,
radial-gradient(74.18% 85.12% at 98.61% 100%, rgba(210, 33, 38, 0.4) 0%, rgba(210, 33, 38, 0) 100%) ;    
}
.advantages_item:nth-child(2)  .advantages_item-img,
.advantages_item:hover .advantages_item-img{
background: linear-gradient(0deg, rgba(210, 33, 38, 0.46), rgba(210, 33, 38, 0.46)),
linear-gradient(324.08deg, rgba(226, 112, 54, 0.4) 13.23%, rgba(214, 69, 46, 0.2) 53.18%, rgba(205, 35, 40, 0.4) 85.45%);
}
.advantages_item-img{
box-shadow: 0px 4px 30px 0px #0000004D;
border-radius: 50%;
margin-bottom: 20px;
width: 120px;
height: 120px;
background: linear-gradient(146.78deg, rgba(210, 33, 38, 0.4) 14.69%, rgba(210, 33, 38, 0.24) 86.64%);
display: flex;
justify-content: center;
align-items: center;
}
.advantages_item-title{
font-size: 24px;
line-height: 31.92px;
color: #F2F2F9;
font-weight: 700;
margin-bottom: 20px;
}
.advantages_item-text{
color: #B47070;
font-size: 15px;
font-weight: 500;
line-height: 24px;
max-height: 0px;
text-align: center;    
overflow: hidden;
transition: all 0.5s;
opacity: 0;
}
.advantages_item:nth-child(2) .advantages_item-text,
.advantages_item:hover .advantages_item-text{
max-height: 200px;
opacity: 1;
}
.best_block{
margin: 270px 0 200px;
}
.best_block-top{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 100px;
}
.best_block-top h2{
font-size: 90px;
line-height: 108px;
color:#BBBECC;
font-weight: 700;
font-family: 'SteelfishRg';
text-transform: uppercase;
}
.best_block-link{
border: 1px solid #32354D;
width: 153px;
height: 57px;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 20.64px;
color: #BBBECC;
text-transform: uppercase;
font-weight: 700;
position: relative;
font-family: 'Unageo';
transition: all 0.3s;
}
.best_block-link:focus{
background: radial-gradient(94.99% 75.44% at 50% 50%, rgba(87, 91, 123, 0.168) 0%, rgba(87, 91, 123, 0.56) 100%)
}
.best_block-link:hover{
background: radial-gradient(94.99% 75.44% at 50% 50%, rgba(87, 91, 123, 0.56) 0%, rgba(87, 91, 123, 0.168) 100%);
}
.best_block-link::before{
position: absolute;
content: "";
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/best_block-link.svg);
background-size: cover;
width: 213px;
height: 149px;
bottom: 11px;
left: -11px;
transform: translateX(-100%);
pointer-events: none;
}
.best_slide{    
background: linear-gradient(151.05deg, rgba(87, 91, 123, 0.46) 0%, rgba(87, 91, 123, 0.184) 49.5%, rgba(87, 91, 123, 0.46) 100%);
border: 1px solid;
border-image-source: linear-gradient(151.05deg, #575B7B 0%, rgba(87, 91, 123, 0) 47.13%, #575B7B 100%);
padding: 20px;
width: 360px;
box-sizing: border-box;
margin-left: 120px;
transition: box-shadow 0.3s;
}
.best_slide-img{
height: 230px;
display: flex;
margin-bottom: 20px;
position: relative;
}
.best_slide-img img{
width: 100%;
position: absolute;
top: 0;
opacity: 0;
right: 0;
transition: all 0.3s;
height: 100%;
object-fit: cover;
}
.best_slide-img img.active{
opacity: 1;
}
.best_slide-title{
font-size: 18px;
line-height: 23.94px;
color: #F2F2F9;
margin-bottom: 4px;
font-weight: 700;
}
.best_slide-subtitle{
font-size: 14px;
color: #868BB3;
margin-bottom: 20px;
line-height: 18.62px;
}
.best_slide-options{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px 0;
margin-bottom: 30px;
}
.best_slide-option{
width: 40%;
font-weight: 400;
line-height: 15.96px;
color: #868BB399;
font-size: 12px;
}
.best_slide-option span{
font-size: 16px;
font-weight: 600;
line-height: 21.28px;
color: #868BB3;
display: block;
}
.best_slide-inner{
border-top: 1px solid #575B7B4D;
padding-top: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.best_slide-btn{
background: radial-gradient(102.17% 102.17% at 50% 50%, rgba(87, 91, 123, 0.168) 0%, rgba(87, 91, 123, 0.56) 100%);
border: 1px solid #3C4066;
width: 124px;
height: 46px;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 700;
position: relative;
line-height: 18.06px;
font-family: 'Unageo';
color: #F2F2F9;
text-transform: uppercase;
}
.best_slide-btn:hover::before{
opacity: 1;
}
.best_slide-btn::before{
position: absolute;
content: "";
width: 100%;
height: 20px;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/btn_hover.png);
background-size: cover;
top: 100%;
opacity: 0;
transition: all 0.3s;
right: 0;
}
.best_slide-btn:focus{
background: linear-gradient(97.84deg, rgba(210, 54, 44, 0.34) 0%, rgba(210, 54, 44, 0.204) 50.47%, rgba(210, 54, 44, 0.34) 100%),
radial-gradient(50% 50% at 50% 50%, rgba(180, 47, 53, 0.56) 0%, rgba(180, 47, 53, 0) 100%);
border: none;
color: #FC8D55;
}
.best_slide-btn:focus::before{
opacity: 1;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/btn_hover2.png);
}
.best_slide-new{
font-weight: 700;
line-height: 23.94px;
color: #F2F2F9;
font-size: 18px;
}
.best_slide-old{
font-size: 16px;
line-height: 21.28px;
color: #575B7BCC;
font-weight: 700;
text-align: right;
text-decoration: line-through;
}
.best_slide:hover{
border: 1px solid #B42F354D;
background: linear-gradient(151.05deg, rgba(210, 33, 38, 0.36) 0%, rgba(210, 33, 38, 0.216) 49.5%, rgba(210, 33, 38, 0.36) 100%);
}
.best_block-slider .best_slide.swiper-slide-active{
width: 480px;
margin-left: 0;
border: 1px solid #B42F354D;
background: linear-gradient(151.05deg, rgba(210, 33, 38, 0.36) 0%, rgba(210, 33, 38, 0.216) 49.5%, rgba(210, 33, 38, 0.36) 100%);
}
.best_block-slider .best_slide.swiper-slide-active:hover{
box-shadow: 0px 2px 30px 0px #00000080;
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-img{
height: 316px;
box-shadow: 0px 2px 30px 0px #2D111166;
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-title{
line-height: 31.92px;
font-size: 24px;
}
.best_slide:hover .best_slide-option{
color: #B42F3599;
}
.best_slide:hover .best_slide-option span,
.best_slide:hover .best_slide-subtitle{
color: #B42F35;
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-subtitle{
font-size: 18px;
color: #B42F35;
line-height: 23.94px;
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-option{
line-height: 18.62px;
color: #B42F3599;
font-size: 14px;
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-option span{
line-height: 26.6px;
color: #B42F35;
font-size: 20px;
}
.best_slide:hover .best_slide-btn{
background: linear-gradient(97.84deg, rgba(210, 54, 44, 0.56) 0%, rgba(210, 54, 44, 0.336) 50.47%, rgba(210, 54, 44, 0.56) 100%),
radial-gradient(174.6% 95.69% at 86.54% 135.34%, rgba(226, 112, 54, 0.42) 0%, rgba(226, 112, 54, 0) 100%) ,
radial-gradient(110.11% 60.34% at 36.06% -18.1%, rgba(180, 47, 53, 0.42) 0%, rgba(180, 47, 53, 0) 100%) ;
border: 1px solid;
border-image-source: linear-gradient(173.57deg, #B42F35 47.81%, #E27036 96.61%);
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-btn{
background: linear-gradient(97.84deg, rgba(210, 54, 44, 0.56) 0%, rgba(210, 54, 44, 0.336) 50.47%, rgba(210, 54, 44, 0.56) 100%),
radial-gradient(174.6% 95.69% at 86.54% 135.34%, rgba(226, 112, 54, 0.42) 0%, rgba(226, 112, 54, 0) 100%) ,
radial-gradient(110.11% 60.34% at 36.06% -18.1%, rgba(180, 47, 53, 0.42) 0%, rgba(180, 47, 53, 0) 100%) ;
border: 1px solid;
width: 176px;
height: 57px;
border-image-source: linear-gradient(173.57deg, #B42F35 47.81%, #E27036 96.61%);
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-btn::before{
height: 24px;
background-size: cover;
}
.best_slide:hover .best_slide-inner,
.best_block-slider .best_slide.swiper-slide-active .best_slide-inner{
border-top: 1px solid #B42F354D;
}
.best_slide:hover .best_slide-new{
color: #FC8D55;
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-new{
line-height: 37.24px;
color: #FC8D55;
font-size: 28px;
}
.best_slide:hover .best_slide-old{
color: #D22126CC;
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-old{
font-size: 20px;
line-height: 26.6px;
color: #D22126CC;
}
.best_block-nav{
width: 840px;
position: absolute;
bottom: 0;
display: flex;
z-index: 1;
align-items: flex-end;
right: 0;
}
.best_pagination{
display: flex;
gap: 30px;
}
.best_pagination .swiper-pagination-bullet{
font-weight: 600;
line-height: 26.6px;
color: #32354D;
font-size: 20px;
background: none;
padding: 0;
width: auto;
opacity: 1;
height: auto;
}
.best_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
background: none;
color: #8B8EC1;
}
.best_block-arrows{
display: flex;
margin-right: 240px;
}
.best_block-arrow{
display: flex;
justify-content: center;
align-items: center;
width: 120px;
height: 76px;
cursor: pointer;
}
.best_block-arrow.prev{
border: 1px solid #32354D;
}
.best_block-arrow.next{
border: 1px solid #575B7B;
background: #575B7B4D;
}
.best_block-warpper{
position: relative;
z-index: 1;
}
.best_block-warpper::before{
position: absolute;
content: "";
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/best_block-slider.svg);
background-position: center left;
width: 1373px;
height: 1371px;
top: -271px;
left: -376px;
z-index: -2;
}
.news{
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/news_gb.png);
background-size: cover;
background-position: center;
position: relative;
padding: 117px 0 210px;
}
.news_top{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 90px;
}
.news_btn{
border: 1px solid #32354D;
width: 153px;
height: 57px;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 20.64px;
color: #BBBECC;
text-transform: uppercase;
font-weight: 700;
position: relative;
font-family: 'Unageo';
transition: all 0.3s;
}
.news_btn:focus{
background: radial-gradient(94.99% 75.44% at 50% 50%, rgba(87, 91, 123, 0.168) 0%, rgba(87, 91, 123, 0.56) 100%)
}
.news h2{
font-size: 90px;
font-weight: 400;
line-height: 94.53px;
color: #D22126;
font-style: italic;
font-family: 'Vasek';
position: relative;
width: fit-content;
}
.news h2 span{
font-size: 40px;
font-style: italic;
font-weight: 700;
line-height: 70px;
text-align: center;
color: #F2F2F9;
font-family: 'SteelfishRg';
position: absolute;
display: block;
bottom: -23px;
right: -86px;
}
.news_btn:hover{
background: radial-gradient(94.99% 75.44% at 50% 50%, rgba(87, 91, 123, 0.56) 0%, rgba(87, 91, 123, 0.168) 100%);
}
.news_item{
padding: 40px 120px;
align-items: center;
display: flex;
width: 100%;
justify-content: space-between;
box-shadow: 0px 0px 50px 0px #0000003D;
border: 2px solid #B42F3566;
z-index: 1;
transition: all 0.3s;
position: relative;
background: linear-gradient(90.16deg, rgba(180, 47, 53, 0.36) -0.58%, rgba(180, 47, 53, 0.144) 100%);
}
.news_item-img{
position: absolute;
display: flex;
width: 100%;
height: 100%;
z-index: -1;
top: 0;
right: 0;
opacity: 0;
transition: all 0.3s;
}
.news_item:nth-child(2) .news_item-img,
.news_item:hover .news_item-img{
opacity: 1;
}
.news_item-img::before{
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
right: 0;
background: linear-gradient(360deg, rgba(252, 141, 85, 0.4) 0%, rgba(252, 141, 85, 0) 41.43%);
}
.news_item-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.news_item:not(:last-child){
border-bottom: none;
}
.news_item:nth-child(2),
.news_item:hover{
width: calc(100% + 50px);
margin-left: -25px;
border-bottom: 2px solid #FC8D5566;
padding: 70px 120px;
}
.news_item-date{
color: #B42F35;
margin-bottom: 8px;
font-size: 16px;
display: flex;
align-items: center;
gap: 6px;
font-weight: 700;
line-height: 21.28px; 
}
.news_item:nth-child(2) .news_item-teg,
.news_item:nth-child(2) .news_item-date,
.news_item:hover .news_item-teg,
.news_item:hover .news_item-date{
color: #FC8D55;
}
.news_item:nth-child(2) .news_item-date path,
.news_item:hover .news_item-date path{
fill: #FC8D55;
}
.news_item-day{
font-weight: 700;
line-height: 34.58px;
color:#fff;
font-size: 26px;
}
.news_item-tegs{
display: flex;
margin-bottom: 8px;
gap: 0 30px;
}
.news_item-teg{
font-size: 16px;
line-height: 21.28px;
color:#B42F35;
text-transform: uppercase;
font-weight: 700;
}
.news_item-title{
font-size: 26px;
font-weight: 700;
color:#F2F2F9;
line-height: 34.58px;
}
.news_item-info{
width: 720px;
}
.news_item-arrow{
border: 1px solid #B42F35;
width: 64px;
height: 64px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s;
border-radius: 14px;
}
.news_item:nth-child(2)  .news_item-arrow,
.news_item:hover .news_item-arrow{
width: 74px;
height: 74px;
transform: translateX(40px);
background: #FC8D55;
box-shadow: 0px 4px 20px 0px #00000066;
}
.news_item:nth-child(2) .news_item-arrow path,
.news_item:hover .news_item-arrow path{
stroke: #0B0D1C;
}
.reviews{
padding: 120px 0;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/reviews.png);
background-position: center bottom;
background-size: cover;
position: relative;
}
.reviews::after{
position: absolute;
content: "";
height: 581px;
width: 1920px;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/news.svg);
background-size: cover;
right: 50%;
transform: translateX(50%);
top: 245px;
z-index: -1;
}
.reviews::before{
position: absolute;
content: "";
width: 100%;
height: 1px;
bottom: 0;
right: 0;
background: linear-gradient(270deg, rgba(180, 47, 53, 0) 0%, rgba(180, 47, 53, 0.4) 30.9%, #B42F35 50%, rgba(180, 47, 53, 0.4) 62.35%, rgba(180, 47, 53, 0) 100%);
}
.reviews h2{
font-size: 90px;
font-style: italic;
line-height: 94.53px;
color: #D22126;
font-family: 'Vasek';
text-align: center;
}
.reviews_subtitle{
font-weight: 700;
line-height: 70px;
text-align: center;
color: #F2F2F9;
font-family: 'SteelfishRg';
margin-top: -20px;
font-size: 40px;
margin-bottom: 90px;
}
.reviews_slider{
box-sizing: border-box;
padding-top: 20px;
overflow: visible;
}
.reviews_slide{
width: 25%;
background: linear-gradient(125.55deg, rgba(180, 47, 53, 0.2) 0.15%, rgba(180, 47, 53, 0.12) 99.69%);
border: 1px solid #7C1A24;
padding: 50px;
position: relative;
box-sizing: border-box;
transition: all .3s;
margin-bottom: 22px;
}
.reviews_slide::before{
position: absolute;
content: "";
width: 40px;
height: 3px;
background: #FF283A;
bottom: 0;
right: 50%;
transform: translateX(50%);
}
.reviews_slide:nth-child(2),
.reviews_slide:hover{
background: linear-gradient(125.55deg, rgba(180, 47, 53, 0.2) 0.15%, rgba(180, 47, 53, 0.12) 99.69%),
radial-gradient(86.35% 89.59% at 13.06% 6.41%, rgba(210, 33, 38, 0.4) 0%, rgba(210, 33, 38, 0) 100%) ,
radial-gradient(74.18% 85.12% at 98.61% 100%, rgba(210, 33, 38, 0.4) 0%, rgba(210, 33, 38, 0) 100%) ;
box-shadow: 0px 4px 60px 0px #D221261A;
transform: translateY(-23px);
}
.reviews_slide-person{
display: flex;
margin-bottom: 20px;
align-items: center;
gap: 15px;
}
.reviews_slide-img{
width: 60px;
height: 60px;
display: flex;
min-width: 60px;
border-radius: 50%;
overflow: hidden;
border: 1px solid #3C4066;
}
.reviews_slide-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.reviews_slide-title{
font-weight: 700;
line-height: 26.6px;
color: #F2F2F9;
font-size: 20px;
}
.reviews_slide:nth-child(2) .reviews_slide-text,
.reviews_slide:hover .reviews_slide-text{
-webkit-line-clamp: 50;
}
.reviews_slide-text{
font-weight: 500;
line-height: 24px;
color: #B47070;
font-size: 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.reviews_slide-hide{
max-height: 120px;
overflow: hidden; }
.reviews_slide:nth-child(2) .reviews_slide-hide,
.reviews_slide:hover .reviews_slide-hide{
max-height: 300px;
}
.reviews_slide-date{
border: 1px solid #FC8D5533;
border-radius: 60px;
font-size: 13px;
line-height: 24px;
color: #FC8D5599;
font-weight: 600;
margin-top: 20px;
padding: 2px 16px;
width: fit-content;
}
.reviews_btn{
border: 1px solid #32354D;
width: 179px;
height: 57px;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
line-height: 20.64px;
color: #BBBECC;
text-transform: uppercase;
font-weight: 700;
position: relative;
font-family: 'Unageo';
transition: all 0.3s;
margin: 60px auto 0;
}
.reviews_btn:focus{
background: radial-gradient(94.99% 75.44% at 50% 50%, rgba(87, 91, 123, 0.168) 0%, rgba(87, 91, 123, 0.56) 100%)
}
.reviews_btn:hover{
background: radial-gradient(94.99% 75.44% at 50% 50%, rgba(87, 91, 123, 0.56) 0%, rgba(87, 91, 123, 0.168) 100%);
}
.footer{
padding: 50px 0 60px;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/footer.png);
background-size: cover;
background-position: center;
}
.footer_wrapper{
display: flex;
justify-content: space-between;
}
.footer_left{
width: 240px;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.footer_logo{
margin-top: 20px;
display: flex;
margin-bottom: 50px;
}
.footer_option{
font-weight: 600;
line-height: 20px;
letter-spacing: 0.04em;
color: #868BB3;
font-size: 13px;
display: block;
}
.footer_item{
margin-top: 30px;
}
.footer_item-title{
font-weight: 700;
line-height: 37.24px;
margin-bottom: 40px;
font-size: 28px;
color: #BBBECC;
}
.footer_item a{
font-weight: 500;
line-height: 18.62px;
letter-spacing: 0.04em;
display: block;
margin-bottom: 14px;
font-size: 14px;
color: #868BB3;
}
.footer_btn{
background-color: #D22126;
box-shadow: 0px 0px 30px 0px #D221264D;
width: 208px;
height: 58px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 58px;
font-family: 'Unageo';
font-size: 16px;
font-weight: 700;
line-height: 20.64px;
color: #F2F2F9;
text-transform: uppercase;
}
.footer_btn:hover{
box-shadow: 0px 0px 30px 0px #D2212666;
}
.footer_btn:focus{
box-shadow: 0px 0px 30px 0px #D2212666;
background: linear-gradient(154.61deg, rgba(210, 33, 38, 0.9) -37%, rgba(210, 33, 38, 0.72) 53.97%, rgba(252, 141, 85, 0.889412) 124.79%);
}
.footer_messages-title{
font-weight: 600;
line-height: 23.94px;
color: #BBBECC;
font-size: 18px;
text-align: right;
margin-bottom: 20px;
}
.footer_messages-items{
display: flex;
gap: 10px;
justify-content: flex-end;
}
.footer_desc{
font-size: 13px;
line-height: 20px;
letter-spacing: 0.04em;
color: #5C6183;
font-weight: 400;
margin-top: auto;
}
.menu_burger{
display: none;
}
.header_numbers,
.header_messages{
display: none;
}
.footer_left .footer_btn{
display: none;
}
.about_top{
padding: 106px 0 50px;
background-position: 45% center;
background-size: cover;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/about_top.jpg);
position: relative;
}
.about_top::before{
position: absolute;
content: "";
bottom: 0;
right: 0;
width: 100%;
height: 1px;
background: linear-gradient(270deg, #575B7B 41.89%, rgba(210, 33, 38, 0.4) 54.89%, rgba(210, 33, 38, 0.7) 100%);
}
.about_top h1{
background: -webkit-linear-gradient(-90deg, #BABECC 22.19%, #252739 108.18%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 160px;
font-weight: 700;
line-height: 160px;
font-family: 'SteelfishRg';
margin-bottom: 56px;
}
.crumbs{
display: flex;
gap: 18px;
}
.crumb{
background: #F2F2F90A;
border: 1px solid #F2F2F91A;
border-radius: 60px;
font-size: 13px;
font-weight: 600;
line-height: 24px;
color: #F2F2F999;
padding: 2px 16px;
}
.crumb:last-child{
background: #D2212633;
border: 1px solid #D2212666;
color: #D22126;
}
.about{
padding: 187px 0 170px;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/about.jpg);
background-size: cover;
background-position: center;
}
.about_wrapper{
display: flex;
justify-content: space-between;
align-items: center;
}
.about_info{
background: linear-gradient(115.41deg, rgba(210, 33, 38, 0.8) 0%, rgba(210, 33, 38, 0.24) 29.96%, rgba(210, 33, 38, 0.24) 71.48%, rgba(210, 33, 38, 0.8) 100%);
box-shadow: 0px 4px 50px 0px #00000099;   
width: 480px;
padding: 60px;
position: relative;
z-index: 1;
margin-left: 120px;
}
.about_info::before{
position: absolute;
content: "";
background:#3A1521;
top: 2px;
right: 2px;
left: 2px;
bottom: 2px;
z-index: -2;
}
.about_line-left{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
background: linear-gradient(270deg, rgba(50, 53, 77, 0) 0%, rgba(50, 53, 77, 0.36) 11.86%, rgba(210, 33, 38, 0.36) 88.62%, rgba(210, 33, 38, 0.126) 100%);
width: 1px;
height: calc(100% + 200px);
z-index: -1;
}
.about_line-right{
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
background: linear-gradient(270deg, rgba(50, 53, 77, 0) 0%, rgba(50, 53, 77, 0.36) 11.75%, rgba(50, 53, 77, 0.36) 88.29%, rgba(50, 53, 77, 0) 100%);
width: 1px;
height: calc(100% + 200px);
z-index: -1;
}
.about_line-top{
position: absolute;
top: 0;
transform: translateX(50%);
right: 50%;
background:  linear-gradient(270deg, rgba(50, 53, 77, 0) 0%, rgba(50, 53, 77, 0.36) 14.6%, rgba(210, 33, 38, 0.36) 85.15%, rgba(210, 33, 38, 0) 100%);
width: calc(100% + 200px);
z-index: -1;
height: 1px;
}
.about_line-bottom{
position: absolute;
bottom: 0;
transform: translateX(50%);
right: 50%;
background:  linear-gradient(270deg, rgba(50, 53, 77, 0) 0%, rgba(50, 53, 77, 0.36) 14.6%, rgba(50, 53, 77, 0.36) 85.15%, rgba(50, 53, 77, 0) 100%);
width: calc(100% + 200px);
height: 1px;
z-index: -1;
}
.about_title{
font-size: 90px;
font-weight: 700;
color:#BBBECC;
font-family: 'SteelfishRg';
text-transform: uppercase;
white-space: nowrap;
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.about_info p{
font-weight: 500;
line-height: 24px;
color:#B47070;
font-size: 15px;
margin-bottom: 20px;
}
.about_info p:last-child{
margin-bottom: 0;
}
.about_img{
position: relative;
width: 480px;
height: 580px;
z-index: 1;
}
.about_img::before{
position: absolute;
content: "";
z-index: -1;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/about_img.svg);
background-size: cover;
top: -120px;
right: 50%;
transform: translateX(50%);
width: 720px;
height: 780px;
pointer-events:  none;
}
.about_img img{
position: absolute;
width: 360px;
height: 480px;
}
.about_img img:nth-child(1){
top: 0;
left: 0;
}
.about_img img:nth-child(2){
bottom: 0;
right: 0;
object-fit: cover;
}
.team{
padding: 60px 0 110px;
position: relative;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/team.png);
background-size: cover;
background-position: center;
}
.team::before{
position: absolute;
content: "";
width: 100%;
height: 1px;
top: 0;
right: 0;
background: linear-gradient(-270deg, rgba(50, 53, 77, 0) 0%, rgba(87, 91, 123, 0.4) 54.89%, rgba(87, 91, 123, 0.7) 99.95%);;
}
.team  h2{
font-weight: 700;
line-height: 108px;
color:#BBBECC;
font-size: 90px;
font-family: 'SteelfishRg';
text-transform: uppercase;
}
.team_subtitle{
font-size: 64px;
font-style: italic;
font-weight: 400;
line-height: 70px;
color: #D22126;
font-family: 'Vasek';
margin-bottom: 65px;
margin-left: 196px;
margin-top: -35px;
margin-bottom: 65px;
}
.team_slide{
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/team_slide-bg.png);
background-size: cover;
width: 360px;
margin-left: 120px;
padding: 35px 30px 30px;
box-sizing: border-box;
background-position: center;
border: 1px solid  #575B7B;
display: flex;
height: 494px;
flex-direction: column;
position: relative;
justify-content: space-between;
}
.team_slide-img{
position: absolute;
display: flex;
justify-content: center;
z-index: -1;
bottom: 0;
right: 0;
}
.team_slide-img img{
max-height: 100%;
max-width: 100%;
}
.team_slide-title{
font-weight: 700;
line-height: 29.26px;
color: #F2F2F9;
font-size: 22px;
width: min-content;
padding: 0 10px;
}
.team_slide-text{
background: #F2F2F91A;
border: 1px solid #F2F2F966;
border-radius: 60px;
width: fit-content;
padding: 2px 16px;
font-weight: 600;
font-size: 13px;
line-height: 24px;
color: #F2F2F9;
}
.team_slide.swiper-slide-active{
width: 480px;
margin-left: 0;
height: 647px;
}
.team_nav{
width: 840px;
position: absolute;
bottom: 0;
display: flex;
z-index: 1;
align-items: flex-end;
user-select: none;
right: 0;
}
.team_pagination{
display: flex;
gap: 30px;
}
.team_pagination .swiper-pagination-bullet{
font-weight: 600;
line-height: 26.6px;
color: #32354D;
font-size: 20px;
background: none;
padding: 0;
width: auto;
opacity: 1;
height: auto;
}
.team_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
background: none;
color: #8B8EC1;
}
.team_arrows{
display: flex;
margin-right: 240px;
}
.team_arrow{
display: flex;
justify-content: center;
align-items: center;
width: 120px;
height: 76px;
cursor: pointer;
}
.team_arrow.prev{
border: 1px solid #32354D;
}
.team_arrow.next{
border: 1px solid #575B7B;
background: #575B7B4D;
}
.team{
margin-bottom: 80px;
}
.catalog_page-top{
padding: 106px 0 170px;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/catalog_page-top.png);
background-size: cover;
background-position: center;
}
.catalog_page-top h1{
font-size: 160px;
line-height: 160px;
margin-bottom: 56px;
font-weight: 700;
font-family: 'SteelfishRg';
background: -webkit-linear-gradient(-90deg, #BABECC 22.19%, #252739 108.18%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.catalog_page-wrapper{
position: relative;
}
.catalog_page-subtitle{
font-style: italic;
font-weight: 400;
line-height: 70px;
font-family: 'Vasek';
color: #D22126;
font-size: 60px;
position: absolute;
top: -10px;
left: 214px;
}
.catalog_page{
padding-bottom: 200px;
position: relative;
}
.catalog_page::before{
position: absolute;
content: "";
width: 100%;
height: 1px;
bottom: 0;
right: 0;
background:  linear-gradient(270deg, rgba(180, 47, 53, 0) 0%, rgba(180, 47, 53, 0.4) 30.9%, #B42F35 50%, rgba(180, 47, 53, 0.4) 62.35%, rgba(180, 47, 53, 0) 100%);
}
.catalog_page::after{
position: absolute;
content: "";
width: 100%;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/catalog_page.png);
bottom: 0;
right: 0;
height: 600px;
background-position: bottom center;
pointer-events: none;
}
.catalog_page-filter{
width: 995px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 30px;
margin-top: -120px;
background: linear-gradient(209.97deg, rgba(87, 91, 123, 0.56) -16.79%, rgba(87, 91, 123, 0.208) 37.51%, rgba(87, 91, 123, 0.4) 97.53%);
border: 1px solid;
border-image-source: linear-gradient(90deg, rgba(87, 91, 123, 0.4) 0%, rgba(87, 91, 123, 0.184) 48.5%, rgba(87, 91, 123, 0.4) 100%);
box-shadow: 0px 4px 20px 0px #21212133; 
backdrop-filter: blur(20px);
gap: 30px 40px;
}
.catalog_filter-item{
width: calc(33.333% - 26.666px);
}
.catalog_filter-subtitle{
font-weight: 500;
line-height: 18.62px;
letter-spacing: -0.04em;
color: #868BB3;
font-size: 14px;
}
.catalog_filter-select{
width: 100%;
-webkit-appearance: none;
appearance: none;
margin: 0;
cursor: pointer;
background: none;
border: none;
border-bottom: 1px solid #575B7B;
height: 40px;
line-height: 15.96px;
font-size: 12px;
color: #868BB399;
}
.catalog_filter-inner{
position: relative;
}
.catalog_filter-inner::before{
position: absolute;
content: "";
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/select_arrow.svg);
background-size: cover;
width: 24px;
height: 24px;
right: 0;
top: 0;
}
.catalog_filter-more{
font-weight: 300;
line-height: 15.3px;
font-size: 12px;
color: #575B7B;
display: flex;
align-items: center;
cursor: pointer;
gap: 10px;
}
.catalog_filter-clean{
display: flex;
justify-content: center;
align-items: center;
height:57px;
width: calc(33.333% - 26.666px);
border: 1px solid #575B7B;
background: none;
font-family: 'Unageo';
font-size: 16px;
font-weight: 700;
line-height: 20.64px;
text-transform: uppercase;
color: #F2F2F9;
cursor: pointer;
}
.catalog_filter-show{
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border: none;
height:57px;
width: calc(33.333% - 26.666px);
background: #575B7B;
font-family: 'Unageo';
font-size: 16px;
font-weight: 700;
line-height: 20.64px;
text-transform: uppercase;
color: #F2F2F9;
}
.catalog_page-items {
margin-top: 80px;
}
.catalog_page-items .swiper-wrapper{
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.catalog_page-items .wrapper_list-prod{
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
flex-wrap: wrap;
gap: 40px;
}
.catalog_page-items .best_slide{
margin: 0;
width: calc(25% - 40px);
}
.catalog_page-items .best_slide-img{
height: 200px;
}
.catalog_page-items .best_slide-option{
width: 46%;
}
.catalog_page-items .best_slide-title {
font-size: 16px;
line-height: 20px;
}
.pagin{
display: flex;
justify-content: center;
align-items: center;
margin-top: 80px;
}
.pagin a{
font-weight: 600;
line-height: 26.6px;
color: #32354D;
font-size: 20px;
margin: 0 15px;
transition: all 0.3s;
}
.pagin a:hover,
.pagin a.active{
color: #8B8EC1;
}
.pagin a.arrow{
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #32354D;
width: 120px;
height: 76px;
margin: 0 50px;
}
.pagin a.arrow:hover{
border: 1px solid #8B8EC1; 
}
.spare_catalog .best_slide-img{
height: 200px;
}
.card_count{
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.count_btn{
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background: #575B7B1A;
width: 64px;
height: 38px;
border: 1px solid #32354D;
}
.count_inp{
width: calc(100% - 128px);
height: 100%;
background: none;
border: none;
text-align: center;
font-weight: 600;
line-height: 26.6px;
color: #8B8EC199;
font-size: 20px;
}
.card_page-top{
padding: 106px 0 50px;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/card_page-top.png);
background-repeat: no-repeat;
background-size: cover;
background-position:  center;
position: relative;
}
.card_page-top::before{
position: absolute;
content: "";
width: 100%;
height: 1px;
background: linear-gradient(270deg, #575B7B 41.89%, rgba(210, 33, 38, 0.4) 54.89%, rgba(210, 33, 38, 0.7) 100%);
bottom: 0;
right: 0;
}
.card_page-top h1{
font-size: 160px;
line-height: 160px;
margin-bottom: 56px;
font-weight: 700;
font-family: 'SteelfishRg';
background: -webkit-linear-gradient(-90deg, #BABECC 22.19%, #252739 108.18%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.card_page-title{
display: flex;
align-items: flex-end;
}
.card_page-subtitle{
font-family: 'Vasek';
display: block;
font-style: italic;
transform: translateY(-25px);
margin-left: -155px;
font-weight: 400;
color: #D22126;
line-height: 70px;
font-size: 60px;
}
.card_page{
padding-top: 100px;
position: relative;
}
.card_page-wrapper{
display: flex;
margin-bottom: 200px;
}
.card_page-info{
background: linear-gradient(115.41deg, rgba(210, 33, 38, 0.8) 0%, rgba(210, 33, 38, 0.24) 29.96%, rgba(210, 33, 38, 0.24) 71.48%, rgba(210, 33, 38, 0.8) 100%);
box-shadow: 0px 4px 50px 0px #00000099;   
width: 480px;
padding:50px  60px;
position: relative;
z-index: 1;
}
.card_page-info::before{
position: absolute;
content: "";
background:#3A1521;
top: 2px;
right: 2px;
left: 2px;
bottom: 2px;
z-index: -2;
}
.card_page-dots{
margin: 0 140px;
position: relative;
}
.card_page-left{
width: 670px;
margin-right: 170px;
}
.card_page-info-attr {margin-bottom: 80px;}	
.card_page-imgs{
margin-bottom: 16px;
user-select: none;
}
.card_page-img{
height: 478px;
}
.card_page-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.card_page-dot{
width: 106px;
height: 76px;
margin: 0 5px;
}
.card_page-dot img{
width: 100%;
height: 100%;
object-fit: cover;
}
.card_page-arrows{
position: absolute;
top: 0;
right: 0;
left: 0;
display: flex;
justify-content: space-between;
}
.card_page-arrow{
border: 1px solid #32354D;
width: 120px;
height: 76px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s;
cursor: pointer;
}
.card_page-arrow:hover{
border: 1px solid #575B7B;
}
.card_page-inner{
position: relative;
}
.card_page-price{
font-size: 90px;
font-weight: 700;
line-height: 108px;
color: #fff;
font-family: 'SteelfishRg';
text-align: center;
display: flex;
justify-content: center;
}
.card_page-desc{
font-size: 15px;
line-height: 24px;
text-align: center;
margin-bottom: 30px;
font-weight: 500;
color: #FC8D55;
}
.card_page-info .catalog_filter-item{
width: 100%;
margin-bottom: 30px;
}
.card_page-info .catalog_filter-subtitle{
color: #B42F3599;
}
.card_page-info .catalog_filter-select{
border-bottom: 1px solid  #B42F35;
color: #B42F35;
}
.card_page-info .catalog_filter-inner::before{
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/select_arrow2.svg);
}
.card_page-pay{
font-weight: 300;
line-height: 17.85px;
color: #B42F3599;
font-size: 14px;
margin-bottom: 50px;
}
.card_page-pay span{
font-size: 24px;
line-height: 24px;
color: #B42F3599;
font-weight: 700;
display: block;
margin-bottom: 4px;
}
.card_page-calc{
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #B42F3599;
height: 46px;
margin-bottom: 20px;
font-weight: 700;
line-height: 18.06px;
color: #B42F3599;
text-transform: uppercase;
font-size: 14px;
font-family: 'Unageo';
transition: all 0.3s;
}
.card_page-calc:hover{
background: linear-gradient(97.84deg, rgba(210, 54, 44, 0.56) 0%, rgba(210, 54, 44, 0.336) 50.47%, rgba(210, 54, 44, 0.56) 100%),
radial-gradient(174.6% 95.69% at 86.54% 135.34%, rgba(226, 112, 54, 0.42) 0%, rgba(226, 112, 54, 0) 100%) ,
radial-gradient(110.11% 60.34% at 36.06% -18.1%, rgba(180, 47, 53, 0.42) 0%, rgba(180, 47, 53, 0) 100%) ;
}
.card_page-btn{
background: linear-gradient(97.84deg, rgba(210, 54, 44, 0.56) 0%, rgba(210, 54, 44, 0.336) 50.47%, rgba(210, 54, 44, 0.56) 100%),
radial-gradient(174.6% 95.69% at 86.54% 135.34%, rgba(226, 112, 54, 0.42) 0%, rgba(226, 112, 54, 0) 100%) ,
radial-gradient(110.11% 60.34% at 36.06% -18.1%, rgba(180, 47, 53, 0.42) 0%, rgba(180, 47, 53, 0) 100%) ;
display: flex;
justify-content: center;
align-items: center;
height: 46px;
font-family: 'Unageo';
font-size: 14px;
font-weight: 700;
line-height: 18.06px;
color: #FC8D55;
text-transform: uppercase;
}
.card_tabs{
display: flex;
}
.card_tab{
flex: 1;
padding: 35px 125px;
font-size: 24px;
line-height: 31.92px;
display: flex;
align-items: center;
gap: 30px;
color: #F2F2F9;
font-weight: 700;
position: relative;
z-index: 2;
cursor: pointer;
transition: all 0.3s;
}
.card_tab:not(.active):hover{
color: #FC8D55;
}
.card_tab  path{
transition: all 0.3s;
}
.card_tab:not(.active):hover path:nth-child(4),
.card_tab:not(.active):hover path:nth-child(3),
.card_tab:not(.active):hover path:nth-child(2){
fill: #FC8D55;
stroke: #FC8D55;
}
.card_tab.active{
border: none;
position: relative;
}
.card_tab.active::before{
position: absolute;
content: "";
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/card_tab.svg);
background-size: cover;
width: 480px;
height: 16px;
bottom: 0;
left: 124px;
}
.card_tab.active svg path:nth-child(1){
fill: #C9622D;
}
.card_tab.active svg path{
fill: #ffffff00;
}
.card_tabs-content{
padding: 80px 0 170px;
display: none;
position: relative;
z-index: 1;
}
.card_tabs-content::after{
position: absolute;
content: "";
background-image: url(https://motobunker.ru/wp-content/uploads/2025/11/content1-1.png);
background-size: cover;
background-position: center top;
width: 100%;
height: calc(100% + 130px);
top: -130px;
right: 0;
z-index: -1;
}
.card_tabs-content:nth-child(2):after{
background-image: url(https://motobunker.ru/wp-content/uploads/2025/11/content2-7.png);
}
.card_tabs-content::before{
position: absolute;
content: "";
background:  linear-gradient(178.07deg, rgba(252, 141, 85, 0.48) 1.53%, rgba(223, 67, 53, 0) 71.13%, rgba(210, 33, 38, 0.8) 91.77%);
width: 100%;
height: 1px;
bottom: 0;
right: 0;
}
.card_tabs-content.active{
display: block;
}
.card_tabs-title{
color: #CCC1BB;
margin-bottom: 40px;
font-family: 'SteelfishRg';
font-size: 90px;
font-weight: 700;
line-height: 108px; 
}
.card_tabs-content p{
max-width: 1060px;
font-weight: 500;
line-height: 24px;
color:#9A867E;
font-size: 15px;
}
.card_options-title{
font-weight: 600;
line-height: 24px;
color: #FC8D55;
font-size: 18px;
margin-bottom: 20px;
}
.card_option{
display: flex;
justify-content: space-between;
font-size: 15px;
font-weight: 500;
line-height: 24px;
color:#9A867E;
margin-bottom: 20px;
max-width: 1085px;
padding-bottom: 3px;
position: relative;
}
.card_option::before{
position: absolute;
content: "";
width: calc(100% - 555px);
height: 1px;
background-color: #9A867E29;
bottom: 0;
left: 0;
}
.card_option:last-child{
margin-bottom: 0;
}
.card_option span{
width: 530px;
}
.card_options-items{
margin-bottom: 40px;
}
.card_options-items:last-child{
margin-bottom: 0;
}
.contacts_page-top{
padding: 106px 0 30px;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/contacts_page.png);
background-size: cover;
background-position: 46%;
position: relative;
}
.contacts_page-top::before{
position: absolute;
content: "";
background:linear-gradient(270deg, #575B7B 41.89%, rgba(87, 91, 123, 0) 100%);
width: 100%;
height: 1px;
bottom: 0;
right: 0;
}
.contacts_page-top h1{
font-size: 160px;
line-height: 160px;
margin-bottom: 46px;
font-weight: 700;
font-family: 'SteelfishRg';
background: -webkit-linear-gradient(-90deg, #BABECC 22.19%, #252739 108.18%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.contacts_page-wrapper{
display: flex;
justify-content: space-between;
margin-bottom: 42px;
padding-right: 40px;
}
.contacts_page-subtitle{
font-size: 22px;
font-weight: 700;
line-height: 22px;
text-transform: uppercase;
color: #BBBECC;
display: block;
margin-bottom: 30px;
}
.contacts_page-subtitle span{
display: block;
font-weight: 400;
line-height: 17.29px;
color: #868BB3;
font-size: 13px;
text-transform: none;
}
.contacts_page-text{
font-weight: 400;
line-height: 20px;
letter-spacing: 0.04em;
color: #868BB3;
margin-bottom: 20px;
font-size: 13px;
width: 210px;
}
.contacts_page-text.time{
margin-bottom: 10px;
width: 210px;
display: flex;
justify-content: space-between;
}
.contacts_page-text span{
color: #B42F35;
}
.contacts_page-text:last-child{
margin-bottom: 0;
}
.contacts_page-text a{
color: #868BB3;
display: block;
}
.contacts_page-map{
padding: 60px 0 100px;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/contacts_page-map.png);
background-size: cover;
background-position: bottom center;
}
.contacts_map{
background: linear-gradient(115.41deg, rgba(210, 33, 38, 0.8) 0%, rgba(210, 33, 38, 0.24) 29.96%, rgba(210, 33, 38, 0.24) 71.48%, rgba(210, 33, 38, 0.8) 100%);
box-shadow: 0px 4px 50px 0px #00000099;   
max-width: 1200px;
padding: 50px;
position: relative;
z-index: 1;
}
.contacts_map::before{
position: absolute;
content: "";
background:#3A1521;
top: 2px;
right: 2px;
left: 2px;
bottom: 2px;
z-index: -2;
}
.contacts_map-title{
font-weight: 700;
line-height: 108px;
color:#BBBECC;
font-size: 90px;
font-family: 'SteelfishRg';
text-transform: uppercase;
margin-bottom: 30px;
}
.contacts_map-item{
width: 100%;
height: 403px;
display: flex;
}
.contacts_map-item iframe{
width: 100%;
height: 100%;
display: flex;
}
.delivery_page{
padding: 126px 0 100px;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/delivery_page.png);
background-position: bottom center;
background-size: cover;
position: relative;
}
.delivery_page::before{
position: absolute;
content: "";
bottom: 0;
right: 0;
width: 100%;
height: 1px;
background: linear-gradient(270deg, rgba(180, 47, 53, 0) 0%, rgba(180, 47, 53, 0.4) 30.9%, #B42F35 50%, rgba(180, 47, 53, 0.4) 62.35%, rgba(180, 47, 53, 0) 100%);
}
.delivery_page-wrapper{
margin: 80px 0 100px;
display: flex;
justify-content: space-between;
}
.delivery_page-info{
background: linear-gradient(115.41deg, rgba(210, 33, 38, 0.8) 0%, rgba(210, 33, 38, 0.24) 29.96%, rgba(210, 33, 38, 0.24) 71.48%, rgba(210, 33, 38, 0.8) 100%);
box-shadow: 0px 4px 50px 0px #00000099;   
width: 720px;
padding: 60px;
position: relative;
z-index: 1;
}
.delivery_page-info::after{
position: absolute;
content: "";
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/delivery_page-info.svg);
background-size: cover;
width: 820px;
height: 558px;
pointer-events: none;
top: -100px;
left: -100px;
}
.delivery_page-info::before{
position: absolute;
content: "";
background:#3A1521;
top: 2px;
right: 2px;
left: 2px;
bottom: 2px;
z-index: -2;
}
.delivery_page-top{
display: flex;
justify-content: space-between;
padding-bottom: 20px;
margin-bottom: 40px;
position: relative;
align-items: center;
}
.delivery_page-top::before{
position: absolute;
content: "";
bottom: 0;
right: 0;
width: 100%;
height: 1px;
background: linear-gradient(270deg, rgba(210, 33, 38, 0) 0%, rgba(210, 33, 38, 0.4) 10%, 90.07%, rgba(210, 33, 38, 0) 100%);
}
.delivery_page-top::after{
position: absolute;
content: "";
top: 0;
right: 50%;
transform: translateX(50%);
width: 1px;
height: calc(100% - 20px);
background: linear-gradient(180deg, rgba(210, 33, 38, 0) 0%, rgba(210, 33, 38, 0.4) 10%, rgba(210, 33, 38, 0.4) 90.07%, rgba(210, 33, 38, 0) 100%);
}
.delivery_page-title{
width: 50%;
font-size: 90px;
line-height: 108px;
color:#BBBECC;
font-weight: 700;
font-family: 'SteelfishRg';
text-transform: uppercase;
}
.delivery_page-text{
width: 50%;
font-size: 15px;
font-weight: 500;
color:#B47070;
line-height: 24px;
padding-left: 60px;
}
.delivery_page-items{
display: flex;
justify-content: space-between;
}
.delivery_page-item{
display: flex;
align-items: center;
font-size: 24px;
font-weight: 700;
line-height: 31.92px;
color: #BBBECC;
width: 50%;
gap: 30px;
}
.delivery_page-item img{
border-radius: 50%;
box-shadow: 0px 4px 30px 0px #0000004D;
}
.delivery_page-img{
background: linear-gradient(115.41deg, rgba(210, 33, 38, 0.8) 0%, rgba(210, 33, 38, 0.24) 29.96%, rgba(210, 33, 38, 0.24) 71.48%, rgba(210, 33, 38, 0.8) 100%);
box-shadow: 0px 4px 50px 0px #00000099;   
width: 600px;
padding: 20px;
position: relative;
z-index: 1;
}
.delivery_page-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.delivery_page-img::before{
position: absolute;
content: "";
background:#3A1521;
top: 2px;
right: 2px;
left: 2px;
bottom: 2px;
z-index: -2;
}
.delivery_page-content{
font-weight: 500;
line-height: 24px;
color: #868BB3;
font-size: 15px;
}
.delivery_page-content p{
max-width: 1080px;
margin-bottom: 20px;
}
.delivery_page-content p:last-child{
margin-bottom: 0;
}
.popup_body{
background: linear-gradient(178.07deg, rgba(252, 141, 85, 0.48) 1.53%, rgba(223, 67, 53, 0) 71.13%, rgba(210, 33, 38, 0.8) 91.77%);    
width: 720px;
padding: 30px;
position: relative;
z-index: 1;
}
.popup_body::before{
position: absolute;
content: "";
background: linear-gradient(117.7deg, #472C2A -0.01%, #0B0D1C 97.23%);
top: 2px;
right: 2px;
left: 2px;
bottom: 2px;
z-index: -2;
}
.popup_body-title{
font-size: 90px;
font-weight: 700;
line-height: 108px;
border-bottom: 1px solid #FC8D551A;
padding-bottom: 30px;
margin-bottom: 40px;
color: #CCC1BB;
font-family: 'SteelfishRg';
text-transform: uppercase;
}
.popup_body-form{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.popup_body-item{
width: calc(50% - 25px);
margin-bottom: 20px;
}
.popup_body-subtitle{
font-weight: 500;
line-height: 18.62px;
letter-spacing: -0.04em;
color: #FC8D5599;
font-size: 14px;
}
#popup_order  .popup_body-item:nth-child(3){
width: 100%;
}
.popup_body-inp{
border: none;
border-bottom: 1px solid #FC8D5566;
padding: 6px 0;
background: none;
font-weight: 400;
line-height: 15.96px;
font-size: 12px;
width: 100%;
border-radius: 0 !important;  
}
.popup_body-inp::placeholder{
color: #FC8D553D;
}
.popup_body-btn{
margin-top: 40px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid;
height: 46px;
cursor: pointer;
font-family: 'Unageo';
font-size: 14px;
font-weight: 700;
color: #FC8D55;
line-height: 18.06px;
text-transform: uppercase;
border-image-source: linear-gradient(173.57deg, #B42F35 47.81%, #E27036 96.61%);
background: linear-gradient(97.84deg, rgba(210, 54, 44, 0.56) 0%, rgba(210, 54, 44, 0.336) 50.47%, rgba(210, 54, 44, 0.56) 100%),
radial-gradient(174.6% 95.69% at 86.54% 135.34%, rgba(226, 112, 54, 0.42) 0%, rgba(226, 112, 54, 0) 100%) ,
radial-gradient(110.11% 60.34% at 36.06% -18.1%, rgba(180, 47, 53, 0.42) 0%, rgba(180, 47, 53, 0) 100%) ;
}
.popup_body .fancybox-close-small{
width: 42px;
height: 42px;
padding: 0;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/close.svg);
top: -12px;
z-index: 3;
opacity: 1;
position: absolute;
right: -17px;
}
.popup_body .fancybox-close-small svg{
display: none;
}
.popup_body{
overflow: visible;
}
.footer_links{
margin-left: 120px;
}
h2.reviews_title{
font-family: 'SteelfishRg';
font-size: 90px;
font-weight: 700;
line-height: 108px;
color: #BBBECC;
font-style: normal;
text-transform: uppercase;
}
.reviews_subtitlee{
font-family: 'Vasek';
font-size: 64px;
font-style: italic;
font-weight: 400;
line-height: 70px;
text-align: center;
color: #D22126;
margin-bottom: 60px;
}
.contacts_page-item{
min-width: 305px;
}
@media (max-width: 1469.98px) {
.container {
max-width: 1220px;
}
.main_inner {
width: 780px;
}
.about_info{
margin-left: 0;
}
.main_item{
padding-left: 82px;
font-size: 16px;
}
.main_item svg{
left: 20px;
}
.main_item::before{
left: 20px;
}
.catalog_block-wrapper::before{
right: auto;
transform: none;
left: -100px;
}
.advantages::before{
right: auto;
transform: none;
left: -195px;  
}
.advantages_item-title {
font-size: 18px;
line-height: 24.92px;
}
.advantages{
padding-top: 100px;
}
.team_slide.swiper-slide-active,
.best_block-slider .best_slide.swiper-slide-active {
width: 400px;
}
.team_slide,
.best_slide{
margin-left: 60px;
width: 334px;
}
.team_arrows,
.best_block-arrows{
margin-right: 140px;
}
.team_nav,
.best_block-nav {
width: 730px;
}
.news_item {
padding: 40px 60px;
}
.news_item:hover {
padding: 70px 60px;
}
.reviews_slide{
padding: 25px;
}
.about_top {
background-position: 55%;
}
.about_top h1{
font-size: 116px;
line-height: 1;
}
.card_page-title{
flex-wrap: wrap;
text-align: left;
justify-content: flex-start;
}
.card_page-top h1 {
font-size: 141px;
line-height: 1;
}
.card_page-top {
background-position: calc(50% + 100px);
}
.card_page-left{
margin-right: 0;
}
.card_page-wrapper{
justify-content: space-between;
}
.contacts_page-top {
background-position: 29%;
}
.delivery_page-info{
width: 620px;
}
.delivery_page-img{
width: 530px;
}
.footer_links{
margin-left: 0;
}
.contacts_page-item{
min-width: 1px;
}
}
@media (max-width: 1269.98px) {
.container {
max-width: 968px;
}
.main_numbers,
.main_adres{
display: none;
}
.main_inner{
width: 100%;
}
.main_subtitle {
right: calc(50% - 180px);
}
.main h1{
margin-bottom: 360px;
}
.main::before {
width: 1270px;
height: 784px;
}
.main_img{
width: 760px;
top: 320px;
}
.main_img img{
width: 100%;
height: auto;
}
.catalog_block-item{
padding: 20px;
}
.catalog_block-img{
width: 180px;
display: flex;
height: 100%;
align-items: center;
}
.catalog_block-img img{
width: 100%;
height: auto;
}
.advantages_item{
padding: 30px 20px;
}
.advantages_item-img{
width: 90px;
height: 90px;
padding: 20px;
}
.catalog_block-wrapper::before{
height: 100%;
}
.catalog_block-wrapper{
padding-bottom: 0;
}
.advantages{
margin-bottom: 160px;
}
.best_block{
margin-top: 160px;
}
.team_slide,
.best_slide{
width: 360px;
margin-left: 98px;
}
.team_slide.swiper-slide-active,
.best_block-slider .best_slide.swiper-slide-active{
width: 480px;
}
.team_nav,
.best_block-nav {
width: 450px;
}
.team_arrows,
.best_block-arrows {
margin-right: 20px;
}
.team_pagination,
.best_pagination {
gap: 10px;
}
.news_item-info {
width: 490px;
}
.news{
padding-bottom: 160px;
}
.reviews_slide{
width: 360px;
margin-right: 20px;
}
.reviews_slide.swiper-slide-active{
background: linear-gradient(125.55deg, rgba(180, 47, 53, 0.2) 0.15%, rgba(180, 47, 53, 0.12) 99.69%), radial-gradient(86.35% 89.59% at 13.06% 6.41%, rgba(210, 33, 38, 0.4) 0%, rgba(210, 33, 38, 0) 100%) , radial-gradient(74.18% 85.12% at 98.61% 100%, rgba(210, 33, 38, 0.4) 0%, rgba(210, 33, 38, 0) 100%) ;
box-shadow: 0px 4px 60px 0px #D221261A;
transform: translateY(-23px);
}
.reviews_slider .swiper-wrapper{
padding-top: 25px;
}
.reviews_slide.swiper-slide-active .reviews_slide-text {
-webkit-line-clamp: 50;
}
.reviews_slide.swiper-slide-active .reviews_slide-hide {
max-height: 300px;
}
.reviews_slider{
overflow: visible;
}
.about_img {
width: 410px;
height: 540px;
}
.about_info{
width: 420px;
padding: 40px;
}
.about_img img {
object-fit: cover;
width: 300px;
height: 390px;
}
.about_title {
font-size: 70px;
}
.catalog_page-filter{
width: 100%;
}
.catalog_page-items .best_slide{
width: calc(50% - 20px);
}
.catalog_page-filter{
gap: 20px 10px;
}
.catalog_filter-item{
width: calc(50% - 5px);
margin-bottom: 20px;
}
.catalog_filter-show,
.catalog_filter-clean{
width: 100%;
}
.catalog_page-items .best_slide{
height: auto;
}
.card_page-top {
background-position: calc(50% + 165px);
}
.card_page-top h1 {
font-size: 110px;
}
.card_page-subtitle {
margin-left: -130px;
font-weight: 400;
line-height: 60px;
font-size: 42px;
}
.card_page-info{
padding: 40px;
width: 370px;
}
.card_page-left {
width: 546px;
}
.contacts_page-wrapper{
flex-wrap: wrap;
padding-right: 0;
gap: 40px 20px;
}
.delivery_page-info{
padding: 30px;
width: 536px;
}
.delivery_page-img {
width: 380px;
}
.delivery_page-title {
font-size: 72px;
}
.delivery_page-text{
padding-left: 30px;
}
.delivery_page-item {
font-size: 20px;
line-height: 26px;
width: 45%;
gap: 16px;
}
.reviews::after{
display: none;
}
.about_top {
background-position: 70%;
}
.team{
margin-bottom: 0;
}
}
@media (max-width: 991.98px){
.container{
max-width: 698px;
}
.about_top{
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/about_top2.jpg);
background-position: left;
}
.header_logo{
position: relative;
z-index: 2;
}
.header_inner{
position: fixed;
opacity: 0;
visibility: hidden;
transition: all 0.6s;
height: 100%;
width: 100%;
top: 0;
overflow: auto;
padding: 100px 0;
right: 0;
background: #0B0D1C;
}
.header_inner.active{
opacity: 1;
visibility: visible;
}
.menu{
flex-direction: column;
gap: 20px;
align-items: flex-start;
max-width: 668px;
margin: 0 auto 20px;
}
.header_messages{
display: flex;
gap: 12px;
max-width: 668px;
margin: 0 auto 20px;
}
.header_numbers{
max-width: 668px;
margin: 0 auto;
display: block;
}
.main_number{
text-align: left;
font-size: 18px;
line-height: 1.2;
display: block;
margin-bottom: 20px;
}
.header_wrapper{
padding: 20px 0;
}
.header_logo{
width: 129px;
}
.header_logo img{
width: 100%;
height: auto;
}
.menu_burger{
display: block;
position: relative;
width: 30px;
height: 24px;
}
.menu_burger::before{
position: absolute;
content: "";
width: 100%;
height: 1px;
background: #F5F7FA;
top: 0;
right: 0;
transition: all 0.3s;
}
.menu_burger.active::before{
transform: rotate(45deg);
top: 12px;
}
.menu_burger::after{
position: absolute;
content: "";
width: 100%;
height: 1px;
background: #F5F7FA;
bottom: 0;
right: 0;
transition: all 0.3s;
}
.menu_burger.active::after{
transform: rotate(-45deg);
bottom: 12px;
}
.menu_burger span{
position: absolute;
content: "";
width: 100%;
height: 1px;
background: #F5F7FA;
top: 12px;
right: 0;
transition: all 0.3s;
}
.menu_burger.active span{
transform: scale(0);
}
.main_messages{
display: none;
}
.main h1{
font-size: 170px;
margin-bottom: 270px;
}
.main_subtitle {
right: calc(50% - 140px);
font-size: 66px;
}
.main_img {
width: 580px;
top: 262px;
}
.main_item{
height: 44px;
padding-left: 20px;
font-size: 12px;
}
.main_item svg{
display: none;
}
.main_item::before{
display: none;
}
.catalog_block-wrapper{
padding-top: 0;
}
.main::before {
width: 1040px;
height: 610px;
}
.catalog_block-btn{
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
opacity: 0;
}
.catalog_block-item{
flex-direction: column-reverse;
display: flex;
text-align: center;
justify-content: center;
}
.catalog_block-img{
position: relative;
top: auto;
transform: none;
height: auto;
}
.catalog_block-title{
margin: 10px 0 0;
}
.catalog_block-wrapper::before{
top: -55px;
height: 250px;
}
.advantages_items{
align-items: stretch;
flex-wrap: wrap;
}
.advantages_item{
flex: auto;
width: 50%;
}
.best_block{
position: relative;
padding-bottom: 220px;
}
.best_block-link{
position: absolute;
bottom: 0;
right: 50%;
transform: translateX(50%);
}
.best_block-warpper::before{
display: none;
}
.best_block-top h2 {
font-size: 58px;
line-height: 70px;
}
.best_block-top{
margin-bottom: 60px;
}
.best_block-slider .best_slide.swiper-slide-active{
width: 360px;
background: linear-gradient(151.05deg, rgba(87, 91, 123, 0.46) 0%, rgba(87, 91, 123, 0.184) 49.5%, rgba(87, 91, 123, 0.46) 100%);
border: 1px solid;
margin-left: 0;
margin-right: 30px;
border-image-source: linear-gradient(151.05deg, #575B7B 0%, rgba(87, 91, 123, 0) 47.13%, #575B7B 100%);
}
.team_slide.swiper-slide-active{
margin-left: 0;
margin-right: 30px;
width: 360px;
height: 494px;
}
.team_slide{
height: 494px;
margin-left: 0;
margin-right: 30px;
}
.best_slide{
margin-left: 0;
margin-right: 30px;
}
.team_slider,
.best_block-slider{
overflow: visible;
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-img{
height: 230px;
box-shadow: none;
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-title {
font-size: 18px;
line-height: 23.94px;
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-subtitle{
font-size: 14px;
color: #868BB3;
line-height: 18.62px;
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-option span{
font-size: 16px;
color: #868BB3;
line-height: 21.28px;
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-option{
line-height: 15.96px;
color: #868BB399;
font-size: 12px;
}
.best_slide:hover .best_slide-inner, .best_block-slider .best_slide.swiper-slide-active .best_slide-inner{
border-top: 1px solid #575B7B4D;
}
.best_slide:hover .best_slide-btn .best_block-slider .best_slide.swiper-slide-active .best_slide-btn{
background: radial-gradient(102.17% 102.17% at 50% 50%, rgba(87, 91, 123, 0.168) 0%, rgba(87, 91, 123, 0.56) 100%);
border: 1px solid #3C4066;
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-btn{
width: 124px;
height: 46px;
background: radial-gradient(102.17% 102.17% at 50% 50%, rgba(87, 91, 123, 0.168) 0%, rgba(87, 91, 123, 0.56) 100%);
border: 1px solid #3C4066;
}
.team_nav,
.best_block-nav{
position: relative;
width: 100%;
margin-top: 70px;
justify-content: center;
}
.team_pagination,
.best_pagination{
justify-content: center;
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-new{
line-height: 23.94px;
color: #F2F2F9;
font-size: 18px;
}
.best_block-slider .best_slide.swiper-slide-active .best_slide-old{
font-size: 16px;
line-height: 21.28px;
color: #575B7BCC;
}
.team_arrows,
.best_block-arrows{
position: absolute;
width: 100%;
margin-right: 0;
justify-content: space-between;
}
.news_item-left{
display: none;
}
.news_item{
padding: 30px;
}
.reviews_slide-hide{
transition: none;
}
.reviews_btn{
margin-top: 40px;
}
.footer_wrapper{
flex-wrap: wrap;
position: relative;
padding-bottom: 120px;
}
.footer_left{
margin-top: 0;
width: 100%;
}
.footer_logo{
margin-top: 0;
}
.footer_desc{
position: absolute;
bottom: 0;
text-align: left;
width: 240px;
}
.about_img{
display: none;
}
.about{
padding: 60px 0;
}
.about_info {
width: 100%;
}
.card_page-top h1 {
font-size: 80px;
}
.card_page-top {
background-position: calc(50% + 240px);
}
.card_page-wrapper{
flex-direction: column;
}
.card_page-left{
width: 100%;
margin-bottom: 80px;
}
.card_page-info{
width: 100%;
}
.card_tab{
padding: 24px 20px;
}
.card_tabs-content::after {
height: calc(100% + 115px);
top: -115px;
}
.card_option span {
width: 320px;
}
.card_option::before {
width: calc(100% - 345px);
}
.card_tab.active::before{
left: 20px;
width: calc(100% - 40px);
bottom: -30px;
}
.contacts_map-title{
text-align: center;
}
.delivery_page-wrapper{
margin: 60px 0;
flex-direction: column;
}
.delivery_page-info{
width: 100%;
margin-bottom: 40px;
}
.delivery_page-img{
width: 100%;
}
.advantages_item:hover,
.advantages_item:nth-child(2){
transform: none;
background: linear-gradient(125.55deg, rgba(180, 47, 53, 0.2) 0.15%, rgba(180, 47, 53, 0.12) 99.69%);
}
.advantages_item:hover .advantages_item-text,
.advantages_item:nth-child(2) .advantages_item-text{
opacity: 0;
max-height: 0px;
}
.advantages_item:nth-child(2) .advantages_item-img{
background: linear-gradient(146.78deg, rgba(210, 33, 38, 0.4) 14.69%, rgba(210, 33, 38, 0.24) 86.64%);
}
.news_item:nth-child(2), .news_item:hover{
padding: 30px;
width: 100%;
margin: 0;
}
.news_item:nth-child(2) .news_item-img, .news_item:hover .news_item-img{
opacity: 0;
}
.news_item:nth-child(2) .news_item-teg, .news_item:nth-child(2) .news_item-date, .news_item:hover .news_item-teg, .news_item:hover .news_item-date {
color: #B42F35;
}
.news_item:nth-child(2) .news_item-arrow, .news_item:hover .news_item-arrow{
width: 64px;
height: 64px;
background: none;
transform: none;
}
.news_item:nth-child(2) .news_item-arrow path, .news_item:hover .news_item-arrow path{
stroke: rgb(180, 47, 53);
}
.reviews_slide:nth-child(2){
background: linear-gradient(125.55deg, rgba(180, 47, 53, 0.2) 0.15%, rgba(180, 47, 53, 0.12) 99.69%);
}
}
@media (max-width: 767.98px){
.grecaptcha-badge { visibility: hidden !important; }
.container{
max-width: 100%;
}
.header_numbers, .header_messages,
.menu{
padding: 0 15px;
}
.main{
padding-top: 66px;
}
.main h1{
line-height: 160px;
margin-bottom: 358px;
font-size: 118px;
}
.main_subtitle{
font-size: 50px;
line-height: 70px;
right: 50%;
width: 100%;
text-align: center;
}
.main::before{
top: 20px;
width: 1133px;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/main_bg2.png);
height: 605px;
right: 50%;
}
.main_img{
width: 684px;
left: 20px;
transform: none;
right: auto;
}
.main_item{
padding: 6px;
text-align: center;
line-height: 16px;
justify-content: center;
}
.main_search-inp{
font-size: 12px;
}
.catalog_block h2{
line-height: 58.82px;
font-size: 56px;
}
.catalog_block-subtitle{
line-height: 70px;
font-size: 26px;
transform: translate(62px, -40px);
margin-bottom: 0;
}
.catalog_block-item{
padding: 0 0 12px;
}
.catalog_block-img{
width: 100%;
}
.catalog_block-title{
font-weight: 500;
line-height: 15.96px;
text-align: center;
color: #F2F2F9B2;
font-size: 12px;
}
.catalog_block-wrapper::before {
top: -85px;
height: 210px;
}
.advantages h2{
font-size: 56px;
line-height: 58.82px;
}
.advantages_subtitle{
line-height: 70px;
margin-bottom: 60px;
font-size: 26px;
font-style: normal;
text-transform: none;
color: #FFFFFF;
}
.advantages_item{
width: 100%;
padding: 50px;
}
.advantages_item:hover{
transform: none;
}
.advantages::before{
display: none;
}
.advantages_item-img{
width: 120px;
height: 120px;
}
.advantages_item-title{
margin-bottom: 0;
font-size: 24px;
line-height: 31.92px;
text-align: center;
font-weight: 700;
}
.advantages_item-text{
display: none;
}
.advantages{
margin-bottom: 185px;
}
.best_block{
margin-top: 185px;
}
.best_block-top h2{
line-height: 55.2px;
font-size: 46px;
}
.reviews_slide{
max-width: calc(100vw - 55px);
}
.team_slide.swiper-slide-active ,.team_slide,
.best_block-slider .best_slide.swiper-slide-active ,.best_slide{
max-width: calc(100vw - 65px);
}
.team_arrow,
.best_block-arrow{
width: 64px;
height: 38px;
}
.team_arrow svg,
.best_block-arrow svg{
width: 12px;
height: auto;
}
.team_pagination,
.best_pagination{
gap: 5px;
}
.team_pagination .swiper-pagination-bullet,
.best_pagination .swiper-pagination-bullet{
margin: 0;
}
.best_block{
padding-bottom: 184px;
}
.best_block-link::before{
height: 128px;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/best_block-link2.svg);
right: 45px;
transform: none;
left: auto;
}
.news{
padding: 60px 0 90px;
}
.news_wrapper{
position: relative;
padding-bottom: 107px;
}
.news_btn{
position: absolute;
bottom: 0;
right: 50%;
transform: translateX(50%);
}
.news h2{
line-height: 58.82px;
font-size: 56px;
margin-bottom: 0;
}
.news h2 span{
line-height: 70px;
font-size: 26px;
margin-bottom: 0;
right: -24px;
bottom: -40px;
}
.news_top{
margin-bottom: 60px;
}
.news_item:hover{
padding: 30px;
width: 100%;
margin: 0;
}
.news_item-arrow,
.news_item:hover .news_item-arrow{
transform: none;
width: 48px;
height: 48px;
}
.news_item-info{
width: calc(100% - 58px);
}
.news_item-teg{
line-height: 15.96px;
font-size: 12px;
}
.news_item-title{
line-height: 21.28px;
font-size: 16px;
}
.news{
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/news_gb2.png);
}
.reviews{
padding: 90px 0;
}
.reviews h2{
line-height: 58.82px;
font-size: 56px;
}
.reviews_subtitle{
line-height: 70px;
margin-bottom: 60px;
font-size: 26px;
}
.reviews_btn{
margin-top: 20px;
}
.footer{
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/footer2.png);
padding: 70px 0 34px;
}
.footer_item{
width: 45%;
}
.footer_messages-title{
margin-top: 50px;
text-align: left;
}
.footer_btn{
display: none;
}
.footer_left .footer_btn{
display: flex;
margin-top: 40px;
}
.footer_item{
margin-top: 0px;
}
.about_top{
padding: 88px 0 50px;
background-position: -12px;
}
.about_top h1{
line-height: 160px;
font-size: 100px;
margin-bottom: 30px;
}
.about_top-wrapper{
padding-left: 18px;
}
.about_info{
padding: 30px;
}
.about_title{
line-height: 55.2px;
margin-bottom: 30px;
font-size: 46px;
}
.about_info p{
line-height: 24px;
font-size: 13px;
}
.team h2{
line-height: 55.2px;
font-size: 46px;
}
.team_subtitle{
line-height: 70px;
font-size: 46px;
margin-left: 71px;
margin-top: -30px;
width: 100%;
margin-bottom: 40px;
}
.catalog_page-top{
padding: 106px 0 220px;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/catalog_page-top2.png);
background-position: -20px;
background-size: cover;
}
.catalog_page-top h1{
line-height: 160px;
font-size: 100px;
margin-bottom: 30px;
}
.catalog_page-subtitle{
line-height: 70px;
left: 131px;
font-size: 46px;
top: 10px;
}
.catalog_page-filter{
padding: 20px;
}
.catalog_filter-more{
margin-bottom: -20px;
}
.catalog_page-items{
width: calc(100% + 15px);
}
.catalog_page-items .best_slide{
width: 320px;
margin-left: 0 !important;
margin-right: 40px !important;
max-width: calc(100vw - 65px);
}
.catalog_page-items .wrapper_list-prod .best_slide{
margin-right: 0px !important;
}
.catalog_page{
padding-bottom: 60px;
}
.pagin{
margin-top: 60px;
}
.pagin a{
margin: 0 5px;
}
.pagin li:nth-child(8),
.pagin li:nth-child(7){
display: none;
}
.pagin a.arrow{
margin: 0 35px;
width: 64px;
height: 38px;
}
.pagin a.arrow svg{
width: 12px;
height: auto;
}
.catalog_page::after {
background-size: cover;
height: 100px;
}
.catalog_page-items .swiper-wrapper{
flex-wrap: nowrap;
gap: 0;
margin-bottom: 0;
}
.catalog_page-items .wrapper_list-prod{
display: flex;
flex-direction: row;
justify-content: center;		
}
.card_page-top{
padding: 106px 0 40px;
}
.card_page-title{
flex-wrap: nowrap;
}
.card_page-top h1{
line-height: 160px;
margin-bottom: 30px;
white-space: nowrap;
font-size: 50px;
}
.crumb:not(:first-child, :last-child){
display: none;
}
.card_page-subtitle{
white-space: nowrap;
font-size: 46px;
line-height: 70px;  
margin-left: -180px;
transform: translateY(-40px);
}
.card_page{
padding-top: 60px;
}
.card_page-img {
height: 68vw;
}
.card_page-arrow{
width: 64px;
height: 38px;
}
.card_page-arrow svg{
width: 12px;
height: auto;
}
.card_page-dots{
margin: 0 84px;
width: calc(100% - 168px);
}
.card_page-dot{
width: 53px;
height: 38px;
}
.card_page-info{
padding: 30px 15px;
}
.card_page-price{
font-size: 46px;
line-height: 55.2px;
}
.card_tabs-title{
line-height: 55.2px;
margin-bottom: 30px;
font-size: 46px;
}
.card_tabs-content p{
font-weight: 500;
line-height: 24px;
font-size: 13px;
}
.card_option{
flex-direction: column;
border-bottom: 1px solid #9A867E29;
padding-bottom: 10px;
margin-bottom: 10px;
}
.card_option span {
width: 100%;
margin-top: 10px;
}
.card_option::before {
display: none;
}
.card_tab{
line-height: 21.28px;
font-size: 16px;
gap: 20px;
width: 50%;
}
.card_tab svg{
width: 30px;
min-width: 30px;
height: auto;
}
.card_tab.active::before{
bottom: 0;
height: 14px;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/card_tab2.svg);
}
.card_tabs-content{
padding: 56px 0 85px;
}
.card_tabs-content::after{
background-position: top center;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/content12.jpg);
}
.card_tabs-content::after {
height: calc(100% + 88px);
top: -88px;
}
.card_tabs-content:nth-child(2):after {
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/content12.jpg);
transform: scale(-1,1);
}
.contacts_page-top{
padding-bottom: 40px;
background-image: url(//motobunker.ru/wp-content/themes/adoweb/img/contacts_page2.png);
}
.contacts_page-top h1{
line-height: 160px;
margin-bottom: 30px;
font-size: 100px;
margin-bottom: 30px;
}
.contacts_page-body{
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.contacts_page-wrapper{
margin-top: 40px;
margin-bottom: 0;
order: 1;
}
.contacts_page-subtitle{
font-size: 18px;
margin-bottom: 20px;
line-height: 18px;
}
a.contacts_page-subtitle{
font-size: 22px;
line-height: 1;
margin-bottom: 40px;
}
a.contacts_page-subtitle:last-child{
margin-bottom: 0;
}
.contacts_page-item{
width: 100%;
}
.contacts_page-map{
padding: 90px 0 155px;
}
.contacts_map{
padding: 30px;
}
.contacts_map-title{
font-weight: 700;
line-height: 55.2px;
margin-bottom: 30px;
font-size: 46px;
}
.delivery_page{
padding: 125px 0;
}
.delivery_page .crumbs{
margin-left: 20px;
}
.delivery_page-title{
line-height: 55.2px;
font-size: 46px;
}
.delivery_page-text{
font-size: 13px;
line-height: 24px;
padding-left: 20px;
font-weight: 500;
}
.delivery_page-item img{
width: 50px;
height: auto;
}
.delivery_page-item{
font-size: 16px;
gap:10px;
line-height: 21.28px;
}
.delivery_page-content{
line-height: 24px;
font-size: 13px;
}
.main_img{
top: 215px;
}
.main_subtitle{ 
z-index: 1;
}
.reviews h2{
line-height: 55.2px;
font-size: 46px;
}
.reviews_subtitlee{
line-height: 70px;
margin-bottom:20px;
font-size: 46px;
}
.card_page-title{
padding-left: 18px;
}
.card_page-top .crumbs{
padding-left: 18px;
}
.card_page-top {
background-position: -204px;
background-size: auto;
}
.card_page-pay,
.card_page-info .catalog_filter-item{
padding-left: 15px;
padding-right: 15px;
}
.card_page-desc{
line-height: 24px;
font-size: 13px;
}
}
@media (max-width: 429.98px){
.catalog_page-items .best_slide{
margin-right: 20px !important;
}
.pagin a.arrow{
margin: 0 15px;
}
.card_page-top h1 {
font-size: 42px;
}
.card_tab{
padding: 20px 10px;
font-size: 14px;
gap: 10px;
}
.card_tab.active::before{
left: 10px;
}
.card_tabs-content::after {
height: calc(100% + 82px);
top: -82px;
} .delivery_page-info{
padding: 30px 14px;
}
.delivery_page-item {
font-size: 14px;
}
.delivery_page-text {
font-size: 12px;
line-height: 20px;
}
.popup_body{
padding: 30px 20px;
}
.popup_body-title {
font-size: 42px;
line-height: 56px;
margin-bottom: 20px;
}
.popup_body-item{
width: 100%;
}
.popup_body-btn{
margin-top: 20px;
}
.popup_body .fancybox-close-small{
right: 10px;
top: 10px;
}
.best_block{
margin-bottom: 100px;
}
}