/* Start:/bitrix/templates/Romatti_NEW/components/bitrix/news.list/slider_adaptive/style.css?16469267172203*/
.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/components/romatti/custom_order.form/templates/.default/style.css?16214283161310*/
.custom_order_form .request_title {margin: 30px 0 20px 0;}
.custom_order_form .input_row {margin-bottom: 15px;}

.custom_order_form {position: relative; z-index: 1; transition: all .2s ease;}
.custom_order_form.load {opacity: .5;}
.custom_order_form.load:after {content:""; position: absolute; top: 0; left: 0; right:0; bottom: 0; z-index: 10; background: rgba(255,255,255,0.1)}
.custom_order_form input, .custom_order_form textarea {width: 100%; height: 50px; font-size: 14px; line-height: 24px; padding: 7px 14px; border:solid 3px #e8e8e8; transition: all .2s ease;}
.custom_order_form input:focus, .custom_order_form textarea:focus {outline: none; border-color:#ccc;}
.custom_order_form textarea {display:block; height: 115px; padding: 1.5em 1.5em; line-height: 1.5em; resize:none;}


.custom_order_form .submit {background: #ffdd2d; border-color: #ffdd2d; font-size: 18px;}
.custom_order_form .submit:focus {outline: none;}
.custom_order_form .submit:hover {color: #000; border-color: #444}

.custom_order_form .upload, .custom_order_form .submit {cursor: pointer;}

.custom_order_form .request_message {font-size: 14px; line-height: 2em; text-align: center; padding: 7px 14px; border:solid 3px #e8e8e8; }
.custom_order_form .ok {border-color: #c1e696; }
.custom_order_form .error {border-color: #ff5353; }
/* 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/romatti/catalog.smart.filter/catalog/style.css?16945139536572*/
.romatti_filter {position: relative; margin: 0;}
.romatti_filter form {position: relative;  background: transparent; padding: 1rem 0;}
.romatti_filter form .element {margin: 0 0 24px;}

.romatti_filter form .element .title {font-weight: 800;  font-size: 14px; line-height: 1rem; margin: 0 0 15px;}
.romatti_filter form .element .title .hint_link {line-height: 17px; width: 17px; text-align: center; color:#999; border:solid 1px #CCC; border-radius: 50%; display: inline-block; margin:4px 10px 4px 20px; font-size: 13px; cursor: pointer; transition: all .2s;}
.romatti_filter form .element .title .hint_link:hover {background: #444; color: #FFF;}
.romatti_filter form .element .title span.checked_counter {display: none; color:#FFF; background: #222; width: 19px; height: 19px; line-height: 19px; margin: 3px 0; text-align: center; border-radius: 50%;}
.romatti_filter form .element .title a {border:none;}
.romatti_filter form .element .title i {font-weight: normal; float:right; background: none; line-height: 25px; height: 25px; width: 25px; text-align: center; vertical-align: middle; font-size: 15px; margin-left: 10px; display: none; background: #EEE; color:#000; border-radius: 4px;}

.romatti_filter form .element .hint {display: none; position: absolute; top: 0; left: 0; padding: 15px 40px 20px ; background: #333; color:#FFF; transition: all .2s; width: 400px; z-index: 30; line-height: 20px; font-size: 13px; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2); border-radius: 4px; opacity: 0; }
.romatti_filter form .element .hint h4 {margin-top:0; margin-bottom: 10px; line-height: 26px; font-size: 15px; font-weight: 900}
.romatti_filter form .element .hint a {color:#FFF; border-color:#FFF;}
.romatti_filter form .element .hint a:hover {border-color:transparent}
.romatti_filter form .element .hint i { position: absolute;}
.romatti_filter form .element .hint i.triangle {width: 17px; height: 17px; transform: rotate(45deg); background: #333; top: 20px; left: -8px;}

.romatti_filter form .element .hint i.icon-close {position: absolute; left: 10px; top: 20px; line-height: 17px; width: 17px; text-align: center; font-size: 13px; opacity: 0.5; cursor: pointer; transition: all .2s; border-radius: 50%; background: #FFF; color:#222;}
.romatti_filter form .element .hint i.icon-close:hover {opacity: 1;}


.romatti_filter form .element .value_wrapper {max-height: 310px; overflow-x: auto; overflow-y: scroll;  }

.romatti_filter form .element .value_wrapper .label {display: flex; font-weight: 500; transition: all .2s; line-height: 16px; font-size: 14px; margin: 0 0 10px 0; cursor: pointer; color:#444; align-items: center}
.romatti_filter form .element .value_wrapper .label.disabled {opacity: 0.3;}

.romatti_filter form .element .value_wrapper .label input {display: none;}
.romatti_filter form .element .value_wrapper .label span {}
.romatti_filter form .element .value_wrapper .label span.box {display: inline-block; float:left; margin-right: 5px; height: 16px; width: 16px; border:solid 2px #999; transition: all .2s;border-radius: 4px; background: #FFFFFF;}
.romatti_filter form .element .value_wrapper .label span.box.radio {border-radius: 50%;}

.romatti_filter form .element .value_wrapper .label:not(.disabled):hover {color:#222;}
.romatti_filter form .element .value_wrapper .label:not(.disabled):hover span.box {border-color:#FFCD33; background: #FFCD33;}

.romatti_filter form .element .value_wrapper .label input:checked + span.box {background: #ffdd2d; border-color: #FFCD33;}
.romatti_filter form .element .value_wrapper .label input:checked + span.box:after {content:"\f00c"; font-family: 'icomoon' !important;}

.romatti_filter form .element .value_wrapper .label span.cnt {margin-left: auto; padding-right: 4px; color:#CCC; font-size: 11px;}

.romatti_filter a.cta {display: block; margin-bottom: 24px;}
.romatti_filter form a.romatti_filter_clear {font-size: 11px; display: inline-block; border-bottom:dashed 1px #999; color:#444;}
.romatti_filter form a.romatti_filter_clear:hover {border:none; color:#222;}

.romatti_filter  .romatti_result {position: absolute; right: 0; top: 0; transform: translateX(100%); z-index: 1000; border:none; display: none; }
.romatti_filter  .romatti_result .wrapper {display: flex; background: #ffdd2d; font-size: 13px; line-height: 20px; padding: 6px 12px; border-radius: 0 8px 8px 0; }
.romatti_filter  .romatti_result .wrapper strong {font-weight: 900;  margin-left: 12px;}
.romatti_filter  .romatti_result .wrapper span {}
.romatti_filter  .romatti_result .wrapper i {float:right; line-height: 20px; font-size: 15px; margin-left: 12px;}
.romatti_filter  .romatti_result:hover .wrapper {background: #333; color:#FFF;}



/* Works on Firefox */
.romatti_filter form .element .value_wrapper {
    scrollbar-width: thin;
    scrollbar-color: blue grey;
}

/* Works on Chrome, Edge, and Safari */
.romatti_filter form .element .value_wrapper::-webkit-scrollbar {
    width: 4px;
}

.romatti_filter form .element .value_wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.romatti_filter form .element .value_wrapper::-webkit-scrollbar-thumb {
    background-color: blue;
    border-radius: 2px;
    border: 3px solid #ddd;
}

.romatti_filter_mobile {display: none}
.romatti_filter_mobile_title {display: none}
@media (max-width: 767px) {
    .romatti_filter_mobile {display: flex; border: none; font-size: 1rem; line-height: 24px; margin: 12px 0 24px; align-items: center}
    .romatti_filter_mobile i {display: block; font-size: 1rem; margin-right: 12px; width: 24px; line-height: 24px; border-radius: 50%; text-align: center; background: #ffdd2d;}
    .romatti_filter_mobile span {font-weight: bold;}

    .romatti_filter {display: none; position: fixed; top:0; lefT: 0; right:0; bottom: 0; background: #FFF; z-index: 90000; margin: 0; padding: 20px;}
    .romatti_filter.active {display: block; }
    .romatti_filter .inner_wrapper {height: 100%; overflow-x: hidden; overflow-y: scroll}

    .romatti_filter_mobile_title {display: flex; margin-bottom: 24px;}
    .romatti_filter strong {font-size: 18px;}
    .romatti_filter .filter_close {margin-left: auto; border: none; margin-right: 12px; font-size: 14px;}

    .romatti_filter {}

    .romatti_filter  .romatti_result {display: none;}
    .filter_apply_cta {position: fixed; bottom: 0; left: 0; right: 0; background: #FFF; border-top: solid 1px #EEE; padding: 4px;}
    .filter_apply_cta a.cta {margin: 0; text-align: center; padding: 12px 24px;}
}
/* 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?16469267172203 */
/* /bitrix/templates/Romatti_NEW/components/bitrix/system.pagenavigation/.default/style.css?15861216221060 */
/* /bitrix/templates/Romatti_NEW/components/bitrix/catalog/cat/style.css?16347245781708 */
/* /bitrix/components/romatti/custom_order.form/templates/.default/style.css?16214283161310 */
/* /bitrix/templates/Romatti_NEW/components/bitrix/catalog.section.list/horizontal_list_tabs/style.css?16404418832782 */
/* /bitrix/templates/Romatti_NEW/components/romatti/catalog.smart.filter/catalog/style.css?16945139536572 */
/* /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 */