/* Start:/bitrix/templates/Romatti_NEW/css/production_svet_page.css?16401812166294*/
.production_page_svet {margin-bottom: 48px;}

.production_page_svet .banner {display: block; border: none;  margin: 24px 0 }
.production_page_svet .banner img {width: 100%;}

.production_page_svet .production_caption {text-align: center; max-width: 900px; margin: 48px auto 25px; }
.production_page_svet .production_caption .title {font-weight: 700; font-size: 36px; line-height: 44px;}
.production_page_svet .production_caption .description {font-size: 20px; line-height: 32px; color:#999;}

.production_page_svet .promo_wrapper {background: #F1F1F1; padding: 0 31px; margin: 48px 0;}
.production_page_svet .promo_wrapper .element {padding: 46px 31px;}
.production_page_svet .promo_wrapper .title {display: flex; align-items: center; color: #555; font-size: 15px; line-height: 20px; font-weight: 600; margin-bottom: 19px; min-height: 60px;}
.production_page_svet .promo_wrapper .title i {height: 40px; width: 40px; font-size: 40px; text-align: center; margin-right: 20px;}
.production_page_svet .promo_wrapper .title img {height: 40px; width: 40px; margin-right: 20px;}
.production_page_svet .promo_wrapper .description {font-size: 12px; color:#555; line-height: 1.2em;}

.production_page_svet section.portfolio {margin: 48px 0;}

.production_page_svet .cta_wrapper {margin: 48px 0; text-align: center;}

.production_page_svet .cta_block {background: #FEDD2D; margin: 48px 0; padding: 64px 96px; position: relative; z-index: 1; overflow: hidden}
.production_page_svet .cta_block:before {content:""; position: absolute; top:-50%; bottom: -50%; left: 20%; right: -40%; transform: rotate(-45deg); background: rgba(255,255,255,.2); z-index: -1;}
.production_page_svet .cta_block .title {font-size: 36px; line-height: 44px; color:#000; font-weight: 700; margin-bottom: 15px;}
.production_page_svet .cta_block .description {font-size: 16px; line-height: 20px; color:#555555; }

.production_page_svet .cta_block a {display: flex; font-size: 13px; line-height: 20px; padding: 15px 25px; background: #000; color:#FFF; text-transform: uppercase}
.production_page_svet .cta_block a i {margin-left: auto; font-size: 20px; line-height: 20px; width: 20px; text-align: center;}

    /*
    .production_page_svet .cta_block .b24-form-wrapper.b24-form-shadow {box-shadow: none !important;}
    .production_page_svet .cta_block .b24-form-padding-side {padding: 0 !important;}
    .production_page_svet .cta_block .b24-form-wrapper {background: none !important; min-height: auto;}
    .production_page_svet .cta_block .b24-form-wrapper.b24-form-border-bottom {border: none !important}
    .production_page_svet .cta_block .b24-form-control-string .b24-form-control, .production_page_svet .cta_block .b24-form-control-list .b24-form-control, .production_page_svet .cta_block .b24-form-control-text .b24-form-control, .production_page_svet .cta_block .b24-form-control-select .field-item {background: #FFF !important;}
    .production_page_svet .cta_block .b24-form-control-file {background: #FFF !important;}
    .production_page_svet .cta_block .b24-form-header-padding {padding: 0;}
    .production_page_svet .cta_block .b24-form-recaptcha {margin: 0;}
    */
/*UTP*/
.production_page_svet .utp {margin: 60px 0 90px;}
.production_page_svet .utp .element {border:solid 1px #1D1D1E; padding: 25px 25px 25px 110px; position: relative; height: 200px; overflow: hidden; margin-bottom: 6px; }
.production_page_svet .utp .element .icon {position: absolute; top: 0; left: 25px; width: 60px; height: 164px; background: url("/bitrix/templates/Romatti_NEW/css/../img/production/svet/cat_bg.svg") top center no-repeat; background-size: 60px; padding: 25px 17px;}
.production_page_svet .utp .element .icon img {width: 26px; }
.production_page_svet .utp .element .title {font-weight: 600; font-size: 24px; line-height: 30px; margin-bottom: 14px;}
.production_page_svet .utp .element .title a {border:none; }
.production_page_svet .utp .element a.title:hover {border-bottom: solid 1px #000;}
.production_page_svet .utp .element .description {font-size: 15px; line-height: 20px; color: #555555}

/*CATEGORY*/
.production_page_svet .category {}
.production_page_svet .category .element {display: block; position: relative; height: 400px; margin-bottom: 30px; overflow: hidden; z-index: 1;}
.production_page_svet .category .element img {min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(1); z-index: -1; transition: all .2s ease;}
.production_page_svet .category .element:hover img {transform: translateX(-50%) translateY(-50%) scale(1.1);}
.production_page_svet .category .element span {display: block; bottom: 0; lefT: 0; right:0; position:absolute;  padding: 250px 50px 40px; color:#FFF; font-size: 24px; line-height: 30px; font-weight: 600; }

.production_page_svet .pop_category {}
.production_page_svet .pop_category .element {display: block; margin-bottom: 30px; border:none;}
.production_page_svet .pop_category .element .picture {position: relative; height: 400px; overflow: hidden; z-index: 1;}
.production_page_svet .pop_category .element .picture img {min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: -1;}
.production_page_svet .pop_category .element span {display: block; background:#F6F5F2; padding: 20px 20px; color:#000; font-size: 24px; line-height: 30px; font-weight: 600; }


.section_nav {margin: 48px 0; overflow: hidden}


@media (max-width: 767px) {
    .production_page_svet {overflow: hidden;}

    .production_page_svet .utp .element .title {font-size: 14px; line-height: 18px;}

    .production_page_svet .category .element {height: 194px;}
    .production_page_svet .category .element span {padding:  100px 23px 20px; font-size: 14px; line-height: 19px;}

    .production_page_svet .production_caption .title {font-size: 18px; line-height: 22px;}
    .production_page_svet .production_caption .description {font-size: 14px; line-height: 19px;}

    .production_page_svet .promo_wrapper {padding: 0}
    .production_page_svet .promo_wrapper .element {padding: 24px;}

    .production_page_svet .cta_block {padding: 30px;}
    .production_page_svet .cta_block .description {margin-bottom: 20px;}
}
/* End */


/* Start:/bitrix/templates/Romatti_NEW/components/bitrix/news.list/partners/style.css?16286787601056*/
.partners_list {margin-top: 2em;}
.partners_list .element {display: block; height: 120px; border:none; position: relative; text-align: center;}
.partners_list .element img {max-width: 80%; max-height:  100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%)}

.partners_list .navigation {margin-top: 24px; text-align: center; display: flex; align-items: center; justify-content: center}

.partners_list .navigation .nav {font-size: 64px; line-height: 64px; color: #D6D6D6; cursor: pointer; transition: all .2s ease; margin: 0 48px;}
.partners_list .navigation .nav.disabled {opacity: .5;}
.partners_list .navigation .nav:hover{color: #999}
.partners_list .navigation .swiper-pagination-bullet {border-radius: 0; width: 28px; height: 4px; background: #9C9C9C; margin: 0 4px;}

@media (max-width: 767px) {
    .partners_list .navigation .nav.prev {margin: 0 24px 0 0;}
    .partners_list .navigation .nav.next {margin: 0 0 0 24px;}
    .partners_list .navigation .swiper-pagination-bullet {width: 16px;}
}

/* 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/news.list/production/style.css?16300530305980*/
.portfolio_list {overflow: hidden}
.portfolio_list .element {display: block; border:none; height: 500px; position: relative; background: center center no-repeat; background-size: cover;}
.portfolio_list .element .caption {position: absolute; bottom: 0; left: 0; right: 0; padding: 96px 24px 48px; background:  linear-gradient(
        to top,
        hsla(0, 0%, 0%, 0.64) 0%,
        hsla(0, 0%, 0%, 0.632) 8.1%,
        hsla(0, 0%, 0%, 0.609) 15.5%,
        hsla(0, 0%, 0%, 0.573) 22.5%,
        hsla(0, 0%, 0%, 0.528) 29%,
        hsla(0, 0%, 0%, 0.474) 35.3%,
        hsla(0, 0%, 0%, 0.415) 41.2%,
        hsla(0, 0%, 0%, 0.352) 47.1%,
        hsla(0, 0%, 0%, 0.288) 52.9%,
        hsla(0, 0%, 0%, 0.225) 58.8%,
        hsla(0, 0%, 0%, 0.166) 64.7%,
        hsla(0, 0%, 0%, 0.112) 71%,
        hsla(0, 0%, 0%, 0.067) 77.5%,
        hsla(0, 0%, 0%, 0.031) 84.5%,
        hsla(0, 0%, 0%, 0.008) 91.9%,
        hsla(0, 0%, 0%, 0) 100%
);}

.portfolio_list .element .caption .title {color:#FFF; font-size: 24px; line-height: 30px; font-weight: 600; width: 80%; margin-bottom: 12px;}
.portfolio_list .element .caption .more {border: 1px solid #FFFFFF; display: inline-block; padding: 10px; line-height: 15px; font-size: 11px; text-transform: uppercase; color:#FFF;}

.portfolio_list .navigation {margin-top: 24px; text-align: center; display: flex; align-items: center; justify-content: center}

.portfolio_list .navigation .nav {font-size: 64px; line-height: 64px; color: #D6D6D6; cursor: pointer; transition: all .2s ease; margin: 0 48px;}
.portfolio_list .navigation .nav.disabled {opacity: .5;}
.portfolio_list .navigation .nav:hover{color: #999}
.portfolio_list .navigation .swiper-pagination-bullet {border-radius: 0; width: 28px; height: 4px; background: #9C9C9C; margin: 0 4px;}


/*MODAL*/
.modal_portfolio {visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; bottom:0; right: 0; background: rgba(0,0,0,.8); z-index: 99999; transition: opacity .2s ease;}
.modal_portfolio.active {visibility: visible; opacity: 1;}

.modal_portfolio .modal_close {position: absolute; z-index: 99999999; top: 20px; right: 20px; font-size: 40px; line-height: 40px; width: 40px; text-align: center; color:#FFF; border:none; opacity: .5; transition: opacity .2s ease;}
.modal_portfolio .modal_close:hover {opacity: 1;}

.modal_portfolio .wrapper {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%)}

.modal_portfolio .story {display: block; border:none; height: 600px; position: relative; background: center center no-repeat; background-size: cover;}
.modal_portfolio .story .caption {position: absolute; bottom: 0; left: 0; right: 0; padding: 96px 24px 24px; background:  linear-gradient(
        to top,
        hsla(0, 0%, 0%, 0.64) 0%,
        hsla(0, 0%, 0%, 0.632) 8.1%,
        hsla(0, 0%, 0%, 0.609) 15.5%,
        hsla(0, 0%, 0%, 0.573) 22.5%,
        hsla(0, 0%, 0%, 0.528) 29%,
        hsla(0, 0%, 0%, 0.474) 35.3%,
        hsla(0, 0%, 0%, 0.415) 41.2%,
        hsla(0, 0%, 0%, 0.352) 47.1%,
        hsla(0, 0%, 0%, 0.288) 52.9%,
        hsla(0, 0%, 0%, 0.225) 58.8%,
        hsla(0, 0%, 0%, 0.166) 64.7%,
        hsla(0, 0%, 0%, 0.112) 71%,
        hsla(0, 0%, 0%, 0.067) 77.5%,
        hsla(0, 0%, 0%, 0.031) 84.5%,
        hsla(0, 0%, 0%, 0.008) 91.9%,
        hsla(0, 0%, 0%, 0) 100%
);}
.modal_portfolio .story .caption .title {color:#FFF; font-size: 28px; line-height: 36px; font-weight: 600; width: 80%; margin-bottom: 30px;}
.modal_portfolio .story .caption .description {color:#FFF; font-size: 14px; line-height: 20px; max-height: 80px; overflow: hidden}

.modal_portfolio .story_pagination {position: absolute; top: 24px; left: 0; right: 0; height: 2px;  padding: 0 24px; z-index: 1000000; display: flex; flex-wrap: nowrap}
.modal_portfolio .story_pagination .swiper-pagination-bullet {
        flex-basis: 0; flex-grow: 1; max-width: 100%;
        border-radius: 0; height: 2px; background: rgba(255,255,255,.5); margin: 0 4px; position: relative}
.modal_portfolio .story_pagination .swiper-pagination-bullet:after {content: ""; position: absolute; left: 0; top: 0;bottom:0; right: 100%; background: #FFF;}
.modal_portfolio .swiper-slide-active .story_pagination .swiper-pagination-bullet-active:after {animation: story_progress 3s linear}

@keyframes story_progress {
        from {right: 100%;}
        to {right: 0;}
}

.modal_portfolio .story_nav {position: absolute; top: 0; bottom: 0; width: 50%; transition: all .2s ease; cursor: pointer; z-index: 90000;}
.modal_portfolio .story_nav:hover {background: rgba(0,0,0,0.2)}
.modal_portfolio .story_nav.prev {left:0;}
.modal_portfolio .story_nav.next {right:0;}



.modal_portfolio .element {transform: scale(.9); transition: transform .4s ease; position: relative}
.modal_portfolio .element:after{content: ""; position: absolute; top: 0; left:0; right: 0; bottom: 0; background:  rgba(0,0,0,0.5); transition: all .4s ease; z-index: 100000;}
.modal_portfolio .element.swiper-slide-active:after {display: none;}

.modal_portfolio .element.swiper-slide-active {transform: scale(1)}


@media (max-width: 767px) {

        .portfolio_list .element .caption .title {font-size: 18px !important; line-height: 24px;}

        .portfolio_list .navigation .nav.prev {margin: 0 24px 0 0;}
        .portfolio_list .navigation .nav.next {margin: 0 0 0 24px;}
        .portfolio_list .navigation .swiper-pagination-bullet {width: 16px;}

        .production_page .promo_wrapper {padding:0;}
        .production_page .promo_wrapper .element {padding: 30px;}

        .production_page .production_caption .title {font-size: 24px; line-height: 30px;}
        .production_page .production_caption .description {font-size: 18px; line-height: 24px;}
        .production_page .partners_list {margin: 0;}

        .modal_portfolio .story .caption .title {font-size: 22px; line-height: 28px;}
}

/* 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/css/production_svet_page.css?16401812166294 */
/* /bitrix/templates/Romatti_NEW/components/bitrix/news.list/partners/style.css?16286787601056 */
/* /bitrix/templates/Romatti_NEW/components/bitrix/system.pagenavigation/.default/style.css?15861216221060 */
/* /bitrix/templates/Romatti_NEW/components/bitrix/news.list/production/style.css?16300530305980 */
/* /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 */