/* Start:/bitrix/templates/Romatti_ENG/css/main_page.css?16467726631788*/
.cta_block {text-align: center; margin: 2em 0 0 0;}

/*ADVANTAGE*/
.advantage {background: #f1f1f1; padding:0 3rem .7rem 3rem;}
.advantage .element {display:block; border: none; margin: 3.3em 0; padding: 0 1rem;}
.advantage .element .title {font-size: 1.4em; line-height: 2.6rem; font-weight: 600; margin-bottom: 1.5rem; color:#595959}
.advantage .element .title i {font-size: 2.6rem; line-height: 1em; display: inline-block; float:left; margin-right: 1rem; color:#595959;}
.advantage .element .description {font-size: .9em; line-height: 1.4em; color:#1e1e1e}

.advantage .element:hover .title {}


/*CATALOG*/
.catalog {padding-top: 4.6rem; padding-bottom: 0; position: relative; z-index:1;}

/*PORTFOLIO*/
.portfolio {margin-top: 5.5rem; padding-top: 4rem; padding-bottom: 0; position: relative; z-index: 1;}
.portfolio:before {position: absolute; content: ""; top:0; left: 4.5rem; right: 4.5rem; bottom: 1rem; background: #f1f1f1; z-index:-1;}
.portfolio h2 {font-size: 2.4rem; line-height: 1em; text-align: center; margin-bottom: 3.5rem; letter-spacing: -.1rem;}


/*BLOG*/
.blog {margin-top: 6rem; padding-top:3em; padding-bottom: 0; position: relative;}
.blog:before {position: absolute; content: ""; top:0; left: 4.5rem; right: 4.5rem; bottom: 1rem; border:solid 3px #f1f1f1; z-index:-1;}
.blog h2 {font-size: 2.4rem; line-height: 1em; text-align: center; margin-bottom: 3.5rem; letter-spacing: -.1rem;}


/*INSTAGRAMM*/
.instagram {padding-top: 4em; padding-bottom: 4em;}

/*PARTNERS*/
.partners {margin-top: 6rem; padding-top: 2em; padding-bottom: 3em; }

/*SECTIONS*/
.main_category_list {}
.main_category_list .element {padding: 35px; background: #1C1C1C; display: block; margin-bottom: 30px;}
.main_category_list .element img {width: 100%;}
/* End */


/* Start:/bitrix/templates/Romatti_ENG/components/bitrix/system.pagenavigation/.default/style.css?16467726631060*/
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_ENG/components/bitrix/news.list/slider_adaptive/style.css?16467726632205*/
.slider_list {margin-top: 1.5rem;}
.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/components/romatti/sections.list/templates/.default/style.css?16467726632223*/
.r_sections_list {padding-top: 8.6em; padding-bottom: 2rem;}

.r_sections_list h1 {text-align: center; font-size: 2.4em; line-height: 1.2em; margin-bottom: 3rem; letter-spacing: -.15rem;}

.brands_list {overflow: hidden}
.brands_list .element {display:block; border:none;}
.brands_list .element img {width: 100%; height: auto;}

.brands_list .element .title_wrapper {background: #E1DEDC; padding: 16px 20px; text-align: right; height: 68px; overflow: hidden; position: relative; z-index: 1; transition: background-color .2s ease; overflow: hidden }
.brands_list .element .title_wrapper:before,
.brands_list .element .title_wrapper:after {content: "";  top: 0; bottom:0;  position: absolute; z-index: -1;}
.brands_list .element .title_wrapper:before {width: 45px; lefT: 0; background: #000;}
.brands_list .element .title_wrapper:after {width: 20px; border-lefT: solid 5px #000; border-right: solid 5px #000; left: 55px;}

.brands_list .element .title_wrapper .caption {position: absolute; top: 50%; left: 90px; right: 20px; transform: translateY(-50%)}
.brands_list .element .title {color:#000; font-size: 13px; line-height: 18px; font-weight: 600; text-transform: uppercase}
.brands_list .element .sub_title {color:#000; font-size: 13px; line-height: 18px; }

.brands_list .element:hover .title_wrapper {background: #FFDD2D}

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

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

@media (max-width: 767px) {
    .brands_list .element .title_wrapper:before {width: 20px;}
    .brands_list .element .title_wrapper:after {width: 15px; left: 25px;}

    .brands_list .element .title_wrapper .caption {left: 45px; right: 10px;}
    .brands_list .element .title {font-size: 13px; line-height: 16px;}
    .brands_list .element .sub_title {font-size: 10px; line-height: 16px; }
}
/* End */


/* Start:/bitrix/templates/Romatti_ENG/components/bitrix/catalog.section/section_fast/style.css?164840418010953*/
.text-center {text-align: center;}
.section_info {margin:0 0 2rem;}
.section_info .section_items_total {color:#7a7a7a; font-size: 1.1rem; line-height: 1rem; padding: 1rem 0;}
.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 1rem 2rem; 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 {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: .25rem .5rem; top: auto; bottom:0; right:0; left: auto; height: auto; color:#FFF;}
.catalog_element_list .element .offer_label.available i {display: inline-block; margin-right: .5rem; vertical-align: middle; font-size: 1rem; line-height: 1rem;}
.catalog_element_list .element .offer_label.available span {display: inline-block; vertical-align: middle; text-transform: none; font-size: 11px; font-weight: normal; 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.3rem; line-height: 1.8rem; 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: .9rem; line-height: 1rem; margin-top: .6rem;}

.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_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  .cart_wrapper {text-align: right; padding-top: .6rem; height: 3rem; display: flex;}
.catalog_element_list .element .price_block  .cart_wrapper a {display: inline-block; vertical-align: bottom; border: none; }
.catalog_element_list .element .price_block  .cart_wrapper a,cta {margin-left: auto;}

.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 .cart_wrapper a.cta {font-size: 11px; white-space: nowrap; padding: 0 12px; line-height: 18px;}

    .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 */


/* Start:/bitrix/templates/Romatti_ENG/components/bitrix/news.list/portfolio/style.css?16467726631253*/
.portfolio_list {}
.portfolio_list .element {display: block; height: 32rem; background: #FFF center center no-repeat; background-size: cover; box-shadow: 0 1rem .5rem -0.625rem rgba(0,0,0,0.3); border:none; position: relative; z-index: 1; transition: all .2s ease;}
.portfolio_list .element:hover {}

.portfolio_list .element .caption {position: absolute; bottom:0; left:0; right:0;  padding: 10rem 3.3rem 3rem 3.3rem; z-index:1;}
.portfolio_list .element .caption:before {
    content: ""; position: absolute; bottom:0; left:0; right:0; top:0; z-index:-1;
    background: rgb(17,17,17);
    background: linear-gradient(0deg, rgba(17,17,17,0.8) 0%, rgba(17,17,17,0.7) 48%, rgba(17,17,17,0.4) 80%, rgba(17,17,17,0) 100%);
    opacity: 1; transition: all .4s ease;}
.portfolio_list .element:hover .caption:before {
    opacity: .6;
}
.portfolio_list .element .caption .title {font-size: 2.4rem; line-height: 1em; font-weight: 800; color:#FFF;}
.portfolio_list .element .caption .date {font-size: 1rem; line-height: 1.1em; font-weight: 600; color:#FFF; margin-top: 1rem;}

.portfolio_list .element .link {display: block; position: absolute; top:0; left:0; right:0; bottom:0; border:none;}
.portfolio_list .element .link:hover {color:#777;}
/* End */


/* Start:/bitrix/templates/Romatti_ENG/components/bitrix/news.list/partners/style.css?16467726631056*/
.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 */
/* /bitrix/templates/Romatti_ENG/css/main_page.css?16467726631788 */
/* /bitrix/templates/Romatti_ENG/components/bitrix/system.pagenavigation/.default/style.css?16467726631060 */
/* /bitrix/templates/Romatti_ENG/components/bitrix/news.list/slider_adaptive/style.css?16467726632205 */
/* /bitrix/components/romatti/sections.list/templates/.default/style.css?16467726632223 */
/* /bitrix/templates/Romatti_ENG/components/bitrix/catalog.section/section_fast/style.css?164840418010953 */
/* /bitrix/templates/Romatti_ENG/components/bitrix/news.list/portfolio/style.css?16467726631253 */
/* /bitrix/templates/Romatti_ENG/components/bitrix/news.list/partners/style.css?16467726631056 */