/* Start:/local/components/HB/catalog.all.styles/templates/design25/style.css?175006010420616*/
.new_disign_body .styles-item__counts{
    top: 60px;
    display: flex;
    flex-direction: column;
    gap: 36px;
    left: 70px;
    position: relative;
    z-index: 1;
}
.new_disign_body .styles-item__count{
    display: flex;
    flex-direction: column;
    gap:5px;
    margin: 0;
    padding: 0;
}
.new_disign_body .styles-item__count-number{
    display: block;
    font-size: 44px;
    font-weight: 500;
    line-height: 48.4px;
    color:#fff;
}
.new_disign_body .styles-item__count-text{
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    display: block;
    color:#fff;
    /* text-transform: uppercase; */
    max-width: 100%;
}
.new_disign_body .styles-item__count:before{
    content: unset;
}
.new_disign_body .styles-item__links {
    position: static;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.new_disign_body .styles-item__link{
    opacity: 1;
    margin-bottom: 0;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
}
.new_disign_body .styles-item__link a{
    font-size: 28px;
    font-weight: 500;
    line-height: 33.88px;
    color:#0A0A0A;
    text-transform: lowercase;
}
.new_disign_body .styles-item__link a:hover{
    color:#0A0A0A;
    border-color:#000;
}
.new_disign_body .styles-item__image{
    width: 625px;
    height: 520px;
}
.new_disign_body .styles-block-back:hover .styles-item__image::after{
    background: #0000004D;
    backdrop-filter: blur(4px);
    opacity:1;
}
.styles-block-back{
    cursor: pointer;
}
.styles-block-back:hover .styles-item__count:first-child{
    -webkit-transition-delay: 0s, .05s, .05s;
    -o-transition-delay: 0s, .05s, .05s;
    transition-delay: 0s, .05s, .05s;
}
.styles-block-back:hover .styles-item__count{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.styles-block-back:hover .styles-item__link:first-child{
    -webkit-transition-delay: 0s, 25ms, 25ms;
    -o-transition-delay: 0s, 25ms, 25ms;
    transition-delay: 0s, 25ms, 25ms
}
.styles-block-back:hover .styles-item__link{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: opacity 1s, -webkit-transform .3s;
    transition: opacity 1s, -webkit-transform .3s;
    -o-transition: opacity 1s, transform .3s;
    transition: opacity 1s, transform .3s;
    transition: opacity 1s, transform .3s, -webkit-transform .3s;
}
.new_disign_body .styles-list{
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 100px;
    font-family: "Inter Tight", sans-serif;
}
.styles-block{
    display: flex;
    border-bottom: 1px solid #CACACE;
    gap:100px;
    /* padding: 0px 100px 100px 100px; */
    padding-bottom: 100px;
}
.styles-item-info{
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}
.detail_link_styles{
    width:100%;
    max-width: 240px;
}
.style-block-link{
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    background: #4B919B;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
    border-radius: 4px;
}
.style-block-link:hover{
    color:#4B919B;
    background: #fff;
    border: 1px solid #4B919B;
}
.new_disign_body .styles-item__desc{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    max-width: 995px;
    align-items: flex-start;
    padding: 0;
    text-align: left;
    gap: 15px;
}
.new_disign_body .styles-item__name:after{
    content: unset;
}
.style-name{
    font-size: 60px;
    font-weight: 500;
    line-height: 72px;
    color:#0A0A0A;
    font-family: "Inter Tight", sans-serif;
}
.new_disign_body .styles-item__text{
    font-size: 18px;
    font-weight: 400;
    line-height: 28.8px;
    color:#0A0A0A;
}
.breadcrumbs+.styles-title{
    font-family: "Inter Tight", sans-serif;
	font-size: 80px;
	font-weight: 500;
	line-height: 96px;
	color:#0A0A0A;
    margin-bottom: 40px;
}
.style-name-mob{
    display: none;
}
.style-name-desktop{
    display: block;
}
.styles-item-counts{
    display: none;
}
.style-items-counts{
    display: none;
}
@media screen and (max-width: 1650px){
    .styles-block{
        /* padding: 0px 83px 80px 83px; */
        padding-bottom: 80px;
    }
}
@media screen and (max-width: 1450px){	
	.new_disign_body .styles-item__count-number{
		font-size: 32px;
		font-weight: 500;
		line-height: 24.4px;		
	}
    .new_disign_body .styles-item__image{
        width: 440px;
        height: 400px;
    }
    .new_disign_body .styles-item__link a{
        font-size: 26px;
        line-height: 31.46px;
    }
    .styles-block{
        gap:50px;
    }
}
@media screen and (max-width: 1366px){
    .new_disign_body .styles-list{
        gap:80px;
    }
    .breadcrumbs+.styles-title{
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 30px;
    }
    .style-name{
        font-size: 40px;
        line-height: 48px;
    }
    .new_disign_body .styles-item__text{
        font-size: 16px;
        line-height: 25.6px;
    }
    .new_disign_body .styles-item__counts{
        gap:32px;
        top:40px;
        left:50px;
    }
    .new_disign_body .styles-item__count-number{
        font-size: 30px;
        line-height: 33px;    
    }
    .new_disign_body .styles-item__count-text{
        font-size: 18px;
        line-height: 18px; 
    }
    .new_disign_body .styles-item__links{
        flex-wrap:wrap;
    }
}
@media screen and (max-width: 1365px){
    .new_disign_body .styles-item__image::after{
        content: '';
    }
}

@media screen and (max-width: 1024px){
    .new_disign_body .styles-list{
        gap:70px;
    }
    .breadcrumbs+.styles-title{
        font-size: 40px;
        line-height: 48px;
    }
    .new_disign_body .styles-item__image{
        width: 405px;
        height: 380px;
    }
    .styles-block{
        /* padding: 0px 63px 70px 63px; */
        padding-bottom: 70px;
    }
    .new_disign_body .styles-item__link a{
        font-size: 20px;
        line-height: 24.2px;
    }
    .style-name{
        font-size: 32px;
        line-height: 38.4px;
    }
    .new_disign_body .styles-item__counts{
        top:30px;
    }
}
@media screen and (max-width: 1023px){
    /* .new_disign_body .styles-item__counts{ */
        /* display: none; */
    /* } */
    /* .new_disign_body .styles-item__image::after{ */
        /* content: none; */
    /* } */
    .new_disign_body .styles-item__desc{
        order: unset;
    }
    .new_disign_body .styles-item__image:after {
        opacity: 0;
    }	
    .new_disign_body .styles-item__count {
		opacity: 0;
	}		
}
@media screen and (max-width: 768px){
    .new_disign_body .styles-item__counts{
        display: none;
    }
    .new_disign_body .styles-item__image::after{
        content: none;
    }
    .new_disign_body .styles-item__desc{
        order: unset;
    }
    .new_disign_body .styles-item__image:after {
        opacity: 1;
    }	
    .new_disign_body .styles-item__count {
		opacity: 1;
	}		
    .style-items-counts{
        display: flex;
        align-items: center;
        padding: 0px 0px 20px 0px;
        border-bottom: 1px solid #CACACE;
        width: 100%;
        gap: 32px;
    }
    .styles-item-counts{
        display: flex;
        align-items: center;
        gap: 32px;
        font-family: "Inter Tight", sans-serif;
    }
    .new_disign_body .styles-item__count{
        min-width: 116px;
    }
    .styles-item-counts:first-child{
        border: none;
        padding: 0;
    }
    .new_disign_body .styles-item__count-number{
        font-size: 20px;
        line-height: 22px;   
        color: #0A0A0A; 
    }
    .new_disign_body .styles-item__count-text{
        font-size: 14px;
        line-height: 14px; 
        color: #0A0A0A;
    }
    .styles-block{
        /* padding: 0px 30px 60px 30px; */
        padding-bottom: 60px;
        flex-direction: column;
        gap:32px;
    }
    .new_disign_body .styles-item__image {
        width: 100%;
        height: 480px;
    }
    .styles-block-back{
        display: flex;
        flex-direction: column;
        gap:32px;
    }
    .style-name-mob{
        display: block;
    }
    .style-name-desktop{
        display: none;
    }
    .styles-item-info{
        gap:20px;
    }
    .new_disign_body .styles-item__desc{
        gap:32px;
    }
    .styles-item-count{
        gap:2px;
    }
    .detail_link_styles{
        max-width: 200px;
    }
    .breadcrumbs+.styles-title{
        margin-bottom: 20px;
    }
    .new_disign_body .styles-list{
        gap:57px;
    }
    .main-page-new .breadcrumbs li:last-child{
        display: inline-block;
    }
    .main-page-new .breadcrumbs li:nth-last-child(2):after{
        content: "/";
    }
}
@media screen and (max-width: 640px){
    .style-items-counts{
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }
}
@media screen and (max-width: 440px){
    .style-name{
        font-size: 24px;
        line-height: 28.8px;
    }
    .styles-item-counts{
        gap:38px;
        width: 100%;
    }
    .styles-item__count{
        width: 100%;
        /* max-width: 128px; */
    }
    .styles-block{
        /* padding: 0px 20px 40px 20px; */
        padding-bottom: 40px;
        gap:20px;
    }
    .new_disign_body .styles-item__image {
        height: 280px;
    }
    .new_disign_body .styles-item__desc{
        gap:40px;
    }
    .breadcrumbs+.styles-title{
        margin-bottom: 12px;
        font-size: 32px;
        line-height: 38.4px;
    }
    .new_disign_body .styles-list{
        gap:40px;
    }
}
.main-page-new {
    /* max-width: 1720px; */
    padding: 0 20px;
    max-width: 1760px;
    width: 100%;
    margin: 0 auto;
    font-family: "Inter Tight", sans-serif;
}
@media screen and (max-width: 1650px) {
    .main-page-new {
        /* max-width: 1450px; */
        padding: 0 20px;
        max-width: 1490px;
    }
}
@media screen and (max-width: 1450px) {
    .main-page-new {
        /* max-width: 1250px; */
        padding: 0 20px;
        max-width: 1290px;
    }
}
.new_disign_body .styles-list {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 100px;
    font-family: "Inter Tight", sans-serif;
}
.styles-item-info h2{
    margin: 0;	
}

.all-styles .style-item{
	width: 49.5%!important;
} 

.all-styles .interior-item__text{
    position: unset!important;
}

@media screen and (max-width: 479px) {
    .all-styles .interior-item__wrap .interior-item__text {
        padding: 15px 0 0 0;
    }
}
.all-styles .image-of-slider-item-styles img{
    position: unset;
}

.all-styles .image-of-slider-item-styles{
    padding-top: 0;
}

.all-styles .interior-item__wrap{
    position: unset;
}

.all-styles .interior-item__image:before{
    content: none;
}

.all-styles .interior-item__image{
    min-height: unset;
}

.all-styles .link--white{
    color: #0A0A0A;
    font-size: 20px;
}
.all-styles .interior-item__desc{
    color: #4A4A4F
}

/* .all-styles .interior-item__item:hover .interior-item__title {
    color: #4B919B;
    text-decoration: underline;
} */

.interior-item__title {
    position: relative;
    display: inline-block;
    color: inherit;
    transition: color 0.3s ease-in-out;
}

.interior-item__title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px; 
    width: 0;
    height: 2px; 
    background-color: #4B919B;
    transition: width 0.3s ease-in-out;
}

.all-styles .interior-item__item:hover .interior-item__title {
    color: #4B919B;
}

.all-styles .interior-item__item:hover .interior-item__title::after {
    width: 100%;
}

.all-styles .interior-item__text{
    padding: 0;
    padding-bottom: 20px;
}

.new_page .content{
    background: none;
}
/* .new_page .content .wrapper p:first-child{
    color: #0A0A0A;
    font-weight: 500;
    font-size: 60px;
    line-height: 120%;
} */
.new_page .wrapper{
    /* margin: 0!important; */
    max-width: 100% !important;
}
.main-page-new.all-styles{
    padding: 0!important;
}
.new_page .page_new_design .wrapper{
    width: unset;
}

.all-styles .tabs__item-custom{
    display: inline-block;
    background: none;
    color: #0A0A0A;
    border: none;
    font-size: 28px;
    font-weight: 500;
    line-height: 33.88px;
    text-transform: lowercase;
    transition: .3s;
    font-family: Inter Tight;
    padding-left: 0;
    margin-bottom: 10px;
}

.margin-styles{
    margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
    .all-styles .tabs__item-custom {
        font-size: 18px;
    }
}
@media screen and (max-width: 1450px) {
    .all-styles .tabs__item-custom {
        font-size: 26px;
    }
}
@media screen and (max-width: 1365px) {
    .all-styles .tabs__item-custom {
        font-size: 20px;
    }
}

.all-styles .image-of-slider-item-styles img{
    height: auto!important;
}
.all-styles .style-list{
    padding: 0!important;
    background: none!important;
    border: none!important;
}
.all-styles .tabs__item-custom:first-child{
    padding-left: 0!important;
}
.all-styles .style-list__wrapper:after, .all-styles .style-list__wrapper:before{
    content: none!important;
}

.all-styles .style-item.style-item-new {
    height: 100%!important;
}
@media screen and (max-width: 768px) {
    .all-styles .style-item{
        width: 100%!important;
    } 
}

.all-styles .new_page .wrapper{
    margin: 0;
}
.all-styles .tabs__item-custom a{
    text-transform: lowercase;
    color: #0A0A0A;
}
.all-styles .tabs__item-custom a:hover{
    text-transform: lowercase;
    border-bottom: 1px solid #000;
    color: #0A0A0A;
}
.all-styles .tabs__item-custom:hover{
    background: none;
    /* text-decoration: underline; */
    border-color: none;
}

.all-styles .tabs__item-custom.__current{
    background-color: none;
    border-radius: 0;
    border-bottom: 1px solid #000;
    background: none;
    /* text-decoration: underline; */
    text-transform: lowercase;
}

.container-block_1 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 auto;
    padding-bottom: 50px;
}

.content-block_1 {
    width: 45%;
}

.content-block_1 .content-block_1_title {
    font-size: 170px !important;
    margin-bottom: 80px;
    font-weight: 500 !important;
    line-height: 85% !important;
}

.content-block_1 p {
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: #0A0A0A;
    font-family: 'Inter Tight';
    padding-bottom: 10px;
}

.image-container-block_1 {
    position: relative;
    width: 50%;
    overflow: hidden;
    clip-path: inset(4% 0 2% 0%);
}

.image-container-block_1 img {
    width: 100%;
    height: auto;
    clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%);
}

@media (max-width: 1366px) {
    .container-block_1 {
        gap: 0px; 
    }

    .content-block_1 {
        width: 40%;
    }

    .image-container-block_1 {
        width: 686px;
    }

    .image-container-block_1 img {
        clip-path: polygon(30% 0, 100% 0, 70% 100%, 0 100%);
    }
	.content-block_1 .content-block_1_title {
	    font-size: 130px !important;
		margin-bottom: 45px;
	}
	.content-block_1 p {
	    font-size: 16px;
	}
}

@media (max-width: 1024px) {
    .container-block_1 {
        gap: 0px;
    }

    .content-block_1 {
        width: 70%;
    }

    .content-block_1 .content-block_1_title {
        font-size: 80px !important; 
		margin-bottom: 20px;
    }

    .content-block_1 p {
        font-size: 16px; 
    }

    .image-container-block_1 {
        width: 100%;
    }

    .image-container-block_1 img {
        clip-path: polygon(28% 0, 100% 0, 74% 100%, 0 100%);
    }
}

@media (max-width: 820px) {
    .content-block_1 .content-block_1_title {
		display: none !important;
    }
    .container-text-mob h1 {
	    font-size: 80px !important; 
        line-height: 90%;
		margin-bottom: 20px;
	}
	.image-container-block_1 img {
    clip-path: polygon(22% 0, 100% 0, 78% 100%, 0 100%);
    }
	    .content-block_1 {
            width: 490px;
    }
}

@media (max-width: 620px) {
	.container-block_1 {
        display: flex;
        margin: 0 auto;
        padding-bottom: 50px;
        flex-direction: column-reverse;
		align-items: flex-start;
    }
    .container-text-mob h1 {
        font-size: 60px !important;
        margin-bottom: 20px;
    }

    .content-block_1 p {
        font-size: 14px; 
		margin-top: 30px;
    }

    .image-container-block_1 img {
        clip-path: border-box;
    }
	.content-block_1 {
        width: auto;
    }
    .mob_block_col{
        display: block;
    }
    .desc_block_col{
        display: none;
    }
}
/* @media screen and (max-width: 1365px) {
    .page_new_design .categories-item {
        width: 305px;
        height: 206px;
    }
} */
.row {
  /* flex-wrap: wrap; */
}
.categories-item {
	width: auto !important;
}
.categories-item-wrapper {
	margin: 0 0px 20px !important;
}

    @media (min-width: 768px) and (max-width: 1024px) {
      .catalog-item {
        width: 33.33333% !important;
        float: left;
      }
    }

    @media (min-width: 768px) and (max-width: 991px) {
      .catalog-item {
        width: 50%;
        float: left;
      }
    }
	@media screen and (max-width: 767px) {
    .categories-item {
        min-height: auto !important;
    }
}
.row .categories-list {
    margin: 0 0px 0px;
}
@media(max-width: 820px) and (min-width: 621px) {
  .container-block_1 {
    align-items: flex-start;
  }
}
.page_new_design .wrapper {
	/* max-width: none !important; */
}
.categories-item-wrapper {
    float: initial !important;
}
.collections-categories-list .catalog-item{
	padding-left: 10px;
	padding-right: 10px;	
}
.row .categories-list {
    margin: 0 5px 0px;
}
.mob_block_col{
	display: none;
}
.desc_block_col{
	display: block;
}
@media screen and (max-width: 820px) {
	/* .image-container-block_1 img {
		width: 100%;
		height: auto;
		clip-path: initial;
	}	 */
	.content-block_1 {
		width: 100%;
	}	
	.content-block_1 .content-block_1_title {
		display: block !important;
	}	
	/* .mob_block_col{
		display: block;
	} */
	/* .desc_block_col{
		display: none;
	}	 */
	.content-block_1 .content-block_1_title {
		font-size: 60px !important;
	}
}


.new_disign_body .breadcrumbs+h1.big_title_collections {
    font-size: 80px;
    line-height: normal;
    font-weight: 500;
    font-family: Inter Tight;
}
@media screen and (max-width: 1366px) {
    .new_disign_body .breadcrumbs+h1.big_title_collections {
        font-size: 60px;
        line-height: normal;
    }
}
@media screen and (max-width: 1024px) {
    .new_disign_body .breadcrumbs+h1.big_title_collections {
        font-size: 40px;
        line-height: normal;
    }
}
@media screen and (max-width: 440px) {
    .new_disign_body .breadcrumbs+h1.big_title_collections {
        font-size: 32px;
        line-height: normal;
    }
    .all-link {
        font-size: 14px !important;
        line-height: 17px;
    }	
}

.all-styles .style-top{
    border-top: 2px solid #f4f4f4;
    border-bottom: 2px solid #f4f4f4;
    padding: 40px 0;
    margin-bottom: 30px;
}
.all-styles .style-top img{
    margin-right: 60px;
    border-right: 2px solid #f4f4f4;
}
.all-styles .label {
    right: 20px;
    top: 20px;
    position: absolute;
    color: #000000;
    border-radius: 15px 0 15px 15px;
    z-index: 1;
    border-radius: 5px;
    padding: 4px 16px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14.3px;
    background: #AFD970;
    text-transform: uppercase;
}
/* End */
/* /local/components/HB/catalog.all.styles/templates/design25/style.css?175006010420616 */