/* Start:/bitrix/templates/Romatti_NEW/components/bitrix/system.pagenavigation/round/style.css?15861216222339*/
.bx-pagination {
	margin: 3rem 0;
}
.bx-pagination .bx-pagination-container {
	text-align: center;
	position: relative;
}
.bx-pagination .bx-pagination-container ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}
.bx-pagination .bx-pagination-container ul li {
	display: inline-block;
	margin: 0 .5rem;
}
.bx-pagination .bx-pagination-container ul li span{
	background: #FFF;
	display: block;
	height: 3.4rem;
	min-width: 3.4rem;
	line-height: 3.2rem;
	color: #7a7a7a;
	font-weight: 600;
	font-size: 1rem;
	vertical-align: middle;
	border:solid .15rem #e8e8e8;
}
.bx-pagination .bx-pagination-container ul li a {
	text-decoration: none;
	display: block;
	color: #7a7a7a;
	vertical-align: middle;
	border:none;
}
.bx-pagination .bx-pagination-container ul li a:hover span{
	background: #DADADA;
}
.bx-pagination .bx-pagination-container ul li.bx-active span{
	background: #0083d1;
	color: #fff;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
	background: #fff;
	border:solid .15rem #e8e8e8;
	line-height: 3.2rem;
	padding: 0 1rem;
	color: #444;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{
	color: #7a7a7a;
	background: #fff;
	border:solid .15rem #e8e8e8;
	line-height: 40px;
	padding: 0 18px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
	background: #fff;
	border-color: #DADADA;
	color: #000;
}

/*color schemes*/
.bx-pagination.bx-green  .bx-pagination-container ul li.bx-active span{
	background: #3bc915;
	color: #fff;
}
.bx-pagination.bx-yellow  .bx-pagination-container ul li.bx-active span{
	background: #e8e8e8;
	color:#7a7a7a;
}
.bx-pagination.bx-red  .bx-pagination-container ul li.bx-active span{
	background: #E22B2B;
	color: #fff;
}
.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{
	background: #0083d1;
	color: #fff;
}

/* End */


/* Start:/bitrix/templates/Romatti_NEW/components/bitrix/catalog.section/section_fast/style.css?168744374111463*/
.text-center {text-align: center;}
.section_info {margin:0 0 2rem;}
.section_info .section_items_total {color:#7a7a7a; font-size: 1rem; line-height: 1rem; padding: 1rem 0; display: flex;}
.section_info .section_items_total .download_pdf {display: inline-block; margin-left: 20px; border:none; color:#777;}
.section_info .section_items_total .download_pdf i {display: inline-block; margin-right: 5px; color:#000; transition: all .2s ease;}
.section_info .section_items_total .download_pdf:hover {color:#000;}
.section_info .section_items_total .download_pdf:hover i {color:#ff5353;}

.order_wrapper {text-align: right;}
.sort_order {display: block; width: 100%; font-size: 1.2rem; line-height: 1rem; padding: 1rem; border:solid 1px #CCC; cursor: pointer; transition: all .2s ease; position: relative}
.sort_order:hover {border-color: #AAA}
.sort_order .selecteed {}
.sort_order .selecteed i {float:right; font-size: 2rem; color:#CCC; line-height: 1rem;}
.sort_order .dropdown {display: none; position: absolute;  top:3rem; left:0; right:0; z-index: 100; background: #FFF; border:solid 1px #CCC; box-shadow: 0 1rem 0.3em -0.625rem rgba(0,0,0,0.3)}
.sort_order .dropdown a {display: block; font-size: 1.2rem; color:#777; line-height: 1rem; padding: 1rem; border:none;}
.sort_order .dropdown a:hover {background: #F1F1F1;}

/*ELEMENTS*/
.catalog_element_list {margin: 0 -1rem;}
.catalog_element_list .element {margin: 0 6px 12px; border: 3px solid #f1f1f1; background: #fff; box-shadow: none; transition: all .3s ease; position: relative}
.catalog_element_list .element:hover {box-shadow: 0 0 1rem 0 rgba(0,0,0,0.1);}
.catalog_element_list .element .picture_wrapper {position: relative; display: block; z-index: 1; width: 100%; padding-top: 100%; border:none; overflow: hidden;}
.catalog_element_list .element .picture_wrapper .picture {position: absolute; top:0; lefT:0; width: 100%; height: 100%; object-fit: cover;  z-index: 1; transition: opacity .2s ease;}
.catalog_element_list .element .picture_wrapper .picture.lazyload {opacity: 0;}
.catalog_element_list .element .picture_wrapper .picture.lazyloaded {opacity: 1}
.catalog_element_list .element .picture_wrapper .picture.second {z-index: 3; opacity: 0;}
.catalog_element_list .element .picture_wrapper:hover .picture.second + .picture.primary {opacity: 0}
.catalog_element_list .element .picture_wrapper:hover .picture.second {opacity: 1;}


.catalog_element_list .element .offer_label_wrapper {position: absolute; top: 0; left: 0; display: flex;}
.catalog_element_list .element .offer_label {background: #1d1d1e; padding: .25rem .75rem; line-height: 1rem; font-size: .7rem; text-transform: uppercase; font-weight: 600; z-index: 20; box-shadow: 0 1rem 0.3em -0.625rem rgba(0,0,0,0.2); height: 20px;}
.catalog_element_list .element .offer_label.discount {color: #FFF; background: #ff5353}
.catalog_element_list .element .offer_label.discount i {display: none;}
.catalog_element_list .element .offer_label.hit {color: #ffdd2d; padding-left: .7rem;}
.catalog_element_list .element .offer_label.hit i {display: inline-block; margin-right: .5rem; vertical-align: middle; font-size: 1rem; line-height: 1rem;}
.catalog_element_list .element .offer_label.hit span {display: inline-block; vertical-align: middle;}

.catalog_element_list .element .offer_label.available {position: absolute; padding: 5px 6px; top: auto; bottom:0; right:0; left: auto; height: auto; color:#000; line-height: 12px; background: #ffdd2d; display: flex; box-shadow: -4px -4px 0 #000000;}
.catalog_element_list .element .offer_label.available i {font-size: 10px; line-height: 12px; height: 12px; width: 12px; text-align: center; box-shadow: 0 0 0 1px #000;  margin-right: 6px; border-radius: 50%;}
.catalog_element_list .element .offer_label.available span {text-transform: lowercase; font-size: 10px; line-height: 12px; font-weight: 600; height: auto;}

.catalog_element_list .element .wishbtn {position: absolute; top: 1rem; height: 3rem; width: 3rem; right: 1rem; display: block; cursor: pointer; z-index:20;}
.catalog_element_list .element .wishbtn i {display: block; font-size: 2rem; line-height: 3rem; height: 3rem; width: 3rem; text-align: center;}
.catalog_element_list .element .wishbtn:hover {color:#ff5353;}

.catalog_element_list .element .title_wrapper {margin: 1.4rem 0 .5rem 0; padding: 0 1rem; font-size: 1.3rem; line-height: 1em; height: 7rem; overflow: hidden;}
.catalog_element_list .element .title_wrapper .title {color: #1d1d1e; font-weight: 500; font-size: 1.15rem; line-height: 1.6rem; display: inline-block; border: none;}
.catalog_element_list .element .title_wrapper .title span {font-weight: 400; font-size: 1rem; color:#444;}
.catalog_element_list .element .title_wrapper .title .bold {font-weight: 500; display: block;}
.catalog_element_list .element .title_wrapper .title:hover .bold {color:#000;}

.catalog_element_list .element .title_wrapper .articul {color:#999; font-size: 11px; line-height: 11px; margin-top: 5px;}

.catalog_element_list .element .discount_block {padding: 0 1rem; font-size: 1rem; line-height: 1rem; min-height: 1rem; margin: 0 0 1rem;}
.catalog_element_list .element .discount_block .discount_percent {color: #8c8c8c; white-space: nowrap;}
.catalog_element_list .element .discount_block .discount_percent span {color: #ff5353; font-weight: 600;}
.catalog_element_list .element .discount_block .discount {color: #8c8c8c; white-space: nowrap;}
.catalog_element_list .element .discount_block .discount span {color: #97cc5a; font-weight: 600; vertical-align: middle;}

.catalog_element_list .element .price_block  {padding: 0 1rem; height: 3rem; overflow: hidden; margin-bottom:1rem;}

.catalog_element_list .element .price_block .price_request { height: 39px; overflow: hidden; background: #EEE;. font-size: 14px; line-height: 25px; padding: 7px 12px; border: none; display: block; text-align: center; font-weight: 600;  white-space: nowrap; margin-top: -8px;}
.catalog_element_list .element .price_block .price_request:hover {background: #ffdd2d; color:#000;}

.catalog_element_list .element .price_block  .price_old {color: #959595; white-space: nowrap; font-size: 1.2rem; line-height: 1.2rem; height:1.2rem; text-decoration: line-through; display: block;}
.catalog_element_list .element .price_block  .price {color: #545454; white-space: nowrap; font-weight: 700; font-size: 1.6rem; line-height: 1.8rem; margin: 0; display: block;}
.catalog_element_list .element .price_block  .price {font-size: 1.2rem; }

.catalog_element_list .element .price_block  .cart_wrapper {text-align: right; padding-top: .6rem; height: 3rem;}
.catalog_element_list .element .price_block  .cart_wrapper a {display: inline-block; vertical-align: bottom; border: none; }

.catalog_element_list .element .price_block  .more_variants {font-size: .9rem; color: #8c8c8c; line-height: 1.8rem; margin-top:.6rem;  display: block}
.catalog_element_list .element .price_block  .more_variants:hover {color:#000;}

.catalog_element_list .element .price_block  .cart_wrapper .add2cart {color:#000; margin-left: 1rem;}
.catalog_element_list .element .price_block  .cart_wrapper .add2cart:hover {color:#000;}
.catalog_element_list .element .price_block  .cart_wrapper .add2cart i {font-size:2.4rem; line-height: 2.4rem; height: 2.4rem; width: 2.4rem; text-align: center; display: block}
.catalog_element_list .element .price_block  .cart_wrapper .add2cart.done {}
.catalog_element_list .element .price_block  .cart_wrapper .add2cart.done i:before {content:"\f00c"; color:#97cc5a;}

.show_more_wrapper {text-align: center; margin-top: -1rem;}
.show_more_wrapper .loader {height: 2rem; text-align: center; margin-bottom: 1rem;}
.show_more_wrapper .loader i {display: inline-block; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: #ffdd2d; margin:.3rem .5rem; transform: scale(0);
    animation-name: loader_dot;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    opacity: 0;
}
.show_more_wrapper.active .loader i {opacity: 1;}
.show_more_wrapper .loader i:nth-child(1) {animation-delay:0s;}
.show_more_wrapper .loader i:nth-child(2) {animation-delay:.1s;}
.show_more_wrapper .loader i:nth-child(3) {animation-delay:.2s;}
.show_more_wrapper .loader i:nth-child(4) {animation-delay:.3s;}
.show_more_wrapper .loader i:nth-child(5) {animation-delay:.4s;}

@keyframes loader_dot {
    0% {transform: scale(0)}
    50% {transform: scale(1)}
    100% {transform: scale(0)}
}

@media (max-width: 767px) {
    .catalog_element_list {margin: 0 -.2rem;}
    .catalog_element_list .element {margin: .2rem;}

    .catalog_element_list .element .offer_label {padding: .2rem .5rem; font-size: .7rem; line-height: 1rem;}
    .catalog_element_list .element .offer_label.hit {padding-left: .5rem;}
    .catalog_element_list .element .offer_label.hit i {font-size: 1rem; line-height: 1rem;}

    .catalog_element_list .element .offer_label.available {padding: 0 2px; line-height: 10px; }
    .catalog_element_list .element .offer_label.available i {display: none;}
    .catalog_element_list .element .offer_label.available span {font-size: 9px; line-height: 10px; }

    .catalog_element_list .element .offer_label.discount span {display: none;}
    .catalog_element_list .element .offer_label.discount i {display: block; font-size: 1rem;}

    .catalog_element_list .element .wishbtn {top:.5rem; right:.5rem; height: 1.2rem; width: 1.2rem;}
    .catalog_element_list .element .wishbtn i {font-size: 1.2rem; line-height: 1.2rem; width: 1.2rem; height: .2rem;}

    .catalog_element_list .element .title_wrapper {padding: 0 .5rem; line-height: 1rem; height: 5rem; margin:.5rem 0;}
    .catalog_element_list .element .title_wrapper .title {font-size: .9rem; line-height: 1rem;}
    .catalog_element_list .element .title_wrapper .title span {font-weight: 400; font-size: .6rem; line-height: .8rem; margin-bottom: .2rem;color:#777; display: block;}
    .catalog_element_list .element .title_wrapper .title strong {font-weight: 500; display: block;}
    .catalog_element_list .element .title_wrapper .articul {font-size: .5rem; line-height: 1rem; margin: 0;}


    .catalog_element_list .element .discount_block {display: none;}

    .catalog_element_list .element .price_block {padding:0 .5rem; height: 24px; margin-bottom: .5rem;}
    .catalog_element_list .element .price_block .price_old {display: none;}
    .catalog_element_list .element .price_block .price {font-size: .9rem; line-height: 24px;}

    .catalog_element_list .element .price_block .price_request {font-size: 11px;}

    .catalog_element_list .element .price_block .more_variants {display: none;}

    .catalog_element_list .element .price_block .cart_wrapper {padding:0; height: 1.2rem;}
    .catalog_element_list .element .price_block .cart_wrapper .add2cart {background: none; text-align: right; }
    .catalog_element_list .element .price_block .cart_wrapper .add2cart i {font-size: 24px; line-height: 24px; height: 24px; width: 24px; margin:0; display: inline-block}

    .show_more_wrapper {margin:0 0 1rem;}
    .bx-pagination-container {margin-bottom: 2rem;}
}


@media (min-width:768px) and (max-width:991px) {}
@media (min-width:992px) and (max-width:1199px) {.catalog_element_list .element .price_block .more_variants {display: none !important;}}


/* End */
/* /bitrix/templates/Romatti_NEW/components/bitrix/system.pagenavigation/round/style.css?15861216222339 */
/* /bitrix/templates/Romatti_NEW/components/bitrix/catalog.section/section_fast/style.css?168744374111463 */