

/* Start:/local/templates/Nebrito/components/bitrix/catalog/catalog/style.css?17557868311509*/
.section_description {}

.guid_wrapper {margin: 12px 0; }
.guid_wrapper a {display: block; background: center center no-repeat; position: relative; border-radius: 18px; overflow: hidden }
.guid_wrapper a .guid_caption {background: rgba(51,51,255, 0.15); padding: 36px 36px; }
.guid_wrapper a .guid_caption .guid_title {font-size: 28px; line-height: 30px; font-weight: bold; color:#FFF; margin: 0 0 6px;  max-width: 600px; text-shadow: 0 0 6px rgba(0,0,0,0.5);}
.guid_wrapper a .guid_caption .guid_description {font-size: 18px; line-height: 24px; color:#FFF;  max-width: 600px; text-shadow: 0 0 6px rgba(0,0,0,0.5);}
.guid_wrapper a .guid_caption .guid_btn {display: flex; align-items: center; margin-left: auto; margin-top: 12px; font-size: 12px; line-height: 24px; padding: 6px 24px; font-weight: bold; border-radius: 6px; background: #3333FF; color:#FFF; width: 120px; text-align: center;}
.guid_wrapper a .guid_caption .guid_btn strong {margin-right: 12px;}

.filter_wrapper {margin-bottom: 24px; padding: 8px 0; background: #F7FAFC; border:solid 1px #EBF3F7; border-left: none; border-right: none;}
.filter_wrapper .flex {display: flex}
.filter_wrapper .sort_menu .element {margin-left: auto; margin-right:0;}

@media (max-width:767px) {
    .guid_wrapper a .guid_caption {padding: 18px;}
    .guid_wrapper a .guid_caption .guid_description {margin-bottom: 12px;}
    .guid_wrapper a .guid_caption .guid_btn {margin: 0; width: auto; display: inline-flex}
}

@media (min-width:768px) {}
/* End */


/* Start:/local/components/nebrito/breadcrumb/templates/.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/catalog.section.list/catalog/style.css?1755786831854*/
.section_list_wrapper {margin: -12px 0 24px; overflow: hidden; width: 100%; position: relative; height: 36px;}

.section_list_wrapper_scroll {padding-bottom: 30px; margin-bottom: -30px; overflow-x: scroll;}

.catalog_sections_list {display: flex; flex-wrap: nowrap; }
.catalog_sections_list li {margin-right: 8px;}
.catalog_sections_list li a {display: flex; line-height: 24px; white-space: nowrap; padding: 6px 16px; border-radius: 16px; background: #EBF3F7; color:#777; font-size: 13px; font-weight: 600;}
.catalog_sections_list li a span {display: inline-block;}
.catalog_sections_list li a .cnt {margin-left: 12px; color:#AAA;}
.catalog_sections_list li a:hover {background: #EBF3F7; color:#000;}

.catalog_sections_list li a.active {background: #3333FF; color:#FFF;}
.catalog_sections_list li a.active .cnt {color: rgba(255,255,255,.7);}
/* End */


/* Start:/local/templates/Nebrito/components/bitrix/catalog.smart.filter/catalog/style.css?17557868314768*/
/*Label*/
.filter_form {flex-wrap: wrap;}
.filter_form .element {margin: 4px 0; }
.filter_form .element .title.checked {background: #DDD}
.filter_form .element .title em {padding: 0 8px; background: #AAA; color:#FFF; margin-left: 8px; border-radius: 6px; font-weight: 500; font-style: normal}

.filter_form .element .title i.clear {margin: -4px -2px -4px 8px; line-height: 32px; width: 32px; text-align: center; background: #777; color:#FFF; border-radius: 6px; transition: all .2s ease;}
.filter_form .element .title i.clear:hover {background: #444; color:#FFF;}
.filter_form .element:hover .title i.clear {color:#FFF !important;}

.filter_form .element .value_wrapper .label {transition: all .2s; line-height: 18px; padding: 12px 12px 12px 32px; cursor: pointer; position: relative; display: flex; margin:0;}
.filter_form .element .value_wrapper .label:hover {background: #FAFAFA;}
.filter_form .element .value_wrapper .label.disabled {opacity: 0.3;}

.filter_form .element .value_wrapper .label input {display: none;}

.filter_form .element .value_wrapper .label:not(.disabled):hover {color:#000;}
.filter_form .element .value_wrapper .label:hover .box {border-color:#999; background: #FFF}

.filter_form .element .value_wrapper .label .box {position: absolute; z-index: 20; top: 50%; transform: translateY(-50%); left:8px; height: 18px; width: 18px; border:solid 2px #CCC; border-radius: 2px; transition: all .2s; font-size: 14px; line-height: 18px;}
.filter_form .element .value_wrapper .label .box:before {display: none;}
.filter_form .element .value_wrapper .label .box.radio {border-radius: 50%;}

.filter_form .element .value_wrapper .label .cnt {display: inline-block; margin-left: 12px; color:#AAA;}

.filter_form .element .value_wrapper .label input:checked + span.box {background: #3333ff; border-color: #3333ff; color:#FFF;}
.filter_form .element .value_wrapper .label input:checked + span.box:before {display: block;}

.filter_form .element .value_wrapper .label .name {color:#000; transition: all .2s ease; white-space: nowrap}
.filter_form .element .value_wrapper .label:hover .name {color:#444;}

.filter_form .element .value_wrapper .apply_wrapper {padding: 6px 12px; border-top: solid 1px #EEE; background: #FAFAFA;}

/*PRICE*/
.filter_form .element.active .value_wrapper .price {display: flex;}
.filter_form .element .value_wrapper .price label {display: flex; margin: 12px 12px; line-height: 24px;}
.filter_form .element .value_wrapper .price label span {display: inline-block; margin-right: 12px; font-size: 13px;}
.filter_form .element .value_wrapper .price label input {line-height: 24px; padding: 0 6px; border: solid 1px #999; border-radius: 4px;}
.filter_form .element .value_wrapper .price label input:focus {outline: none; border-color: #3333FF;}

.filter_menu {display: none; line-height: 24px; color:#3333FF; padding: 11px 0;}
.filter_menu:hover {color:#3333FF;}
.filter_menu i {display: block; font-size: 18px; line-height: 24px; margin-right: 6px;}
.filter_menu span {display: block; font-weight: 600; font-size: 13px; line-height: 24px; }


.filter_form .mobile_filter_apply {display: none;}

/*MOBILE*/
.filter_form.expand_menu.active {display: block; font-size: 13px; line-height: 24px; position: fixed; z-index: 4000; top: 0; bottom:0; lefT: 0; right:0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; background: #FFF; padding: 64px 0;}

.filter_form.expand_menu.active .element {margin: 0;}
.filter_form.expand_menu.active .element .value_wrapper .price {display: flex;}
.filter_form.expand_menu.active .element .value_wrapper .price label span {padding: 6px 0;}
.filter_form.expand_menu.active .element .value_wrapper .price label input {padding: 6px 12px}
.filter_form.expand_menu.active .element .title {background: transparent; border:none; box-shadow: none; font-size: 14px; font-weight: 600; line-height: 24px; padding: 16px 15px 8px;}
.filter_form.expand_menu.active .element .title i {display: none;}
.filter_form.expand_menu.active .element .title em {display: none;}
.filter_form.expand_menu.active .element .value_wrapper {display: block; position: relative; left: auto; top: auto; opacity: 1; border:none; box-shadow: none; border-bottom:solid 2px #EBF3F7; padding-bottom: 12px;}
.filter_form.expand_menu.active .element .value_wrapper .apply_wrapper {display: none;}
.filter_form.expand_menu.active .element .value_wrapper .label {padding-left: 42px;}
.filter_form.expand_menu.active .element .value_wrapper .label .box {left: 15px; height: 20px; width: 20px;}

.filter_form.expand_menu.active .mobile_filter_apply {display: block; position: fixed; z-index: 4100; left: 0; right: 0; bottom: 0; background: #FFF; padding: 6px 15px;}

/* 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/catalog/catalog/style.css?17557868311509 */
/* /local/components/nebrito/breadcrumb/templates/.default/style.css?1755786831504 */
/* /local/templates/Nebrito/components/bitrix/catalog.section.list/catalog/style.css?1755786831854 */
/* /local/templates/Nebrito/components/bitrix/catalog.smart.filter/catalog/style.css?17557868314768 */
/* /local/templates/Nebrito/components/bitrix/system.pagenavigation/.default/style.css?1755786831995 */
/* /local/templates/Nebrito/components/bitrix/catalog.section/catalog/style.css?17557868313959 */
