/* Start:/local/components/nebrito/catalog.search/templates/.default/style.css?17557868313773*/
.search_page .form.search {margin-bottom: 48px;}

.search_page .info_list {}
.search_page .sections_list {}

.search_page .element {display: block; margin-bottom: 24px; 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 #EEEEEE; color:#000;}
.search_page .element:hover {border-color: #3333FF;}

.search_page .element i {font-size: 84px; line-height: 84px; color:#EEE; transition: color .2s ease;}


.search_page .element .caption {}
.search_page .element .caption .path {font-size: 11px; color:#777; line-height: 24px;}
.search_page .element .caption .title {font-weight: 900; font-size: 16px; line-height: 24px; transition: color .2s ease; margin-bottom: 6px;}

.search_page .element .caption .title b {background: rgba(51,51,255,.1); transition: background-color .2s ease; }
.search_page .element:hover .caption .title b {background: none;}


.search_page .element:hover .caption .title {color:#3333FF}
.search_page .element .count {font-size: 13px; line-height: 24px;}

.search_page .brand_search_list {}
.search_page .brand_search_list .element {}
.search_page .brand_search_list .element .picture {max-height: 100px; width: auto; max-width: 100%;}
.search_page .brand_search_list .element .caption {}
.search_page .brand_search_list .element .caption .title span {color: #999; font-weight: normal}
.search_page .brand_search_list .element .caption .title {white-space: nowrap; display: block; text-overflow: ellipsis; overflow: hidden; height: 24px;}
.search_page .brand_search_list .element .caption .country {font-size: 11px; color:#999; line-height: 16px;}
.search_page .brand_search_list .element .caption .preview {font-size: 13px; line-height: 20px; overflow: hidden; max-height: 40px;}


.search_page .search_resilt_wrapper {position: absolute; z-index: 10; top: 100%; left:0; right:0; background: #FFF; box-shadow: 0 0 8px 2px rgba(0, 0, 0, .1); border:solid 1px #3333ff; border-radius: 0 0 4px 4px; max-height: 300px; overflow-x: hidden; overflow-y: scroll;}
.search_page .search_resilt_wrapper .block_title {padding: 8px 12px; border-bottom:solid 1px #EEE; background: #F7FAFC; font-size: 13px; line-height: 30px; font-weight: 500;}
.search_page .search_resilt_wrapper .ajax_element {display: flex; padding: 8px 12px; align-items: center; border-bottom:solid 1px #EEE; }
.search_page .search_resilt_wrapper .ajax_element i {display: block; width: 50px; line-height: 50px; font-size: 24px; color:#3333FF; margin-right: 12px; text-align: center; background: #F7FAFC; flex-grow: 0; flex-shrink: 0;}
.search_page .search_resilt_wrapper .ajax_element .picture {display: block; width: 50px; height: auto; margin-right: 12px; flex-grow: 0; flex-shrink: 0;}
.search_page .search_resilt_wrapper .ajax_element .title {display: block; height: 50px; overflow: hidden; line-height: 25px; flex-grow: 1; flex-shrink: 1;}
.search_page .search_resilt_wrapper .ajax_element .title strong {display: block;  font-size: 16px; font-weight: normal; color:#000; transition: colo .2s ease; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.search_page .search_resilt_wrapper .ajax_element .title span {display: block;  font-size: 13px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.search_page .search_resilt_wrapper .ajax_element:hover {background: #F7FAFC;}
.search_page .search_resilt_wrapper .ajax_element:hover .title strong {color: #3333FF;}

@media (max-width: 767px) {
    .search_page .brand_search_list .element .picture {height: auto; width: 100%}
    .search_page .brand_search_list .element .caption .preview {font-size: 11px; line-height: 16px; height: 32px;}
}


/* 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/components/nebrito/catalog.search/templates/.default/style.css?17557868313773 */
/* /local/templates/Nebrito/components/bitrix/system.pagenavigation/.default/style.css?1755786831995 */
/* /local/templates/Nebrito/components/bitrix/catalog.section/catalog/style.css?17557868313959 */