/* Start:/bitrix/templates/Romatti_NEW/components/bitrix/news.list/slider_adaptive/style.css?16469267162203*/
.slider_list {margin: 1.5rem 0;}
.slider_list .banner {background: #ffdd2d center center; background-size: cover; width: 100%; position: relative; overflow: hidden; z-index: 1; display: block; border:none;}
.slider_list .banner img {width: 100%; height: auto;}


.slider_list .banner .overlay {width:100%; height: 100%; z-index:1; position: absolute; top:0; left:0; right:0;}

.slider_list .banner .overlay.transparent:before {position: absolute; content: ""; display: block; top: -100%; left: -100%; bottom:-100%; right:45%;  background: #33322C; transform: rotate(26deg); z-index: -1;}

.slider_list .banner a.link {position: absolute; top: 0; lefT:0; right:0; bottom:0; z-index: 1; border:none;}

.slider_list .banner .caption {position: absolute; top:6.25rem; bottom: 3.75rem; left: 3.75rem; max-width: 60%; color:#1d1d1e; overflow: hidden;}
.slider_list .banner .caption .title {font-size: 5.3rem; letter-spacing: -.2rem; line-height: 1em; margin-bottom: 3rem; font-weight: 800;}
.slider_list .banner .caption .subtitle {font-size: 1.3rem; line-height:1.2em; max-width: 50%; max-height:3.6rem; overflow: hidden; font-weight: 600;}

.slider_list .banner .caption .banner_button {display:inline-block; margin-top: 3rem; padding: .9rem 2.2rem; transition: all .2s ease; background: #ffdd2d; color:#1d1d1e; box-shadow: 0 1rem 0.3em -0.625rem rgba(0,0,0,0.3);}
.slider_list .banner .caption .banner_button span {font-weight: 600; font-size: 1.2rem; text-transform: uppercase; line-height: 2rem; display: inline-block; vertical-align: middle;}
.slider_list .banner .caption .banner_button i {font-size: 2.5rem; line-height: 1.4rem; float:right; font-style: normal; display: inline-block; vertical-align: middle; margin-left: 1rem; font-weight: 600;}
.slider_list .banner:hover .caption .banner_button {;}

.slider_list .owl-dots {margin: 24px 0 0 0; padding:0; list-style-type: none; position: static; z-index: 10; bottom: 1rem; text-align:center; }
.slider_list .owl-dots .owl-dot:before {background: #e1dedc !important;}
.slider_list .owl-dots .owl-dot:hover:before {background: #BAB7A1 !important;}
.slider_list .owl-dots .owl-dot.active:before {background: #6d6c6b !important;}
/* End */


/* Start:/bitrix/templates/Romatti_NEW/components/bitrix/system.pagenavigation/.default/style.css?15861216221060*/
div.modern-page-navigation {margin: 2em 0 1em; border-bottom:solid .5em #F6F5F2; text-align: left}

div.modern-page-navigation span.count {float:left; color:#DDD; line-height: 2.5em;}
div.modern-page-navigation span.count strong {font-weight: 900;}

div.modern-page-navigation a, 
span.modern-page-current, 
span.modern-page-dots
{
    font-size: 1.2em;
    display:inline-block;
    width: 3em;
    line-height: 3em;
    height: 3em;
    text-align: center;
	text-decoration: none;
    border:none;
    color:#AAA;
    font-weight: 400;
    position: relative;
    border-bottom:solid .2em transparent;
    margin-bottom:-.5em;
    font-family: "Gilroy", "Open Sans", "Verdana", sans-serif;
}

div.modern-page-navigation a:hover {color:#333; border-color:#BAB7A1;}


div.modern-page-navigation a.modern-page-previous, div.modern-page-navigation a.modern-page-next {width:auto;}
div.modern-page-navigation a.modern-page-first, 
div.modern-page-navigation span.modern-page-first {}

span.modern-page-current {color:#333; font-weight: 900; border-color:#ffdd2d;}
/* End */


/* Start:/bitrix/templates/Romatti_NEW/components/bitrix/catalog/cat/style.css?16347245781708*/
.section_description {background: #FAFAFA url('/bitrix/templates/Romatti_NEW/components/bitrix/catalog/cat/img/bg.jpg') left top; background-size: cover;}
.section_description .description_wrapper {font-size: 1.2rem;}
.section_description .description_wrapper .sect_description {padding: 4rem;}
.section_description .sectiton_picture {background: center center no-repeat; background-size: cover; width: 100%; padding-top: 100%;}

.bottom_description {margin: 5rem 0;}
.bottom_description .picture {}
.bottom_description .picture img {width: 100%;}
.bottom_description .description_text {font-size: 1.2rem; line-height: 1.4em;}
.bottom_description .description_text h2,.bottom_description .description_text h3 {margin: 2rem  0 1rem; font-size: 2rem;}

.bottom_description .description_text .expand_link {display: block; font-size: 1.2rem; line-height: 1.5rem; padding: 1rem 2rem; background: none; color:#000; border: solid 2px #ffdd2d; font-weight: 600; margin:0 auto .5rem; width: 28rem; text-align: center;}
.bottom_description .description_text .expand_block {display: none;}
.bottom_description .description_text .expand_block.open {display: block;}

.section_nav {}
.section_nav .element {display: block; margin: 24px 0 48px; border:solid 1px #EEE;}
.section_nav .element .picture {position: relative; width: 100%; padding-top: 100%; overflow: hidden}
.section_nav .element .picture img {position: absolute; top:50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%;height: auto;}
.section_nav .element .title {padding: 24px; font-size: 18px; line-height: 24px; height: 120px; overflow: hidden}

.crm_pdf_wrapper {padding: 40px;}

@media (max-width: 768px) {
    .crm_pdf_wrapper {padding: 24px 0;}
    .crm_pdf_wrapper h2 {font-size: 18px;}
}
/* End */


/* Start:/bitrix/templates/Romatti_NEW/components/bitrix/catalog.section.list/horizontal_list_tabs/style.css?16404418832782*/
.catalog_sections_list {margin:4rem 0; }

.catalog_sections_list .tabs {margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; font-size: 14px; line-height: 20px;}
.catalog_sections_list .tabs li.tab {}
.catalog_sections_list .tabs li.tab a {border: none; color:#555; font-weight: 600; display: block; text-transform: uppercase; letter-spacing: 0.05em; background: transparent; padding: 12px 20px; border-radius: 4px 4px 0 0;}
.catalog_sections_list .tabs li.tab a:hover {color:#000; background: #F6F5F2 }
.catalog_sections_list .tabs li.tab a.active {background: #F6F5F2 ; color:#000; }

.catalog_sections_list .tabs li.link {margin-left: auto; padding: 12px 0;}
.catalog_sections_list .tabs li.link a {color:#000;}

.catalog_sections_list .section_tab {display: none;}
.catalog_sections_list .section_tab.active {display: block;}

.catalog_sections_list .sections_list {margin: 0; padding: 0; list-style-type: none; font-size: 18px; line-height: 20px;}
.catalog_sections_list .sections_list li {display: inline-block; margin: 15px 15px 0 0;}
.catalog_sections_list .sections_list li a {display: block; color:#000; background: #F1F1F1; padding: 10px 16px; font-weight: 500; border:none;}
.catalog_sections_list .sections_list li a:hover {color:#000; background: #FFDD2D; }

.alphabet_block {}
.alphabet_block .letter_block {position: relative; border:solid 3px #F6F5F2; border-radius: 0 0 4px 4px; padding: 6px 36px 6px;}
.alphabet_block .letter_block .letter {display: block; position: absolute; left: 0; top: 6px; font-size: 20px; line-height: 25px; width: 24px; text-align: center; font-weight: bold; color:#ff5353;}
.alphabet_block .letter_block ul {margin: 0; padding: 0; list-style-type: none; font-size: 14px; line-height: 24px;}
.alphabet_block .letter_block ul li {display: inline-block; margin-right: 24px;}
.alphabet_block .letter_block ul li a {display: block; line-height: 24px; font-weight: 600; border-bottom:solid 1px transparent;}
.alphabet_block .letter_block ul li a:hover {color:#f0ca04; border-color: #f0ca04;}

/**/
.brand_sections_list {}
.brand_sections_list .letter_block {border:solid 1px #B1B1B1; background: #F1F1F1; margin-bottom: 21px;}
.brand_sections_list .letter_block .letter {display: inline-block; line-height: 40px; width: 48px; text-align: center; color:#f0ca04; background: #1D1D1E; font-size: 20px; font-weight: 700}
.brand_sections_list .letter_block ul {background: #FFF; padding: 18px 24px; margin: 0; list-style-type: none; font-size: 15px; line-height: 18px;}
.brand_sections_list .letter_block ul li {margin: 6px 0;}
.brand_sections_list .letter_block ul li a {text-decoration: none; border: none;}
.brand_sections_list .letter_block ul li a:hover {text-decoration: underline}

/* End */


/* 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/news.list/slider_adaptive/style.css?16469267162203 */
/* /bitrix/templates/Romatti_NEW/components/bitrix/system.pagenavigation/.default/style.css?15861216221060 */
/* /bitrix/templates/Romatti_NEW/components/bitrix/catalog/cat/style.css?16347245781708 */
/* /bitrix/templates/Romatti_NEW/components/bitrix/catalog.section.list/horizontal_list_tabs/style.css?16404418832782 */
/* /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 */