@font-face {font-family:'Nunito'; src:url(nunito/Nunito-Regular.ttf) format("truetype"); font-weight:400; font-style:normal; font-display:swap}
@font-face {font-family:'Nunito'; src:url(nunito/Nunito-Bold.ttf) format("truetype"); font-weight:700; font-style:normal; font-display:swap}
/*@font-face {font-family:'Nunito'; src:url(nunito/Nunito-ExtraBold.ttf) format("truetype"); font-weight:900; font-style:normal; font-display:swap}*/

/* 15.11.2024 changes */

.rheader .fline {padding: 8px 6px; background: #59575F; border-radius: 0 0 5px 5px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; font-family:'Nunito',Arial,sans-serif; height: 54px;}
.rheader .fline a {color: #fff;}
.rheader .fline a:hover {text-decoration: underline;}
.flinemenu  {display: flex; flex-wrap: wrap; font-size: 13px; min-width: 800px; justify-content: space-between; padding-left: 13px;}
.flineaddress {text-align: right; padding-right: 13px;}
.flineaddress p:nth-child(1) {font-size: 15px;}
.flineaddress p:nth-child(2) {font-size: 13px;}

.sline { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 15px; gap: 0 40px; font-family:'Nunito',Arial,sans-serif;}
.sline > div {width: max-content; position: relative; order: 1;}
.sline .header-menu-catalog {width: 100%;}
.slinelogo {max-width: 17%;}
.slinelogo > a {display: flex;}
.slinetext {font-size: 22px; font-weight: 700; color: #444; height: 66px;}
.slinetext a { color: #444;}
.slinetext span {display: block; font-size: 13px; font-weight: 400;}
.slinetext span.time {font-size: 22px; display: flex; flex-wrap: wrap; align-items: start; font-weight: 700;}
.slinetext span.time small{font-size: 13px;}
.text2.slinetext,.text3.slinetext{text-align: right;}

.sline .search {width: 22%;}
.sline .search form{max-width: 100%;}
.sline .search-form .search-text {flex: inherit; width: calc(100% - 47px);}
.sline .search-form .search-elem {height: 40px !important;}
.sline .search  .search-text {background: rgba(240, 121, 72, 0.1) !important; border-left: 1px solid rgba(68, 68, 68, 0.2);  border-top: 1px solid rgba(68, 68, 68, 0.2);  border-bottom: 1px solid rgba(68, 68, 68, 0.2);}
.sline .search  .search-text::placeholder {color: #B1B1B1;}
.sline .search  .search-btn {background: rgba(240, 121, 72, 0.1) url(../images/orangelupa.svg) 50% no-repeat;	background-size: 20px 20px;   border-right: 1px solid rgba(68, 68, 68, 0.2);  border-top: 1px solid rgba(68, 68, 68, 0.2);  border-bottom: 1px solid rgba(68, 68, 68, 0.2);  border-left: none;}
  
  
  
.sline .cartandfav {flex-grow: 1; display: flex; flex-wrap: wrap; justify-content: end;  gap: 15px;}
.sline .cartandfav .favorites-link{order: 1;position: relative; padding: 0; z-index: 100; border: none !important; margin: 0; width: 50px; height: 50px; display: block; background: url(../images/zvezda.svg) 50% 50% no-repeat; background-size: 45px 45px;}
.sline .cartandfav .favorites-link #countFav{background: #fff;   border-radius: 100%;   font-size: 12px;   border: 1px solid #F07948;   color: #F07948;   right: 3px;   padding: 0;   text-align: center;   width: 17px;   height: 17px;   display: flex;    font-family: 'Nunito',Arial,sans-serif;   align-items: center;   justify-content: center;}
  
.sline .cartandfav .header-cart {padding-top: 0; width: auto; min-width: 50px; order: 2;}
.sline .cartandfav .header-cart .cart-zag span:not(.itemscount){display: none; }
.sline .cartandfav .header-cart .cart-zag {padding: 0; }
.sline .cartandfav .header-cart .cart-zag span.itemscount {padding: 0; margin: 0; width: 50px; height: 50px; display: block; background: url(../images/cart.svg) 50% 50% no-repeat; background-size: 45px 45px;}
.sline .cartandfav .header-cart .cart-zag span.itemscount i {  border-radius: 100%;  font-size: 12px;  border: 1px solid #F07948;  background: #F07948;  color: #fff;  right: 1px;  padding: 0;  text-align: center;  width: 17px;  height: 17px;  display: flex;align-items: center;font-family: 'Nunito',Arial,sans-serif; top: 0;  font-family: normal;  justify-content: center;}
.sline .cartandfav .header-cart {width: 50px;}
.header-brands .header-brands--inner {width: 100%;}
.header-brands .header-brands--inner > ul > li, .header-brands .header-brands--title {}
.sline .mobilebrandsbutton {display: none;}
.menucloseandlogo {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 15px; }
.menucloseandlogo .closebutton {width: 30px; height: 30px; cursor: pointer;}
.catalog_t_menuf {padding: 15px 0 0 0; border-bottom: 1px solid #dedede;}
.catalog_t_menuf li {margin-bottom: 0; position: relative;}
.catalog_t_menuf li a {font-size: 17px; color: #444444; font-weight: 700; display: block; padding: 7px 15px;}
.catalog_t_menuf li a:hover,.catalog_t_menuf li.asib_shown > a {text-decoration: none; color: #fff !important; background: #f07948}
.asib_shown ul li a {padding-left: 40px;background: #dedede;}

.catalog_t_menuf li.active_d ul{display: none}
.catalog_t_menuf li a.brand-item {color: brown}

.catalog_t_menus {padding: 19px 15px 0 15px; border-bottom: 1px solid #dedede;}
.catalog_t_menus li {margin-bottom: 15px;}
.catalog_t_menus li a {font-size: 13px; color: #444444; font-weight: 400;}
.catalog_t_menus li a:hover {text-decoration: underline;}

.menu-catalog-popup {height: 40px; color: #fff;}
.menu-catalog-popup:hover {color: #fff;}
.menu-catalog-popup i {font-size: 17px; text-transform: none;}


.popupbottomtext {padding: 19px 15px 0 15px;}
.popupbottomtext span {display: block; font-size: 13px; font-weight: 400;}
.popupbottomtext span.time {font-size: 22px; display: flex; flex-wrap: wrap; align-items: start; font-weight: 700;}
.popupbottomtext span.time small{font-size: 13px;}


.catalog-list.deckstop.catalog_t {background: #fff; display: block; width: 100%; top: 0; left: 0; z-index: 111; padding: 20px 0; max-width: 375px; border: 1px solid #dddbdb; border-radius: 5px}
.menucloseandlogo img{height: 25px; }

.menucloseandlogo .closebutton {	position: absolute;	top: 30px;	right: 20px;	width: 24px;	height: 24px;	opacity: 0.2;	cursor: pointer;    transition: opacity ease 0.5s;	&:hover {opacity: 1;}}
.menucloseandlogo .closebutton::before,.menucloseandlogo .closebutton::after {	content: '';	position: absolute;	top: 0;	display: block;	width: 24px;	height: 3px;	background: #000;}
.menucloseandlogo .closebutton::before {	transform: rotate(45deg);}
.menucloseandlogo .closebutton::after {	transform: rotate(-45deg);}

.header-brands .header-brands--title {text-transform: none;}

.header-brands .header-brands--inner > ul {flex-wrap: wrap;  gap: 10px 0; position: relative; justify-content: space-between;}


.categoryonmain {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px 0;}
.categoryonmain > div {width: 15%; text-align: left; font-family:'Nunito',Arial,sans-serif;}
.categoryonmain > div > a {display: block; width: 100%; height: 100%; color: #444444; font-size: 18px; font-weight: 700;}
.categoryonmain > div > a:hover {}
.categoryonmain .category_element_img {margin-bottom: 25px; display: flex;}
.categoryonmain .category_element_img img {border-radius: 5px; box-shadow: 0 0 2px gray;}
.categoryonmain .category_element_name {padding-bottom: 10px; border-bottom: 1px solid #dedede;}
.categoryonmain .category_element_count {color: #F07948; font-size: 15px; font-weight: 400; padding-top: 10px;}
.categoryonmain > div > a:hover .category_element_count {text-decoration: underline;}
.categoryonmain > div > a:hover .category_element_name {text-decoration: underline;}

.header-menu-catalog_n i {text-transform: none; font-size: 16px;}

.flags_wrap {margin: 50px 0; padding: 60px 0; background: #EBEFF6;}
.flags_wrap ul {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
.flags_wrap ul li a{width: 180px; height: 150px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #fff; border: 1px solid #dedede; border-radius: 5px; font-size: 18px; color: #444; font-weight: 400;}
.flags_wrap ul li a .flag-icon {margin: 0; box-shadow: none; width: 100%; line-height: 22px;}
.flags_wrap ul li a .countryname {width: 100%; display: block; text-align: center; margin-top: 20px;}
.flags_wrap h2 span {  text-transform: none;  font-size: 31px;  font-family: 'Nunito',Arial,sans-serif;  font-weight: 700;}

.advantages-title {font-family: 'Nunito',Arial,sans-serif; font-size: 30px; font-weight: 700;}
.advantage {padding: 0; font-family: 'Nunito',Arial,sans-serif; font-weight: 700; height: 100%; position: relative;  display: flex;  flex-direction: column;}
.advantages .col-lg-3{padding: 0 10px;}
.advantage-name {font-size: 19px; font-family: 'Nunito',Arial,sans-serif; font-weight: 700;}
.advantage-desc {font-size: 13px; font-family: 'Nunito',Arial,sans-serif; margin-bottom: 25px;}
.advantage-link {flex-grow: 1;  display: flex;  justify-content: end;  flex-direction: column; font-size: 19px; text-decoration: underline; text-transform: none; font-family: 'Nunito',Arial,sans-serif; font-weight: 700;}
.zayavka_wrap {padding: 50px 0;}
.zayavka_wrap .container {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
.zayavka_wrap .banner-block-design {background: #dddfdd; flex-grow: 1;display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center; gap: 20px; padding: 9px 50px;}
.zayavka_wrap .banner-block-design-link {background:  url(../images/bg-design.jpg) center center no-repeat; flex-grow: 1; background-size: contain;}
.zayavka_wrap .block-design-title {font-size: 28px;font-family: 'Nunito',Arial,sans-serif; font-weight: 700; padding-right: 50px;}
.zayavka_wrap .block-design-title span {display: block;} 
.zayavka_wrap .tpl-template-2219 {width: 230px; max-width: 100%;}
.zayavka_wrap .linktoacz {width: 315px; max-width: 100%; margin: 0 auto; background: url(../images/bg-linktoacz.jpg) 50% 50% no-repeat; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: end;  background-size: cover; border-radius: 5px;}
.zayavka_wrap .linktoacz span {font-size: 31px; line-height: 31px; font-family: 'Nunito',Arial,sans-serif; font-weight: 700; padding: 0 0 20px 20px; color: #fff;}
.zayavka_wrap .linktoacz span a {display: block; padding: 5px 25px; font-size: 14px; background: #fff; border: 1px solid #dedede; border-radius: 5px; width: max-content; max-width: 100%; color: #444; line-height: initial;  margin-top: 10px;}
.zayavka_wrap .linktoacz span a:hover {background: #444; color:#fff;}
.zayavka_wrap .zayavka_form_wrap {display: flex;  flex-wrap: wrap;  justify-content: space-between;}
.zayavka_wrap .banner-block-design p input {padding: 5px 5px 5px 14px; border-radius: 5px;}
.zayavka_wrap .banner-block-design p {margin-bottom: 10px;}
.advantages {  padding: 60px 0 60px 0 ;}

.company_flex_description {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
.company_flex_description_50 {width: calc(50% - 20px);}
.company_flex_description_50 ul:last-child {margin-bottom: 0;}

.contact-box {justify-content: start;}

.slinelogo .toggle{display: none;}
.placetoggle a{display: none;}
.phonetoggle a{display: none;}
.placetoggle-address {background: url(../images/hplace.png) 50% 50% no-repeat; background-size: contain; height: 30px; width:25px; cursor: pointer;}
.placetoggle-mail {background: url(../images/hmail.png) 50% 50% no-repeat; background-size: contain; height: 17px; width:24px; }
.placetoggle-callback {background: url(../images/hphone.png) 50% 50% no-repeat; background-size: contain; height: 21px; width:23px; cursor: pointer;}
.modal-address {color: #444444;  font-family: 'Nunito',Arial,sans-serif; font-weight: 700;}
.modal-address-title {font-size: 14px;}
.modal-address-descr {font-size: 13px; font-weight: 400;}
.modal-address-link {font-size: 13px; font-weight: 400; color: #F07948}
.modal-address-link:hover {text-decoration: underline;}
.modal-address-time {padding: 10px 0;}
.modal-address-time span {display: block; font-size: 13px; font-weight: 400;}
.modal-address-time span.time {font-size: 22px; display: flex; flex-wrap: wrap; align-items: start; font-weight: 700;}
.modal-address-time span.time small{font-size: 13px;}
.toggle.active .modal-dialog{width: max-content;}
.toggle.active .modal-content{background: #EBEFF6; padding: 20px;}
.toggle.active .modal-content img{height: auto; position: absolute;  top: 12px;  right: 12px;  cursor: pointer;}

.modal-dialog-phone {  font-size: 22px;  font-weight: 700;  color: #444; margin-bottom: 20px;}
.modal-dialog-phone a{color: #444;}
.modal-dialog-phone span {  display: block;  font-size: 13px;  font-weight: 400;}
.modal-phone-link {font-size: 13px; font-weight: 400; color: #F07948}
.modal-phone-link:hover {text-decoration: underline;}

.toggle .modal-dialog {display: none; position: absolute;  left: 0;  z-index: 11111;  top: 100%;  margin: 3px;}
.toggle.active .modal-dialog {display: block;}
.toggle .modal-dialog.modal-dialog-right {left: auto; right: 0;}
.overlayapmodal {position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 1050;  display: none;  outline: 0; background: rgba(0,0,0,0.6);}
.overlayapmodal.active {display: block;}



.menu-catalog.menu-catalog-popup {margin-left: 15px;}


.popular_fabric h2 span {text-transform: none; font-size: 31px; font-family:'Nunito',Arial,sans-serif; font-weight: 700; }
.popular_fabric h2 > span{padding-bottom: 30px; }
.popular_fabric .view__all-btn{	font-size: 14px; font-family:'Nunito',Arial,sans-serif; font-weight: 700; }
.popular_fabric .wrap_brands{  display: flex;   flex-direction: row;   flex-wrap: wrap;   justify-content: center;   align-items: stretch;   align-content: stretch;   gap:20px;   margin:0 0 20px 0; }
.popular_fabric .wrap_brands .row_b{  width:245px;   display: flex;   flex-direction: row;   flex-wrap: wrap;   justify-content: center;   align-content: end;   min-height:245px;   border:1px solid #DEDEDE;   padding:0 0 29px 0; }
.popular_fabric .wrap_brands .row_b .rwb_img{  max-width:150px;   height:75px;   overflow:hidden;   text-align:center;   margin:0 0 26px 0;   width:100%; }
.popular_fabric .wrap_brands .row_b .rwb_img img{  max-width:100%;   max-height:100%; }
.popular_fabric .wrap_brands .row_b .rwb_head{  width:100%;   text-align:center;   font-weight:700;   font-size:14px;   color:#1B1B1B;   line-height:1.4;   margin:0 0 15px 0; }
.popular_fabric .wrap_brands .row_b .rwb_subhead{  width:100%;   text-align:center;   color:#A0A0A0;   font-weight:400;   font-size:12px;   line-height:1.4; }
.popular_fabric .wrap_brands + .pagination{  margin:0 0 70px 0; }



@media (max-width: 1300px) {
.sline {gap: 10px 20px; }
.sline .search form{}
}
@media only screen and (max-width: 1250px) {
	.zayavka_wrap .linktoacz {width: 360px;}
	.zayavka_wrap .tpl-template-2219 {max-width: 100%; width: 100%;}
	.tmp-search1 {display: flex;}
	.header-menu-catalog_n, .catalog-list_n {display: flex; height: 48px;  align-items: center;}
	 .catalog-list_n > li {    margin-right: 0; 	padding: 0;   }
	 .categoryonmain {gap: 16px;}
	.categoryonmain > div {width: calc(33.33% - 16px);}
	.categoryonmain > div img {width: 100%;}
	.zayavka_wrap .zayavka_form_wrap {flex-direction: column; max-width: 255px;}
	.zayavka_wrap .block-design-title span br{display: none;}
	.zayavka_wrap .banner-block-design p {width: 48%;}
	.zayavka_wrap  form {display: flex;    flex-wrap: wrap;    justify-content: space-between;}
	.zayavka_wrap  form > #nc_moderate_form{display: none;}
	.zayavka_wrap .block-design-title{padding-right: 0; text-align: center;}
	.zayavka_wrap .block-design-button {width: 100%;}
	
}
@media (max-width: 1200px) {
	.sline .search {width: 15%;}
	.flineaddress {display: none;}
	.catalog_t_menuf li a:before {content: "\f054";    font-family: Font Awesome\ 5 Free;    position: absolute;    top: 14px;    right: 15px;    font-size: 12px;}

}

@media (max-width: 1070px) {
	.placetoggle a {display: block; margin: 0 27.5px;}
	.phonetoggle a {display: block;}
	.zayavka_wrap .banner-block-design { padding: 9px 20px;}
	.advantage-name {width: 80%; margin: 0 auto 10px auto;}
	.advantage-desc {margin-bottom: 10px;}
	.advantage-link {font-size: 18px;}
	.flags_wrap h2 span {}
	.flags_wrap ul li a{width: 230px;}
	.brandsline {display: none;}
	.header-brands .header-brands--inner {border-bottom: none; border-top: 1px solid #dedede; padding-bottom: none; padding-top: 12px;}
	.sline {gap: 10px 10px; position: relative; padding-bottom: 20px;}
	.sline .slinelogo {width: 100%;  max-width: 100%;  display: flex;  justify-content: center; order: -10;}
	.slinelogo img {height: 30px;}
	.slinelogo .toggle{display: flex;flex-wrap: wrap;  justify-content: start;  flex-grow: 1; align-items: center; gap: 25px; width: calc(33% - 110px);} 
	.slinelogo .phonetoggle {justify-content: end; } 
	.sline .slinetext {display: none;}
	.sline .cartandfav {flex-grow: 0;}
	.sline .cartandfav .favorites-link, .sline .cartandfav .header-cart .cart-zag span.itemscount {width: 27px; background-size: 27px 27px; background-position: 50% 100%; height: 100%; min-height: 40px;}
	.sline .cartandfav .header-cart {width: 27px; min-width: 27px;}
	.sline .search {width: calc(100% - 280px);    flex-grow: 1;}
	.sline .search-form {width: 100%;}
	.catalog-list_n.deckstop {display: none;}
	.sline .header-menu-catalog {width: max-content; order: -5; position: unset; margin: unset;}
	.menu-catalog:not(.menu-catalog-popup) img {margin-right: 0;}
	.header-menu-catalog > span.menu-catalog:not(.menu-catalog-popup) i {display: none;}
	.header-menu-catalog_n .menu-catalog:not(.menu-catalog-popup) {width: 80px; height: 40px;}
	.header-menu-catalog_n, .catalog-list_n {height: 40px;}
	.sline .mobilebrandsbutton {display: flex; }
	.sline .mobilebrandsbutton  a {cursor: pointer;   width: 80px;    font-weight: 700;    color: #333;    background: #fff;    border-bottom: 2px solid #dddada;    border-right: 1px solid #dddada;    margin: 0 3px;    text-transform: uppercase;}
	.catalog-list > li.more > a::before {content: "";}
	.categoryonmain {padding: 0 0 90px 0;}
	.categoryonmain .category_element_img {margin-bottom: 15px;}
	.categoryonmain .category_element_name {font-size: 16px;}
	.categoryonmain .category_element_count {font-size: 15px;}
	.popular_fabric .wrap_brands .row_b {width: 230px; height: 241px;}
	.rheader .fline {display: none;}

}




@media (max-width: 900px) {

	.company_flex_description { gap: 10px;}
	.block-text__home {padding: 0 15px; margin-bottom: 60px;}
	.block-text__home .container {padding: 30px 15px;}
	.company_flex_description_50 {width: 100%;}
.zayavka_wrap {padding: 10px 0; margin-bottom: 50px;}
.zayavka_wrap .banner-block-design {width: 100%; padding: 35px 0 ;}
.zayavka_wrap .linktoacz {width: 100%; height: 235px;}
.zayavka_wrap .banner-block-design-link {display: none;}
.zayavka_wrap .zayavka_form_wrap {margin: 0 auto;}
.header-brands .header-brands--inner > ul {justify-content: start; justify-content: flex-start;}
.header-brands .header-brands--inner > ul > li, .header-brands .header-brands--title {position: unset;}
.header-brands .header-brands--inner > ul > li:hover .sub {max-width: 100%; left: 0; top: auto; z-index: 1234;}
.header-brands .header-brands--inner > ul > li:last-child:hover .sub {left: 0; right: auto;}
.categoryonmain .category_element_name {font-size: 15px;}
.categoryonmain .category_element_count {font-size: 13px;}
.categoryonmain {padding: 20px 20px 60px 20px;}
.categoryonmain > div {width: calc(50% - 16px);}
.advantage	{padding-bottom: 30px !important;}
.advantages {padding-top: 10px; padding-bottom: 10px;}
.advantages-title {font-size: 20px; margin-bottom: 10px; font-weight: 700;}
.categoryonmain .category_element_img {margin-bottom: 12px;}
.categoryonmain .category_element_name {padding-bottom: 6px;}
.categoryonmain .category_element_count {padding-top: 6px;}

}

@media (max-width: 767px){
  .popular_fabric .wrap_brands{    padding:0 10px;     margin-bottom:38px;   }
  .popular_fabric .wrap_brands .row_b{    width: calc(50% - 10px);   height: auto;  min-height: 170px;     padding-bottom: 24px;     max-width: 170px;   }
  .popular_fabric .wrap_brands .row_b .rwb_img{    max-width:130px;     height:60px;     margin-bottom:15px;   }
  .popular_fabric .wrap_brands .row_b .rwb_head{    margin-bottom:9px;   }
  .popular_fabric .wrap_brands + .pagination{    margin-bottom:36px;   }
  .popular_fabric h2 span {font-size: 20px;}
   	.catalog_t_menuf li a:before {content: "";}
 .catalog_t_menuf li.active_d > a::before {content: "\f054";}
 .catalog_t_menuf li.active_d.asib_shown > a::before {transform: rotate(90deg); transition: ease-in;}

}

@media (max-width: 500px) {
.flags_wrap {padding: 40px 0;}
.sline .mobilebrandsbutton {display: none;}
.header-menu-catalog_n .menu-catalog:not(.menu-catalog-popup) {width: 40px;}
.flags_wrap ul {gap: 15px;}
.flags_wrap ul li a .countryname {margin-top: 10px;}
.flags_wrap ul li a{width: 162px; height: 90px; font-size: 15px;}
.flags_wrap h2 span {font-size: 20px; padding-bottom: 10px;}
.advantage-name {font-size: 16px; font-weight: 700;}
.advantage-desc {font-size: 12px; margin-bottom: 0;}
.advantage-link {font-size: 18px;}
.placetoggle-address {width: 15px; height: 20px;}
.placetoggle-mail {width: 19px; height: 14px;}
.placetoggle-callback {width: 19px; height: 17px;}
.categoryonmain {padding: 10px 15px 60px 15px;}
.placetoggle a {margin: 0 12.5px;}
}

@media (max-width: 395px) {
.catalog-list {box-shadow: none;}
}