

/* Start:/local/templates/Nebrito/components/bitrix/breadcrumb/.default/style.css?1755786831504*/
.breadcrumb {margin: 0 0 6px 0; padding:0; list-style-type: none; line-height: 18px; font-size: 11px; white-space: nowrap; overflow: hidden;}
.breadcrumb li {display:inline-block; vertical-align: middle; color:#777;}
.breadcrumb li.border {width: 24px; text-align: center; color:#777; font-size: 8px;}
.breadcrumb li a {color:#3333ff; display: flex;}
.breadcrumb li a:hover {color:#444;}
.breadcrumb li a i {display: none; margin-right: 4px; transform:rotate(180deg); line-height: 24px; font-size: 10px;}
/* End */


/* Start:/local/templates/Nebrito/components/bitrix/news/brand/bitrix/news.detail/.default/style.css?1755786831664*/
.brand_detail {padding-bottom: 24px; margin-bottom: 24px; border-bottom: solid 2px #EBF3F7;}
.brand_detail h1.main_title {margin-bottom: 12px;}
.brand_detail h1.main_title span {font-weight: normal; color:#777;}
.brand_detail .preview {font-size: 21px; line-height: 32px; margin-bottom: 24px; font-weight: 500;}
.brand_detail .description {font-size: 16px; line-height: 24px;}
.brand_detail .picture {width: 80%; margin: 0 auto; display: block;}

.collections {}
.collections h3 {font-size: 18px; line-height: 20px; margin: 12px 0;}
.collections ul {font-size: 16px; line-height: 24px;}
.collections ul li {margin: 0 24px 12px 0 ; display: inline-block;}
/* End */


/* Start:/local/templates/Nebrito/components/bitrix/system.pagenavigation/.default/style.css?1755786831995*/
.page_navigarion {margin: 32px 0; font-size: 13px; line-height: 32px; height: 32px; overflow: hidden; color:#000; display: flex; align-items:flex-start;}
.page_navigarion li {display: inline-block; margin-right: 2px;}
.page_navigarion li .page, .page_navigarion li .current_page {display: block; width: 32px; text-align: center; border-radius: 50%; background: transparent; font-weight: 500;}
.page_navigarion li .page {color:#000;}
.page_navigarion li .page:hover {color:#000; background: #E6E6E6;}
.page_navigarion li .current_page {color:#FFF; background: #3333ff;}

.page_navigarion li .nav {padding: 0 12px; border-radius: 16px; display: block;}
.page_navigarion li .nav span, .page_navigarion li .nav i {display: inline-block; vertical-align: top; line-height: 32px;}
.page_navigarion li .nav.next {color:#000;}
.page_navigarion li .nav.next i {margin-left: 8px; }
.page_navigarion li .nav:hover {background: #E6E6E6; color:#000;}

.page_navigarion li.info {color:#999; margin-left: auto;}
/* End */


/* Start:/local/templates/Nebrito/components/bitrix/catalog.section/catalog/style.css?17557868313959*/
.catalog_element_list {}
.catalog_element_list h2.main_title {margin-top: 48px;}
.catalog_element_list .section_subtitle {font-weight: 600; line-height: 20px; margin: -20px 0 20px;}

.catalog_element_list.catalog_slider {overflow: hidden}
.catalog_element_list .element {overflow: hidden; position: relative; padding: 12px; transition: all .5s ease; border-radius: 6px; box-shadow: 0 0 60px 2px rgba(0,0,0,.03); border:solid 2px transparent}
.catalog_element_list:not(.catalog_slider) .element {margin-bottom: 30px;}
.catalog_element_list.catalog_slider .element {box-shadow: none;}
.catalog_element_list .element:hover {border-color: #EBF3F7;}

/*PICTURE*/
.catalog_element_list .element .picture {display: block; width: 100%; text-align: center; background: #FFF; position: relative; padding: 24px 0;}
.catalog_element_list .element .picture img {display:block; height: 180px; margin: 0 auto; position: relative; z-index: 1; }
.catalog_element_list .element .picture img.second {opacity: 0; position: absolute; top: 24px; left:50%; transform: translateX(-50%); z-index: 2;}
.catalog_element_list .element .picture:hover img.second {opacity: 1;}

/*LABEL*/
.catalog_element_list .element .label {position: absolute; line-height: 24px; text-align: center; padding: 0 6px; z-index: 10; border-radius: 4px; display: flex;}
.catalog_element_list .element .label.sale {background: #FF3333; color:#FFF; bottom: 0; left: 0;}
.catalog_element_list .element .label.hit {background: #EBF3F7; color:#000; top: 0; right: 0;}
.catalog_element_list .element .label.new {background: #EBF3F7; color:#000; top: 0; right: 0;}
.catalog_element_list .element .label.free {background: #EBF3F7; color:#000; bottom: 0; right: 0;}
.catalog_element_list .element .label i, .catalog_element_list .element .label span {display: inline-block; vertical-align: middle}
.catalog_element_list .element .label i {font-size: 14px; line-height: 24px; margin-right: 6px;}
.catalog_element_list .element .label span {font-size: 10px; font-weight: 600;}
.catalog_element_list .element .label.sale span {}
.catalog_element_list .element .label.sale span.percent {font-size: 12px; margin-right: 2px;}
.catalog_element_list .element .label.hit span {}
.catalog_element_list .element .label.new span {}

/*CAPTION*/
.catalog_element_list .element .caption {position: relative; margin-top: 6px;}

.catalog_element_list .element .caption .price {font-size: 21px; line-height: 24px; margin: 0 0 6px;}
.catalog_element_list .element .caption .price s {color:#999; text-decoration: line-through;}
.catalog_element_list .element .caption .price strong {font-weight: 900;}

.catalog_element_list .element .caption .title_wrapper {height: 90px; overflow: hidden;}
.catalog_element_list .element .caption .title {font-size: 14px; line-height: 18px; font-weight: 500; color:#000; display: inline-block}
.catalog_element_list .element .caption .title:hover {color:#3333ff;}
.catalog_element_list .element .caption .properties {color:#777; font-size: 11px; line-height: 18px;}

.catalog_element_list .element .action {position: absolute; top: -42px; transform: translateY(100%); left:0; right:0; opacity: 0; transition: all .3s ease; z-index: 20;}
.catalog_element_list .element:hover .action {opacity: 1; transform: translateY(0)}

.catalog_element_list .element .favorite {position: absolute; bottom: 0; right: 0; line-height: 32px; width: 32px; font-size: 18px; text-align: center; color:#CCC; border-radius: 50%; background: transparent; z-index: 1;}
.catalog_element_list .element .favorite:hover {color:#3333ff;}
.catalog_element_list .element .favorite.active {color:#3333FF;}
.catalog_element_list .element .favorite.active:after {content:""; position: absolute; z-index: -1; opacity: 0; top:0; left: 0; bottom:0; right: 0; background: #3333ff; border-radius:50%; animation: active .5s ease;}
.catalog_element_list .element .favorite.active:before {content: "\e91c";}

/*SLIDER*/
.catalog_element_list {}
/* End */
/* /local/templates/Nebrito/components/bitrix/breadcrumb/.default/style.css?1755786831504 */
/* /local/templates/Nebrito/components/bitrix/news/brand/bitrix/news.detail/.default/style.css?1755786831664 */
/* /local/templates/Nebrito/components/bitrix/system.pagenavigation/.default/style.css?1755786831995 */
/* /local/templates/Nebrito/components/bitrix/catalog.section/catalog/style.css?17557868313959 */
