/* 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 */
/* /local/components/nebrito/catalog.search/templates/.default/style.css?17557868313773 */