.content{
  background-color: #13181d;
}
.ducato-mta__container {
color: #fff;
}
.ducato-mta__wrapper {
max-width: 1280px;
width: 100%;
margin: 0 auto;
}
.ducato-mta__head {
margin-bottom: 40px;
display: block;
position: relative;
}
.ducato-mta__head__desc {
display: block;
position: absolute;
/* top: 15%; */
top: 7%;
left: 0;
right: 0;
text-align: center;
padding: 0 15px;
}
.ducato-mta__head__title {
font-size: 40px;
text-transform: uppercase;
font-weight: 600;
}
.ducato-mta__head__subtitle {
font-size: 28px;
font-weight: 600;
text-transform: uppercase;
}
.ducato-mta__title p {
font-size: 30px;
line-height: 1.1;
text-align: center;
max-width: 880px;
margin: 0 auto;
}
.ducato-mta__block {
margin: 45px auto;
max-width: 480px;
background-color: #222931;
margin-bottom: 60px;
}
.ducato-mta__block__img {
padding: 20px;
}
.ducato-mta__block__img img {
width: 100%;
}
.ducato-mta__block__text {
padding: 20px;
}
.ducato-mta__block__text p {
font-size: 16px;
}
.ducato-mta__tagline-top {
margin: 40px auto;
margin-bottom: 60px;
}
.ducato-mta__tagline-top__list {
display: flex;
/* align-items: center; */
justify-content: center;
}
.ducato-mta__tagline-top__item {
max-width: 33%;
padding-right: 60px;
padding-left: 20px;
position: relative;
border-left: 3px solid #737373;
display: flex;
align-items: center;
}
/* .ducato-mta__tagline-top__item:before {
display: block;
position: absolute;
content: '';
width: 10px;
height: 10px;
font-size: 10px;
top: 0;
left: 0;
} */
.ducato-mta__tagline-top__item:last-child {
padding-right: 0;
}
.ducato-mta__tagline-bottom__list {
display: flex;
/* align-items: center; */
justify-content: center;
}
.ducato-mta__tagline-bottom__item {
max-width: 25%;
margin: 0 auto;
margin-right: 25px;
}
.ducato-mta__tagline-top__item:last-child {
margin-right: 0;
}
.ducato-mta__tagline-bottom__img {
width: 110px;
height: 85px;
display: flex;
border: 2px solid #737373;
border-radius: 12px;
margin: 0 auto;
align-items: center;
}
.ducato-mta__tagline-bottom__icon {
fill: #737373;
width: 55px;
height: 55px;
margin: 0 auto;
display: block;
}
.ducato-mta__tagline-bottom__title {
text-align: center;
margin-top: 25px;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
height: 70px;
}
.ducato-mta__tagline-bottom__text {
padding: 0 15px;
}
.ducato-mta__tagline-bottom__ul {
margin: 0;
padding: 0;
list-style: disc;
}
.ducato-mta__tagline-bottom__li {
color: #737373;
line-height: 24px;
}
.ducato-mta__tagline-bottom__li span {
color: #fff;
}
.ducato-mta__banner{
width: 100%;
margin: 60px auto;
position: relative;
}
.ducato-mta__banner-img {
background: url(img/ducato-mta-interior.jpg);
background-position: 80% 30%;
background-size: cover;
height: 450px;
width: 100%;
background-repeat: no-repeat;
}
.ducato-mta__question {
margin: 60px 0;
padding-bottom: 60px;
}
.ducato-mta__question__name {
font-size: 18px;
cursor: pointer;
display: block;
border-bottom: 1px solid #737373;
padding-bottom: 15px;
font-weight: 600;
position: relative;
margin-top: 20px;
}
.ducato-mta__question__subname {
font-size: 16px;
}

.ducato-mta__question__name:before{
position: absolute;
content:'';
width: 16px;
height: 2px;
background-color: #737373;
right: 0;
bottom: 33px;
}
.ducato-mta__question__name:after{
position: absolute;
content:'';
width: 2px;
height: 16px;
background-color: #737373;
right: 7px;
opacity: 1;
transition: .15s opacity ease-in-out;
}
.ducato-mta__question__name.active:after{
opacity: 0;
}
.ducato-mta__tabs {
max-width: 1200px;
width: 100%;
margin: 30px auto;
}
.ducato-mta__tabs__caption {
display: flex;
justify-content: center;
}
.ducato-mta__tabs__caption li {
width: 100%;
font-size: 16px;
text-transform: uppercase;
color: #343c44;
font-weight: 600;
cursor: pointer;
}
.ducato-mta__tabs__caption li.tabs__active {
color: #fff;
border-bottom: 3px solid #737373;
}
.ducato-mta__tabs-active{
display: block;
}
.ducato-mta__tabs__content {
display: none;
background: #222931;
padding: 64px 30px 30px 102px;
min-height: 340px;
}
.ducato-mta__tabs__title {
font-weight: 600;
text-transform: uppercase;
}
.ducato-mta__tabs-title {
text-align: center;
font-weight: bold;
}
.ducato-mta__tabs__content.tabs__active {
display: block;
}
.ducato-mta__tabs__block {
display: block;
position: relative;
max-width: 1200px;
}
.ducato-mta__tabs__left {
position: absolute;
left: 30px;
max-width: 670px;
width: 100%;
z-index: 1;
overflow: hidden;
max-height: 414px;
}
.ducato-mta__tabs__img img {
width: 100%;
}
.ducato-mta__tabs__right {
display: block;
margin-top: 40px;
max-width: 790px;
padding: 64px 44px 30px 227px;
min-height: 419px;
margin-right: 0;
margin-left: auto;
}
@media (max-width:1300px) {
.ducato-mta__wrapper {
max-width: 1100px;
}
.ducato-mta__tabs__left {
max-width: 550px;
}
.ducato-mta__tabs__right {
padding: 35px 44px 30px 227px;
}
.ducato-mta__tagline-bottom__title {
height: 100px;
}
}
@media (max-width:1100px) {
.ducato-mta__wrapper {
max-width: 900px;
}
.ducato-mta__tagline-top__item {
padding-right: 20px;
}
.ducato-mta__tabs__left {
position: relative;
margin: 0 auto;
margin-top: 40px;
left: 0;
max-width: 700px;
}
.ducato-mta__tabs__right {
padding: 0;
max-width: 700px;
margin: 0 auto;
min-height: 100px;
}
.ducato-mta__tabs__content {
padding: 40px;
min-height: 100px;
}
}
@media (max-width:960px) {
.ducato-mta__wrapper {
max-width: 800px;
}
.ducato-mta__head__title {
font-size: 30px;
}
.ducato-mta__tagline-bottom__title {
font-size: 18px;
}
.ducato-mta__head__subtitle {
font-size: 21px;
}
}
@media (max-width:800px) {
.ducato-mta__wrapper {
max-width: 640px;
padding-left: 20px;
padding-right: 20px;
}
.ducato-mta__tagline-top__list {
flex-direction: column;
}
.ducato-mta__tagline-top__item {
display: block;
max-width: 100%;
width: 100%;
margin: 0 auto;
padding: 0;
border: 0;
border-bottom: 3px solid #737373;
text-align: center;
margin-bottom: 20px;
}
.ducato-mta__tagline-top__item:last-child {
margin: 0 auto;
}
.ducato-mta__tagline-bottom__list {
flex-direction: column;
}
.ducato-mta__tagline-bottom__item {
max-width: 100%;
margin: 0;
margin-bottom: 25px;
}
.ducato-mta__tagline-bottom__title {
height: 100%;
margin-bottom: 10px;
}
.ducato-mta__tagline-bottom__text {
padding: 0;
}
.ducato-mta__tabs__caption {
flex-direction: column;
}
.ducato-mta__tabs__caption li {
padding-bottom: 5px;
margin-top: 10px;
}
.ducato-mta__tabs__left {
margin-top: 10px;
}
.ducato-mta__tagline-bottom__ul li {
margin: 0 20px;
}
}
@media (max-width:640px) {
.ducato-mta__head__title {
font-size: 20px;
}
.ducato-mta__head__subtitle {
font-size: 14px;
}
}