@charset "UTF-8";



.no-scroll{
  overflow-y: hidden;
  height: 100vh;
  height: 100dvh;

}


.catalog {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
	font-family: 'Fira Sans', sans-serif!important;
}

.catalog_container {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
}

.catalog__title {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  height: -moz-max-content;
  height: max-content;
  align-items: end;
}


.catalog_head{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.catalog_head__banner {
  width: 100%;
  height: max-content;
  border-radius: 10px;
  margin-top: 25px;
  cursor: pointer;
}
@media screen and (max-width: 762px){
  .catalog_head__banner:not(.mobile){
    display: none;
  }
}
.catalog_head__banner.mobile{
  margin: 20px 0;
}
@media screen and (min-width: 800px){
  .catalog_head__banner.mobile{
    display: none;
  }
}
.catalog_head__banner-mobile {
  display: none;
}

.catalog_head__banner img {
  height: auto;
  width: 100%;
}


.catalog_filter_select{}
.catalog_filter_select label{
}
.catalog_filter_select label span{
  font-size: 13px;
  color: #7E7E7E;
  margin-right: 5px;
}

.catalog_filter_select label select{
  padding: 7px;
  background: #F5F5F5;
  border: none;
  color: #7E7E7E;
  outline: none;
  border-radius: 5px;
  font-size: 13px;
  position: relative;
  cursor: pointer;
}

.catalog_filter_select label select::-ms-expand {
	display: none;
}

@media screen and (max-width :1000px){

  .catalog_head .catalog_filter_select{
    display: none;
  }
  
}


.catalog__title h1 {
  margin: 0px;
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding: 0px;
  margin-right: 15px;
  font-weight: 700;
}
.catalog__title span {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 0px;
  margin: 0px;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 500;
  color: rgba(103, 103, 103, 0.7);
}

.catalog__tags {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  border-bottom: 1px solid #E8E8E9;
  padding-bottom: 20px;
}
.catalog__tags ul {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0px;
  margin: 20px 0 0;
}
.catalog__tags ul li {
  margin-right: 10px;
}
.catalog__tags ul li a {
  background-color: #F5F5F5;
  padding: 7px 11px;
  border-radius: 5px;
  font-size: 14px;
  color: #838383;
  font-weight: 400;
}
.catalog__tags ul li a:hover {
  color: rgb(103, 103, 103);
}

.catalog__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  /* min-height: 70vh;
  margin-bottom: 50px; */
  min-height: 100%;
  margin-bottom: 30px;
}

.catalog__content .update_ajax_sortline {
  height: 100%;
  min-height: 150px;
}

.update_ajax_sortline .pagination .container-lg{
  padding: 0px;
}


.catalog_sidebar {
  width: 22%;
  height: -moz-max-content;
  height: max-content;

  user-select: none;
}

.catalog_sidebar__category {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
}
.catalog_sidebar__category h4 {
  /* font-size: 1rem;
  line-height: 1.2rem; */
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 700;
  color: #30314F;
  margin: 20px 0px;
}
.catalog_sidebar__category .catalog_sidebar__category_item {
  display: block;
  width: 100%;
  padding: 8px 0px;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #676767;
  font-weight: 400;
  margin: 5px 0px;
}
.catalog_sidebar__category .catalog_sidebar__category_item b {
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 400;
  margin-right: 10px;
}
.catalog_sidebar__category .catalog_sidebar__category_item:hover {
  color: #313131;
}


.catalog_sidebar__category ul{
  width: 100%;
  height: max-content;
  margin: 0px;
  padding: 0px;
}

.catalog_sidebar__category a{
  color: #676767;
  font-weight: 400;
}

.sidebar_category__up_item{
  width: 100%;
  /* height: 40px; */
  height: max-content;
  position: relative;
}

.catalog_sidebar__category_m .sidebar_category__up_item label a{
  margin: 4px 0px 0px;
  padding-right: 14px;
}

.sidebar_category__up_item label{
  width: 100%;
  max-width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  z-index: 6;
}
.sidebar_category__up_item label a{
  width: max-content;
  height: max-content;
  padding: 0px 10px 0px 0px;
  /* font-size: 1rem;
  line-height: 1.2rem; */
  font-size: 1rem;
  font-weight: 400;
}

.catalog_sidebar__category span{
  color: #676767;
  font-weight: 400;
  font-size: 1rem;

}

.sidebar_category__up_item input{
  display: none;
}

.category_drop_down_arrow{
  width: 13px;
  height: 10px;
  position: relative;
  margin-right: 12px;
  z-index: 5;
}
.category_drop_down_arrow::after{
  /* content: "▼";
  position: absolute;
  height: -moz-max-content;
  height: max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 12px;
  top: 0;
  right: 0px; */

  content: "";
  background-image: url("../../images/icons/arrow_bottom_grey_narrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 13px;
  height: 10px;
}


.sidebar_category__up_item input[type=checkbox]:checked+label .category_drop_down_arrow::after{
  transform: scaleY(-1);
}

.sidebar_category__up_item ul{
  width: 100%;
  overflow: hidden;
  /* max-height: 100px; */
  height: 0px;
  transition: height 0.5s;
  margin: 0px;
  padding: 0px;
}

.sidebar_category__up_item input[type=checkbox]:checked ~ ul{
  height: max-content;
  /* overflow: auto; */
}



.sidebar_category__down_item{
  width: 100%;
  display: flex;
  align-items: center;
  height: 30px;
}
.sidebar_category__down_item a{
  /* margin-left: 20px; */
  margin-right: 10px;
  font-size: 1rem;
  line-height: 1.2rem;
}
.second_level__list .sidebar_category__down_item{
  height: 30px;
}
.catalog_sidebar__category .active_element{
  color: #30314F;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1rem;

}
.catalog_sidebar__category .active_element a{
  color: #30314F;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1rem;
}
.catalog_sidebar__category .active_element span{
  color: #ACACAC;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
}

.second_level__list .sidebar_category__down_item a{
  margin-left: 15px;
  font-size: 1rem;
  line-height: 1rem;
  /* color: #676767; */
}



.sidebar__drop_down {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  margin: 5px 0px;
  position: relative;
}
.sidebar__drop_down input[type=radio] {
  position: absolute;
  display: none;
}
.sidebar__drop_down .sidebar__drop_down_title {
  position: relative;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 25px;
  color: #6F6F84;
  cursor: pointer;
}
.sidebar__drop_down .sidebar__drop_down_title::before {
  content: "▼";
  position: absolute;
  height: -moz-max-content;
  height: max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 12px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar__drop_down .sidebar__drop_down_box {
  width: 100%;
  height: 0px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0);
  transition: all 0.2s;
}
.sidebar__drop_down input[type=radio]:checked ~ .sidebar__drop_down_box {
  border: 1px solid #D1D2D3;
  height: 140px;
}

.list_params {
  width: 100%;
  max-height: 140px;
  overflow: auto;
  position: relative;
  z-index: 5;
  background-color: white;
}
.list_params ul {
  padding: 0px;
  margin: 0px;
  height: -moz-max-content;
  height: max-content;
}
.list_params ul li {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 6px 0px 6px 10px;
  margin: 3px 0px;
}
.list_params ul li label {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.list_params ul li input {
  width: 20px;
  height: 20px;
  margin-right: 19px;
}
.list_params ul li span {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-size: 1rem;
  line-height: 1rem;
  color: #8D8D8D;
  font-weight: 400;
}

.list_color .list_color__color {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: aqua;
  border: 1px solid;
  border: 1px solid #D1D2D3;
  margin: 0px 10px 0px 0px;
}

.range_params {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
}

.range_params__box {
  width: 90%;
  margin: 20px auto;
}
.range_params__box input[type=range] {
  display: none !important;
  width: 100%;
}

.range_params__params {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.range_params__params_box {
  display: flex;
  height: -moz-max-content;
  height: max-content;
  align-items: center;
}
.range_params__params_box span {
  font-size: 1.2rem;
  padding-right: 10px;
  font-weight: 400;
  color: #D1D2D3;
}
.range_params__params_box input {
  width: 90px;
  height: 21px;
  padding-left: 20px;
  font-size: 1rem;
  background: #FFFFFF;
  border: 1px solid #D1D2D3;
  border-radius: 16px;
}

.catalog_list {
  width: 75%;
  height: -moz-max-content;
  height: max-content;
}

.catalog_list__params {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  display: flex;
}

.drop_down__btn {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  position: relative;
  background: rgba(48, 49, 79, 0.7);
  border-radius: 19px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  margin-right: 10px;
}
.drop_down__btn label {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.drop_down__btn input[type=radio] {
  position: absolute;
  display: none;
}
.drop_down__btn .drop_down__btn-title {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0px 20px 0px 20px;
}
.drop_down__btn .drop_down__btn-title span {
  position: relative;
  color: white;
  padding-right: 20px;
}
.drop_down__btn .drop_down__btn-title span::after {
  content: "▼";
  position: absolute;
  top: 4px;
  right: 0px;
  font-size: 12px;
}
.drop_down__btn .drop_down__box_list {
  position: absolute;
  top: 40px;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 10px 20px;
  background-color: white;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 10;
}
.drop_down__btn input[type=radio]:checked ~ .drop_down__box_list {
  display: block;
}

.drop_down__check-btn_box {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.drop_down__check-btn_box .check-btn {
  margin: 0px 2px;
}
.drop_down__check-btn_box .check-btn label {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  position: relative;
}
.drop_down__check-btn_box .check-btn label input {
  position: absolute;
  display: none;
}
.drop_down__check-btn_box .check-btn label span {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.644);
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-size: 1rem;
  line-height: 1rem;
  padding: 3px 10px;
  color: rgba(0, 0, 0, 0.644);
  background-color: white;
  cursor: pointer;
  transition: all 0.2s;
}
.drop_down__check-btn_box .check-btn label span:hover {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: rgba(48, 49, 79, 0.541);
  color: white;
}
.drop_down__check-btn_box .check-btn label input[type=checkbox]:checked ~ span {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: rgb(48, 49, 79);
  color: white;
}
.drop_down__check-btn_box .check-btn label input[type=radio]:checked ~ span {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: rgb(48, 49, 79);
  color: white;
}

.drop_down__range_box {
  width: 250px;
}
.drop_down__range_box .range_params__box {
  width: 100%;
  margin: 10px auto;
}

.catalog_list_group {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  margin-top: 31px;
  margin-left: 5px;
  user-select: none;
}
.catalog_list_group ul {
  margin: 0px;
  padding: 0px;
  width: 100%;
  display: flex;
  margin-left: 10px;
}
.catalog_list_group ul li {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: rgba(103, 103, 103, 0.7);
  cursor: pointer;
  margin-right: 42px;
}
.catalog_list_group ul li:hover {
  color: #30314F;
}
.catalog_list_group ul .catalog_list_group_active {
  color: #30314F;
}


.smart-filter_bottom_button_box .btn-link{
  background-color: #dadada;
  color: white;
  text-decoration: none;
  margin-left: 14px;
}


.smart-filter_bottom_button_box .btn-link:hover{
  background-color: #ACACAC;
}

/* ------------- */


.sidebar_banner{
  width: 100%;
  height: 640px;
  margin-top: 50px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.sidebar_banner img{
  width: 100%;
  object-fit: cover;
}
.sidebar_banner__content{
  width: max-content;
  max-width: 220px;
  /* height: 100%; */
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  margin: auto;
}

.sidebar_banner__content h4{
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-weight: 700;
  color: white;
  letter-spacing: 3%;
}
.sidebar_banner__content p{
  font-size: 1.25rem;
  line-height: 1.4rem; 
  color: #FFFFFF;
  font-weight: 400;
  margin-top: 12px;
}

.sidebar_banner__content ul{
  margin-top: 12px;
  color: white;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25rem; 
  padding: 0px;
}

.sidebar_banner__content li{
  padding-left: 16px;
  position: relative;
  margin-bottom: 6px;
}

.sidebar_banner__content li::before{
  content: '';
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: linear-gradient(180deg, #6666CC 0%, #B2B6D7 100%);
}

.sidebar_banner button{
  width: 75%;
  height: 72px;
  position: absolute;
  bottom: 80px;
  left: 0;
  right: 0;
  margin: auto;
  background: linear-gradient(90deg, #6666CC 0%, #B3B7D8 100%);
  color: white;
  font-size: 1.25rem;
  line-height: 1.40rem;
  font-weight: 800;
  border: 0px ;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}
.sidebar_banner button span{
  text-align: left;
  padding-right: 10px;
}

.sidebar_banner button img{
  width: 30px;
}
/* --------- */




.catalog_list_catalo_box {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  /* margin-top: 37px; */
}
.catalog_list_catalo_box .catalog_box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.catalog_list_catalo_box .catalog_box .catalog_top__card_item {
  margin: 2px 5px;
}

.catalog_box .product-item-container{
  margin-bottom: 48px;
}

.settings_catalog {
  width: 98%;
  margin: 0 auto;
  height: -moz-max-content;
  height: max-content;
  margin-top: 22px;
  display: none;
}

.settings_catalog__container {
  width: 100%;
  display: none;
  align-items: center;
}

.settings_catalog__container .catalog_filter_select{
  margin-right: 8px;
}

.settings_catalog__drop_btn {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 3px 6px 3px 6px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  position: relative;
  margin-right: 20px;
  cursor: pointer;
}
.settings_catalog__drop_btn span {
  position: relative;
  padding-right: 16px;
  font-size: 1rem;
}
.settings_catalog__drop_btn span::after {
  content: " ❯ ";
  width: 8px;
  height: 11px;
  font-size: 11px;
  position: absolute;
  top: 5px;
  right: 1px;
  margin: auto;
  font-weight: 700;
  transform: rotate(90deg);
}

.settings_catalog__params_btn {
  margin-left: auto;
  width: 31px;
  height: 22px;
  position: relative;
  cursor: pointer;
}
.settings_catalog__params_btn img {
  width: 100%;
  height: 100%;
}

/* order list  */

/* .drop_down_btn__order{
  position: relative;
}
.drop_down_btn__order .settings_catalog__drop_btn{

} */

/* .drop_down_btn__order .drop_down__order_list{ */
  /* display: block;
  width: 100%;
  position: absolute;
  margin-top: -5px;
  z-index: 300;
  background-color: white;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  border-top: 0px;
  border-radius: 0px 0px 5px 5px;
  padding: 5px 0px 10px; */
/* } */


/* 

.drop_down_btn__order ul{
  width: 100%;
  height: max-content;
}

.drop_down_btn__order ul li{
  width: max-content;
  margin: 4px 0px 4px 6px;
  font-size: 12px;
} */


/* ----------------------- */



.cross_stitch_closure{
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2015.1%208.944%208%2016%201%2015.006%200%208.05%207%20.994%200%200%201%207.056%208%200%2015.1%20.994%2016%208.05%209%2015.006%2016%22%2F%3E%3C%2Fsvg%3E) no-repeat center;
  top: 15px;
  right: 5%;
  opacity: 0.8;
  background-size: contain;
  cursor: pointer;
}

/*  */



.catalog_list_catalo_box .product-item-container {
  width: 32%;
  margin-right: 2%;
}

.reviews_box__star_box i{
  width: 12px;
  height: 12px;
  line-height: 12px;
}

.reviews_box__star_box span{
  font-size: 12px;
  margin-bottom: 0px;
}

.product_card__bottom_box_left{
  width: calc( 100% - 44px );
}




.catalog_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  display: none;
}
.catalog_modal__bg {
  background-color: rgba(0, 0, 0, 0.459);
  width: 100%;
  cursor: pointer;
  height: 100%;
}
.catalog_modal__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 90%;
  max-width: 960px;
  margin: auto;
  height: max-content;
  background-color: white;
  border-radius: 10px;
  overflow: hidden;
}

.catalog_modal__content h4{
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7rem;
  color: #30314F;
}

.catalog_modal__content_head{
  width: 100%;
  height: 54px;
  background-color: #303150;
  position: relative;
  display: flex;
  align-items: center;
}

.catalog_modal__close_btn{
  color: white;
  width: max-content;
  height: max-content;
  font-size: 16px;
  line-height: 16px;
  margin-left: auto;
  margin-right: 30px;
  cursor: pointer;
}


.catalog_modal__container {
  width: 80%;
  height: max-content;
  margin: 53px auto 56px;
}
.succes_send_form_modal{
  display: none;
  text-align: center;
  padding: 0px 20px;
}
.succes_send_form_modal span{
  font-size: 1.2rem;
  display: block;
  margin-top: 14px;
}

.catalog_modal__params_list {
  margin-top: 43px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.catalog_modal__params_list label {
  width: 30%;
  height: max-content;
}

.catalog_modal__params_list label span{
  margin-left: 3px;
  margin-bottom: 10px;
  display: block;
  font-size: 1.125rem;
}

.catalog_modal__params_list label small{
  opacity: 0;
  color: red;
  display: block;
  margin-top: 3px;
  font-size: 12px;
  line-height: 12px;
}

.catalog_modal__params_list label input{
  width: 100%;
  height: 48px;
  border-radius: 10px;
  border: 1px solid #30314F;
  padding: 0px 10px;
  /* text-align: center; */
  color: #30314F;
  /* font-size: 1.25rem; */
  /* line-height: 1.40rem; */
  /* font-weight: 500; */
}

.catalog_modal__params_list label input::-moz-placeholder,
.catalog_modal__params_list label input::-webkit-input-placeholder,
.catalog_modal__params_list label input::-ms-input-placeholder,
.catalog_modal__params_list label input::-ms-input-placeholder,
.catalog_modal__params_list label input::placeholder {
  color: #A9A9A9;
  font-size: 1rem!important;
  line-height: 1.2rem;
  font-weight: 400;
}


.catalog_modal__feedback_box {
  margin-top: 61px
}
.catalog_modal__feedback_box .catalog_modal__params_list{
  margin-top: 33px;
}

.catalog_modal__agreement {
  margin-top: 32px;
  /* margin-left: 20px; */
}

.catalog_modal__agreement label{
  display: flex;
  align-items: center;
  margin-bottom: 23px;
}

.catalog_modal__agreement label input{
  opacity: 0;
  position: absolute;
  width: 0px;
}

.catalog_modal__checkbox{
  width: 24px;
  height: 24px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #959595;
}

input[type="checkbox"]:checked ~ .catalog_modal__checkbox::before,
.catalog_modal__file_active::before {
  background-color:#6666CC;
  border-color:#6666CC;
  width: 100%;
  height: 100%;
  content: "\2713";
  font-size: 14px;
  line-height: 14px;
  color: white;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .catalog_modal__agreement label input:checked::before{

} */


.catalog_modal__agreement label span{
  margin-left: 12px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
}

.catalog_modal__agreement label:last-child{
  margin-bottom: 0px;
}


.catalog_modal__file{
  cursor: pointer;
}

.catalog_modal__file input{
  display: none;
}
.catalog_modal__file_icons{
  width: 24px;
  height: 24px;
  border-radius: 5px;
  border: 1px solid #959595;
}
/* 
input[type="checkbox"] ~ .catalog_modal__file_icons{
  background-color: rebeccapurple;
} */

/* .catalog_modal__file input ~  */

.catalog_modal button{
  width: 288px;
  height: 56px;
  margin: 60px auto 0px;
  border: none;
  display: block;
  outline: none;
  background: #15AE5C;
  border-radius: 10px;
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: white;
  font-weight: 700;
}

.catalog_modal p{
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: #30314F;
  margin-top: 27px;
}

.catalog_modal p a{
  color: #6666CC;
  text-decoration: underline;
}



/* ----------------------- banner bottom ---------------- */

.sidebar_banner_bottom {
  margin-top: 30px;
  margin-bottom: 30px;
  height: 400px;
  border-radius: 10px;
}
.sidebar_banner_bottom h4{
  font-size: 2rem;
  line-height: 2.2rem;
}
.sidebar_banner_bottom .sidebar_banner__content {
  top: 30px;
}

.sidebar_banner_bottom button{
  bottom: 30px;
  height: 52px;
  font-size: 1.25rem;
  line-height: 1.4rem;
  max-width: 200px;
}

.sidebar_banner_bottom button img{
  width: 25px;
}

/* ------------- */

.catalog-section-description {
  margin-top: 0px;
}

.catalog-section-description ul {
  margin-top: 0.5rem;
  list-style-type: disc;
}

.catalog-section-description li {
  margin-bottom: 0.5rem;
}

.catalog-section-description h2 {
  font-size: 1.375rem;
  margin-bottom: 8px;
}

.catalog-section-description h3 {
  font-size: 1.25rem;
  margin-bottom: 8px;
}

/* -------------------- */

@media screen and ( max-height: 850px ) {
 
  .catalog_modal__content_head{
    height: 34px;
  }

  .catalog_modal__content h4{
    font-size: 1.2rem;
  }

  .catalog_modal__container {
    margin: 33px auto 66px;
  }

  .catalog_modal__params_list {
    margin-top: 23px;
  }

  .catalog_modal__params_list label input{
    height: 32px;
    font-size: 1rem;
  }

  .catalog_modal__feedback_box {
    margin-top:41px
  }
  .catalog_modal__feedback_box .catalog_modal__params_list{
    margin-top: 13px;
  }

  .catalog_modal__agreement {
    margin-top: 28px;
  }

  .catalog_modal__agreement label{
    margin-bottom: 13px;
  }

  .catalog_modal__agreement label input{
    width: 18px;
    height: 18px;
  }

  .catalog_modal button{
    height: 46px;
    margin: 40px auto 0px;
    font-size: 1.2rem;
    letter-spacing: 1.5px;
  }

  .catalog_modal p{
    margin-top: 14px;
  }

}




@media screen and (max-width: 1400px) {
  .catalog_list_group {
    margin-top: 28px;
  }
  .catalog_sidebar {
    width: 28%;
    height: -moz-max-content;
    height: max-content;
  }
  .catalog_list {
    width: 68%;
  }
  .catalog_list_catalo_box {
    margin-top: 30px;
  }



  .catalog_list_catalo_box .product-item-container {
    width: 32%;
  }
  
  .catalog_list_catalo_box .product-item-container .product_card__shop_btn{
    width: 30px;
    height: 28px;
  }

  .catalog_list_catalo_box .product-item-container .product_card__shop_btn img {
    width: 16px;
    height: 17px;
  }

}





@media (max-width: 1200px) and (min-width: 1000px){
  .catalog_list_group {
    margin-top: 24px;
  }

  .catalog_sidebar {
    width: 30%;
    height: -moz-max-content;
    height: max-content;
  }
  .catalog_list {
    /* width: 79%; */
    width: 69%;
  }
  .catalog_list_catalo_box {
    margin-top: 28px;
  }

  .list_params ul li {
    padding: 6px 0px 6px 5px;
  }
  .list_params ul li input {
    width: 15px;
    height: 15px;
    margin-right: 10px;
  }
  .range_params__box {
    width: 85%;
    margin: 20px auto;
  }
  .range_params__params_box {
    margin-top: 10px;
  }
  .range_params__params_box span {
    font-size: 1rem;
    padding-right: 5px;
  }
  .range_params__params_box input {
    width: 55px;
    height: 21px;
    padding-left: 5px;
    font-size: 1rem;
    background: #FFFFFF;
    border: 1px solid #D1D2D3;
    border-radius: 16px;
  }
  .drop_down__btn .drop_down__btn-title span::after {
    font-size: 8px;
    top: 6px;
  }
}


@media ( max-width: 1200px ){

  .catalog_box {
    justify-content: space-between;
  }

  .catalog_list_catalo_box .product-item-container {
    width: 49%;
    margin-right: 0px;
  }
}

/* @media ( max-width: 1200px ) and ( min-width: 1400px ) {

  .product-item-container{

  }



} */




@media screen and (min-width: 1000px){
  .filter_mobile_title{
    display: none;
  }
  .cross_stitch_closure{
    display: none;
  }

  

}

@media screen and (max-width: 1000px) {
  .catalog__title {
    /* display: none; */
  }
  .catalog__tags {
    display: none;
  }
  .catalog_list__params {
    display: none;
  }
  .catalog_list_group {
    /* display: none; */
  }

 


  .catalog_sidebar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    z-index: 40;
    overflow: hidden;

    display: none;
  }



  .catalog_sidebar__bg{
    background-color: rgba(0, 0, 0, 0.158);
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    position:absolute;
    /* z-index: 40; */
    opacity: 0;
    transition: opacity 0.3s;
  }
  .active_category .catalog_sidebar__bg{
    opacity: 1;
  }

  .active_filter .catalog_sidebar__bg{
    opacity: 1;
  }

  /* --------------------------- */

  .catalog_sidebar__category{
    /* display: none; */
    position: absolute;
    bottom: -100vh;
    left: 0;
    width: 100%;
    /* max-height: 90vh; */
    height: max-content;
    min-height: 40vh;
    background-color: white;
    overflow: auto;
    /* animation-duration: 0.7s; */
    /* animation-name: openCategory; */
    transition: bottom 0.3s;
    z-index: 42;
  }

  .active_category .catalog_sidebar__category{
    bottom: 0px; 
  }

  .active_category .smart-filter{
    display: none;
  }

  /* @keyframes openCategory {
    from {
      bottom: -100vh;
    }
  
    to {
      bottom: 0;
    }
  } */

  /* .close_catalog_sidebar  .catalog_sidebar__category{
    animation-duration: 0.7s;
    animation-name: closeCategory;
  } */
/* 
  @keyframes closeCategory {
    from {
      bottom: 0;
    }
  
    to {
      bottom: -100vh;
    }
  } */
  
  /* .active_category .catalog_sidebar__category{
    display: block;
  } */

  .catalog_sidebar__category h4{
    text-align: center;
    margin: 30px 0px 20px;
    font-size: 20px;
  }

  .catalog_sidebar .catalog_sidebar__category .bx_sitemap_ul {
    width: 92%;
    height: max-content;
    margin: 0 auto 30px;
    padding: 10px;
    font-size: 16px;
  }

  .catalog_mobile__container{
    max-height:  65%;
    max-height: 65dvh;
    /* overflow: hidden; */
    overflow: auto;
  }

  .catalog_sidebar .catalog_sidebar__category .bx_sitemap_ul{
    padding-bottom: 50px;

  }

  .catalog_mobile__container .second_level__list{
    /* max-height: 50vh;
    max-height: 50dvh;
    overflow: hidden; */
  }

  .catalog_sidebar .catalog_sidebar__category a{
    font-size: 16px;
  }

  /* ---------------------------------- */


  .smart-filter{
    position: absolute;
    bottom: -100vh;
    width: 100%;
    height: max-content;
    max-height: 90vh;
    max-height: 90dvh;
    background-color: white;
    margin-bottom: 0px;
    animation-duration: 0.7s;
    z-index: 42;
    transition: bottom 0.3s;
  }

  .smart-filter-section{
    width: 100%;
    height: max-content;
  }
  /* 
    @keyframes openFilter {
      from {
        bottom: -100vh;
      }

      to {
        bottom: 0;
      }
    }
  */
  .smart-filter-form{
    width: 100%;
    display: block;
    max-height: 80vh;
    max-height: 80dvh;

    overflow: hidden;
    overflow-y: auto ;
    /* overflow: auto; */
    
  }

  .active_filter .smart-filter{
    /* display: block; */
    /* padding-bottom: 60px; */
    bottom: 0;
  }

  .smart-filter .smart-filter-button-box{
    padding-bottom: 70px;
  }

  .active_filter .catalog_sidebar__category{
    display: none;
  }

  /* 
  .close_catalog_sidebar .smart-filter{
    animation-duration: 0.7s;
    animation-name: closeCategory;
  } */
  /* 
  @keyframes closeCategory {
    from {
      bottom: 0;
    }

    to {
      bottom: -100vh;
    }
  } */


  .smart-filter-section{
    width: 90%;
    height: max-content;
    margin: 30px auto 40px!important;
  }

  .filter_mobile_title{
      text-align: center;
      margin: 20px;
      font-size: 20px;
  }

    /* ---------------------------------------- */

    /* .catalog_list {
      width: 91.66666667%;
      margin: 0 auto;
    } */
  .catalog_list{
    width: 100%;
  }

  .catalog__content {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .settings_catalog {
    display: block;
  }
  .catalog_top__card_item .card_item__bottom_left{
    min-height: 80px;
  }
  .catalog_box .catalog_top__card_item  .card_item__review{
    text-align: center;
    margin-left: 5px;
  }



  .sort_list_group__container{
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    display: none;
  }



  .sort_list_group__bg{
    background-color: #00000000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 51;
    transition: background-color 0.2s;
  }

  .active_order_sort_container .sort_list_group__bg{
    background-color: #00000046;
  }

  


  .catalog_list_group{
    width: 100%;
    height: max-content;
    position: absolute;
    bottom: -100vh;
    left: 0;
    display: block;
    z-index: 52;
    background-color: white;
    padding: 30px 0px 20vh;
    margin: 0px;
    transition: bottom 0.3s;
  }

  .active_order_sort_container .catalog_list_group{
    bottom: 0px;
  }


  .active_order_sort_container .catalog_list_group{
    /* animation-name: openFilter; */
  }

  .sort_order_box_close .catalog_list_group{
    bottom: -100%;
    /* animation-name: closeCategory; */
  }

  .sort_list_group__btn-close{
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2015.1%208.944%208%2016%201%2015.006%200%208.05%207%20.994%200%200%201%207.056%208%200%2015.1%20.994%2016%208.05%209%2015.006%2016%22%2F%3E%3C%2Fsvg%3E) no-repeat center;
    top: 10px;
    right: 10px;
    opacity: 0.8;
  }

  .catalog_list_group ul{
    display: block;
    width: 80%;
    height: 100%;
    margin: 0 auto!important;
  }
  .catalog_list_group ul li{
    width: max-content;
    height: 40px;
    margin: 2px 0px;
    font-size: 16px;
  }

}



@media (max-width: 1000px) and (min-width: 800px) {

  .catalog_list_catalo_box {
    margin-top: 20px;
  }
  .catalog_list_catalo_box .catalog_box .product-item-container {
    width: 32.333%;
    margin: 8px 0.5%;
  }

  .catalog_list_catalo_box .catalog_box .catalog_top__card_item{
    width: 100%;
    margin: 0px;
  }
  

  .catalog_list_catalo_box .catalog_box .catalog_top__card_item .card_item__basket {
    margin-top: -5px;
  }




}

@media screen and (max-width: 1000px) {

  .catalog_sidebar .sidebar_banner{
    display: none;
  }

  .product_card__bottom_box .reviews_box__star_box i{
    font-size: 12px;
    height: 12px;
    width: 12px;
  }

  .bottom_box__reviews_box span{
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 2px;
    margin-left: 4px;
  }



  .smart-filter_bottom_button_box .btn-link{
    margin-left: auto;
  }

  .catalog_list_catalo_box .product-item-container .product_card__shop_btn{
    width: 24px;
    height: 22px;
  }

  .catalog_list_catalo_box .product-item-container .product_card__shop_btn img {
    width: 14px;
    height: 15px;
  }


  /* .product_card__bottom_box_left{
  } */
  
  .product_card__bottom_box .product_card__bottom_box_left{
    width: 75px;
    padding-right: 0;
  }


  .catalog_list_catalo_box .product-item-container .product_card h4{
    padding: 0px 14px;
  }

}


@media screen and (max-width: 800px) {
  .catalog_list_catalo_box {
    margin-top: 20px;
  }
  .catalog_list_catalo_box .catalog_box .product-item-container{
    /* height: -moz-max-content; */
    /* height: max-content; */
    width: 32%;
    margin: 4px 0.5%;
    padding-bottom: 0px;
  }

  .catalog_list_catalo_box .catalog_box  .catalog_top__card_item{
    width: 100%;
    margin: 0px;
  }

  .catalog_list_catalo_box .catalog_box .catalog_top__card_item .card_item__img {
    height: 160px;
  }

  .catalog_head__banner-desktop {
    display: none;
  }

  .catalog_head__banner-mobile {
    display: block;
  }

  /* ------------------------------------------------ */



  .catalog_modal__content_head{
    height: 34px;
  }

  .catalog_modal__close_btn{
    font-size: 14px;
    line-height: 14px;
    margin-right: 20px;
  }


  .catalog_modal__container {
    width: 90%;
    margin: 30px auto 36px;
  }

  .succes_send_form_modal span{
    font-size: 1.2rem;
    margin-top: 12px;
  }

  .catalog_modal__params_list {
    margin-top: 20px;
  }

  .catalog_modal__params_list label {
    width: 32.333%;
  }

  .catalog_modal__params_list label span{
    margin-left: 10px;
    margin-bottom: 6px;
  }

  .catalog_modal__params_list label small{
    margin-top: 2px;
  }

  .catalog_modal__params_list label input{
    width: 100%;
    height: 32px;
    font-size: 1rem;
    line-height: 1rem;
  }


  .catalog_modal__feedback_box {
    margin-top: 30px
  }
  .catalog_modal__feedback_box .catalog_modal__params_list{
    margin-top: 20px;
  }

  .catalog_modal__agreement {
    margin-top: 20px;
    margin-left: 12px;
  }

  .catalog_modal__agreement label{
    margin-bottom: 14px;
  }

  .catalog_modal__checkbox{
    width: 20px;
    height: 20px;
  }

  input[type="checkbox"]:checked ~ .catalog_modal__checkbox::before,
  .catalog_modal__file_active::before {
    font-size: 12px;
    line-height: 12px;
  }

  .catalog_modal__agreement label span{
    margin-left: 14px;
    font-size: 12px;
    line-height: 14px;
  }

  .catalog_modal__file_icons{
    width: 20px;
    height: 20px;
  }

  .catalog_modal button{
    width: 180px;
    height: 42px;
    margin: 40px auto 0px;
    font-size: 1.1rem;
    line-height: 1.2rem;
  }

  .catalog_modal p{
    font-size: 12px;
    max-width: 300px;
    line-height: 14px;
    font-weight: 500;
    /* margin-top: 16px; */
    margin: 16px auto 0px;
  }




}





@media screen and (max-width: 768px) {
  .catalog_list {
    width: 100%;
    /* width: 91.66666667%; */
    /* margin: 0 auto; */
  }

  .catalog_list_catalo_box .catalog_box .product-item-container {
    width: 47%;
    margin: 8px 0.5%;
  }


  .product_card__bottom_box .bottom_box__price span {
    font-size: 14px;
  }
}



@media screen and (max-width: 630px) {
  .settings_catalog__container {
    justify-content: space-between;
  }
  .settings_catalog__drop_btn {
    margin-right: 0px;
  }
  #order_list__btn {
    margin-right: 10px;
  }
  .settings_catalog__params_btn {
    /* margin-left: 0px; */
    margin-left: auto;
  }
  .catalog_list_catalo_box .catalog_box .product-item-container {
    /* height: -moz-max-content; */
    /* height: max-content; */
    width: 48%;
    /* margin: 4px 1%; */
    padding-bottom: 0px;
  }

  .bottom_box__reviews_box span {
    display: none;
  }

  .catalog_list_catalo_box .card_item__item-info .card_item__review{
    font-size: 12px;
  }

  .catalog_list_catalo_box .catalog_box .catalog_top__card_item .card_item__img {
    height: 170px;
  }
  .catalog_list_catalo_box .catalog_box .catalog_top__card_item .card_item__basket {
    width: 28px;
    height: 26px;
  }

  /* -------------------------------------------------- */






  .catalog_modal__content h4{
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .catalog_modal__content_head{
    height: 34px;
  }

  .catalog_modal__close_btn{
    font-size: 14px;
    line-height: 14px;
    margin-right: 20px;
  }


  .catalog_modal__form_box{
    width: 95%;
    max-height: 80vh;
    overflow: auto;
    padding: 0;
    margin: 0;
  }

  .catalog_modal__content{
    width: 100%!important;
  }

  .catalog_modal__container {
    width: 95%!important;
    padding-bottom: 50px;
  }


  .succes_send_form_modal span{
    font-size: 1.2rem;
    margin-top: 12px;
  }
  .catalog_modal__container{
    width: 95%;
  }
  .catalog_modal__params_list{
    grid-gap: 10px !important;
  }

  .catalog_modal__params_list label {
    width: 100%;
    margin-bottom: 12px;
  }

  .catalog_modal__feedback_box .catalog_modal__params_list label{
    margin-bottom: 2px;
  }


  .catalog_modal__params_list label span{
    margin-left: 10px;
    margin-bottom: 6px;
  }

  .catalog_modal__params_list label small{
    margin-top: 2px;
    display: none!important;
  }
  .catalog_modal__params_list label span{
    font-size: 12px!important;
  }

  .catalog_modal__params_list label input{
    width: 100%;
    height: 32px;
    font-size: 1rem;
    line-height: 1rem;
  }


  .catalog_modal__feedback_box {
    margin-top: 30px
  }
  .catalog_modal__feedback_box .catalog_modal__params_list{
    margin-top: 20px;
  }

  .catalog_modal__agreement {
    margin-top: 20px;
    margin-left: 12px;
  }

  .catalog_modal__agreement label{
    margin-bottom: 14px;
  }
/* 
  .catalog_modal__agreement label:last-child{
    margin-bottom: 0px;
  }
 */

  .catalog_modal__checkbox{
    width: 20px;
    height: 20px;
  }

  input[type="checkbox"]:checked ~ .catalog_modal__checkbox::before,
  .catalog_modal__file_active::before {
    font-size: 12px;
    line-height: 12px;
  }

  .catalog_modal__agreement label span{
    margin-left: 14px;
    font-size: 12px;
    line-height: 14px;
  }

  .catalog_modal__file_icons{
    width: 20px;
    height: 20px;
  }

  .catalog_modal button{
    width: 180px;
    height: 42px;
    margin: 40px auto 0px;
    font-size: 1.1rem;
    line-height: 1.2rem;
    font-weight: 500;
  }

  .catalog_modal p{
    font-size: 12px;
    max-width: 300px;
    line-height: 14px;
    font-weight: 500;
    /* margin-top: 16px; */
    margin: 16px auto 0px;
  }















  
}




@media screen and (min-width: 440px){
  .sidebar_banner_bottom{
    display: none;
  }
}

@media screen and ( max-width: 470px){

  .product_card__bottom_box .reviews_box__star_box i{
    font-size: 10px;
    height: 10px;
    width: 10px;
  }

  .product_card__bottom_box_left .bottom_box__reviews_box span{
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 2px;
    margin-left: 4px;
  }

  .catalog_list_catalo_box .product_card h4{
    padding: 0px 12px;
  }

}

@media screen and (max-width: 440px) {
  .catalog_list_catalo_box .catalog_box .product-item-container {
    width: 47%;
    margin: 8px 0px;
  }
}

@media screen and (max-width: 420px) {
  .catalog_list_catalo_box .catalog_box .catalog_top__card_item .card_item__basket {
    width: 24px;
    height: 22px;
    margin-top: 0px;
  }

  .catalog_box .catalog_top__card_item .card_item__basket_unavailable a::after{
    height: 70px;
  }

}
@media screen and (max-width: 380px) {
  .settings_catalog {
    width: 100%;
  }
  .catalog_list_catalo_box .catalog_box .product-item-container {
    width: 42%;
    margin: 0 auto 23px auto;
  }
  .catalog_top__card_item .card_item__bottom_left{
    min-height: 90px;
  }
  .catalog_list_catalo_box .catalog_box .catalog_top__card_item .card_item__img {
    height: 192px;
  }
  .catalog_list_catalo_box .catalog_box .catalog_top__card_item .card_item__basket {
    width: 35px;
    height: 32px;
  }

  .catalog_box .catalog_top__card_item .card_item__basket_unavailable a::after{
    height: 90px;
  }
}/*# sourceMappingURL=catalog.css.map */




.no_products_message{
  width: 100%;
  text-align: center;
}

.no_products_message h4{
  margin: 0px;
  padding: 0px;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: #30314F;
}

@media screen and (max-width: 1000px){
  .no_products_message{
    margin-top: 30px;
  }
}