/* Start:/local/templates/Nebrito/components/bitrix/catalog/catalog/style.css?17813475321703*/
.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;}

.section_description {font-size: 16px; line-height: 24px; color:#444; margin:-24px 0 48px;}

@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}

    .section_description {font-size: 13px; line-height: 18px; color:#444; margin:-12px 0 24px;}
}

@media (min-width:768px) {}
/* End */


/* Start:/local/templates/Nebrito/components/bitrix/catalog.section/catalog/style.css?17791991854066*/
.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.coupon {border: dashed 1px #FF3333; color:#FF3333; top: 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 */


/* 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/components/nebrito/product.subscribe/templates/.default/style.css?17557868311545*/
.product_subscribe {position: relative}
.product_subscribe.active .add_subscribe {border-color: transparent !important; box-shadow: 0 0 12px 4px rgba(0,0,0,.1) !important; z-index: 11;}
.product_subscribe .form {display: none; position: absolute; z-index: 10; left: 0; top: 100%; max-width: 100%; min-width: 360px; background: #FFF; padding: 24px 24px 0; border:solid 1px #EEE; border-radius: 6px; box-shadow: 0 0 12px 4px rgba(0,0,0,.1);}
.product_subscribe.active .form {display: block}
.product_subscribe .form .form_title {display: flex; font-size: 18px; line-height: 24px; font-weight: 600; margin-bottom: 18px;}
.product_subscribe .form .form_title a {margin-left: auto; font-size: 24px; line-height: 24px; color:#000; }
.product_subscribe .form .form_title a:hover {color:#3333FF;}
.product_subscribe .form .form_description {font-size: 14px; line-height: 24px; margin-bottom: 18px;}

.product_subscribe .form .msg {font-size: 13px; line-height: 24px;}
.product_subscribe .form .msg .error {margin: 0 0 12px; padding: 4px 12px; background: rgba(255,50,50,0.1); color: #FF3333;}

.product_subscribe .ok_message {display: none; color: #33b062; font-size: 16px; line-height: 24px; padding: 5px 0 0 24px; min-height: 58px; border-left: solid 4px #33b062;}
.product_subscribe .ok_message.active {display: block;}

@media (max-width: 767px) {
    .product_subscribe .form {position: fixed; top: 0; left: 0; right:0; bottom:0; padding: 120px 15px 60px; z-index: 4000; width: 100% !important; min-width: 100%; max-width: 100%;}
}
/* End */
/* /local/templates/Nebrito/components/bitrix/catalog/catalog/style.css?17813475321703 */
/* /local/templates/Nebrito/components/bitrix/catalog.section/catalog/style.css?17791991854066 */
/* /local/components/nebrito/breadcrumb/templates/.default/style.css?1755786831504 */
/* /local/components/nebrito/product.subscribe/templates/.default/style.css?17557868311545 */