.article-ad-place{
    width: 205px;
    height: 4367px;
    background: #D9D9D9;
    position: absolute;
    top:0;
    left: 35px;
}
.hero-title span, 
.hero-title h3,
.menu-wrapper svg{
    display: none;
}

.scrolled.hdr-article .hero-title span, 
.scrolled.hdr-article .hero-title h3,
.hdr-article.header-wrapper.scrolled .menu-wrapper svg{
    display: block;
}
.hdr-article.header-wrapper.scrolled .menu-wrapper svg{
    margin-right:45px;
}
.scrolled.hdr-article .hero-title svg,
.scrolled.hdr-article .hero-title a:first-of-type{
    display: none;
}
.hdr-article .hero-title span{
    font-size:13px;
    color:#8E8E8E;
    font-family: 'GT America Regular', sans-serif;
    padding-right:20px;
}
.hdr-article .hero-title h3{
    font-size: 16px;    
    line-height: 105.3%; 
    letter-spacing: -0.48px;
}
.article-ad-place.ad-right{
    right:35px;
    left:unset;
}
.article-main{
    position: relative;
    padding: 0 35px;
}
.article-page-img-wrapper{
    text-align: center;
}
.article-page-img{
    width: 100%;
    margin: 0 auto;
    max-width:1100px;
}
.article-page-img img{
    width:100%;
    height:100%;
    object-fit: cover;
    aspect-ratio: 1.93;
}
.article-container{
    width: 66%;
    margin: 0 auto;
    display:flex;
    flex-direction:column;
}
.article-date{
    padding-top:22px;
    font-family: 'GT America Regular', sans-serif;
    color:#8E8E8E;
    font-size:15px;
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
    order: 3;
}
.article-page-title{
    font-size:55px;
    padding: 47px 0 30px;
    line-height: 105%;
    order: 4;
    flex-direction: column;
    text-align: center;
    position: relative;
    z-index: 100;
}
.article-page-wrapper{
    text-align: center;
    padding-bottom: 108px;
    order: 5;
}
.article-container span{
    font-size:13px;
    font-family: 'GT America Extended',sans-serif;
}
.main-text-article{
    font-family: 'GT America Extended',sans-serif;
    font-size:29px;
    padding:40px 80px 30px;
}
.article-txt{
    text-align: left;
    font-size: 22px;
    font-family: 'Lab Grotesque', sans-serif;
    width:59%;
    margin:0 auto;
    padding:35px 0 47px;
    letter-spacing: -0.33px;
    line-height: 130%;
}
.article-txt a{
    font-size: 21px;
    font-family: 'GT America Extended',sans-serif;
    font-weight: bolder;
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
    padding:4px 3px;
    line-height: 130%;
}
.article-txt a svg{
    height:0;
    display: none;
}
.article-txt a:hover svg{
    height:11px;
    display: inline;
}
.article-txt a:hover{
    background-color: #000;
    color: #fff;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}
.what-car-wrapper{
    background: #000;
    color:#fff;
    padding: 13px 0 0 20px;
    max-width: 860px;
    margin:0 auto;
    text-align: left;
}
.what-car-title h2{
    font-size:46px;
    font-family:  'GT America Thin',sans-serif;
    letter-spacing: 60px;
    font-weight: 275;
    line-height: 104.5%; /* 48.07px */
    padding-bottom:112px;
    text-align: center;
}
.what-car-txt{
    color:#747474;
    font-size: 19px;
    font-family: 'GT America Extended',sans-serif;
    padding-bottom:35px;
}
.what-car-txt:hover, .what-car-txt.first-click{
    color:#fff;
    transition: all 0.3s ease-in-out;
}
.what-car{
    position: relative;
}
.what-car-txt svg{
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.what-car-txt:hover svg, .what-car-txt.first-click svg{
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
.what-car-txt{
    padding-right:115px;
    width: 60%;
}
.what-car-img{
    width: calc((100% - 115px) / 2);
    max-width: 300px;;
    position:absolute;
    bottom:0;
    right:0;
    aspect-ratio: 1;
    opacity: 0;
    height:0;
}
.what-car-txt:hover .what-car-img, .what-car-txt.first-click .what-car-img{
    opacity: 1;
    height:100%;
    transition: all 0.3s ease-in-out;
}
.what-car-img img{
    width:100%;
    height:100%;
    object-fit: cover;
    aspect-ratio: 1;
    transition: all 0.3s ease-in-out;
}
.article-txt-bold-wrapper{
    padding:65px 0 20px;
    max-width:600px;
    margin:0 auto;
    text-align: left;
}
.article-txt-bold{
    padding:25px;
    width: 100%;
    height: 100%;
    display: inline-block;
    border: 0 solid transparent;
    background:
    linear-gradient(#000 0 0) top    left /9px 9px border-box,
    linear-gradient(#000 0 0) top    right/9px 9px border-box,
    linear-gradient(#000 0 0) bottom left /9px 9px border-box,
    linear-gradient(#000 0 0) bottom right/9px 9px border-box;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
}

.article-txt-bold h3{
    font-size: 29px;
    font-family: 'GT America Medium' ,sans-serif;
    line-height: 118.3%; 
    padding-top:16px;
}
.article-txt-bold span{
    font-size: 15px;
    font-family: 'GT America Regular',sans-serif;
}
.article-img-some{
    max-width:860px;
    margin:0 auto;
}
.article-img-some img{
    width:100%;
    height:100%;
    aspect-ratio: 1.93;
    object-fit: cover;
}
figcaption{
    color:#8E8E8E;
    text-align: left;
    width: 65%;
    font-size: 16px;
    font-family: 'Lab Grotesque', sans-serif;
    padding: 11px 0 25px;
    line-height: 126.3%;
}
.article-txt p:not(:first-of-type){
    padding-top:30px;
}
.read-more-title{
    font-family:'GT America Thin' ,sans-serif; ;
    font-size: 65px;
    text-align: center;
    line-height: 104.5%;
}
.read-more-articles-wrapper .article-box-row{
    max-width:860px;
    margin:0 auto;
    padding:41px 0 0;
}
.read-more-articles-wrapper .article-box{
    width: calc((100% - 10px )/ 3);
}
.ad-place-ft.tab{
    display:none;
}

.article-img-some{
    position: relative;
}
    
.article-img-some svg.zoomimg{
    position: absolute;
    bottom: 100px;
    right: 30px;
}
.article-img-some svg.zoomimg:hover rect{
    fill:#000; opacity:0.3;
}
.share-icons img{
    width: 19px;
    margin: 0 5px;
}
.share-buttons-wrapper{
    width: 59%;
    padding: 15px 20px;
    margin: 0 auto;
    background-color: rgba(217, 217, 217, 0.4);
    border-radius: 30px;
    align-items: center;
}
.share-txt span{
    font-size:13px;
    color:#000;
    font-family:'GT America Extended', sans-serif;
}


@media screen and (max-width:1200px){
    .article-container{
        width:100%;
    }
    .article-page-img{
    	max-width:unset;
    }
    .article-page-wrapper{
        width: 100%;
        margin: 0 auto;
        padding: 0 118px 108px;
    }
    .article-date{
        width: 66%;
        margin: 0 auto;
    }
    .main-text-article{
        padding: 52px 0;
    }
    .article-main{
        padding:0;
    }
    .article-txt{
        padding-right:80px;
        margin-right:0;
        width: 85%;
    }
    .what-car-wrapper, .article-img-some{
        margin-right:0;
        width: 95%;
    }
    .ad-place-art{
        display: block;
    }
    .adv-art-wrapper{
        padding-top:35px;
    }
    .what-car-title h2{
        letter-spacing: 28.86px;
        padding-bottom: 60px;
    }
    .ad-place-ft{
        display:none;
    }
    .article-txt-wrapper{
        position: relative;
    }
    .what-car-img{
        width:50%;
    }
    .article-txt-bold-wrapper{
        margin-right: 0;
        padding: 20px 80px 20px 40px;
    }
    .read-more-articles-wrapper{
        width: 95%;
        margin-left: auto;
        padding-top:100px;
    }
}

@media screen and (max-width:1100px){
    .article-page-wrapper{
        padding: 0 22px 70px;
    }
    .main-text-article{
        padding:40px 0 55px;
    }
    .read-more-articles-wrapper{
        width: 100%;
    }
    .article-wrapper .adv-art-wrapper{
        display: none;
    }
    .article-txt {
        padding-right:0;
        margin:0 auto;
        width: 65%;
    }
    .what-car-title h2 {
        letter-spacing: 50px;
        padding-bottom: 112px;
    }
    .what-car-wrapper, .article-img-some, .article-txt-bold-wrapper{
        margin: 0 auto;
    }
    .what-car-wrapper, .article-img-some{
        width:100%;
    }
    .article-page-title{
        padding:30px 0 20px;
    }
    .article-page-img img{
        aspect-ratio: 1.46;
    }
    .ad-place-ft.tab{
        display: block;
    }
}
@media screen and (max-width:768px){
    .what-car-title h2{
        letter-spacing: 30px;
    }
    .share-buttons-wrapper{
    	width:100%;
    }
}
@media screen and (max-width:690px){
    .article-page-title{
        font-size:45px;
    }
    .what-car-title h2{
        letter-spacing: 18px;
    }
    .read-more-articles-wrapper .article-box:first-of-type , 
    .read-more-articles-wrapper .article-box:nth-of-type(2){
        width:100%;
    }
    .read-more-articles-wrapper .article-box{
        width:calc((100% - 10px) / 2);
    }
    .read-more-articles-wrapper .article-box-text{
        border-left:1px dashed #000000CC;
    }
    .read-more-articles-wrapper .article-box:nth-of-type(2n) .article-box-text{
        border-left:none;
    }
}

@media screen and (max-width:500px){
   .article-date{
        padding: 11px 9px;
        width:100%;
   }
   .article-page-title{
    	display:flex;
    	text-align: center;
    	padding: 53px 10px 27px;
    	flex-direction: column-reverse;
   	order:2;
    }
    .article-page-title span{
        padding-bottom:11px;
        font-size: 12px;
        font-family: 'GT America Extended', sans-serif;
    }
    .article-page-title h1{
        font-size: 26px;
    }
    .main-text-article{
        font-size: 24px;
        padding: 40px 10px 0;
    }
    .article-page-wrapper{
        padding: 0;
    }
    .article-txt{
        width:100%;
        font-size: 21px;
        padding: 36px 10px;
    }
    .what-car-title h2 {
        letter-spacing: 4px;
        padding-bottom:0;
    }
    .what-car-wrapper{
        padding: 29px 0 0;
    }
    .what-car-title{ 
        padding-bottom: 50px;
    }
    .what-car-txt svg{
	width: 20%;
    	padding-top: 5px;
    	height: 17px;
    }
    .what-car-txt a{
	display: flex;
    	align-items: flex-start;
    	justify-content: space-between;
    }
    .what-car-txt h4{
   	font-size:17px;
        padding-bottom:27px;
    }
    .what-car-txt:hover .what-car-img , .what-car-txt.first-click .what-car-img{
        display:none;
    }
    .what-car-img {
        width: 100%;
        max-width: unset;
        padding-left:40px;
        aspect-ratio: 1.6;
    }
    .what-car-txt{
        width: 100%;
        padding: 0 20px;
	color:#fff;
    }
    .main-body-compare .what-car-wrapper{
    	padding-bottom:30px;
    }
    .what-car-img{
    	position:relative;
    }
    .article-txt-bold-wrapper{
        padding: 47px 10px;
    }
    .article-txt-bold{
        padding:18px;
    }
    .article-txt-bold span{
        font-size:13px;
    }
    .article-txt-bold h3{
        font-size:22px;
    }
     .article-img-some img{
        aspect-ratio: 1.67;
    }
    figcaption{
        width:100%;
        padding: 11px 20px 0;
	font-size:14px;
    }
    .read-more-articles-wrapper{
        padding-top:64px;
    }
    .read-more-articles-wrapper .article-box-text{
        font-size:16px;
    }
    .read-more-articles-wrapper .article-box-row{
        padding-top:23px;
    }
    .article-main .read-more-articles-wrapper .article-box-row{
        padding:23px 10px 0;
    }
    .read-more-articles-wrapper .article-box:nth-of-type(1) .article-box-img img,
    .read-more-articles-wrapper .article-box:nth-of-type(2) .article-box-img img{
        aspect-ratio: 1.67;
    }
    .read-more-articles-wrapper .article-box:nth-of-type(1) .article-box-text,
    .read-more-articles-wrapper .article-box:nth-of-type(2) .article-box-text{
        font-size: 22px;
    }
    .read-more-title{
        font-size:50px;
    }
    .ad-place-ft.tab{
        display: none;
    }
    .share-buttons-wrapper{
    	width:95%;
    }
    .special-cat.nm .main-text-article{
 	padding: 40px 10px;
    }
}

