/* Start:/local/templates/ceramica/components/custom/collections.catalog/site/style.css?17176762193024*/
.catalog__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1400px) {
  .catalog__wrapper {
    grid-template-columns: repeat(5, 1fr);
  }
}
.catalog__filters {
  grid-column: 1 span;
}
@media (max-width: 991px) {
  .catalog__filters {
    grid-column: 5 span;
  }
}
.catalog__product {
  grid-column: 3 span;
}
@media (max-width: 1400px) {
  .catalog__product {
    grid-column: 4 span;
  }
}
@media (max-width: 991px) {
  .catalog__product {
    grid-column: 5 span;
  }
}
.catalog__products {
  margin: 0px;
  padding: 0px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 10px;
  grid-auto-flow: row dense;
  margin-left: -7.5px;
  margin-right: -7.5px;
}
@media (max-width: 1200px) {
  .catalog__products {
    grid-auto-rows: 8px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.catalog__item {
  grid-row: span 35;
  margin-bottom: 15px;
  margin-left: 7.5px;
  margin-right: 7.5px;
}
@media (max-width: 1400px) {
  .catalog__item {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
  }
}
.catalog__item:nth-child(2) {
  grid-row: span 45;
}
@media (max-width: 1200px) {
  .catalog__item:nth-child(2) {
    grid-row: span 40;
  }
}
.catalog__item:nth-last-child(2), .catalog__item:nth-last-child(3) {
  margin-bottom: 0;
}
.catalog__show-more .main-btn {
  display: flex;
  justify-content: center;
  margin: 30px auto;
}/*# sourceMappingURL=style.css.map */


.catalog__chboxes-color label {
    background-size: cover;
}

label.catalog__color-label {}

.catalog__color-label {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.catalog__chboxes-color {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.catalog aside p {
    line-height: 1.15;
}

.catalog__color-input {
    outline: none;
    display: none;
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}


catalog__filters--color a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: inherit;
    text-decoration: none;
    outline: none;
}

.catalog__color-input:checked+label::before, .catalog__color-input:checked::before, {
  content: "";
  position: absolute;
  top: 12px;
  left: 11px;
  width: 15px;
  height: 10px;
  background: url(/local/templates/ceramica/img/catalog-color-checked-white.png) no-repeat center;
}

.catalog__color-input:checked+label, .catalog__color-input:checked[type=checkbox] {
    border: 2px solid #7b3d57;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%237B3D57' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}


/* End */


/* Start:/local/templates/ceramica/components/bitrix/catalog.element/collections/style.css?17242242348217*/
.collection {
  margin-top: 40px;
  background-image: url("/local/templates/ceramica/assets/images/pattern.jpg");
}
.collection__slipping-top {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}
.collection__slipping-slider {
  grid-column: 2 span;
}
@media (max-width: 768px) {
  .collection__slipping-slider {
    grid-column: 3 span;
  }
}
.collection__gallery {
  height: 500px;
  position: relative;
}
@media (max-width: 768px) {
  .collection__gallery {
    height: 400px;
  }
}
.collection__gallery .sl_inter_item_src {
  height: 500px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .collection__gallery .sl_inter_item_src {
    height: 400px;
  }
}
.collection__slipping-content {
  grid-column: 1 span;
}
@media (max-width: 768px) {
  .collection__slipping-content {
    grid-column: 3 span;
  }
}
.collection__params-main-title, .collection__colors-title {
  font-size: 18px;
  color: var(--color-accent);
}
.collection__colors-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .collection__colors-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
}
.collection__colors-item:not(:last-child) {
  margin-right: 10px;
}
.collection__colors-link {
  display: flex;
  align-items: center;
  /* flex-direction: column; */
  text-decoration: none;
}
.collection__colors-link span {
  color: #333;
}
.collection__colors-square {
  width: 60px;
  height: 60px;
  background-size: cover;
  margin-right: 10px;
}
.collection__params-types {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: inherit;
}
.collection__params-type:not(:last-child) {
  margin-bottom: 10px;
}
.collection__params-type-name {
  font-size: 16px;
  font-weight: 700;
}
.collection__params-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
}
.collection__params-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 14px;
}
.collection__params-item:not(:last-child) {
  margin-bottom: 10px;
}
.collection__params-item > div {
  background-color: #fff;
  z-index: 2;
  color: #333;
  padding-left: 5px;
}
.collection__params-key {
  position: relative;
  box-sizing: border-box;
  display: block;
  word-break: break-word;
  flex: 1;
}
.collection__params-key span {
  align-items: flex-start;
  background: #FFF;
  display: inline;
  padding-right: 3px;
  position: relative;
}
.collection__params-key::before {
  border-bottom: 1px dotted #c7c7c7;
  bottom: 0.2em;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
}
.collection__params-value {
  display: block;
  text-align: right;
  line-height: 1.2;
}
.collection__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 768px) {
  .collection__wrapper > div {
    grid-column: span 3;
  }
}
.collection__icons {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-top: -65px;
  position: relative;
  z-index: 2;
  margin-left: 20px;
  display: flex !important;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .collection__icons {
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0px;
  }
}
.collection__icon {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.collection__icon span {
  display: none;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 5px;
}
.collection__img {
  width: 50px;
  height: 50px;
  border: 1px solid var(--color-accent);
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.collection__img img {
  max-width: 40px;
  height: auto;
}
.collection__img:not(:last-child) {
  margin-right: 20px;
}
.collection__desc {
  grid-column: 2 span;
  margin-left: auto;
  text-align: justify;
}
@media (max-width: 768px) {
  .collection__desc {
    grid-column: 3 span;
  }
}

.page__title {
  position: relative;
  z-index: 2;
  margin-left: -90px;
  margin-top: 40px;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 10px;
}
@media (max-width: 768px) {
  .page__title {
    margin-left: 0px;
    margin-top: 10px;
    padding: 0px;
    background-color: transparent;
  }
}
.page__title span {
  display: block;
  font-weight: normal;
  text-transform: none;
}
@media (max-width: 768px) {
  .page__title span {
    display: inline-block;
    margin-right: 10px;
  }
}

.c-relative {
  position: relative;
}

.top-gallery-thumb {
  height: 300px;
}
.top-gallery-thumb .swiper-slide {
  opacity: 0.5;
  border: 1px solid var(--color-accent);
}
.top-gallery-thumb .swiper-slide-thumb-active {
  opacity: 1;
}
.top-gallery-thumb__inner {
  position: absolute !important;
  top: 50%;
  left: 65px;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.top-gallery-thumb__inner .swiper {
  z-index: 20;
}
.top-gallery-thumb__inner .swiper-button-prev,
.top-gallery-thumb__inner .swiper-button-next {
  top: auto;
  transform: rotate(90deg);
  left: 26px;
  border-radius: 100%;
}
.top-gallery-thumb__inner .swiper-button-prev::after,
.top-gallery-thumb__inner .swiper-button-next::after {
  font-size: 25px;
  color: var(--color-accent);
}
.top-gallery-thumb__inner .swiper-button-prev {
  top: -20px;
}
.top-gallery-thumb__inner .swiper-button-next {
  bottom: -40px;
}
.top-gallery-thumb .thumbsSlider {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.collection__slipping-slider {
  position: relative;
}

.collection__gallery .sl_inter_item_src {
  height: 500px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.collection__gallery .top-gallery__slide {
  outline: none;
  cursor: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2241%22%20viewBox%3D%220%200%2040%2041%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url%28%23clip0_174_2%29%22%3E%0A%3Cpath%20d%3D%22M35.2372%204.76283C32.1684%201.69409%2028.0833%200%2023.7464%200C19.4095%200%2015.3243%201.69409%2012.2459%204.76283C9.17715%207.83156%207.48306%2011.9167%207.48306%2016.2633C7.48306%2019.7483%208.56728%2023.0591%2010.5905%2025.818L0%2036.4085L3.6302%2040.0387L14.2304%2029.4385C16.9797%2031.4327%2020.2807%2032.5169%2023.7464%2032.5169C28.0929%2032.5169%2032.1684%2030.8228%2035.2469%2027.7541C38.3156%2024.6854%2040.0097%2020.6002%2040.0097%2016.2536C40%2011.9167%2038.3156%207.83156%2035.2372%204.76283ZM33.1849%2025.7018C30.6583%2028.2285%2027.3088%2029.6128%2023.7464%2029.6128C20.1839%2029.6128%2016.8248%2028.2285%2014.3078%2025.7018C11.7812%2023.1752%2010.3969%2019.8258%2010.3969%2016.2633C10.3969%2012.7009%2011.7812%209.34172%2014.3078%206.82478C16.8248%204.28848%2020.1742%202.90416%2023.7464%202.90416C27.3185%202.90416%2030.668%204.28848%2033.1849%206.8151C35.7115%209.34172%2037.0958%2012.6912%2037.0958%2016.2536C37.0958%2019.8161%2035.7115%2023.1752%2033.1849%2025.7018Z%22%20fill%3D%22%23323232%22%2F%3E%0A%3Cpath%20d%3D%22M25.7018%209.39981H21.9264V14.4337H16.8925V18.2091H21.9264V23.243H25.7018V18.2091H30.7357V14.4337H25.7018V9.39981Z%22%20fill%3D%22%23323232%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_174_2%22%3E%0A%3Crect%20width%3D%2240%22%20height%3D%2240.0387%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A"), auto;
}/*# sourceMappingURL=style.css.map */



.collection .main-btn{
  padding: 1.2rem 3rem;
}

.main-btn.main-btn-outline{
  background-color: #fff;

  border: 1px solid var(--color-accent);
  color: var(--color-accent);

}

.main-btn {
    width: 100%;
    margin-bottom: 1rem;
    text-align: center;
    box-shadow: 0 4px 20px rgba(17, 17, 17, 0.2);
}

a.main-btn.main-btn-outline {
    margin-bottom: 0rem;
}

a.main-btn.main-btn-outline:hover {
    background-color: #f7ede6;
    box-shadow: 1px 6px 17px rgb(17 17 17 / 62%);
}

.top-gallery-thumb .swiper-slide {
    border: 2.3px solid var(--color-accent);
}

.main-btn:hover {
    box-shadow: 1px 6px 17px rgb(17 17 17 / 62%); 
}

li.coll-elems__item:hover a h3 {
    text-decoration: underline;
}
/* End */


/* Start:/local/templates/ceramica/components/bitrix/breadcrumb/.default/style.css?1684481066119*/
.breadcrumb-header{
  margin-bottom: 0px;
  font-weight: 300;
}


.breadcrumb-header a{
  color: var(--color-accent);
}
/* End */


/* Start:/local/templates/ceramica/components/bitrix/system.pagenavigation/site/style.css?1684481066465*/
.catalog__pagination{
	justify-content: center;
}

.pagination__item{

}

.pagination__link{
	text-decoration: none;
}


.pagination__link:not(:last-child){
	margin-right: 10px;
}

.pagination__link.pagination__link--current{

}

.catalog__pagination .page-link{
	--bs-pagination-color: #7B3D57;
}
.catalog__pagination .active>.page-link, 
.catalog__pagination .page-link.active{
	--bs-pagination-active-bg: #7B3D57;
	--bs-pagination-active-border-color: #7B3D57;
}
/* End */


/* Start:/local/templates/ceramica/components/bitrix/catalog.section/collection-elements/style.css?16844810661180*/

.catalog-section-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

.row::before {
	display: initial;
}



.collection__gallery img{
	max-width: 100%;
	height: auto;
}


.collection__gallery{

}

.collection__gallery .slick-dots{
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	bottom: 0px;
	left: 10px;
	padding: 0px;
	width: 80px;
	height: 100%;
	
}

.collection__gallery .slick-dots li{
	opacity: .5;
	border: 2px solid #FFF;
}

.collection__gallery .slick-dots li.slick-active{
	opacity: 1;
	border-color: var(--color-accent);
}

.collection__gallery .slick-dots li:not(:last-child){
	margin-bottom: 10px;
}

.collection__gallery .slick-dots li img{
	object-fit: cover;
	width: 80px;
	height: 60px;
}
/* 
.coll-elems__list .coll-elems__img-wrapper{
	max-height: none;
} */

/* 
.coll-elems__item .coll-elems__img-wrapper{
	height: 190px;
	display: flex;
	justify-content: start;
	align-items: flex-end;
}

 */


.coll-elems__item .coll-elems__info{
	flex-direction: column;
}

.coll-elems__price{
	font-size: 18px;
}
/* End */


/* Start:/local/templates/ceramica/components/bitrix/catalog.item/collection-elements/style.css?17163689211698*/
.coll-elems__list {
  margin: 0px;
  list-style: none;
  padding: 0px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 991px) {
  .coll-elems__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 769px) {
  .coll-elems__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.coll-elems__item a {
  display: block;
  text-decoration: none;
  color: #333;
  height: 100%;
  min-height: 250px;
}
.coll-elems__item a:hover {
  text-decoration: none;
  color: inherit;
}
.coll-elems__item.size_420-420mm img {
  max-width: 176px;
  max-height: 176px;
}
.coll-elems__item.size_300-300mm img {
  max-width: 120px;
  max-height: 120px;
}
.coll-elems__item.size_333-333mm img {
  max-width: 130px;
  max-height: 130px;
}
.coll-elems__item.size_242-700mm img {
  max-width: 272px;
  max-height: 76px;
}
.coll-elems__item.size_1400-484mm img {
  max-width: 272px;
  max-height: 184px;
}
.coll-elems__img-wrapper {
  height: 185px;
  margin-bottom: 15px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.coll-elems__img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.coll-elems__title {
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  line-height: 1.5;
  color: var(--color-accent);
}
.coll-elems__info p {
  margin: 0px;
}
.coll-elems__size {
  display: block;
  margin: 5px 0px;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  color: #383838;
}
.coll-elems__price span {
  font-weight: 700;
  font-size: 25px;
  color: #383838;
}
@media (max-width: 769px) {
  .coll-elems__price span {
    font-size: 20px;
  }
}/*# sourceMappingURL=style.css.map */
/* End */


/* Start:/local/templates/ceramica/components/bitrix/catalog.section/collection-elements/themes/blue/style.css?1684481066825*/
/* catalog.section */

/*
#3052bf
#26b0e4
#00a2df
*/

/* Slider */
.bx-blue .product-item-image-slider-progress-bar { background-color: #0083d1;}
.bx-blue .product-item-image-slider-control:hover{ background-color: rgba(0,131,209,.8);}
.bx-blue .product-item-image-slider-control.active,
.bx-blue .product-item-image-slider-control:hover{ background-color: #0083d1;}

/* SCU */
.bx-blue .product-item-scu-item-text-block:hover,
.bx-blue .product-item-scu-item-color-block:hover,
.bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{ outline-color: #006cc0;}

/* Amount */
.bx-blue .product-item-amount-field:focus{border-color: #006cc0;}


.bx-blue .catalog-section-header{border-color:#006cc0;}
/* End */


/* Start:/local/templates/ceramica/components/bitrix/catalog.section/collections-slider/style.css?168448106675*/
.preview__slider{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
/* End */


/* Start:/local/templates/ceramica/components/bitrix/catalog.section/collections-slider/themes/blue/style.css?1684481066825*/
/* catalog.section */

/*
#3052bf
#26b0e4
#00a2df
*/

/* Slider */
.bx-blue .product-item-image-slider-progress-bar { background-color: #0083d1;}
.bx-blue .product-item-image-slider-control:hover{ background-color: rgba(0,131,209,.8);}
.bx-blue .product-item-image-slider-control.active,
.bx-blue .product-item-image-slider-control:hover{ background-color: #0083d1;}

/* SCU */
.bx-blue .product-item-scu-item-text-block:hover,
.bx-blue .product-item-scu-item-color-block:hover,
.bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{ outline-color: #006cc0;}

/* Amount */
.bx-blue .product-item-amount-field:focus{border-color: #006cc0;}


.bx-blue .catalog-section-header{border-color:#006cc0;}
/* End */
/* /local/templates/ceramica/components/custom/collections.catalog/site/style.css?17176762193024 */
/* /local/templates/ceramica/components/bitrix/catalog.element/collections/style.css?17242242348217 */
/* /local/templates/ceramica/components/bitrix/breadcrumb/.default/style.css?1684481066119 */
/* /local/templates/ceramica/components/bitrix/system.pagenavigation/site/style.css?1684481066465 */
/* /local/templates/ceramica/components/bitrix/catalog.section/collection-elements/style.css?16844810661180 */
/* /local/templates/ceramica/components/bitrix/catalog.item/collection-elements/style.css?17163689211698 */
/* /local/templates/ceramica/components/bitrix/catalog.section/collection-elements/themes/blue/style.css?1684481066825 */
/* /local/templates/ceramica/components/bitrix/catalog.section/collections-slider/style.css?168448106675 */
/* /local/templates/ceramica/components/bitrix/catalog.section/collections-slider/themes/blue/style.css?1684481066825 */