/* Start:/local/templates/aspro_max2/components/bitrix/catalog/main/style.min.css?171986780947847*/ .d-inline{display:inline}.right_block .section-content-wrapper.with-leftblock .filter-compact-block{display:block}.product-container{position:relative;padding-top:4px}.product-container .product-side{width:305px}.product-view--side-right+.product-side{float:left}.product-view--side-left+.product-side{float:right}.product-container .product-info{padding:27px 39px 39px;margin:0 0 0}.vertical-catalog-img .display_list .image_wrapper_block{padding-top:0}.vertical-catalog-img .list_item .image_wrapper_block,.vertical-catalog-img .list_item .image_wrapper_block>a{height:334px;line-height:334px}.js-load-wrapper .item-cnt+.group_description_block.bottom,.js-load-wrapper .item-cnt+.linked-blog-list+.group_description_block.bottom{padding-top:0}.product-info-headnote+.product-detail-gallery{padding-top:20px}.product-container .product-detail-gallery__slider{max-width:450px;max-height:450px;margin:auto;display:block}.product-container .product-detail-gallery__slider:not(.owl-loaded){overflow:hidden}.product-container .product-detail-gallery__item .product-detail-gallery__picture,.product-container .product-detail-gallery__item.product-detail-gallery__item--thmb{width:auto;display:inline-block}.product-container .product-detail-gallery__item.product-detail-gallery__item--big a .product-detail-gallery__picture{cursor:zoom-in}.owl-carousel .owl-item .product-detail-gallery__item{display:block;margin:auto}.product-detail-gallery__container.product-detail-gallery__container--vertical{position:relative}.product-detail-gallery__container.product-detail-gallery__container--vertical .product-detail-gallery__thmb-inner{display:block}.product-container .product-detail-gallery__thmb-inner{display:inline-block}.product-container .product-detail-gallery__thmb-inner:not(.vertical){margin-top:17px}.product-container .product-detail-gallery__slider.thmb{max-width:140px;max-height:60px}.product-container .product-detail-gallery__slider.thmb .owl-item:not(.current){opacity:.4}.product-container .product-detail-gallery__slider.thmb .owl-item:hover{opacity:1}.product-container .product-detail-gallery__item.product-detail-gallery__item--thmb{height:60px;line-height:60px;width:60px;cursor:pointer}.product-container .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical{transform:rotate(90deg);max-height:280px;position:absolute;left:-100px;top:153px}.product-container .product-detail-gallery__slider:not(.owl-loaded).thmb.product-detail-gallery__slider--vertical .product-detail-gallery__item:nth-child(n+5){opacity:0;display:none}.product-container .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical .product-detail-gallery__picture{transform:rotate(-90deg)}@media (min-width:768px) and (max-width:991px){.product-detail-gallery.left_info{display:inline-block;width:50%}.product-info .right_info{display:inline-block;width:49%}}body .product-container .product-detail-gallery__container--vertical .product-info-headnote__stickers1~.product-detail-gallery__thmb-container .video-block.popup_video.only-item,body .product-container .product-detail-gallery__container--vertical .product-info-headnote__stickers1~.product-detail-gallery__thmb-container .video-block.popup_video.only-item.only-item{top:40px!important}.product-container .content_wrapper_block.front_tizers{border:1px solid #ececec;border-radius:3px;margin:-1px 0 3.133rem;background:#fff}.product-container .content_wrapper_block.front_tizers>.maxwidth-theme{padding:31px 32px 0}.product-container .content_wrapper_block.front_tizers>.maxwidth-theme .item-views.tizers{padding:0}.product-container .content_wrapper_block.front_tizers>.maxwidth-theme .item-views.tizers .item{padding-bottom:27px;overflow:hidden}.complect{padding:1.26rem}.complect>.row>div:hover{z-index:2}.set_block .item .item_inner{padding:20px 20px 15px}.set_block .item .item_inner .thumb{position:static}.set_block .item .item_inner .image .quantity{position:absolute;right:0;top:0;width:29px;height:29px;line-height:29px;background:#ddd;color:#fff;border-radius:100%}.set_block .separator:after,.set_block .separator:before{content:"";display:block;position:absolute;top:91px;background:#999;right:3px;z-index:2}.set_block .separator:after{width:10px;height:2px;margin-top:-1px;margin-right:-8px}.set_block .separator:before{width:2px;height:10px;margin-top:-5px;margin-right:-4px}.bx_item_set_hor .bx_item_set_hor_item .bx_item_set_img_container a,.bx_kit .bx_kit_img_container,.bx_kit .bx_kit_img_container a,.bx_modal_body .bx_kit_item .image,.bx_modal_body .bx_kit_item .image a,.catalog_detail .set_wrapp .item .image{display:block;vertical-align:middle;height:140px;line-height:140px;width:140px;vertical-align:middle;text-align:center;position:relative;zoom:1;margin:0 auto .6rem}.bx_item_set_hor .bx_item_set_hor_item .bx_item_set_img_container img,.bx_kit .bx_kit_img_container img,.bx_modal_body .bx_kit_item .image img,.catalog_detail .set_wrapp .item .image img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;border:0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.bx_item_set_hor .bx_item_set_hor_item .item-title a,.bx_modal_body .bx_kit_item .item-title a,.catalog_detail .set_block .item .item-title a{line-height:1.538em}.set_block .item .item-title{margin:0 0 2px}.set_block .item .item-title a span{display:block}.catalog_detail .bx_item_set_hor_container_big .total_wrapp .total_title{font-size:14px;display:inline-block}.bx_kit_result_one .price,.bx_kit_result_one .price *,.bx_kit_result_tre .price,.bx_kit_result_tre .price *,.bx_kit_result_two .price,.bx_kit_result_two .price *,.set_block .item .total_wrapp .cost .price{font-size:28px;line-height:28px;font-weight:600;display:inline-block;float:none;margin:0 0 3px}.catalog_detail .bx_item_set_hor_container_big .total_wrapp .total_price{vertical-align:bottom}.set_block .total_wrapp .buttons_wrapp{margin:20px 0 0}.catalog_detail .bx_item_set_hor_container_big .total_wrapp .total_buttons .buttons_wrapp .one_click{margin-left:10px}.set_block .item .total_wrapp .price.discount,.set_block .item .total_wrapp .price.discount *{font-size:16px;line-height:18px;display:block;font-weight:400;margin:0 0 12px}.set_block .item .cost.prices .price.font_mxs{font-size:.933em}.set_block .item .cost.prices .price .font_xs{font-size:.8em}.product-container .info_item .adaptive-block{max-width:280px;margin:30px auto 0}.product-container .info_item .adaptive-block .text-form{margin-top:14px}.product-container .info_item .adaptive-block .text-form+.text-form{margin-top:9px}.product-container .info_item .adaptive-block .char-side{margin:23px 0 0}.detail .chars .props_table tr td:first-child{text-align:left;padding-right:10px;padding-left:0}.detail .chars .char-wrapp{padding:25px 35px 26px;border:1px solid #f1f1f1;word-wrap:break-word}.detail .chars .char-wrapp tr td{font-size:1em;vertical-align:top;background:url(/local/templates/aspro_max2/components/bitrix/catalog/main/images/dott.png) 0 15px repeat-x;width:60%}.detail .chars .char-wrapp .char_name .hint .tooltips{display:none;position:absolute;left:-30px;top:40px;width:100px;padding:5px;box-shadow:0 0 10px;z-index:9;background:#fff}.detail .chars .char-wrapp .char_name .hint .icons:hover+.tooltips{display:block}.detail .chars .props_table{width:100%}.detail .chars .props_table td{padding:2px 0 2px 10px;text-align:right}.detail .chars .props_table .char_name>span,.detail .chars .props_table .char_value>span{position:relative;background:#fff;padding:0;display:inline-block;color:#666}.detail .chars .props_table .char_name>span{font-style:normal;padding-right:12px;color:#555}.detail .chars .props_table .char_name .hint{position:relative;top:1px;margin:0 0 0 3px}.detail .chars .props_table .char_name .hint .icon svg{opacity:.35}.detail .chars .props_table .char_name .hint .icon:hover svg{opacity:1}.detail .chars .props_table .char_name .hint .tooltip{visibility:hidden;padding:14px 18px;left:-121px;bottom:23px;width:256px;max-width:256px;opacity:0;font-size:.8667em;line-height:1.3846em;color:#777;border-radius:3px;background:#fff;-webkit-box-shadow:0 10px 25px 0 rgba(0,0,0,.1);-moz-box-shadow:0 10px 25px 0 rgba(0,0,0,.1);box-shadow:0 10px 25px 0 rgba(0,0,0,.1);transition:opacity .1s ease;moz-transition:opacity .1s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .1s ease;-webkit-transition:opacity .1s ease}.detail .chars .props_table .char_name .hint .tooltip:after{content:"";position:absolute;left:50%;bottom:-10px;margin:0 0 0 -5px;border:5px solid transparent;border-top:5px solid #fff}.detail .chars .props_table .char_name .hint:hover .tooltip{opacity:1;visibility:visible}.product-container .cost.prices.detail .price.font_mxs{font-size:1.733em}.product-container .cost.prices.detail .js-info-block .price.font_mxs{font-size:1.133em}.product-container .cost.prices.detail .discount.font_xs{font-size:1.067em}.quantity_block_wrapper{padding:1px 0;margin:0 -12px}.quantity_block_wrapper>div{display:inline-block;vertical-align:middle;padding:0 12px;margin:5px 0}.quantity_block_wrapper .value:hover{color:#666}.quantity_block_wrapper .item-stock .icon{width:6px;height:6px;margin:4px 9px 0 0}.tab-pane.stores .stores_tab{padding-top:9px}.tab-pane.stores .ordered-block__title{padding-bottom:1.533rem}.tab-pane.reviews{padding-top:7px}.product-container .counter_wrapp .button_block:not(.to-cart) svg{display:none}.product-container .counter_wrapp .button_block .svg-inline-prediction svg{display:block}.product-container .counter_wrapp .button_block .in-cart span{padding-left:24px}.product-container .counter_wrapp .button_block .in-cart{position:relative}.product-container .counter_wrapp .button_block .in-cart i:not(.svg-inline-prediction){position:absolute;top:50%;margin-top:-6px}.product-container .buy_block .sku_props>div{padding:0;margin:0}.product-container div+.buy_block{padding:9px 0 0}.product-container .slide_offer{width:100%}.product-container div+.buy_block .slide_offer,.product-container div+.slide_offer{margin-top:9px}.product-container .buy_block .counter_wrapp.list{padding-top:18px}.wrapper1 .detail .bx_catalog_item_scu .bx_scu ul{display:flex;flex-wrap:wrap;flex-direction:row;align-content:flex-start;margin:-2px -2px 0;line-height:0}.wrapper1 .detail .bx_catalog_item_scu .bx_scu ul li{flex:auto;max-width:56px;width:48px;padding:0;margin:4px 4px;max-height:56px}.wrapper1 .detail .bx_catalog_item_scu .bx_scu ul li:before{display:none}.wrapper1 .detail .bx_catalog_item_scu ul li .cnt1{width:100%;display:inline-block;padding-top:100%}.wrapper1 .detail .bx_catalog_item_scu ul li .cnt_item{border:2px solid #fff;position:absolute;width:100%;height:100%}.wrapper1 .detail .bx_catalog_item_scu .bx_item_detail_scu{margin-bottom:4px}.wrapper1 .detail .bx_catalog_item_scu .bx_item_detail_scu+div{margin-top:-4px}.js-offers-scroll.offers{position:relative;z-index:2}.js-offers-scroll .counter_wrapp{padding-top:0}.js-offers-scroll .wrapp-one-click{margin-top:8px}body .catalog_detail .js-offers-scroll .main_item_wrapper .total_summ{border-bottom:none}.js-offers-scroll .table-view__item{padding:23px 24px 18px}.js-offers-scroll .table-view__item .item-title{color:#333}.js-offers-scroll .table-view .item-actions .item-buttons,.js-offers-scroll .table-view .item-actions .item-price,.js-offers-scroll .table-view .item-icons{align-self:normal}.js-offers-scroll .table-view .item-actions .item-price{margin-top:-5px}.js-offers-scroll .table-view .item-actions .item-buttons .text-form{margin:8px 0 0}.js-offers-scroll .like_icons.list>div{padding-right:8px}.js-offers-scroll .like_icons.list>div:last-of-type{padding-right:0}.js-offers-scroll .stores-icons{flex-basis:62px;flex-shrink:0;text-align:right}.js-offers-scroll .stores-icons .svg{top:-4px}.js-offers-scroll .stores-icons .btn.closed{transform:rotate(180deg)}.js-offers-scroll .like_icons.list.icons>div span{height:36px;line-height:18px}.js-offers-scroll .table-view .item-info .item-title{margin-top:-3px;padding:0}.js-offers-scroll .table-view .properties__item.properties__item--compact{margin-top:-2px;line-height:22px}.js-offers-scroll .table-view .properties__item.properties__item--compact:first-of-type{padding-top:4px}.js-offers-scroll .quantity_block_wrapper{margin:0 -10px}.js-offers-scroll .quantity_block_wrapper>div{padding:0 10px}.js-offers-scroll .counter_wrapp>.button_block:first-of-type{float:none;width:100%}.js-offers-scroll .table-view__item--has-stores .quantity_block_wrapper .item-stock .value:hover{color:#333}.js-offers-scroll .stores_block_wrap{border-top:1px solid #ececec;padding-top:13px;margin:18px 0 0}.js-offers-scroll .stores_block_wrap .stores_block{border:none;padding:5px 0 3px 0}.js-offers-scroll .stores_block_wrap .stores_block:before{content:"";display:block;height:1px;position:absolute;left:0;right:0;top:50%;background:url(/local/templates/aspro_max2/components/bitrix/catalog/main/../../../../images/dott.png) 0 0 repeat-x}.js-offers-scroll .stores_block_wrap .stores_block.wo_image .stores_text_wrapp{padding-left:0}.js-offers-scroll .stores_block_wrap .stores_block.wo_image .item-stock{padding:0 0 0 10px;margin-right:0}.js-offers-scroll .offer-stores .stores_block_wrap .stores_block.wo_image .item-stock{top:50%;margin-top:-8px}body .product-container .js-info-block .more-btn a{display:none}.additional-gallery{position:relative}.additional-gallery .owl-carousel .owl-stage{display:flex;align-items:center}.additional-gallery .small-gallery-block .item{transition:opacity .3s ease}.additional-gallery .item:hover a{cursor:zoom-in}.additional-gallery .small-gallery-block .item:hover{opacity:.7}.big-gallery-block .owl-carousel{max-height:700px;min-height:150px}.big-gallery-block .owl-carousel .item img{max-height:650px}body #headerfixed .logo-row.wproducts{display:block}#headerfixed .table-view__item{padding:15px 0}#headerfixed .table-view .item-foto{flex-basis:50px}#headerfixed .table-view .item-foto__picture{width:50px;height:50px;line-height:50px}#headerfixed .table-view .item-info{min-width:350px}#headerfixed .table-view .more_text{display:none}#headerfixed .table-view .item-buttons svg{display:none}#headerfixed .table-view .item-buttons .svg-inline-prediction svg{display:block}#headerfixed .table-view .item-buttons .svg{top:-1px}#headerfixed .table-view .like_icons.list>div:last-of-type{padding-right:0}#headerfixed .table-view .item-actions{width:auto}#headerfixed .table-view .item-actions .item-price{width:auto;padding-right:80px;max-width:300px}#headerfixed .table-view .item-actions .item-sku{max-width:300px}#headerfixed .table-view .item-actions .item-sku .but-cell{flex-wrap:wrap}#headerfixed .table-view .item-icons.s_2{width:99px}#headerfixed .table-view .item-icons .like_icons>div{margin-bottom:0}#headerfixed .table-view .cost .price_matrix_wrapper .prices-wrapper .price_group:not(.min){display:none}#headerfixed .table-view .cost .price_matrix_wrapper .prices-wrapper .price_group{margin:0}#headerfixed .table-view .cost .price_matrix_wrapper .prices-wrapper .price_group .price_name{display:none}#headerfixed .table-view .cost .price_matrix_wrapper .prices-wrapper .prices-wrapper,#headerfixed .table-view .cost .price_matrix_wrapper .prices-wrapper .prices-wrapper+.sale_block .sale_wrapper{padding-left:0}#headerfixed .table-view .item-actions .item-sku .but-cell>div{padding:5px 5px 5px}#headerfixed .table-view .item-actions .item-sku .but-cell>div:last-of-type{margin-right:44px}#headerfixed .table-view .item-actions .item-sku .but-cell>div .bx_item_detail_scu,#headerfixed .table-view .item-actions .item-sku .but-cell>div li,#headerfixed .table-view .item-actions .item-sku .but-cell>div ul{margin:0}#headerfixed .table-view .item-actions .item-sku .but-cell .bx_item_detail_scu li{width:30px}#headerfixed .table-view .item-actions .item-sku .but-cell .bx_item_detail_size li{width:auto;padding:0 10px;text-align:center;max-width:none}#headerfixed .table-view .item-actions .buy_block i:not(.svg-inline-prediction){margin-right:10px;width:12px;position:absolute;top:auto;margin-top:1px;height:10px;background:url(/local/templates/aspro_max2/components/bitrix/catalog/main/../../../../images/svg/catalog/check_inbasket.svg) 0 1px no-repeat}#headerfixed .table-view .item-actions .buy_block i+span{padding-left:27px}#headerfixed .table-view .item-actions .more-btn a{display:none}#headerfixed .table-view .item-actions .item-buttons{width:auto;padding-right:25px;max-width:none}#headerfixed .table-view .item-actions .item-buttons .btn{width:200px}#headerfixed .prices .price_matrix_block .price_group:first-of-type{margin-top:0}.product-info-headnote__toolbar .like_icons.list span{margin:0}.product-info-headnote__toolbar .like_icons.list.sm .btn-xs{padding:9px 14px 7px;height:31px}.ordered-block .item-views.front.staff-items{padding-bottom:0}.ordered-block .item-views.staff1.within{margin-bottom:-32px}body .product-side.left_block{margin-top:0}body .product-side.left_block>div:first-of-type,body .product-side.left_block>div:first-of-type .brand-detail-info{margin-top:0}body .product-side.left_block>.inner-wrapper-sticky>div:first-of-type{margin-top:0}body .product-side.left_block .list-sales-compact{margin:0 0 16px}body .product-side.left_block .view_sale_block{margin:26px 0 0}body .product-side.left_block .cost{margin:10px 0 0}body .product-side.left_block .cost.detail .sale_block{margin-top:0}body .product-side.left_block .cost.detail .js-info-block .more-btn a{display:none}.product-side.main_item_wrapper .js-prices-in-side .bx_catalog_item_scu.wrapper_sku{padding-top:8px}body .product-side.left_block .text-form{margin-top:14px}body .product-side.left_block .text-form+.text-form{margin-top:9px}body .product-container .text-form .svg-inline-info_big{padding-top:3px;width:18px}body .product-container .text-form .svg-inline-info_big svg{margin:auto}body .product-container .text-form .text-form-info{padding-left:27px}body .product-side div+.char-side{margin-top:30px}body .char-side{margin:13px 0 29px}body .char-side .properties{margin-top:13px}body .char-side .properties+div{margin:10px 0 0}body .char-side .properties .properties.js-offers-props{margin:0 0 0}.char-side .properties__item.properties__item--compact{margin-top:2px}.product-side .text-additional{margin-top:29px}.product-side div+.brand-detail{margin-top:34px}.bigdata-wrapper{margin:28px 0 0}.bigdata-wrapper .subtitle{margin:0 0 23px}.product-side .bigdata-wrapper .price_matrix_wrapper>.price.font_mxs,.product-side .bigdata-wrapper .price_matrix_wrapper>.prices-wrapper>.price.font_mxs{font-size:.933em}.catalog_detail .sku_props .bx_size_scroller_container.form-control{margin-top:2px}.product-view--type2 .product-info-wrapper{border-top:1px solid #ececec;border-bottom:1px solid #ececec}.wrapper_inner.wide_page .product-view--type2 .product-info{padding:2.533rem 30px;margin:auto}.product-view--type2 .product-info>.flexbox{align-items:normal}.product-view--type2 .product-info>.flexbox .product-detail-gallery{order:1;flex:1;padding:.733rem 1.5rem 0;width:50%}.product-view--type2 .product-info>.flexbox>div:last-of-type{order:2}.product-view--type2 .product-info>.flexbox>div:not(.product-detail-gallery){flex-basis:25%}.product-view--type2 .product-info>.flexbox .product-detail-gallery+.product-chars .product-info-headnote{padding-bottom:27px}.product-view--type2 .product-info>.flexbox .product-detail-gallery+.product-chars .list-sales-compact{padding-bottom:35px}.product-view--type2 .product-chars{position:relative}.product-view--mix .product-main .js-sales,.product-view--type2 .product-chars .js-sales{opacity:0;height:0;transition:opacity .2s ease}.product-view--mix .product-main .js-sales.active,.product-view--type2 .product-chars .js-sales.active{opacity:1;height:auto}.product-view--type2 .product-chars .js-sales:not(.active) .list-sales-compact__title{margin-top:0}.product-view--type2 .product-chars .list-sales-compact{position:relative;padding:0 0 22px 37px}.product-view--type2 .product-chars .list-sales-compact__icons{top:2px}.product-container .product-view--type2 .buy_block{padding-top:0}.product-view--type2 .buy_block .sku_props .bx_catalog_item_scu{margin-top:-6px}.product-view--type2 .product-chars .char-side{margin-top:18px}.product-view--type2 .product-chars .table_sizes{margin-bottom:22px}.product-view--type2 .product-chars .table_sizes.w-offers{margin-top:6px}.product-view--type2 .product-detail-gallery__container{position:relative}.product-view--type2 .text-additional{padding:26px 40px 5px;text-align:center}.product-container .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical{top:183px}.product-view--type2 .product-action .product-info-headnote{padding:0 0 28px}.product-view--type2 .product-action .product-info-headnote .flexbox>div{padding:11px 0}.product-view--type2 .product-action .prices_block div+.cost.prices{margin:10px 0 0}.product-view--type2 .product-action .middle-info-wrapper{margin:0 0 16px}.product-view--type2 .product-action .text-form+.text-form{padding:10px 0 16px}.product-container .counter_block .minus{left:10px}.product-container .counter_block .plus{right:10px}.wrapper_inner.wide_page .product-view--type2 .content_wrapper_block.front_tizers{border-left-width:0;border-right-width:0}.product-view--type2 .bottom-info-wrapper .bottom-info{margin-top:-3.133rem}body .catalog_detail .common_select .common_select-link .trigger{line-height:40px}.linked-blog-list{display:block;width:100%}.linked-blog-list.content{display:none;opacity:0}.js_append.flexbox .linked-blog-list.content{display:block}.js_append.flexbox .linked-blog-list.content.visible{opacity:1}.search_page .section-content-wrapper:not(.with-filter) .menu_top_block{display:none}.wrapper_inner.wide_page .product-view--type2 .product-info.product-info--type2{padding-top:2.2rem;padding-bottom:2.2rem}.product-view--type2 .product-info.product-info--type2>.flexbox>.product-detail-gallery{padding:0;width:42%}.product-info.product-info--type2>.flexbox>.product-detail-gallery .product-detail-gallery__container{padding-top:4.133rem}.product-info.product-info--type2 .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical.m-photo{left:-66px}.product-info.product-info--type2 .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical[data-size="2"]{left:-31px}.product-info.product-info--type2 .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical[data-size="1"]{left:4px}.product-info.product-info--type2 .product-detail-gallery__thmb-container .vertical>div.video-block.popup_video{top:4.133rem}.product-info.product-info--type2 .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical{max-height:210px}.product-info.product-info--type2 .product-chars .list-sales-compact{padding-top:0;padding-left:42px}.product-info.product-info--type2 .product-chars .list-sales-compact .list-sales-compact__icons{top:2px}.shadowed-block{box-shadow:0 3px 14px rgba(0,0,0,.12)}.product-info.product-info--type2 .shadowed-block .prices_block{padding:20px 30px 20px}.product-info.product-info--type2 .shadowed-block .buy_block{overflow:hidden;border-radius:0 0 3px 3px}.product-info.product-info--type2 .shadowed-block .buy_block .btn,.product-info.product-info--type2 .shadowed-block .buy_block .counter_block{border-radius:0}.product-info.product-info--type2 .shadowed-block .buy_block .counter_block{border-left-color:transparent}.product-info.product-info--type2 .shadowed-block .buy_block .btn.one_click{border-color:transparent;padding-top:16px;padding-bottom:16px;border:none}.product-info.product-info--type2 .shadowed-block .buy_block .btn.one_click:hover{background:#fff;color:#333}.catalog_detail .main_item_wrapper .shadowed-block .total_summ{border-top:1px solid #ececec;padding:11px 20px;text-align:center}.product-info--type2 .price_txt.filed{margin:2.666rem 0 -12px}.product-info-headnote--bordered{border-bottom:1px solid #ececec;margin:0 0 38px;padding:0 0 27px}.product-main .product-info-headnote--bordered{margin-top:-3px}.product-info .shadowed-block .view_sale_block.compact{display:block;background:#fc482d;padding:9px 29px 8px;height:auto;border-radius:3px 3px 0 0;margin:0}.product-info .shadowed-block .view_sale_block.compact.red .countdown,.product-info .shadowed-block .view_sale_block.compact.red .quantity_block .item{background:0 0;border-color:transparent}.product-info .shadowed-block .view_sale_block.compact .icons .values{margin:0 -3px 0 0}.product-info .shadowed-block .view_sale_block.compact .icons .values .item{padding-top:3px}.product-info .shadowed-block .view_sale_block.compact .svg{display:block}.product-info .shadowed-block .view_sale_block.compact .svg svg{width:16px}.product-info .shadowed-block .view_sale_block.compact.red .svg svg path{fill:#fff}.product-info .shadowed-block .view_sale_block.compact .quantity_block .values{margin-left:-1px}.product-info .shadowed-block .view_sale_block.compact .quantity_block .item{position:relative;padding-top:4px;padding-left:12px}.product-info .shadowed-block .view_sale_block.compact .quantity_block .item:before{content:"";position:absolute;width:4px;height:2px;background:#fff;top:11px;left:0;display:block}.product-container .product-view--mix .product-info{padding-bottom:31px}.product-container .product-view--mix .product-info-wrapper{border:1px solid #00aea0}.product-view--mix .product-info>.flexbox{align-items:normal}.product-view--mix .product-info .stickers{left:-2px;top:12px}.product-view--mix .product-info-headnote{padding-bottom:23px}.product-view--mix .preview-text{padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #ececec}.product-view--mix .preview-text .text-block{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-view--mix .item-views.list-sales-compact{padding-bottom:25px;border-bottom:1px solid #ececec}.product-view--mix .js-sales.active{margin-bottom:25px}.product-view--mix .js-sales:not(.active)+.actions-bottom{border-top:1px solid #ececec;padding-top:20px}.product-container .product-view--mix .buy_block .counter_wrapp.list{padding-top:11px}.product-container .product-view--mix .product-info--type2 .price_txt.filed{margin:0;border:none;padding-top:23px}.product-container .bottom-info-wrapper{margin-top:3.133rem}.product-container .product-view--mix:not(.product-view--mix-wide) .bottom-info-wrapper{padding:0}.product-container .product-view--mix .ordered-block.js-store-scroll{margin-top:0}.product-view--mix .sku_props .wrapper_sku>div:first-child{margin-top:-8px}.product-view--mix .product-info.product-info--type2 .info_item>div:not(.main_item_wrapper){padding:0;margin-top:9px}.product-view--mix .product-info--type2 .product-chars .char-side{margin:20px 0 0}.catalog_page_detail_with_left .product-view--mix .product-action{flex-basis:100%}.catalog_page_detail_with_left .product-view--mix .product-chars{display:none}.product-container .product-view--mix div+.offer-props-wrapper{padding:13px 0 4px}.product-container .product-view--mix.product-view--mix-wide div+.offer-props-wrapper{padding:18px 0 4px}.product-view--mix.product-view--mix-wide .product-info{max-width:1422px;margin-left:auto;margin-right:auto}.product-view--mix.product-view--mix-wide .like_icons.list{top:0;bottom:auto;left:auto}.product-view--mix.product-view--mix-wide .buy_block .counter_wrapp.list{width:65%;display:inline-block;vertical-align:top;padding-right:20px;max-width:300px}.product-view--mix.product-view--mix-wide .buy_block .wrapp-one-click{display:inline-block;vertical-align:top;padding-top:11px}.product-view--mix.product-view--mix-wide .product-main .product-chars{padding-left:0;display:block}.product-main .info_ext_block{width:100%;padding:24px 0 17px;border-top:1px solid #ececec;border-bottom:1px solid #ececec;margin:34px 0 0}.product-main .info_ext_block+.info_ext_block{margin-top:-1px}.product-main .info_ext_block .title{text-transform:uppercase;color:#222;letter-spacing:.3px;position:relative;padding:0 0 6px;cursor:pointer}.product-main .info_ext_block .title:before{content:"";display:block;position:absolute;right:0;top:0;width:12px;height:12px;background-image:url(/local/templates/aspro_max2/components/bitrix/catalog/main/../../../../images/svg/catalog/pluscross_sprite.svg);background-position:0 0;background-repeat:no-repeat;opacity:.7;transition:opacity .3s ease}.product-main .info_ext_block .title:hover:before{background-position:-22px 0}.product-main .info_ext_block .title.opened:before{background-position:-12px 0;width:11px}.product-main .info_ext_block .title.opened:hover:before{background-position:-35px 0}.product-main .info_ext_block .title:hover:before{opacity:1}.product-main .info_ext_block .text{padding:0 0 8px;display:none}.product-main .info_ext_block .text.text--with-pt{padding-top:15px;color:#777}.catalog_page_detail_with_left .product-container .product-view--mix.product-view--mix-wide .bottom-info-wrapper{padding:0}#main #content .product-view--mix .bottom-info-wrapper .linked_sales{display:none}.catalog_page_detail .left_block{padding-top:4px}.catalog_page_detail .left_block .menu_top_block{border-top:1px solid #ececec}body #content .catalog_page_detail_with_left .product-container .product-side.left_block{display:none}#main .catalog_detail .calculate-delivery-preview .font_sxs,#main .catalog_detail .calculate-delivery-preview .font_xs,#main .catalog_detail .cheaper_form>span,#main .catalog_detail .item-stock>span,#main .catalog_detail .price_txt,#main .catalog_detail .table_sizes span{font-size:12px}.js-store-scroll.stores{position:relative}.stores-title{position:absolute;top:4px;right:0}.stores-title .stores-title__list{opacity:.5;transition:opacity .3s ease}.stores-title .stores-title__list:last-of-type{padding-left:24px}.stores-title .stores-title__list:not(.stores-title--active):hover{cursor:pointer}.stores-title .stores-title__list.stores-title--active,.stores-title .stores-title__list:hover{opacity:1}.stores-title .stores-title__list .svg{margin-right:4px;top:-1px}.stores_block_wrap.combine .contacts_map_list{padding-bottom:0}.stores_block_wrap.combine .wrapper_block.title_left .block_container{height:502px}.stores_block_wrap.combine .contacts_map_list .bx-yandex-view-layout{border:1px solid #ececec}.tab-pane.stores .stores_tab .stores_block_wrap.combine{position:relative}.tab-pane.stores .stores_tab .stores_block_wrap .stores-title{top:-12px}.tab-pane.stores{position:relative}.stores-amount-list:not(.stores-amount-list--active){display:none}.with_title .block_container .items .item .item-stock{margin:7px 0 0}body .map_info_store .item-stock{margin:10px 0 0}.item-views.tizers{padding:3px 0 23px}.wrapper1:not(.with_left_block) .wrapper_inner.front .drag-block.container .item-views.tizers{padding-bottom:33px}.item-views.tizers.top{padding-top:9px}.item-views.tizers .item-wrapper>.item{padding-bottom:32px}.item-views.tizers .item-wrapper>.item .image{margin-bottom:10px;max-height:50px;flex-shrink:0;align-self:normal}.item-views.tizers .item-wrapper>.item .image img{max-width:100%;max-height:100%}.item-views.tizers:not(.top) .item-wrapper>.item .image{margin-top:6px;max-width:40px}.item-views.tizers .items.small-block>.row,.item-views.tizers .items.tops>.row{align-items:start}.item-views.tizers .items.small-block .image{width:32px;height:32px}.item-views.tizers .items.small-block .image img,.item-views.tizers .items.small-block .image svg{max-width:100%;max-height:32px}body .items_wrapper.simple .row .item_block{height:auto}body .items_wrapper.simple .row .item_block .catalog_item,body .items_wrapper.simple .row .item_block .catalog_item .inner_wrap{height:100%!important}body .items_wrapper.simple .row .item_block .catalog_item .sale_block{display:none}body .items_wrapper.simple .row .item_block .catalog_item .sale_block{display:none}body .simple_page .top-content-block>div{padding-bottom:34px}#main .catalog_detail .counter_wrapp.fixed{position:fixed!important;bottom:0;left:0;right:0;z-index:999}#main .bottom-icons-panel-Y .catalog_detail .counter_wrapp.fixed{bottom:62px}#main .catalog_detail .counter_wrapp.fixed .counter_block{border-radius:0}#main .catalog_detail .element_3 .counter_wrapp.fixed~.wrapp-one-click{border-top:1px solid #eee}.catalog_detail .char_block{padding:30px 40px}.catalog_detail .props_list{width:100%;margin:0 0 0;color:#555}.catalog_detail .tabs_content .char_block{margin-bottom:30px}.catalog_detail .props_list td:first-of-type{width:45%}.catalog_detail .props_list td.char_value{overflow:hidden;text-overflow:ellipsis;width:55%}.catalog_detail .props_list td.char_value span{padding:0 0 0 10px;color:#333}.catalog_detail .props_block .char_name .props_item,.catalog_detail .props_block .char_value,.catalog_detail .props_list .props_item{overflow:hidden;text-overflow:ellipsis}.catalog_detail .props_list .props_item span{background:#fff;padding-right:10px;color:#777}.catalog_detail .offers_table .property .props_item.whint>span{padding-left:22px}.catalog_detail .props_list .props_item.whint{display:inline;padding-right:10px;background-color:#fff}.catalog_detail .props_list .props_item.whint span{padding-right:0}.catalog_detail .props_list .hint{position:relative;top:-1px;left:2px;right:auto;display:inline}.catalog_detail .props_list .hint .icon{background-color:#fff;position:relative}.catalog_detail .props_list .hint+span{padding-left:22px}.catalog_detail .hint .tooltip{left:1px;text-align:left}.catalog_detail .hint.active .tooltip{opacity:1;z-index:204}.catalog_detail .hint .tooltip:after{left:2px}.catalog_detail .char_name .hint .icon{left:0}.catalog_detail .property .char_name .hint .icon{top:1px;border-radius:100%}.catalog_detail .props_block .char_name .hint .icon{top:-1px;border-radius:100%}.catalog_detail .props_block .char_name{position:relative}.catalog_detail .props_block .char_name .hint .icon i{padding-left:0;margin-left:-1px}.catalog_detail .props_block .char_name .hint{display:inline;position:relative;padding-left:3px}.catalog_detail .props_block .char_name .hint .icon{position:relative}.catalog_detail .props_block .hint .tooltip{left:3px;top:20px}.props_block .props_item.muted.whint{display:inline}#main .list-offers .table-view .calculate-delivery{position:relative;padding-left:27px;line-height:18px;margin-top:12px}.list-offers .table-view .calculate-delivery .svg{position:absolute;left:0;top:-1px}.list-offers .table-view .calculate-delivery .animate-load{line-height:18px}.catalog_detail .props_list.line td.char_value span{padding-left:0}.catalog_detail .props_list.line .props_item span{padding-right:4px}.char_name .hint.active .tooltip{opacity:1;z-index:204}.char_name .hint .tooltip:after{left:2px}.properties__title .hint{display:inline;position:relative;top:-1px}.properties__title .icon{border:1px solid #e5e5e5;border-radius:100%;text-align:center;padding:2px 4px 0;cursor:pointer;height:16px;display:inline-block;vertical-align:middle}.properties__title .icon i{color:#383838;line-height:11px;font-size:11px;font-style:normal;display:inline-block;vertical-align:top}.properties__title .icon:hover i{color:#fff}.properties__title .hint .tooltip{left:1px;text-align:left}.properties__title .hint.active .tooltip{opacity:1;z-index:204}.properties__title .hint .tooltip:after{left:2px}@media (min-width:601px){.item-views.tizers .item-wrapper>.item .pull-left+.inner-text{padding-left:26px}.item-views.tizers .item-wrapper>.item .pull-right+.inner-text{padding-right:26px}.item-views.tizers .small-block .item-wrapper>.item .pull-left+.inner-text{padding-left:20px}}@media (max-width:600px){.item-views.tizers:not(.top) .item-wrapper>.item .image{float:none!important}.item-views.tizers .items.small-block .item .image+.inner-text,.item-views.tizers .items.tops .item .image+.inner-text{padding-left:20px}body .wrapper1:not(.with_left_block) .wrapper_inner.front .drag-block.container .item-views.tizers{padding-bottom:3px}}@media (max-width:1399px){#headerfixed .table-view .item-info{min-width:250px}#headerfixed .table-view .item-actions .item-sku{max-width:250px}.catalog_detail .view_sale_block.v2>div.icons .values .item{display:none}}@media (max-width:1199px){.product-view--mix .product-info>.flexbox,.product-view--type2 .product-info>.flexbox{flex-wrap:wrap;justify-content:space-evenly}.product-view--type2 .product-info>.flexbox .product-detail-gallery{flex:0 0 100%;order:0}.product-view--type2 .product-info>.flexbox>div:not(.product-detail-gallery){padding-top:40px;max-width:300px;flex-basis:40%}.product-info.product-info--type2>.flexbox>.product-detail-gallery .product-detail-gallery__container{padding-top:0}body .product-view--type2 .product-info.product-info--type2>.flexbox>.product-main{flex-basis:100%;max-width:none;padding-left:0}.product-view--mix .product-info>.flexbox .product-detail-gallery{flex:0 0 100%;order:0;padding-right:0}body .product-view--mix .product-main{flex-basis:auto;margin-top:35px}}@media (min-width:992px){.right_block:not(.catalog_page_detail_with_left) .product-view--side-left,.right_block:not(.catalog_page_detail_with_left) .product-view--side-right{width:calc(100% - 345px)}.right_block:not(.catalog_page_detail_with_left) .product-view--side-left{float:left}.right_block:not(.catalog_page_detail_with_left) .product-view--side-right{float:right}body #content .product-container .product-side.left_block,body #content .product-container .product-side.left_block>*{display:block}}@media (max-width:991px){.left_block.sticky-sidebar-custom{display:none}.product-view--type2 .bottom-info-wrapper .bottom-info{margin-top:0}}@media (min-width:768px) and (max-width:991px){.product-container .content_wrapper_block.front_tizers>.maxwidth-theme .item-views.tizers .item-wrapper{width:50%}}@media (max-width:900px){.list-offers .table-view .table-view__item-wrapper{align-items:normal}.list-offers .table-view .item-actions{width:40%;flex-direction:column}.list-offers .table-view .table-view__item-wrapper .item-actions>div:first-of-type{margin-top:-8px}.list-offers .table-view .table-view__item-wrapper .item-actions>div{width:100%;max-width:none;padding:8px 0 0}.list-offers .table-view .item-info{padding-top:6px}}@media (min-width:768px){body #content .product-container .product-side.left_block>.view_sale_block{display:inline-block}body #content .product-container .view_sale_block .icons{display:inline-block}.product-container .product-detail-gallery__slider.horizontal{max-width:600px}.product-container .product-detail-gallery__slider.horizontal .product-detail-gallery__item.product-detail-gallery__item--big,.product-container .product-detail-gallery__slider.horizontal .product-detail-gallery__item.product-detail-gallery__item--middle{width:auto}.product-view--type2 .product-info.product-info--type2>.flexbox .product-detail-gallery__slider.horizontal.big{max-width:500px}.product-container .product-detail-gallery__slider.vertical{max-height:600px}.product-container .product-detail-gallery__slider.vertical .product-detail-gallery__item.product-detail-gallery__item--big{height:600px;line-height:600px}.product-view--type2 .product-info.product-info--type2>.flexbox .product-detail-gallery__slider.vertical.big{max-height:500px}.product-container .product-info.product-info--type2 .product-detail-gallery__slider.vertical .product-detail-gallery__item.product-detail-gallery__item--middle{height:500px;line-height:500px}.product-view--type2 .product-info.product-info--type2>.flexbox .product-detail-gallery__slider{max-width:377px}.product-info.product-info--type2 .product-detail-gallery__thmb-container .vertical>div.video-block.popup_video{top:4.133rem}.product-view--type2 .product-info.product-info--type2>.flexbox>.product-main{flex-basis:58%;padding-left:36px}.product-info--type2 .product-chars{padding-right:60px}.product-container .product-detail-gallery__item.product-detail-gallery__item--big{height:450px;width:450px;max-width:100%}.product-container .product-detail-gallery__item.product-detail-gallery__item--middle{height:377px;width:377px;max-width:100%}.product-container .product-detail-gallery__item>a{width:100%;height:100%;display:flex;align-items:center}.product-container .product-detail-gallery__slider .owl-dots{display:none}.video-block.popup_video,body .product-detail-gallery__thmb-container .product-detail-gallery__slider{display:inline-block;vertical-align:middle}.product-detail-gallery__thmb-container .product-detail-gallery__slider+.video-block.popup_video.fromtop{margin-left:70px}.product-detail-gallery__thmb-container .product-detail-gallery__slider+.video-block.popup_video{margin-left:30px}.product-detail-gallery__thmb-container .video-block.popup_video.only-item,body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .video-block.popup_video.only-item.only-item{top:0!important}.product-detail-gallery__container.product-detail-gallery__container--vertical{padding-left:66px}.wide_page .catalog_page_detail:not(.catalog_page_detail_with_left) .product-container .content_wrapper_block.front_tizers{border-top:none}.wide_page .catalog_page_detail:not(.catalog_page_detail_with_left) .product-container .content_wrapper_block.front_tizers>.maxwidth-theme{padding-top:0}.wide_page .catalog_page_detail:not(.catalog_page_detail_with_left) .product-container .content_wrapper_block.front_tizers>.maxwidth-theme .item-views.tizers{border-top:1px solid #ececec;padding:31px 32px 0}.product-container .video-block.popup_video .play{font-size:0}body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .video-block.popup_video{position:absolute;left:20px;top:0;margin:0}body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .product-detail-gallery__slider--vertical+.video-block.popup_video.fromtop{top:393px}body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .product-detail-gallery__slider--vertical+.video-block.popup_video{top:353px}body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .product-detail-gallery__slider--vertical[data-size="3"]+.video-block.popup_video.fromtop{top:323px}body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .product-detail-gallery__slider--vertical[data-size="3"]+.video-block.popup_video{top:283px}body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .product-detail-gallery__slider--vertical[data-size="2"]+.video-block.popup_video.fromtop{top:253px}body .product-container .product-detail-gallery__container--vertical .product-detail-gallery__thmb-container .product-detail-gallery__slider--vertical[data-size="2"]+.video-block.popup_video{top:213px}.product-container .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical[data-size="3"]{left:-65px;top:118px}.product-container .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical[data-size="2"]{left:-30px;top:83px}.product-info.product-info--type2 .info_item>div:not(.main_item_wrapper){padding-left:30px;padding-right:30px}.js-offers-scroll .table-view .item-actions .item-price{width:50%}.js-offers-scroll .table-view .item-actions .item-buttons{width:50%}.product-container .product-view--mix .product-detail-gallery{width:50%;padding-right:39px}.product-view--mix .product-main{flex-basis:50%}.product-view--mix .product-action .info_item{padding-right:20px}.product-view--mix .product-info--type2 .product-chars{padding-left:19px;padding-right:0}.product-view--mix .product-info--type2 .product-chars .char-side{margin-top:5px}}@media (max-width:767px){.product-container .big .product-detail-gallery__item{height:300px;line-height:300px;width:300px}.product-container .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical,body .product-detail-gallery__thmb-container .product-detail-gallery__slider{display:none}.product-container .product-detail-gallery__slider{max-width:300px}.product-container .product-detail-gallery__slider:not(.owl-loaded){max-height:300px}.product-container .product-detail-gallery__thmb-inner{display:block}.product-container .video-block.popup_video{width:auto;border:1px solid #ececec;border-left-width:0;border-right-width:0;padding:6px 0 6px;height:auto;margin:10px 0 0}.product-info.product-info--type2 .product-detail-gallery__thmb-container .vertical>div.video-block.popup_video{top:0}.product-container .video-block.popup_video .play{position:static}.product-container .video-block.popup_video .play:after{display:none}.product-container .video-block.popup_video .play:before{display:inline-block;position:static;border-left-color:#000}.js-offers-scroll .stores-icons{flex-basis:48px}.product-view--mix .product-info>.flexbox,.product-view--type2 .product-info>.flexbox{justify-content:normal}.product-container .product-info{padding-left:32px;padding-right:32px}.stores_block_wrap.combine .wrapper_block.title_left .block_container{box-shadow:none}body .flex-50{flex-basis:100%}}@media (min-width:601px){.js-offers-scroll .table-view__item--has-stores .quantity_block_wrapper .item-stock .value{border-bottom:1px dotted;cursor:pointer}.product-view--mix.product-view--mix-wide .product-info.product-info--type2 .info_item>div.middle-info-wrapper+div{margin-top:-2px}}@media (max-width:600px){.js-offers-scroll .stores-icons,.js-offers-scroll .table-view .item-actions .item-buttons .text-form,.js-offers-scroll .wrapp-one-click{display:none}.js-offers-scroll .offer-stores{display:none!important}.product-view--type2 .product-info>.flexbox>div:not(.product-detail-gallery){flex-basis:100%}body .product-container .product-info{padding-left:20px;padding-right:20px}body .product-container .big .product-detail-gallery__item,body .product-container .product-detail-gallery__slider{width:auto;max-width:300px}.product-view--mix.product-view--mix-wide .buy_block{max-width:300px}.product-view--mix.product-view--mix-wide .buy_block .counter_wrapp.list{min-width:100%;display:block;max-width:none;padding-right:0;width:auto}.product-view--mix.product-view--mix-wide .buy_block .wrapp-one-click{padding:0;display:block}.wrapper1:not(.compact-catalog) .list-offers .item .item_info.catalog-adaptive{padding-bottom:0}}@media(max-width:550px){.stores_block_wrap.combine .contacts_map_list .bx-yandex-view-layout{min-height:200px}.stores_block_wrap.combine .contacts_map_list .bx-yandex-view-layout .bx-yandex-map{height:200px!important}}@media (max-width:600px) and (min-width:501px){.compact-catalog .list-offers .btn.has_prediction:after{right:-1px;top:-1px;background-image:url(/local/templates/aspro_max2/components/bitrix/catalog/main/../../../../images/svg/prediction_square.svg)}}@media (max-width:500px){.compact-catalog .items_wrapper.simple .ajax_load .item .catalog_item>div{padding-bottom:0}.catalog_detail .char_block{padding:10px 29px 27px}.catalog_detail .char_block .props_list td{background-image:none;display:block;width:auto;padding-top:0;padding-bottom:0}.catalog_detail .char_block .props_list td.char_name{margin-top:11px;margin-bottom:-1px}.catalog_detail .char_block .props_list td.char_value{padding-left:0;line-height:21px}.catalog_detail .char_block .props_list td.char_value span{padding-left:0}.catalog_detail .char_block .props_list .props_item>span{font-size:.867em;line-height:1.692em}.compact-catalog .list-offers .catalog-adaptive{padding-bottom:34px}.compact-catalog .list-offers .quantity_block_wrapper{display:none}.compact-catalog .list-offers .item-actions .item-price{padding-top:0}.compact-catalog .list-offers .item .item_info.catalog-adaptive .counter_wrapp.list{left:19px;right:19px;bottom:19px}}@media (max-width:380px){body .product-container .product-view--mix .big .product-detail-gallery__item{max-width:250px;height:250px;line-height:250px}body .product-container .product-view--mix .big .product-detail-gallery__item,body .product-container .product-view--mix .product-detail-gallery__slider{width:250px}} /* End */ /* Start:/local/templates/aspro_max2/components/bitrix/catalog.element/main4/style.css?1722255525274889*/ /* item_detail_v2 */ .bx_item_detail .bx_item_title{ padding-bottom:14px; border-bottom:1px solid #e5e5e5; margin-bottom: 16px; min-height: 24px } .bx_item_detail .bx_item_title h1{ font-size:24px; border-bottom:0 none transparent; margin-bottom: 0; padding-bottom: 0; } .bx_item_detail h1 span{color:#000} .bx_item_detail .bx_item_container{} .bx_item_detail .bx_item_container .bx_lt{ float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-right:2%; width:38%; } .bx_item_detail .bx_item_container .bx_rt{ float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-left:2%; width:58%; } .bx_item_detail .bx_item_container .bx_md{clear:both} .bx_item_detail .bx_item_container .bx_lb{ float:left; margin-right:2%; width:48%; } .bx_item_detail .bx_item_container .bx_rb{ float:right; margin-left:2%; width:48%; } .bx_item_detail .bx_optionblock{ float:right; margin-left:10px; width:120px; } /* Item info */ .bx_item_detail .item_price{margin-bottom:20px} .bx_item_detail .item_name{ margin:0; padding:0; } .bx_item_detail .item_name a{ color:#000; text-decoration:none; font-size:23px; } .bx_item_detail .item_old_price{ padding:0 10px; color:#b8b8b8; text-decoration:line-through; font-weight:bold; font-size:15px; } .bx_item_detail .item_current_price{ display:inline-block; margin-top:2px; padding:0 10px; border-bottom:1px solid #e6e6e6; background: #f8f5ab; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjVhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmY5Y2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f5ab), color-stop(100%,#fbf9cb)); background:-webkit-linear-gradient(top, #f8f5ab 0%,#fbf9cb 100%); background: -moz-linear-gradient(top, #f8f5ab 0%,#fbf9cb 100%); background: -ms-linear-gradient(top, #f8f5ab 0%,#fbf9cb 100%); background: -o-linear-gradient(top, #f8f5ab 0%,#fbf9cb 100%); background: linear-gradient(to bottom, #f8f5ab 0%,#fbf9cb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f5ab', endColorstr='#fbf9cb',GradientType=0 ); color:#cf1515; font-weight:bold; font-size:21px; line-height:33px; } .bx_item_detail .item_economy_price{ display:inline-block; padding:0 0 0 10px; color:#b8b8b8; font-weight:bold; font-size:14px; line-height:33px; } .bx_item_detail .item_info_section{ margin:0 0 20px 0; padding:0 0 0 10px; font-size:13px; line-height:19px; } .bx_item_detail .item_section_name_gray{ color:#9e9e9e; font-size:13px; } .bx_item_detail .item_info_section dl{ margin-bottom: 20px; overflow: hidden; padding:0; } .bx_item_detail .item_info_section dl dt{ clear: both; float: left; font-weight: bold; } .bx_item_detail .item_info_section dl dd{ float: left; margin: 0 5px; } .bx_item_detail .item_buttons_counter_block{ display:inline-block; margin-right:10px; vertical-align: baseline; color: #3f3f3f; font-size: 13px; text-align: left; margin-bottom:10px; } .bx_item_detail .item_buttons_counter_block a{ vertical-align: baseline; } .bx_item_detail .bx_cnt_desc{vertical-align: baseline;} /* Item SET */ .bx_item_detail .transparent_input{ border:none; background:none; color:#000; font-weight:bold; font-size:14px; display: inline-block; width: 60px; text-align: center; } /*tab-section-container*/ .bx_item_detail .tab-section-container{position:relative;} .bx_item_detail .tab-list{ padding:0; border-bottom:1px solid #d9e1e3; vertical-align:bottom; text-align:left; } .bx_item_detail .tab-list li{ display:inline-block; border:1px solid #d9e1e3; border-bottom:none; border-radius:3px 3px 0 0; background:#f7f7f7; box-shadow:inset 0 -10px 5px -10px rgba(0,0,0,.12); vertical-align:bottom; } .bx_item_detail .tab-list li a{ display:block; padding:0 10px; height:30px; box-shadow:none; color:#999; text-decoration:none; font-size:13px; line-height:30px; } .bx_item_detail .tab-list li:hover, .bx_item_detail .tab-list li.active{ background:#fff; } /*.tab-list li:hover a,*/ .bx_item_detail .tab-list li.active a{ position:relative; bottom:-2px; height:35px; background:#fff; color:#3f3f3f; line-height:35px; } .bx_item_detail .tab-boby-container .container>div.tab-off{display:none;} .bx_item_detail .tab-boby-container .container>div{ } .bx_item_detail .item_comments{ display:block; padding-left:10px; } .bx_item_detail .item_comments li{ display:block; padding-bottom:10px; } .bx_item_detail .item_comments_username{ display:inline-block; color:#5d90bd; font-size:14px; } .bx_item_detail .item_comments_date{ display:inline-block; margin-left:10px; color:#b8b8b8; font-size:14px; } .bx_item_detail .item_comments_container p{ margin-top:5px; color:#3f3f3f; font-size:14px; } .bx_item_detail .bx_notavailable{ text-align: left; font-size: 12px; font-weight: bold; display: inline-block; border: 1px solid #E4E4E4; background: #F3F3F3; white-space: normal; line-height: normal; padding: 5px 15px; margin-bottom: 10px; } .bx_notavailable_subscribe { background: none !important; border: none !important; padding-left: 0 !important; } .bx_item_detail .bx_bt_button, .bx_item_detail .bx_bt_button_type_2{ display:inline-block; border-radius:3px; text-align:center; text-decoration:none; font-size:14px; cursor:pointer; } .bx_item_detail .bx_shadow.bx_bt_button, .bx_item_detail .bx_shadow.bx_bt_button_type_2{box-shadow:0 1px 1px 0 rgba(0,0,0,.2)} .bx_item_detail .bx_shadow.bx_bt_button:active, .bx_item_detail .bx_shadow.bx_bt_button_type_2:active{box-shadow:none} .bx_item_detail .bx_bt_button { background:#00a2df; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a2df), color-stop(100%,#006fcb)); background:-webkit-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: -moz-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: -ms-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: -o-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: linear-gradient(to bottom, #00a2df 0%,#006fcb 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2df', endColorstr='#006fcb',GradientType=0 ); color:#fff; text-shadow:0 1px 0 #006cae; } .bx_item_detail .bx_bt_button:hover { background:#21afe4; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYWZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#21afe4), color-stop(100%,#006fcb)); background:-webkit-linear-gradient(top, #21afe4 0%,#006fcb 100%); background: -moz-linear-gradient(top, #21afe4 0%,#006fcb 100%); background: -ms-linear-gradient(top, #21afe4 0%,#006fcb 100%); background: -o-linear-gradient(top, #21afe4 0%,#006fcb 100%); background: linear-gradient(to bottom, #21afe4 0%,#006fcb 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#21afe4', endColorstr='#006fcb',GradientType=0 ); } .bx_item_detail .bx_bt_button:active { background:#006fcb; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmZjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#006fcb), color-stop(100%,#00a2df)); background:-webkit-linear-gradient(top, #006fcb 0%,#00a2df 100%); background: -moz-linear-gradient(top, #006fcb 0%,#00a2df 100%); background: -ms-linear-gradient(top, #006fcb 0%,#00a2df 100%); background: -o-linear-gradient(top, #006fcb 0%,#00a2df 100%); background: linear-gradient(to bottom, #006fcb 0%,#00a2df 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fcb', endColorstr='#00a2df',GradientType=0 ); box-shadow:inset 0 3px 5px 0 rgba(0,0,0,.21); } .bx_item_detail .bx_bt_button_type_2 { border:1px solid #e9e9e9; background:#fcfcfc; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f1f1f1)); background:-webkit-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%); background: -moz-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#f1f1f1 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f1f1f1',GradientType=0 ); color:#656565; text-shadow:0 1px 0 #fff; } .bx_item_detail .bx_bt_button_type_2:hover { background:#fff; } .bx_item_detail .bx_bt_button_type_2:active { background:#f1f1f1; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#fcfcfc)); background:-webkit-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%); background: -moz-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%); background: -ms-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%); background: -o-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%); background: linear-gradient(to bottom, #f1f1f1 0%,#fcfcfc 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#fcfcfc',GradientType=0 ); box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.05); } .bx_item_detail .bx_small.bx_bt_button, .bx_item_detail .bx_small.bx_bt_button_type_2{ display:inline-block; min-width:20px; line-height:20px; } .bx_item_detail .bx_small.bx_bt_button {} .bx_item_detail .bx_small.bx_bt_button:hover {} .bx_item_detail .bx_small.bx_bt_button:active {} .bx_item_detail .bx_small.bx_bt_button_type_2 {} .bx_item_detail .bx_small.bx_bt_button_type_2:hover {} .bx_item_detail .bx_small.bx_bt_button_type_2:active{} .bx_item_detail .bx_medium.bx_bt_button, .bx_item_detail .bx_medium.bx_bt_button_type_2 { padding:0 13px; height:25px; font-weight:bold; line-height:25px; } .bx_item_detail .bx_medium.bx_bt_button { height:27px; line-height:27px; } .bx_item_detail .bx_medium.bx_bt_button:hover {} .bx_item_detail .bx_medium.bx_bt_button:active {} .bx_item_detail .bx_medium.bx_bt_button_type_2 {font-weight:bold} .bx_item_detail .bx_medium.bx_bt_button_type_2:hover {} .bx_item_detail .bx_medium.bx_bt_button_type_2:active{} .bx_item_detail .bx_big.bx_bt_button, .bx_item_detail .bx_big.bx_bt_button_type_2 { padding:0 13px; height:34px; font-weight:bold; line-height:34px; } .bx_item_detail .bx_big.bx_bt_button { height:36px; line-height:36px; } .bx_item_detail .bx_big.bx_bt_button:hover {} .bx_item_detail .bx_big.bx_bt_button:active {} .bx_item_detail .bx_big.bx_bt_button_type_2 {} .bx_item_detail .bx_big.bx_bt_button_type_2:hover {} .bx_item_detail .bx_big.bx_bt_button_type_2:active{} .bx_item_detail .bx_big.bx_bt_button.bx_cart span{ position:relative; bottom:-7px; display:inline-block; margin:0 10px 0 0; width:26px; height:23px; background:url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/bt_cart.png) no-repeat center; } @media (min-width:981px){} @media (max-width:740px){ .bx_item_detail .bx_optionblock{display:none} /*.bx_item_detail .item_buttons_counter_block{margin-bottom:10px}*/ .bx_item_detail .bx_item_container .bx_lb, .bx_item_detail .bx_item_container .bx_rb{width:48%} } @media (min-width:640px) and (max-width:980px){} @media (min-width:480px) and (max-width:639px){} @media (max-width:480px) { .bx-touch .bx_item_detail .bx_item_container .bx_lt, .bx-touch .bx_item_detail .bx_item_container .bx_rt, .bx-touch .bx_item_detail .bx_item_container .bx_md, .bx-touch .bx_item_detail .bx_item_container .bx_lb, .bx-touch .bx_item_detail .bx_item_container .bx_rb{ float:none; margin:0; padding:0; width:100%; } .bx-touch .bx_item_detail .item_info_section{padding-left:0} } @media (max-width:319px){} /* item_detail_slider */ .bx_item_detail .bx_item_slider{ position: relative; margin-bottom: 10px; } .bx_item_detail .bx_item_slider .bx_bigimages { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0; max-width: 440px; border: 1px solid #cfcfcf; border-radius: 2px; background: #fff; text-align: center; height: 0; width: 100%; padding-top: 130%; } .bx_item_detail .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .bx_item_detail .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer .bx_bigimages_aligner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; } .bx_item_detail .bx_item_slider .bx_bigimages .bx_bigimages_imgcontainer img { display: inline-block; max-width: 100% !important; max-height: 100% !important; vertical-align: middle; text-align: center; } /*----*/ .bx_item_detail .bx_item_slider .bx_slider_conteiner{ position: relative; padding-top: 20px; margin-bottom: 10px; max-width: 100%; width: 100%; } .bx-no-touch .bx_item_detail .bx_item_slider .bx_slider_conteiner.full { position: relative; margin-left: -5%; padding: 20px 5% 0 } /*----*/ .bx_item_detail .bx_item_slider .bx_slider_scroller_container{position: relative} .bx_item_detail .bx_item_slider .bx_slide{ position: relative; overflow: hidden; margin: 0; width: 100%; } .bx-touch .bx_item_detail .bx_item_slider .bx_slide{overflow-x: auto} .bx_item_detail .bx_item_slider .bx_slide ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap } .bx-touch .bx_item_detail .bx_item_slider .bx_slide ul{margin-left: 0 !important} .bx_item_detail .bx_item_slider .bx_slide ul li{ position: relative; display: block; float: left; height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .bx_item_detail .bx_item_slider .bx_slide ul li .cnt{ position: absolute; top: 0; right: 2px; bottom: 4px; left:2px; display: block; overflow: hidden; border: 1px solid #c0cfda; background: #fff; } .bx-retina .bx_item_detail .bx_item_slider .bx_slide ul li .cnt{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border.png) 2 stretch; -moz-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border.png) 2 stretch; -o-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border.png) 2 stretch; border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border.png) 2 fill stretch; } .bx_item_detail .bx_item_slider .bx_slide ul li:hover .cnt{border: 1px solid #006cc0} .bx_item_detail .bx_item_slider .bx_slide ul li:active .cnt, .bx_item_detail .bx_item_slider .bx_slide ul li.bx_active .cnt{ padding: 3px; border: 2px solid #006cc0; } .bx-retina .bx_item_detail .bx_item_slider .bx_slide ul li.bx_active .cnt{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border_active.png) 2 stretch; -moz-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border_active.png) 2 stretch; -o-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border_active.png) 2 stretch; border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border_active.png) 2 fill stretch; } .bx_item_detail .bx_item_slider .bx_slide ul li .cnt .cnt_item{ position: absolute; top: 6%; right: 6%; bottom:6%; left: 6%; background-size: 100% auto; background-repeat: no-repeat; } .bx_item_detail .bx_item_slider .bx_slide ul li .cnt .cnt_item img{ width: auto; height: 25px; } /*----*/ .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_left, .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_right {opacity:0.8} .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_left:hover, .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_right:hover{opacity:1.0} .bx_item_detail .bx_item_slider .bx_slider_conteiner.full .bx_slide_left, .bx_item_detail .bx_item_slider .bx_slider_conteiner.full .bx_slide_right{ position: absolute; top: 0; bottom:4px; width :5%; max-width:11px; cursor: pointer; } .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_left {left: -5%;background:url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/arr_left.png) no-repeat left center;background-size: 100% auto} .bx-no-touch .bx_item_detail .bx_item_slider .bx_slide_right{right:-5%;background:url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/arr_right.png) no-repeat right center;background-size: 100% auto} .bx-touch .bx_item_detail .bx_item_slider .bx_slide_left {left: 0;background:url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/fade_left.png) repeat-y left center;background-size: 100% auto} .bx-touch .bx_item_detail .bx_item_slider .bx_slide_right{right: 0;background:url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/fade_right.png) repeat-y right center;background-size: 100% auto} .bx_item_detail .bx_item_slider_lupe_small{ position: absolute; background: rgba(0, 0, 0, 0.18); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(255,255,255,.5); cursor: pointer; } .bx_item_detail .bx_item_slider_lupe{ position: absolute; border: 1px solid #b2b2b2; left:105%; top: 0; bottom:4px; margin: 0; background: #fff url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/wait.gif) no-repeat scroll center center; z-index: 120; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .bx_item_detail .bx_item_slider_lupe img { max-width: 99999px !important; max-height: 99999px !important; } /* Stickers */ .bx_item_detail .bx_bigimages .bx_stick{ position: absolute; width: 123px; height: 35px; background: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/stick.png) left center no-repeat; color: #fff; text-align: center; text-shadow:0 1px 0 #ba3434; line-height: 35px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .bx_item_detail .bx_bigimages .bx_stick.short {font-weight: bold;font-size:18px} .bx_item_detail .bx_bigimages .bx_stick.average {font-weight: bold;font-size:13px} .bx_item_detail .bx_bigimages .bx_stick.long {font-weight:normal;font-size:11px} .bx_item_detail .bx_bigimages .bx_stick_disc{ position: absolute; width: 72px; height: 74px; background: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/stick_disc.png) no-repeat center; color: #fff; text-align: center; text-shadow:0 1px 0 #ba3434; font-weight: bold; font-size: 23px; line-height: 74px; } .bx_item_detail .bx_bigimages .bx_stick.left, .bx_item_detail .bx_bigimages .bx_stick_disc.left{left:-2px;} .bx_item_detail .bx_bigimages .bx_stick.right, .bx_item_detail .bx_bigimages .bx_stick_disc.right{right: 0;} .bx_item_detail .bx_bigimages .bx_stick.top, .bx_item_detail .bx_bigimages .bx_stick_disc.top{top: 15px;} .bx_item_detail .bx_bigimages .bx_stick.bottom, .bx_item_detail .bx_bigimages .bx_stick_disc.bottom{bottom: 5px;} .bx_item_detail .bx_bigimages .bx_stick.middle, .bx_item_detail .bx_bigimages .bx_stick_disc.middle{top: 49%;} @media (min-width:641px) and (max-width:960px){ .bx_item_detail .bx_bigimages .bx_stick{ width: 90px; height: 30px; background-size: 100%; line-height: 30px; } .bx_item_detail .bx_bigimages .bx_stick.short {font-weight:normal;font-size:14px} .bx_item_detail .bx_bigimages .bx_stick.average {font-weight:normal;font-size:11px} .bx_item_detail .bx_bigimages .bx_stick.long{font-weight:normal;font-size:11px} .bx_item_detail .bx_bigimages .bx_stick_disc{ width: 64px; height: 65px; background-size: 100%; font-size: 20px; line-height: 65px; } } @media (max-width:640px) { .bx-touch .bx_item_detail .bx_bigimages .bx_stick{ width: 70px; height: 30px; background-size: 100%; font-size: 11px; line-height: 30px; } .bx-touch .bx_item_detail .bx_bigimages .bx_stick_disc{ width: 48px; height: 49px; background-size: 100%; font-size: 16px; line-height: 49px; } } @media (max-width:479px) { .bx-touch .bx_item_detail .bx_bigimages .bx_stick{ width: 70px; height: 30px; background-size: 100%; font-size: 11px; line-height: 30px; } .bx-touch .bx_item_detail .bx_bigimages .bx_stick_disc{ width: 37px; height: 38px; background-size: 100%; font-size: 13px; line-height: 38px; } } /* scu_detail_size */ .bx_item_detail .bx_item_detail_size{ position: relative; margin-bottom: 10px; padding: 0; max-width: 100%; width: 100%; } .bx-no-touch .bx_item_detail .bx_item_detail_size.full { position: relative; margin-left: -5%; padding: 0 5%; } /*----*/ .bx_item_detail .bx_item_detail_size .bx_item_section_name_gray{ color: #9e9e9e; vertical-align: middle; font-size: 11px; line-height: 11px; } /*----*/ .bx_item_detail .bx_item_detail_size .bx_size_scroller_container{position: relative} .bx_item_detail .bx_item_detail_size .bx_size{ position: relative; overflow: hidden; margin: 0; width: 100%; } .bx_item_detail .bx_item_detail_size ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap; } .bx-touch .bx_item_detail .bx_item_detail_size .bx_size{overflow-x: auto;} .bx_item_detail .bx_item_detail_size ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap; } .bx-touch .bx_item_detail .bx_item_detail_size .bx_size ul{margin-left: 0 !important;} .bx_item_detail .bx_item_detail_size ul li{ position: relative; display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 25px; } .bx_item_detail .bx_item_detail_size ul li .cnt{ cursor: pointer; position: absolute; top: 0; right: 2px; bottom: 2px; left:2px; display: block; overflow: hidden; border: 1px solid #c0cfda; background: #fff; color: #3f3f3f; text-align: center; text-decoration: none; font-weight: normal; font-size: 10px; line-height: 22px; } .bx-retina .bx_item_detail .bx_item_detail_size ul li .cnt{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border.png) 2 stretch; -moz-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border.png) 2 stretch; -o-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border.png) 2 stretch; border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border.png) 2 fill stretch; } .bx_item_detail .bx_item_detail_size ul li:hover .cnt{border: 1px solid #006cc0} .bx_item_detail .bx_item_detail_size ul li:active .cnt, .bx_item_detail .bx_item_detail_size ul li.bx_active .cnt{ border: 2px solid #006cc0; } .bx-retina .bx_item_detail .bx_item_detail_size ul li.bx_active .cnt{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border_active.png) 2 stretch; -moz-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border_active.png) 2 stretch; -o-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border_active.png) 2 stretch; border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border_active.png) 2 fill stretch; } .bx_item_detail .bx_item_detail_size .bx_size ul li.bx_missing .cnt{border: 1px solid #c0cfda !important} .bx_item_detail .bx_item_detail_size .bx_size ul li.bx_missing>i{ cursor: not-allowed; position: absolute; display: block; top: 0; right: 2px; bottom: 2px; left:2px; z-index:11; background: rgba(255,255,255,.79) url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/missing.png) no-repeat center; } /*----*/ .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_left, .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_right {opacity:0.8} .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_left:hover, .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_right:hover {opacity:1.0} .bx_item_detail .bx_item_detail_size.full .bx_slide_left, .bx_item_detail .bx_item_detail_size.full .bx_slide_right{ position: absolute; top: 0; bottom:4px; width :5%; max-width:11px; cursor: pointer; } .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_left {left: -5%;background:url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/arr_left.png) no-repeat left center;background-size: 100% auto} .bx-no-touch .bx_item_detail .bx_item_detail_size .bx_slide_right{right:-5%;background:url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/arr_right.png) no-repeat right center;background-size: 100% auto} .bx-touch .bx_item_detail .bx_item_detail_size .bx_slide_left {left: 0;background:url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/fade_left.png) repeat-y left center;background-size: 100% auto} .bx-touch .bx_item_detail .bx_item_detail_size .bx_slide_right{right: 0;background:url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/fade_right.png) repeat-y right center;background-size: 100% auto} /* scu_detail_scu */ .bx_item_detail .bx_item_detail_scu{ position: relative; margin-bottom: 10px; padding: 0; max-width: 100%; width: 100%; } .bx-no-touch .bx_item_detail .bx_item_detail_scu.full { position: relative; margin-left: -5%; padding: 0 5% } /*----*/ .bx_item_detail .bx_item_detail_scu .bx_item_section_name_gray{ color: #9e9e9e; vertical-align: middle; font-size: 11px; line-height: 11px; } /*----*/ .bx_item_detail .bx_item_detail_scu .bx_scu_scroller_container{position: relative} .bx_item_detail .bx_item_detail_scu .bx_scu{ position: relative; overflow: hidden; margin: 0; width: 100%; } .bx-touch .bx_item_detail .bx_item_detail_scu .bx_scu{overflow-x: auto} .bx_item_detail .bx_item_detail_scu .bx_scu ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap } .bx-touch .bx_item_detail .bx_item_detail_scu .bx_scu ul{margin-left: 0 !important} .bx_item_detail .bx_item_detail_scu .bx_scu ul li{ position: relative; display: block; float: left; height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt{ cursor: pointer; position: absolute; top: 0; right: 2px; bottom: 4px; left:2px; display: block; overflow: hidden; border: 1px solid #c0cfda; background: #fff; z-index:10; } .bx-retina .bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border.png) 2 stretch; -moz-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border.png) 2 stretch; -o-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border.png) 2 stretch; border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border.png) 2 fill stretch; } .bx_item_detail .bx_item_detail_scu .bx_scu ul li:hover .cnt{border: 1px solid #006cc0} .bx_item_detail .bx_item_detail_scu .bx_scu ul li:active .cnt, .bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_active .cnt{ padding: 3px; border: 2px solid #006cc0; } .bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_missing .cnt{border: 1px solid #c0cfda !important} .bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_missing>i{ cursor: not-allowed; position: absolute; display: block; top: 0; right: 2px; bottom: 4px; left: 2px; z-index:11; background: rgba(255,255,255,.79) url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/missing.png) no-repeat center; } .bx-retina .bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_active .cnt{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border_active.png) 2 stretch; -moz-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border_active.png) 2 stretch; -o-border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border_active.png) 2 stretch; border-image: url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/x2border_active.png) 2 fill stretch; } .bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item{ position: absolute; top: 6%; right: 6%; bottom:6%; left: 6%; background-size:contain; background-repeat: no-repeat; } .bx_item_detail .bx_item_detail_scu .bx_scu ul li .cnt .cnt_item img{ width: auto; height: 25px; } /*----*/ .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left, .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right {opacity:0.8} .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left:hover, .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right:hover{opacity:1.0} .bx_item_detail .bx_item_detail_scu.full .bx_slide_left, .bx_item_detail .bx_item_detail_scu.full .bx_slide_right{ position: absolute; top: 0; bottom:4px; width :5%; max-width:11px; cursor: pointer; } .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left {left: -5%;background:url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/arr_left.png) no-repeat left center;background-size: 100% auto} .bx-no-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right{right:-5%;background:url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/arr_right.png) no-repeat right center;background-size: 100% auto} .bx-touch .bx_item_detail .bx_item_detail_scu .bx_slide_left {left: 0;background:url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/fade_left.png) repeat-y left center;background-size: 100% auto} .bx-touch .bx_item_detail .bx_item_detail_scu .bx_slide_right{right: 0;background:url(/local/templates/aspro_max2/components/bitrix/catalog.element/main4/images/fade_right.png) repeat-y right center;background-size: 100% auto} /* item_detail_description */ .bx_item_detail .bx_item_description p{font-size: 13px;} .bx_item_detail .bx_item_description .bx_item_section_name_gray{ color: #9e9e9e; font-size: 13px; } .bx_item_detail .bx_item_description .bx_specifications_table{ margin-top: 10px; width: 100%; border-collapse: collapse; } .bx_item_detail .bx_item_description .bx_specifications_table tr:nth-child(odd){background: #f2f2f2;} .bx_item_detail .bx_item_description .bx_specifications_table tr:nth-child(even){ } .bx_item_detail .bx_item_description .bx_specifications_table tr td{ padding: 3px 10px; font-size: 12px; } .bx_item_detail .bx_item_description .bx_specifications_table tr td:first-child{font-weight: bold;} /* Start:/bitrix/templates/.default/css/fonts.css?1486320816871*/ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600&subset=cyrillic'); /* font-family: 'Open Sans', sans-serif; */ @import url('https://fonts.googleapis.com/css?family=Forum&subset=cyrillic'); /* font-family: 'Forum', cursive; */ @import url('https://fonts.googleapis.com/css?family=Kurale'); /* font-family: 'Kurale', serif; */ /* font-family: "OpenSansRegular"; */ /* @font-face { font-family: "OpenSansRegular"; src: url("/bitrix/templates/.default/css/../fonts/OpenSans/OpenSansRegular/OpenSansRegular.eot"); src: url("/bitrix/templates/.default/css/../fonts/OpenSans/OpenSansRegular/OpenSansRegular.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/.default/css/../fonts/OpenSans/OpenSansRegular/OpenSansRegular.woff") format("woff"), url("/bitrix/templates/.default/css/../fonts/OpenSans/OpenSansRegular/OpenSansRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } */ /* font-family: "ALSRubl"; */ @font-face { font-family: "ALSRubl"; src: url("/bitrix/templates/.default/css/../fonts/rouble.ttf") format("truetype"); } /* End */ /* Start:/bitrix/templates/.default/css/style.css?148819171075631*/ @charset "utf-8"; /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100% /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0 /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0 /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } body { margin: 0 auto; font-family: 'Open Sans', sans-serif; line-height: 1.2; font-size: 16px; font-weight: 300; color: black; } .rubznak { position: relative; top: -1px; font-family: "ALSRubl" !important; } .list-line { padding: 0; margin: 0; list-style: none; font-size: 0; } .list-line li { display: inline-block; vertical-align: bottom; font-size: 16px; } .list-line li:last-child a { padding-right: 0; } .list-line a { display: block; text-decoration: none; cursor: pointer; } /* grid */ [class*="--right"] { text-align: right; } [class*="--left"] { text-align: left; } .half { font-size: 0; } .half__box { box-sizing: border-box; font-size: 16px; display: inline-block; vertical-align: top; width: 50%; } .half__box:last-child { margin-right: -1%; } .third { font-size: 0; } .third__box { box-sizing: border-box; font-size: 16px; display: inline-block; vertical-align: top; width: 33.33333333%; } .third__box:last-child { margin-right: -1%; } .fourth { font-size: 0; } .fourth__box { box-sizing: border-box; font-size: 16px; display: inline-block; vertical-align: top; width: 25%; } .fourth__box:last-child { margin-right: -1%; } .fifth { font-size: 0; } .fifth__box { box-sizing: border-box; font-size: 16px; display: inline-block; vertical-align: top; width: 20%; } .fifth__box:last-child { margin-right: -1%; } .fifth__box--fourth { width: 80%; } .sixth { font-size: 0; } .sixth__box { box-sizing: border-box; font-size: 16px; display: inline-block; vertical-align: top; width: 16.66666667%; } .sixth__box:last-child { margin-right: -1%; } .sixth__box--second { width: 33.33333333%; } .sixth__box--fourth { width: 66.66666667%; } .sixth__box--fifth { width: 83.33333333%; } .seventh { font-size: 0; } .seventh__box { box-sizing: border-box; font-size: 16px; display: inline-block; vertical-align: top; width: 14.28571429%; } .seventh__box:last-child { margin-right: -1%; } .seventh__box--second { width: 28.57142857%; } .seventh__box--fourth { width: 57.14285714%; } .seventh__box--fifth { width: 71.42857143%; } .eighth { font-size: 0; } .eighth__box { box-sizing: border-box; font-size: 16px; display: inline-block; vertical-align: top; width: 12.5%; } .eighth__box:last-child { margin-right: -1%; } .eighth__box--second { width: 25%; } .eighth__box--fourth { width: 50%; } .eighth__box--fifth { width: 62.5%; } .eighth__box--sixth { width: 75%; } .container--width { width: 1200px; box-sizing: border-box; margin: 0 auto; padding: 0; } .wrapper { padding-top: 10px; } .wrapper--header-top { width: 100%; background-color: #ffffff; } .wrapper--footer { width: 100%; background-color: ; } /* components */ body input:focus:required:invalid, body textarea:focus:required:invalid { box-shadow: inset 1px 1px 3px 0 #e31023, inset -1px -1px 3px 0 #e31023; } body input:required:valid, body textarea:required:valid { box-shadow: inset 1px 1px 3px 0 #21e628, inset -1px -1px 3px 0 #21e628; } *::-webkit-input-placeholder { color: #bcbcbc; font-weight: 300; } *::-moz-placeholder { color: #bcbcbc; font-weight: 300; } /* Firefox 19+ */ *:-moz-placeholder { color: #bcbcbc; font-weight: 300; } /* Firefox 18- */ *:-ms-input-placeholder { color: #bcbcbc; font-weight: 300; } .justify-box { text-align: justify; } .justify-box:after { width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } /* search */ .search__form { display: inline-block; vertical-align: middle; float: right; position: relative; box-sizing: border-box; width: 291px; height: 27px; margin-top: 11px; border: 1px solid #005fa1; } .search__text { width: 100%; box-sizing: border-box; padding: 5px 51px 0px 14px; margin: 0; border: none; outline: none; } .search__text::-webkit-input-placeholder { color: #797979; } .search__text::-moz-placeholder { color: #797979; } .search__text:-moz-placeholder { color: #797979; } .search__text:-ms-input-placeholder { color: #797979; } .search__btn { position: absolute; top: 0; right: 0; width: 36px; height: 100%; padding-top: 3px; background: #005fa1; border: none; cursor: pointer; outline: none; } .readmore a, .readmore span { display: block; width: 150px; height: 42px; margin: 24px auto 0; color: black; font-size: 15px; line-height: 40px; font-weight: 300; text-align: center; text-decoration: none; text-transform: uppercase; border: 1px solid black; cursor: pointer; } .with-line h2 { position: relative; margin-top: 40px; color: #005fa1; font-size: 28px; font-weight: 400; text-transform: uppercase; background-color: #fff; overflow: hidden; } .with-line h2:after { content: ''; position: absolute; top: 0; bottom: 0; height: 3px; width: 100%; margin-left: 20px; margin: auto; background-image: linear-gradient(to right, transparent 20px, #005fa1 20px, #005fa1); } .breadcrumb__box { padding-top: 20px; padding-bottom: 27px; } .breadcrumb a.breadcrumb__link { text-decoration: underline; } .breadcrumb__link { font-size: 14px; font-style: italic; color: #005fa1; } .breadcrumb__icon { color: black; } .breadcrumb__last { color: grey; font-style: italic; } .breadcrumb li.breadcrumb__last span { font-size: 14px; margin-top: 0px; display: block; } .button__btn { display: block; width: auto; padding: 7px 15px; margin: 7px 0 0 3px; background-color: #005fa1; color: #fffeff; font-size: 16px; font-weight: 400; text-decoration: none; text-align: center; border: none; } .toupper { text-transform: uppercase; } .pagilist { margin-top: 60px; margin-bottom: 60px; text-align: center; text-indent: 0 !important; } .pagilist__list { font-size: 0 !important; display: inline-block; vertical-align: top; margin: auto !important; } .pagilist__list a { text-decoration: none; color: grey; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; line-height: 1.2 !important; } .pagilist__list--in { margin: auto !important; } .pagilist__item { display: inline-block; vertical-align: middle; } .pagilist__item--in { display: inline-block; vertical-align: middle; } .pagilist__link { text-align: center !important; padding: 5px; margin: auto 15px; } .pagilist__link--in { box-sizing: border-box; display: block; width: 40px; height: 35px; padding-top: 11px; } .pagilist .pagilist--active a { background-color: #005fa1; color: #fff !important; } .form { text-indent: 0; } .form__write { padding-top: 18px; } .form__write span { color: black; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; } .form__write img { position: relative; top: 4px; } .form__text { box-sizing: border-box; display: inline-block; vertical-align: top; width: 247px; height: 39px; padding: 0 10px; margin-top: 15px; margin-left: 26px; border: 1px solid #e8e8e8 /* Firefox 19+ */ /* Firefox 18- */ } .form__text::-webkit-input-placeholder { color: grey; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 300; line-height: 20px; } .form__text::-moz-placeholder { color: grey; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 300; line-height: 20px; } .form__text:-moz-placeholder { color: grey; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 300; line-height: 20px; } .form__text:-ms-input-placeholder { color: grey; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 300; line-height: 20px; } .form__area { box-sizing: border-box; display: block; width: 800px; min-width: 800px; max-width: 800px; height: 160px; min-height: 160px; max-height: 160px; padding: 10px; margin: 20px auto 25px; border: 1px solid #e8e8e8 /* Firefox 19+ */ /* Firefox 18- */ } .form__area::-webkit-input-placeholder { color: grey; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 300; line-height: 20px; } .form__area::-moz-placeholder { color: grey; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 300; line-height: 20px; } .form__area:-moz-placeholder { color: grey; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 300; line-height: 20px; } .form__area:-ms-input-placeholder { color: grey; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 300; line-height: 20px; } .form__btn { display: block; width: 191px; height: 39px; margin: auto 28px auto auto; background-color: #005fa1; color: white; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; border: none; } /* -------- ------ ------ -- -- -- -- -- -- -- -- ------ -- -- -- -- -- ------ -- */ .header__top { height: 131px; } .header__top a { text-decoration: none; color: #000000; cursor: pointer; } /* prephone */ .footer__phone .prephone { width: auto; margin-left: 3px; margin-right: -21px; } .prephone { float: left; display: inline-block; vertical-align: bottom; width: 89px; text-align: right; font-size: 0; } .prephone--link img { max-height: 26px; } .prephone .prephone--link { width: auto; display: inline-block; vertical-align: bottom; position: relative; top: 4px; } /* phone */ .top__phone a { display: block; width: 220px; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 300; margin-right: 0; margin-left: auto; } .phone--link { padding: 0px 0 2px; font-size: 27px; } .phone--order { font-size: 18px; font-weight: 400; } .phone--order span { text-decoration: underline; } /* logo */ .top__logo { text-align: left; padding-top: 10px; max-height: 100%; overflow: hidden; } .top__logo a { display: block; } /* text */ .top__text { color: #005fa1; font-family: 'Kurale', serif; font-size: 24px; font-weight: 400; width: 43.4%; padding-top: 29px; text-align: center; } /* phone */ .top__phone { width: 25.9%; padding-top: 25px; } /* basket */ .pre-top__basket { text-align: right; width: 14.05%; } .top__basket { position: relative; display: inline-block; padding-top: 34px; margin-bottom: 20px; text-align: right; } .top__basket img { width: 45px; height: 39px; position: absolute; bottom: 7px; left: -51px; margin-top: 3px; } .top__basket span { display: block; } .basket__items { font-size: 18px; line-height: 1.4; } .basket__price { font-size: 22px; font-weight: 400; } .basket__price b { font-family: "Arial", sans-serif; font-weight: 300; } /* enter-reg */ .top__enter-reg { text-align: right; } .top__enter-reg a, .top__enter-reg b, .top__enter-reg div { font-size: 12px; color: black; cursor: pointer; } /* --- --- -- ------ ---- ---- -- -- -- -- ---- -- -- -- -- -- -- -- -- -- -- -- -- -- ------ */ .header__mid { position: relative; border-top: 3px solid #005fa1; border-bottom: 3px solid #005fa1; } /* nav */ .mid__nav { display: inline-block; vertical-align: middle; } .mid__nav .list-line li:first-child a { padding-left: 11px; } .mid__nav .list-line li:last-child a { padding-right: 11px; } .mid__nav .list-line li.active a { text-decoration: underline; } .mid__nav .list-line li:first-child a:before { content: ''; } .mid__nav a { position: relative; box-sizing: border-box; padding: 16px 11px; color: #000000; font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: 400; text-transform: uppercase; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .mid__nav a:hover { background-color: #e7e7e7; } /* .mid__nav a:before { content: "\00b7"; position: absolute; top: 0; bottom: 0; left: -3.5px; font-size: 34px; color: #005fa1; } */ /* ------- -- -- ------ ------- ------ -- -- -- -- -- -- -- -- ------- -- -- -- -- ----- ------ -- -- -- -- -- -- -- -- ------- ------- -- ------ ------- -- -- */ .slider { box-sizing: border-box; height: 384px; padding: 0; margin-top: 10px; margin-bottom: 30px; /*border: 1px solid #b2b2b2;*/ } .slider img { max-width: 1160px; max-height: 382px; } .slider .nivo-nextNav img, .slider .nivo-prevNav img { -webkit-filter: invert(70%); filter: invert(70%); } /* post-slider */ .post-slider { position: relative; z-index: 100; /* margin-bottom: 40px; */ } .post-slider__box { box-sizing: border-box; display: block; /* padding: 14px 20px 0; */ margin: auto; color: #000000; text-decoration: none; background-color: #ffffff; width: 372px; height: 208px; border: 1px solid #005fa1; background-position: left; background-repeat: no-repeat; background-size: contain; text-align: right; } .third__box:nth-child(1) .post-slider__box { background-image: url(http://storage9.static.itmages.com/i/17/0307/h_1488922510_6508024_617532142d.png); } .third__box:nth-child(2) .post-slider__box { background-image: url(http://storage6.static.itmages.com/i/17/0307/h_1488927368_4560638_d81dbe3016.png); } .third__box:nth-child(3) .post-slider__box { background-image: url(http://storage8.static.itmages.com/i/17/0307/h_1488927412_8505627_ec676889cb.png); } .third__box:nth-child(4) .post-slider__box { background-image: url(http://storage1.static.itmages.com/i/17/0307/h_1488927445_4576950_4a919fb1ba.png); } .third__box:nth-child(5) .post-slider__box { background-image: url(http://storage2.static.itmages.com/i/17/0307/h_1488927471_1965687_545b8d86b3.png); } .third__box:nth-child(6) .post-slider__box { background-image: url(http://storage3.static.itmages.com/i/17/0307/h_1488927504_3507919_5349d2d157.png); } .post-slider__text { display: inline-block; width: 55%; margin-top: 15%; color: #005fa1; font-size: 16px; font-weight: bold; line-height: 28px; text-transform: uppercase; text-align: center; transition: color .3s; } .post-slider__box:hover .post-slider__text { color: #b2b2b2; } .post-slider .third__box { margin-bottom: 40px; } .post-slider .third__box:nth-child(1) .post-slider__box, .post-slider .third__box:nth-child(4) .post-slider__box { margin-left: 0; } .post-slider .third__box:nth-child(3) .post-slider__box, .post-slider .third__box:nth-child(6) .post-slider__box { margin-right: 0; } /* --- --- ----- -- --- -- ---- ---- -- -- -- ---- -- -- ---- -- ------- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ---- */ .main { /* sh-ev */ } .main__sh-ev { margin-top: -40px; } /* card */ .card__box { display: inline-block; vertical-align: top; width: 576px; height: 286px; border: 1px solid #d2d2d2; overflow: hidden; } .card__box img { width: 288px; height: 288px; } .card__title { margin-top: 14px; padding-right: 23px; font-family: Forum; font-size: 30px; font-weight: 400; text-align: right; } .card__info { display: inline-block; vertical-align: top; width: 230px; height: 81px; padding-right: 18px; font-size: 14px; font-weight: 300; overflow: hidden; } .seeall { display: inline-block; vertical-align: top; width: 576px; margin-top: 5px; color: #747474; font-size: 12px; text-align: right; text-decoration: none; } .seeall span { display: inline-block; vertical-align: top; border-bottom: 1px dashed #747474; cursor: pointer; } /* items */ .main__items { margin-bottom: 10px; } .main__items .justify-box li { margin-right: 70px; margin-bottom: 50px; } .main__items .justify-box li:nth-of-type(4), .main__items .justify-box li:nth-of-type(8) { margin-right: 0px; } .items__top a { font-size: 20px; font-weight: 400; text-transform: uppercase; } .items__top b { position: relative; top: 2px; font-size: 16px; padding: 0 18px; } .items__main { margin-top: 29px; } .items__main li { width: 247px; vertical-align: top; text-align: left; } .items__main img { width: 247px; height: 247px; } .items__main h3 { width: 100%; min-height: 42px; margin-top: 10px; margin-bottom: 15px; color: #005fa1; font-size: 19px; font-weight: 400; text-align: center; } .items__price { margin-bottom: 16px; } .without-old .price__new { width: 100%; text-align: center; } .price__old { display: inline-block; box-sizing: border-box; height: 30px; padding-top: 10px; vertical-align: bottom; color: #878787; font-size: 18px; text-decoration: line-through; font-weight: 400; } .price__old b { font-family: Arial; font-weight: 400; } .price__new { display: inline-block; float: right; height: 30px; vertical-align: bottom; color: red; font-size: 30px; font-weight: 700; } .price__new b { font-family: Arial; font-weight: 400; } .price__new.price__new--black { color: #000000; } .items__btn { clear: both; margin-top: 10px; } .items__btn--in { display: block; box-sizing: border-box; width: 107px; height: 34px; padding-top: 10px; text-align: center; color: #005fa1; font-size: 12px; font-weight: 600; text-transform: uppercase; border: 1px solid #005fa1; } .items__btn--buy { display: block; box-sizing: border-box; width: 124px; height: 34px; padding-top: 10px; color: white; text-align: center; font-size: 12px; font-weight: 400; text-transform: uppercase; background-color: #ffc416; } /* information */ .main__information .seeall { width: 100%; } .information { padding-top: 10px; max-width: 100%; font-size: 0; list-style: none; } .information li { /* margin: 20px; */ text-align: left; padding: 0; margin: 0; list-style: none; } .information .third__box { width: 33%; } .information .third__box:nth-child(1) .information__box { margin-left: 0; } .information .third__box:nth-child(2) .information__box { margin-right: auto; margin-left: auto; } .information .third__box:nth-child(3) .information__box { margin-right: 0; margin-left: auto; } .information .third__box:nth-child(3) { margin-right: 0; } .information__box {width: 349px;/* float: left; */} .information__box img { width: 349px; height: 307px; } .information__title { margin-top: 10px; color: #005fa1; font-size: 19px; font-weight: 400; } .information__info { position: relative; /*height: 84px;*/ font-size: 16px; font-weight: 400; line-height: 22px; text-align: justify; text-indent: 20px; height: 87px; overflow: hidden; } .information__link { position: absolute; bottom: -5px; right: 0; width: 162px; color: #4e4e4e; text-align: right; text-transform: uppercase; background-color: #ffffff; } .information__link:before { content: '...'; position: absolute; bottom: 0; left: -20px; display: inline-block; color: #000000; } /* company */ .main__company h3 { padding-left: 19px; color: #3f3f3f; font-size: 30px; font-weight: 400; } .main__company p { color: black; font-size: 20px; text-align: justify; text-indent: 20px; } /* ------- ------ ------ -------- ------- ------ -- -- -- -- -- -- -- -- -- ----- -- -- -- -- -- ----- ------ -- -- -- -- -- -- -- -- -- -- ------ ------ -- ------- -- -- */ .footer { box-sizing: border-box; height: 270px; padding-top: 29px; margin-top: 90px; border-top: 6px solid #005fa1; color: #2f2f2f; background-color: #e1e1e1; } .footer__logo { padding-top: 52px; text-align: center; } .footer__logo a { text-decoration: none; color: #ffffff; } .footer__logo img { /* width: 114px; */ /* height: 107px; */ margin-left: -40px; } .footer__category, .footer__category li { padding: 0; margin: 0; list-style: none; } .footer__category a { color: #2f2f2f; font-size: 14px; font-weight: 300; line-height: 29px; text-decoration: underline; } .footer__title { display: block; margin-bottom: 3px; /* color: white; */ font-size: 16px; font-weight: 600; line-height: 29px; text-transform: uppercase; } .footer--cor-m { width: 17%; } .footer--cor-p { width: 33%; padding-left: 8%; } .footer--cor-p .footer__title { line-height: 1.4; color: #000; } .footer__soc { margin-top: 25px; font-size: 0; } .footer__soc a { margin-right: 10px } .onecall { /* color: white; */ margin: 5px auto; font-weight: 300; font-size: 16px; text-align: center; } .onecall p { padding: 0; margin: 0; } .onecall b { display: block; font-size: 20px; margin: 10px auto 16px; } .footer__phone a { display: block; width: 100%; margin: auto; text-align: center; text-decoration: none; } .footer__phone--link { color: #000; font-size: 31px; font-weight: 400; } .footer__phone--order { width: 107px; padding-top: 6px; color: #2f2f2f; font-size: 12px; font-weight: 300; text-transform: uppercase; } .footer__phone--order span { border-bottom: 1px dashed #2f2f2f; } .footer__filial, .footer__filial ul { padding: 0; margin: 0; list-style: initial; color: white; } .footer__filial a { color: white; font-size: 14px; font-weight: 300; line-height: 20px; text-decoration: none; } /* ------- -- ------ ------- ------ ----- ------ -- -- -- -- -- -- -- -- -- -- -- ------- -- -- -- ----- ------ ------- ------ -- -- -- -- -- -- -- -- -- -- -- ------- -- ------ ------- ------ -- -- -- -- */ .sidebar { width: 301px; display: inline-block; vertical-align: top; } .sidebar > div { margin-left: 0; margin-right: auto; } .sidebar__nav { box-sizing: border-box; width: 295px; border: 1px solid #f1f1f1; } .sidebar__nav h4, .sidebar__nav h5, .sidebar__nav p, .sidebar__nav a { font-weight: 400; } .sidebar .accordion > a.ui-accordion-header, .sidebar .accordion > h3.ui-accordion-header { font-weight: 700; } .sidebar .accordion a { color: #000; text-decoration: none; } .sidebar .accordion a span.ui-accordion-header-icon { display: none; } .sidebar .ui-accordion-header-icon { -webkit-transition: all .3s; transition: all .3s; width: 8px; height: 16px; } .sidebar .ui-state-active .ui-accordion-header-icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sidebar .active-bg, .sidebar .active-bg a { background-color: #005fa1; color: #fff; } .sidebar .active-bg::before, .sidebar .active-bg a::before { display: none; } .sidebar .active-bg + *::before { display: none; } .nav__title { padding-left: 22px; font-size: 22px; font-weight: 400; text-transform: uppercase; } /* ------ ----- --- -- --- -- ------- ------ -- -- -- -- ---- -- ---- -- -- -- -- ------ ------- -- -- -- -- -- -- ----- ------ -- -- -- -- -- -- -- -- -- -- -- -- -- ------ -- -- -- ---- -- ---- ------- -- -- */ .banner { position: relative; width: 295px; height: 301px; margin-top: 73px; } .banner__block { position: absolute; top: 165px; left: 0; right: 0; width: 200px; margin: auto; } .banner__info { margin: auto; color: #005fa1; font-size: 14px; font-weight: 300; text-transform: uppercase; text-align: center; } .banner__btn { display: block; width: 118px; padding: 7px 0px; margin: 5px auto 0; background-color: #005fa1; color: #fffeff; font-size: 14px; font-weight: 400; text-decoration: none; text-transform: uppercase; text-align: center; } /* -- ------- -------- -------- ------- ------ -- -- -- -- -- -- -- -- ----- -- -- ----- ------ -- -- -- -- -- -- -- ------- ------- -- -- ------- -- -- */ .letter .letter__title { font-size: 18px; font-weight: 400; } .letter__text { display: block; box-sizing: border-box; width: 295px; height: 36px; padding: 0 10px; margin: 11px auto; background-color: #f2f2f2; border: 1px solid #bababa; } .letter__text--area { width: 295px; min-width: 295px; max-width: 295px; height: 148px; min-height: 148px; padding: 10px; } /* ------ ----- -------- ----- -- ------ ------ -- -- -- -- -- -- -- -- -- -- -- ------- -- ------- -- -- -- -- --- -- -- -- -- -- -- -- -- -- -- -- ------ -- -- -- -- -- ------- ------ ------ */ .catalog { font-size: 0; } .catalog > * { font-size: 16px; } .catalog__main { display: inline-block; vertical-align: top; box-sizing: border-box; width: 850px; margin-left: 45px; margin-right: -1%; } .catalog__main .section--border { border-left: 1px solid #005fa1; } .catalog__section { clear:both; margin-bottom: 50px; } .catalog__section h2 { padding: 15px 0 9px 15px; margin: 0; color: #005fa1; font-size: 20px; font-weight: 300; text-transform: uppercase; border-left: 1px solid #005fa1; border-bottom: 3px solid #005fa1; } .catalog__section h3 { padding-top: 16px; padding-left: 15px; margin-top: 0; font-size: 16px; font-weight: 400; } .catalog__carousel { position: relative; width: 790px; padding-bottom: 5px; margin: 25px 28px 0px; } .catalog__carousel .items__main { list-style: none; padding: 0; margin: 0 auto; } .catalog__carousel .items__main li { width: 222px; vertical-align: top; margin: auto; } .catalog__carousel .items__main li img { width: 222px; height: 223px; } .catalog__carousel .items__main h4 { min-height: 42px; margin: 10px auto 15px; color: #005fa1; font-size: 17px; font-weight: 400; text-align: center; } .catalog__carousel .items__btn--in { width: 98px; margin-left: -1px; height: 31px; padding-top: 8px; font-size: 11px; text-decoration: none; font-weight: 600; } .catalog__carousel .items__btn--buy { width: 111px; margin-right: -3px; height: 31px; padding-top: 9px; font-size: 11px; text-decoration: none; } .catalog__carousel .price__old { font-size: 16px; } .catalog__carousel .price__old .rubznak { top: -2px; font-size: 14px; } .catalog__carousel .price__new { font-size: 25px; } .catalog__carousel .price__new .rubznak { font-size: 23px; } .catalog__carousel .owl-arr { position: absolute; top: 40%; width: 15px; height: 25px; -webkit-filter: invert(70%); filter: invert(70%); } .catalog__carousel .owl-arr--left { left: -25px; } .catalog__carousel .owl-arr--right { right: -25px; } .catalog__carousel .seeall { width: 100%; margin-top: 15px; text-transform: uppercase; font-size: 10px; font-weight: 400; } /* ------ ----- ------ ------- -- -- -- -- -- -- ------ ------- -- --- ----- -- -- -- -- -- -- -- -- -- ------ ------- */ .product-container { display: inline-block; vertical-align: top; box-sizing: border-box; max-width: 1050px; margin-left: 45px; margin-right: -1%; } .product-container h2 { padding-top: 0; padding-left: 0; padding-bottom: 0; color: black; font-family: 'Forum', cursive; font-size: 20px; font-weight: 400; line-height: 26px; text-transform: uppercase; border: none; } .product-container #tabs_product ul{ padding:0px; position: relative; top: 2px; } .product-container #tabs_product .items__top li{ list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .product-container #tabs_product li.ui-state-active{ color: #000000 /* text-decoration: underline; */; list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; margin: auto; } .product-container #tabs_product li a { float: left; padding: 10px 15px; color: #4d4d4d; font-size: .8em; font-weight: 400; text-transform: uppercase; text-decoration: none; } .ui-tabs-panel.active{ clear:both; } .product-container #tabs_product .ui-state-active a { background-color: #00aea0; border-color: #00aea0; border-radius: 3px 3px 0 0; color: #fff; font-size: .8em; } .product-container #tabs_product .ui-tabs-panel { clear: both; margin-top: -25px; padding: 10px 30px 20px 28px; margin-bottom: 60px; text-indent: 15px; display:none; } .product-container #tabs_product .ui-tabs-panel.active { display:block; } .product-container #tabs_product .ui-tabs-panel h1 { margin: 0 auto 30px; line-height: 1.2; color: #005fa1; font-size: 26px; font-weight: 400; text-transform: none; font-family: 'Open Sans', sans-serif; } .product-container #tabs_product .ui-tabs-panel h2 { color: #4d4d4d; font-size: 22px; font-weight: 400; font-family: 'Open Sans', sans-serif; } .product-container #tabs_product .ui-tabs-panel ul, .product-container #tabs_product .ui-tabs-panel li { padding: 0; margin: 0; list-style: none; color: #4d4d4d; font-size: 14px; font-weight: 400; line-height: 1.8; } .product-container #tabs_product .ui-tabs-panel ul li{ clear:both; list-style-type: disc; list-style-position: inside; word-break: break-all; } .product-container #tabs_product .ui-tabs-panel a{ float:none; padding:0px; } .product-container #tabs_product .ui-tabs-panel ul { margin: 10px auto; } .product-container #tabs_product .ui-tabs-panel h3 { color: #4d4d4d; font-size: 20px; font-weight: 400; } .product-container #tabs_product .ui-tabs-panel h4, .product-container #tabs_product .ui-tabs-panel h5, .product-container #tabs_product .ui-tabs-panel h6 { color: #4d4d4d; font-size: 18px; font-weight: 400; } .product-container #tabs_product .ui-tabs-panel p { color: #4d4d4d; font-size: 14px; font-weight: 400; line-height: 1.8; text-align: justify; } .product-container #tabs_product .ui-tabs-panel.feedback { padding-left: 0; padding-right: 0; padding-top: 25px; } .product-container #tabs_product .ui-tabs-panel.feedback .feedback__post { box-sizing: border-box; padding: 17px 34px 15px 7px; margin-bottom: 15px; width: 826px; border: 1px solid #e8e8e8; } .product-container #tabs_product .ui-tabs-panel.feedback .feedback__post--admin { margin-left: auto; margin-right: 0; background-color: #f2f2f2; } .product-container #tabs_product .ui-tabs-panel.feedback .feedback__post--admin .feedback__client, .product-container #tabs_product .ui-tabs-panel.feedback .feedback__post--admin .feedback__date { text-align: right; } .product-container #tabs_product .ui-tabs-panel.feedback .feedback__post--admin .feedback__comment { line-height: 1.4; } .product-container #tabs_product .ui-tabs-panel.feedback .feedback__client img { position: relative; top: 2px; } .product-container #tabs_product .ui-tabs-panel.feedback .feedback__client span { color: black; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 700; line-height: 26px; } .product-container #tabs_product .ui-tabs-panel.feedback .feedback__date span { color: grey; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 26px; } .product-container #tabs_product .ui-tabs-panel.feedback .feedback__comment { line-height: 1.2; text-indent: 0; padding-left: 15px; color: black; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; } .product-container #tabs_product .ui-tabs-panel.feedback .feedback__form { width: 855px; height: 384px; margin-top: 30px; border: 1px solid #d2d2d2; } .product-card__view { padding-right: 22px; } .product-card__view img { background-color: white; } .lg-outer img { background-color: white; } .product-card__view .lSSlideWrapper { overflow: visible; margin-bottom: 20px; max-width: 427px; max-height: 327px; } .product-card__view .lSSlideWrapper img { max-width: 403px; max-height: 327px; width: 403px; height: 327px; } .product-card__view .lSSlideOuter { box-sizing: border-box; } .product-card__view .lSSlideOuter .lSPager.lSGallery img { margin: 2px auto; max-width: 75px; max-height: 75px; } .product-card__view .lSSlideOuter .lSPager.lSGallery li a { display: block; } .product-card__view .lSSlideOuter .lSPager.lSGallery li.active img { border: 1px solid #f1f1f1; } .product-card__view .lSAction > a { top: 117%; height: 32px; background-repeat: no-repeat; background-position: center; background-image: url('/bitrix/templates/.default/css/../img/left-arr.png'); } .product-card__view .lSAction > .lSNext { background-image: url('/bitrix/templates/.default/css/../img/right-arr.png'); background-position: center; right: -8px; z-index: 2; } .product-card__view .lSAction > .lSPrev { left: -8px; } .fancybox-inner { overflow: hidden !important; } .product-card { margin-bottom: 60px; } .product-card__info h2 { margin-top: -3px; margin-bottom: 10px; width: 380px; text-transform: none; color: black; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.2; } .product-card__info .instock { margin-top: 12px; margin-bottom: 17px; height: 12px; color: #16d111; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; } .product-main ul { padding: 0; margin: 0; margin-left: 20px; } .product-card__info li { padding: 0; margin: 0; color: #777; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; } .product-card__text { width: 360px; color: #777; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; margin-bottom: 2px; } .product-card__old-price { min-height: 26px; margin: 10px 0 0 0; color: #878787; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 600; } .product-card__old-price span { text-decoration: line-through; } .product-card__old-price .rubznak { text-decoration: none !important; top: 0px; } .product-card__old-price .rubznak:after { content: ''; position: absolute; top: 8px; left: 0; right: 0; width: 100%; height: 2px; margin: auto; background-color: #878787; } .product-card__new-price { margin: 0; color: red; font-size: 36px; font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 1; } .product-card__new-price--black { color: #000; } .tovar-quant { margin-top: 5px; font-size: 0; } .tovar-quant .input { display: inline-block; vertical-align: top; font-size: 16px; } .tovar-quant .input input { box-sizing: border-box; width: 38px; height: 31px; color: black; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; text-align: center; border: 1px solid #e7e7e7; } .tovar-arrows { display: inline-block; vertical-align: top; font-size: 16px; } .tovar-arrow-down, .tovar-arrow-up, .tovar-arrow-down a, .tovar-arrow-up a { cursor: pointer; border: none; width: 31px; height: 31px; background-color: #e7e7e7; text-decoration:none; color: black; } .tovar-span { color: black; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; } .product-card__btns { margin-top: 18px; } .product-card__btn--in { width: 136px; height: 40px; border: 1px solid #005fa1; color: #005fa1; background: transparent; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; text-transform: uppercase; cursor: pointer; } .gocredit-tinkof{ background: #74C624 !important; color: #fff !important; border: 1px solid #74C624 !important; margin-left: 15px; } .gocredit-tinkof:hover{ background: #508819 !important; } .gocredit-tinkof-cart{ font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; padding-top: 3px; text-transform: uppercase; cursor: pointer; } .product-card__btn--one { width: 136px; height: 40px; margin-left: 15px; background-color: #005fa1; border: 1px solid #005fa1; color: #fefefe; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; text-transform: uppercase; cursor: pointer; } .liked { margin-top: 15px; } .liked img { position: relative; top: 4px; margin-right: 5px; } .liked span { color: #777; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; text-transform: uppercase; } .animationFrame { opacity: 1; position: absolute; width: 70px; height: 70px; z-index: 10; } /* ------ ----- -------- ------- ------ ------ ------ -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ------- -- ----- -- --- -- -- ------ ---- -- -- -- -- -- -- -- -- -- -- -- -- ------ -- -- -- ------- ------ ------ -- -- -- */ .category { font-size: 0; } .category > * { font-size: 16px; } .category__main { display: inline-block; vertical-align: top; box-sizing: border-box; width: 850px; margin-left: 45px; margin-right: -1%; } .category__filter { position: absolute; /* top: 70px;*/ top: 53px; left: 0; z-index: 5; width: 100%; } .category__filter .half__box--mid { vertical-align: middle; } .category__sort span { color: grey; font-size: 13px; font-weight: 400; padding-right: 5px; } .category__sort select { width: 150px; height: 16px; border: 1px solid #7c7c7c; color: grey; font-size: 12px; font-weight: 400; background-color: transparent; } .category__sort select option { color: grey; font-size: 12px; font-weight: 400; } .category__section { margin-bottom: 0px; position: relative; } .category__section h2 { /*padding: 35px 0 7px 0;*/ padding: 18px 0 7px 0; margin: 0; color: #005fa1; font-size: 20px; font-weight: 400; text-transform: uppercase; border-bottom: 3px solid #005fa1; } .category__section #tabs, .category__section #tabs_new{ text-align: right; position: relative; top: -37px; } .category__section #tabs .items__top, .category__section #tabs_new .items__top { display: inline-block; vertical-align: top; font-size: 0; margin-left: auto; margin-right: 0; } .category__section #tabs .items__top li,.category__section #tabs_new .items__top li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; height: 32px; box-sizing: border-box; text-align: center; border-radius: 0; } .category__section #tabs_new .items__top .active { background-color: #005fa1; } .category__section #tabs_new .items__top .active a { color: #fff !important; } .category__section #tabs .items__top a,.category__section #tabs_new .items__top a { display: block; padding: 7px 15px 0; color: black; font-size: 14px; font-weight: 400; text-transform: none; text-decoration: none; } .category__section #tabs .items__top .ui-state-active, .category__section #tabs_new .items__top .ui-state-active { background-color: #005fa1; } .category__section #tabs .items__top .ui-state-active a,.category__section #tabs_new .items__top .ui-state-active a { color: #fff !important; } .category__section #tabs .items__main, .category__section #tabs_new .items__main{ padding-right: 1px; margin-top: 10px; } .category__section #tabs .items__main li,.category__section #tabs_new .items__main li { margin: 65px auto 0px; } .category .pagilist { margin-top: 10px; } .category .pagilist .pagilist__list, .category .pagilist .pagilist__list--in { padding-left: 0; } .itemsonpage { margin-right: 10px; } .itemsonpage__pre { display: inline-block; vertical-align: middle; color: grey; font-size: 13px; font-weight: 400; } .itemsonpage__list { display: inline-block; vertical-align: middle; } .itemsonpage__list a { box-sizing: border-box; width: 40px; height: 35px; padding-top: 9px; color: grey; font-size: 13px; font-weight: 400; text-align: center; } .itemsonpage__list li.active-count a { color: white; background-color: #005fa1; } /* ------- ------- ----- ------ ------ -- -- -- -- -- -- -- -- -- -- -- ------- ----- ------- ------ -- ------- -- -- -- -- -- -- -- -- -- ------- ------- -- -- -- -- ------ -- -- */ .search { font-size: 0; } .search__section .search__form { float: none; display: block; width: 100%; height: 34px; margin-top: 0; margin-bottom: 30px; } .search__section .search__text { padding-top: 9px; } .search__section> * { font-size: 16px; } .search__main { display: inline-block; vertical-align: top; box-sizing: border-box; width: 850px; margin-left: 45px; margin-right: -1%; } .search__section { margin-bottom: 0px; position: relative; } .search__section h2 { padding: 18px 0 7px 0; margin: 0 0 20px 0; color: #005fa1; font-size: 22px; font-weight: 400; text-transform: uppercase; } .search__section #tabs > div, .search__section #tabs_search > div { text-align: justify; } .search__section #tabs .items__top, .search__section #tabs_search .items__top { display: inline-block; vertical-align: top; font-size: 0; margin-left: auto; margin-right: 0; } .search__section #tabs .items__top li, .search__section #tabs_search .items__top li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; box-sizing: border-box; text-align: center; border-radius: 0; height: 39px; border: 1px solid #005fa1; } .search__section #tabs .items__top li a,.search__section #tabs_search .items__top li a { display: block; padding: 10px 15px 0; text-transform: uppercase; } .search__section #tabs .items__top a ,.search__section #tabs_search .items__top a{ color: black; font-size: 14px; font-weight: 400; text-transform: none; text-decoration: none; } .search__section #tabs .items__top .ui-state-active, .search__section #tabs_search .items__top .ui-state-active { background-color: #005fa1; } .search__section #tabs .items__top .ui-state-active a, .search__section #tabs_search .items__top .ui-state-active a{ color: #fff !important; } .search__section #tabs .items__main, .search__section #tabs_search .items__main { padding-right: 1px; margin-top: -30px; } .search__section #tabs .items__main li, .search__section #tabs_search .items__main li{ margin: 65px auto 0px; } .search__section #tabs .items__main:after, .search__section #tabs_search .items__main:after{ width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } .search .pagilist { margin-top: 50px; } .search .pagilist .pagilist__list, .search .pagilist .pagilist__list--in { padding-left: 0; } .site-tabs.ui-tabs-panel { margin-top: -5px; border-top: 5px solid #005fa1; padding: 40px 30px 20px 28px; margin-bottom: 60px; } .site-tabs-search.ui-tabs-panel { margin-top: -5px; padding: 40px 30px 20px 28px; margin-bottom: 60px; } .site-tabs.ui-tabs-panel li,.site-tabs-search.ui-tabs-panel li { box-sizing: border-box; display: block; width: 812px; height: 135px; padding: 8px 10px 0 9px; margin: 25px auto 0 !important; border: 1px solid #e8e8e8; } .site-tabs.ui-tabs-panel li img,.site-tabs-search.ui-tabs-panel li img { width: 141px; height: 118px; } .site-tabs.ui-tabs-panel .glossary__title, .site-tabs-search.ui-tabs-panel .glossary__title{ min-height: auto; margin: 5px 0 0; color: black; font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; } .site-tabs.ui-tabs-panel__text, .site-tabs-search.ui-tabs-panel__text{ margin: 5px auto 0; color: #606060; font-size: 14px; font-weight: 300; line-height: 1.3; } .site-tabs.ui-tabs-panel__more, .site-tabs-search.ui-tabs-panel__more { display: block; text-align: right; color: grey; font-size: 12px; font-weight: 400; line-height: 20px; } .site-tabs.ui-tabs-panel__more span, .site-tabs-search.ui-tabs-panel__more span { border-bottom: 1px dashed grey; } /* ------ -- ------ ------- ------- ----- ------ -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --- -- -- -- ------- ------- ------- ------ ---- -- -- -- -- -- -- -- -- -- -- -- -- ------ ------- ------ ------- ------- -- -- -- -- -- */ .glossary { font-size: 0; } .glossary .search__form { float: none; display: block; width: 100%; height: 34px; margin-top: 0; margin-bottom: 30px; } .glossary .search__text { padding-top: 9px; } .glossary > * { font-size: 16px; } .glossary__main { display: inline-block; vertical-align: top; box-sizing: border-box; width: 850px; margin-left: 45px; margin-right: -1%; } .glossary__section { margin-bottom: 0px; position: relative; } .glossary__section h2 { padding: 18px 0 7px 0; margin: 0 0 20px 0; color: #005fa1; font-size: 22px; font-weight: 400; text-transform: uppercase; } .glossary__section #tabs .items__top { margin: 0; padding: 0; height: 35px; padding-left: 31px; } .glossary__section #tabs .items__top li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; margin: auto; } .glossary__section #tabs #tabs-1{ clear:both; } .glossary__section #tabs .items__top li a { padding: 5px 15px 15px; color: #4d4d4d !important; font-size: 16px; font-weight: 400; text-transform: none; text-decoration: none; border: 5px solid transparent; border-left-width: 1px; border-right-width: 1px; border-bottom-color: transparent; border-bottom-width: 0; } .glossary__section #tabs .items__top li.ui-state-active a { background-color: #fff; border-top-width: 5px; border-color: #005fa1; } .glossary__section #tabs .ui-tabs-panel { margin-top: -5px; border-top: 5px solid #005fa1; padding: 40px 30px 20px 28px; margin-bottom: 60px; display:none; } .glossary__section #tabs .ui-tabs-panel.active{ display:block; } .glossary__section #tabs .ui-tabs-panel li { box-sizing: border-box; display: block; width: 812px; height: 135px; padding: 8px 10px 0 9px; margin: 0 auto 25px; border: 1px solid #e8e8e8; } .glossary__section #tabs .ui-tabs-panel li img { width: 141px; height: 118px; } .glossary .pagilist { margin-top: -40px; } .glossary .pagilist .pagilist__list, .glossary .pagilist .pagilist__list--in { padding-left: 0; } .glossary .glossary__title, .glossary .glossary__title a { min-height: auto; margin: 5px 0 0; color: black; font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; } .glossary__text{ height: 70px; overflow: hidden; } .glossary__text, .glossary__text a { margin: 5px auto 0; color: #606060; font-size: 14px; font-weight: 300; line-height: 1.3; } .glossary__more { display: block; text-align: right; color: grey; font-size: 12px; font-weight: 400; line-height: 20px; } .glossary__more span { border-bottom: 1px dashed grey; } .glossary__list a { padding: 2px 5px 0; color: grey; font-size: 18px; font-weight: 300; } .glossary__list-block { padding: 0; margin: 30px 0 80px; list-style: none; } .glossary__list-block a { color: #141ff8; font-size: 16px; font-weight: 300; line-height: 2; text-decoration: underline; } .glossary__link--active a { display: block; color: black; font-size: 24px; font-weight: 400; line-height: 1.1; } /* ----- ------ -------- -- ------ -- ------- -- -- -- -- -- -- -- -- -- ------- ------ -- -- -- -- ----- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ------ ------- ------- */ .article { font-size: 0; } .article > * { font-size: 16px; } .article__main { display: inline-block; vertical-align: top; box-sizing: border-box; width: 850px; margin-left: 45px; margin-right: -1%; } .article__main__tabs { margin-top: 80px; } .article__main__tabs #tabs .items__top { padding-left: 31px; } .article__section { margin-bottom: 0px; position: relative; } .article__section--text { padding-bottom: 50px; } .article__section--text .text-in-text { padding-left: 20px; padding-right: 20px; } .article__section--text h1 { padding: 18px 0 7px 0; margin: 0 0 20px 0; color: #005fa1; font-size: 24px; font-weight: 400; text-transform: none; font-family: 'Open Sans', sans-serif; text-align:center; } .article__section--text h2{ padding: 18px 0 7px 0; margin: 0 0 20px 0; color: #005fa1; font-size: 22px; font-weight: 400; text-transform: none; font-family: 'Open Sans', sans-serif; text-align:center; } .article__section--text h2{ padding: 18px 0 7px 0; margin: 0 0 20px 0; color: #005fa1; font-size: 20px; font-weight: 400; text-transform: none; font-family: 'Open Sans', sans-serif; text-align:center; } .article__section--text h3 { text-indent: 22px; color: #005fa1 !important; font-size: 22px; font-weight: 400; } .article__section--text p { text-indent: 22px; color: #4d4d4d; font-size: 14px; font-weight: 400; line-height: 1.5; text-align: justify; } .article__section--text ul li { color: #4d4d4d; font-size: 14px; font-weight: 400; line-height: 1.5; text-align: justify; } .article__section--text .video--text { display: block; margin: 0 auto 40px; } .article__main__tabs #tabs .items__top { padding-left: 31px; height: 19px; } .article__main__tabs #tabs .items__top li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; margin: auto; } .article__main__tabs #tabs .items__top li a { padding: 5px 15px 15px; color: #4d4d4d !important; font-size: 16px; font-weight: 400; text-transform: none; text-decoration: none; border: 5px solid transparent; border-left-width: 1px; border-right-width: 1px; border-bottom-color: transparent; border-bottom-width: 0; } .article__main__tabs #tabs .items__top li.ui-state-active a { background-color: #fff; border-top-width: 5px; border-color: #005fa1; } .article__main__tabs #tabs .ui-tabs-panel { margin-top: -5px; border-top: 5px solid #005fa1; padding: 40px 30px 20px 28px; margin-bottom: 60px; } .article__main__tabs #tabs .ui-tabs-panel li { box-sizing: border-box; display: block; width: 812px; height: 135px; padding: 8px 10px 0 9px; margin: 0 auto 25px; border: 1px solid #e8e8e8; } .article__main__tabs #tabs .ui-tabs-panel li img { width: 141px; height: 118px; } .article .glossary__title { min-height: auto; margin: 5px 0 0; color: black; font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; } .article__text { margin: 5px auto 0; color: #606060; font-size: 14px; font-weight: 300; line-height: 1.3; } .article__more { display: block; text-align: right; color: grey; font-size: 12px; font-weight: 400; line-height: 20px; } .article__more span { border-bottom: 1px dashed grey; } .glossary__list a { padding: 2px 5px 0; color: grey; font-size: 18px; font-weight: 300; } .glossary__list-block { padding: 0; margin: 30px 0 80px; list-style: none; } .glossary__list-block a { color: #141ff8; font-size: 16px; font-weight: 300; line-height: 2; text-decoration: underline; } .glossary__link--active a { display: block; color: black; font-size: 24px; font-weight: 400; line-height: 1.1; } /* ------ ----- ------- -- -- ------- -------- -- -- -- -- -- -- -- -- -- ------ ------- ------- ----- ----- -- -- -- -- -- -- -- -- -- -- ------ -- -- ------- -- -- ------- -- */ .basket { font-size: 0; } .basket__special { position: absolute; bottom: -5px; left: 320px; color: #00b70d; font-size: 14px; font-style: italic; text-decoration: underline; } .basket > * { font-size: 16px; } .basket--table { display: table; } .basket--table .rubznak { top: 0; } .basket--table .cell__count { color: black; font-size: 16px; font-weight: 400; text-transform: uppercase; } .basket--table .cell__name, .basket--table .cell__name a { color: #005fa1; font-size: 16px; font-weight: 400; text-align: left !important; padding: 24px 40px 25px 12px; text-decoration:none; } .basket--table .cell__price { padding-top: 8px; font-size: 18px; font-weight: 400; } .basket--table .cell__price b { font-weight: 700; } .basket--table .cell__total { padding-top: 9px; font-size: 18px; font-weight: 400; } .basket--table .cell__cancel, .basket--table .cell__cancel a{ color: #005fa1; text-decoration:none; padding-top: 5px; font-size: 20px; font-weight: 700; } .basket--cell .input{ display: inline-block; vertical-align: top; font-size: 16px; } .basket--table .tovar-quant .input input, .basket--cell .input input { box-sizing: border-box; width: 38px; height: 31px; color: black; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; text-align: center; border: 1px solid #e7e7e7; width: 34px; height: 25px; border: 1px solid #e7e7e7; font-size: 13px; } .basket--table .tovar-arrow-down, .basket--table .tovar-arrow-up { width: 26px; height: 25px; background-color: #e7e7e7; } .basket--table .basket--row { display: table-row; box-sizing: border-box; } .basket--table .basket--row--100 .basket--cell { height: 100px; } .basket--table .basket--row--total .basket--cell { height: 33px; } .basket--table .basket--row--total--price { padding-left: 10px; font-size: 22px; font-weight: 700; } .basket--table .basket--row--total--summ { padding-right: 10px; font-size: 20px; font-weight: 400; text-align: right !important; } .basket--table .basket--row.caption { background-color: #005fa1; height: 33px; } .basket--table .basket--row.caption .basket--cell { box-sizing: border-box; color: white; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase; } .basket--table .basket--row.caption .basket--cell--29 { width: 29px; } .basket--table .basket--row.caption .basket--cell--100 { width: 100px; } .basket--table .basket--row.caption .basket--cell--295 { width: 295px; } .basket--table .basket--row.caption .basket--cell--149 { width: 149px; } .basket--table .basket--row.caption .basket--cell--97 { width: 97px; } .basket--table .basket--row.caption .basket--cell--150 { width: 150px; } .basket--table .basket--row.caption .basket--cell--29 { width: 29px; } .basket--table .basket--row.caption .basket--cell--180 { width: 29px; } .basket--table .basket--cell { box-sizing: border-box; display: table-cell; border: 1px solid #005fa1; border-right-width: 0; vertical-align: middle; text-align: center; font-weight: 400; } .basket--table .basket--cell.basket--cell--borbot0 { border-bottom-width: 0; } .basket--table .basket--cell.basket--cell--bortop0 { border-top-width: 0; } .basket--table .basket--cell.basket--cell--borrig1 { border-right-width: 1px; } .basket--table .basket--cell.basket--cell--borrig0 { border-right-width: 0px; } .basket--table .basket--cell.basket--cell--borlef0 { border-left-width: 0px; } .basket--table .basket--cell.basket--cell--bor0 { border-width: 0; } #basket_together { display: inline-block; vertical-align: top; box-sizing: border-box; width: 850px; margin-left: 45px; margin-right: -1%; } .basket__section { margin-bottom: 20px; position: relative; } .basket__section h2 { padding: 18px 0 7px 0; margin: 0 0 10px; color: #005fa1; font-weight: 400; font-size: 22px; text-transform: uppercase; } .basket__section--bot h2 { padding: 35px 0 7px 0; margin: 0; color: #005fa1; font-size: 20px; font-weight: 400; text-transform: uppercase; border-bottom: 4px solid #005fa1; } .basket__section #tabsss { text-align: right; position: relative; top: -37px; } .basket__section #tabsss .items__top { display: inline-block; vertical-align: top; font-size: 0; margin-left: auto; margin-right: 0; padding-right: 20px; } .basket__section #tabsss .items__top li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; height: 32px; box-sizing: border-box; text-align: center; border-radius: 0; } .basket__section #tabsss .items__top a { display: block; padding: 7px 15px 0; color: black; font-size: 14px; font-weight: 400; text-transform: none; text-decoration: none; } .basket__section #tabsss .items__top li.ui-state-active { background-color: #005fa1; } .basket__section #tabsss .items__top li.ui-state-active a { color: #fff !important; } .basket__section #tabsss .items__main { padding-right: 1px; padding-top: 35px; margin-top: 10px; text-align: left; } .basket__section #tabsss.items__main .paragraph--top { margin-bottom: 30px; } .basket__section #tabsss .items__main p { margin: 0; /* Base text style */ font-size: 16px; line-height: 24px; font-weight: 400; } .basket__section #tabsss .items__main p b { color: red; font-weight: 700; } #tabsss .items__main{ display:none; } #tabsss .items__main.active{ display:block; } .basket .pagilist { margin-top: 10px; } .basket .delivery__form,#block_cart_for_order .delivery__form { width: 647px; height: 264px; margin-top: 50px; } .basket .delivery__form input, #block_cart_for_order .delivery__form input{ box-sizing: border-box; width: 295px; height: 36px; padding: 0 10px; margin-bottom: 19px; border: 1px solid #0a0a0a; } .basket .delivery__form textarea, #block_cart_for_order .delivery__form textarea { box-sizing: border-box; width: 295px; max-width: 295px; min-width: 295px; height: 149px; max-height: 149px; min-height: 149px; padding: 7px 10px; border: 1px solid #0a0a0a; } .basket .delivery__form button, #block_cart_for_order .delivery__form button { width: 144px; height: 44px; margin-top: 16px; background-color: #005fa1; color: white; font-size: 20px; font-weight: 300; line-height: 24px; border: none; } #block_cart_for_order .delivery__form button{ background-color: #ffc416; cursor:pointer; } #block_cart_for_order .delivery__form button { background-color: #ffc416; cursor: pointer; width: 138px; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; height: 40px; text-transform: uppercase; cursor: pointer; } /* ------ ----- ------ -- --- -- ------- -------- -- -- -- -- -- -- ---- -- -- -- -- ------- ------ -- -- -- -- ----- -- -- -- -- -- -- -- -- -- -- -- -- ------ -- -- ------ -- -- ---- ------- -- */ .sidebar .active-bg, .sidebar .active-bg a { color: #fff !important; border-radius: 0; } /* Bonus */ .cabinet { font-size: 0; } .cabinet__special { position: absolute; bottom: -5px; left: 320px; color: #00b70d; font-size: 14px; font-style: italic; text-decoration: underline; } .cabinet > * { font-size: 16px; } .cabinet--table { display: table; margin-bottom: 60px; } .cabinet--table .rubznak { top: 0; } .cabinet--table .cell__count { color: black; font-size: 16px; font-weight: 400; text-transform: uppercase; } .cabinet--table .cell__name { color: #005fa1; font-size: 16px; font-weight: 400; text-align: left !important; padding: 0px 20px 0px 20px; } .cabinet--table .cell__name a { color: #005fa1; text-decoration: none; } .cabinet--table .cell__price { font-size: 18px; font-weight: 400; } .cabinet--table .cell__price b { font-weight: 700; } .cabinet--table .cell__price--none { padding-bottom: 10px; } .cabinet--table .cell__total { font-size: 18px; font-weight: 400; } .cabinet--table .cell__total--red { color: #f60000; font-size: 15px; font-weight: 300; } .cabinet--table .cell__total--green { color: #11b600; font-size: 15px; font-weight: 300; } .cabinet--table .cabinet--row { display: table-row; box-sizing: border-box; } .cabinet--table .cabinet--row--47 .cabinet--cell { height: 47px; } .cabinet--table .cabinet--row--total--summ { padding-right: 20px; font-size: 20px; font-weight: 400; text-align: right !important; } .cabinet--table .cabinet--row.caption { background-color: #005fa1; height: 33px; } .cabinet--table .cabinet--row.caption .cabinet--cell { box-sizing: border-box; color: white; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase; } .cabinet--table .cabinet--row.caption .cabinet--cell--29 { width: 29px; } .cabinet--table .cabinet--row.caption .cabinet--cell--376 { width: 376px; } .cabinet--table .cabinet--row.caption .cabinet--cell--159 { width: 159px; } .cabinet--table .cabinet--row.caption .cabinet--cell--110 { width: 110px; } .cabinet--table .cabinet--row.caption .cabinet--cell--176 { width: 176px; } .cabinet--table .cabinet--cell { box-sizing: border-box; display: table-cell; border: 1px solid #005fa1; border-right-width: 0; vertical-align: middle; text-align: center; font-weight: 400; } .cabinet--table .cabinet--cell.cabinet--cell--borbot0 { border-bottom-width: 0; } .cabinet--table .cabinet--cell.cabinet--cell--bortop0 { border-top-width: 0; } .cabinet--table .cabinet--cell.cabinet--cell--borrig1 { border-right-width: 1px; } .cabinet--table .cabinet--cell.cabinet--cell--borrig0 { border-right-width: 0px; } .cabinet--table .cabinet--cell.cabinet--cell--borlef0 { border-left-width: 0px; } .cabinet--table .cabinet--cell.cabinet--cell--bor0 { border-width: 0; } .cabinet__main { display: inline-block; vertical-align: top; box-sizing: border-box; width: 850px; margin-left: 45px; margin-right: -1%; } .cabinet__main .catalog__section { margin-top: 90px; } .cabinet__main .catalog__section h2 { padding: 0; border: none; color: black; font-size: 20px; font-weight: 400; text-transform: uppercase; } .cabinet__section { margin-bottom: 20px; position: relative; } .cabinet__section h2 { padding: 18px 0 7px 0; margin: 0 0 10px; color: #005fa1; font-weight: 400; font-size: 22px; text-transform: uppercase; } .cabinet__section--bot h2 { padding: 35px 0 7px 0; margin: 0; color: #005fa1; font-size: 20px; font-weight: 400; text-transform: uppercase; border-bottom: 4px solid #005fa1; } .table-afterparty { margin-top: 2px; margin-bottom: 2px; color: #878787; font-size: 14px; font-style: italic; } /* Feedback */ .cabinet__main--feedback h2 { padding-top: 20px; padding-bottom: 15px; margin-bottom: 22px; border-bottom: 5px solid #005fa1; } .cabinet__main--feedback .feedback__post { box-sizing: border-box; padding: 17px 34px 15px 7px; margin-bottom: 15px; width: 826px; border: 1px solid #e8e8e8; } .cabinet__main--feedback .feedback__post--admin { margin-left: auto; margin-right: 0; background-color: #f2f2f2; } .cabinet__main--feedback .feedback__post--admin .feedback__client, .cabinet__main--feedback .feedback__post--admin .feedback__date { text-align: right; } .cabinet__main--feedback .feedback__post--admin .feedback__comment { line-height: 1.4; } .cabinet__main--feedback .feedback__client { padding-left: 15px; } .cabinet__main--feedback .feedback__client img { position: relative; top: 2px; } .cabinet__main--feedback .feedback__client span { color: black; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 700; line-height: 26px; } .cabinet__main--feedback .feedback__date { padding-left: 15px; } .cabinet__main--feedback .feedback__date span { color: grey; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 26px; } .cabinet__main--feedback .feedback__comment { line-height: 1.2; text-indent: 0; padding-left: 15px; color: black; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; } .cabinet__main--feedback .feedback__form { width: 855px; height: 384px; margin-top: 30px; border: 1px solid #d2d2d2; } .cabinet__main--feedback .feedback__form .form__write { padding-left: 15px; } .cabinet__main--feedback .feedback__form .form__text { width: 800px; } /* History */ .cabinet__main--history { margin-left: 49px; } .cabinet__main--history .cabinet--cell--149 { width: 149px; } .cabinet__main--history .cabinet--cell--175 { width: 175px; } .cabinet__main--history .cabinet--cell--122 { width: 122px; } .cabinet__main--history .cell__price--green { color: #00ad0c; font-size: 16px; font-weight: 400; } .cabinet__main--history .cell__total--gray { color: #878787; font-size: 14px; font-style: italic; } .cabinet__main--history .cell__price--red { color: #f60000; font-size: 14px; font-style: italic; } /* Detail */ .cabinet__main--detail { margin-left: 49px; } .cabinet__main--detail .detail__status { position: relative; top: -40px; margin-bottom: -25px; text-align: right; font-size: 16px; font-weight: 400; color: black; text-transform: uppercase; } .cabinet__main--detail .detail__status--green { color: #00b800; text-transform: capitalize; font-style: italic; font-weight: 400; } .cabinet__main--detail .detail__status--red { color: #e80000; text-transform: capitalize; font-style: italic; font-weight: 400; } .cabinet__main--detail .basket--cell--181 { width: 181px; } .cabinet__main--detail .basket--table .cell__name { padding-top: 10px; padding-bottom: 10px; } .cabinet__main--detail .basket--table .cell__price { padding-top: 0; } .cabinet__main--detail .basket--table .cell__total { padding-top: 0; } .cabinet__main--detail .cell__mid-count { font-size: 18px; } .cabinet__main--detail .basket--table .basket--row--total--price { padding-left: 0; } .cabinet__main--detail .basket__special { left: 257px; bottom: -10px; color: #4d4d4d; font-size: 16px; font-style: italic; text-decoration: none; } .cabinet__main--detail .afterbutton { float: right; width: 194px; height: 44px; margin-top: 47px; background-color: #005fa1; border: none; color: white; font-size: 20px; font-weight: 300; } /* Private */ .cabinet__main--private { margin-left: 49px; } .cabinet__main--private .private__data { position: relative; box-sizing: border-box; width: 636px; height: 262px; max-height: 262px; padding: 0 22px 0 20px; border: 1px solid #d2d2d2; } .cabinet__main--private .private__data .data__btn { position: absolute; bottom: 13px; right: 22px; background: transparent; width: 166px; height: 35px; border: 1px solid #d2d2d2; color: #878787; font-size: 16px; font-weight: 400; cursor: pointer; } .cabinet__main--private .private__data--pre { margin-top: 40px; } .cabinet__main--private .private__data h3 { padding-bottom: 15px; color: black; font-size: 20px; font-weight: 400; line-height: 24px; border-bottom: 1px solid #d2d2d2; } .cabinet__main--private .private__data .data__block { margin-bottom: 15px; } .cabinet__main--private .private__data .data__param { display: inline-block; vertical-align: top; font-size: 16px; font-weight: 400; padding-right: 4px; } .cabinet__main--private .private__data .data__text { display: inline-block; vertical-align: top; font-weight: lighter; font-style: italic; color: #404040; } .cabinet__main--private .private__data .data__text--link { text-decoration: none; border-bottom: 1px dashed #878787; cursor: pointer; } .cabinet__main--private .private__bonus { box-sizing: border-box; width: 195px; height: 262px; max-height: 262px; margin-left: auto; margin-right: 0; border: 1px solid #d2d2d2; text-align: center; color: black; } .cabinet__main--private .private__bonus h3 { margin-top: 14px; font-size: 16px; font-weight: 400; } .cabinet__main--private .private__bonus .infoparam { margin-top: 20px; margin-bottom: 20px; font-size: 16px; font-style: italic; font-weight: 300; } .cabinet__main--private .private__bonus .bonus-number { color: #08b300; font-size: 48px; font-weight: bold; } .cabinet__main--private .private__bonus .bonus-number--unit { font-size: 16px; font-style: italic; margin-bottom: 40px; } .cabinet__main--private .private__bonus .bonus-link { display: inline-block; color: #878787; font-size: 16px; font-weight: 300; border-bottom: 1px dashed #878787; margin-bottom: 4px; text-decoration: none; } .cabinet__main--private .private__bonus .bonus-link b { font-weight: bold; } .cabinet__main--private .private__data--adress { height: 295px; max-height: 295px; margin-top: 77px; } /* REVIEW */ .form__write span, .rating-value, .rating-value-review,.feedback__client span{ display: inline-block; vertical-align:top; } #form_login_answer,#registration_error_message{ color: red; position: absolute; top: 20px; left: 20px; } #like_prod{ cursor:pointer; } .page-up{ display: none; position:fixed; bottom:50px; right:50px; z-index:9; width:52px; height:52px; -webkit-border-radius:50%; border-radius:50%; border:0px solid #fde16e; cursor:pointer; } .page-up-inner{ width: 28px; height: 40px; border: 0px solid #fff; background: url(/bitrix/templates/.default/salon/img/scroll_up.png); text-align: center; /* padding-top: 12px; */ } .page-up-inner span{ display:inline-block; color: #fff; padding-top: 8px; } #basket_form .basket--table .basket--cell{ border-top:0; } /* End */ /* Start:/bitrix/templates/.default/css/app.css?148636616620455*/ /* ------ ------ ------ -- -- ------ -- -- -- -- -- -- -- -- -- -- ------ -- -- ------ -- -- ------ -- -- -- -- -- -- -- -- ------ -- ------ -- */ body { position: relative; } .js-popupBG { position: absolute; z-index: 1700; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background-color: #6e6e6e; } /* Main theme */ [data-popup-open] { cursor: pointer; } [data-popup-close] { position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding: 0; text-align: center; background: transparent; border: none; cursor: pointer; outline: none; } [data-popup-close] img { width: 21px; height: 21px; } [data-popup-main] { opacity: 0; position: absolute; z-index: 2000; left: 0; right: 0; box-sizing: border-box; margin: auto; visibility: visible; -webkit-transition: all .5s; transition: all .5s; } [data-popup-main].close .message { display: block; text-align: center; } [data-popup-main].close .message__thank { margin-top: 88px; color: #f50000; font-size: 36px; font-weight: 400; line-height: 20px; text-transform: uppercase; } [data-popup-main].close .message__info { font-size: 16px; font-weight: 400; line-height: 20px; } [data-popup-main].close [data-popup-form] { display: none; } .message { display: none; } [data-popup-form] button { display: block; width: 237px; height: 51px; background-color: #005fa1; margin: 10px auto 0; color: white; font-size: 18px; font-weight: 400; line-height: 20px; text-transform: uppercase; border: none; outline: none; cursor: pointer; } .popup__text { display: inline-block; width: 77px; padding-right: 5px; color: black; font-size: 14px; font-weight: 300; line-height: 20px; text-align: right; } .popup__area { box-sizing: border-box; width: 386px; height: 33px; padding: 0 10px; margin-bottom: 21px; background-color: white; border: 1px solid #d2d2d2; outline: none; font-size: 16px; } /* Hover */ .js-popup--hover { display: inline-block; position: relative; text-align: left; } .js-popup--hover [data-popup-main] { opacity: 0; top: 40px; left: auto; z-index: 2000; visibility: hidden; } /* .js-popup--hover:hover [data-popup-main] { opacity: 1; top: 18px; visibility: visible; }*/ .js-popup--hover.show-popup [data-popup-main] { opacity: 1; top: 18px; visibility: visible; } /* ------------------------------ */ /* call */ [data-popup-main="call"] { width: 520px; height: 274px; background-color: #f1f1f1; border: 4px solid #005fa1; position: fixed !important; top:35% !important; } [data-popup-main="call"] [data-popup-form] { padding-top: 4px; } /* enter */ [data-popup-main="enter"] { right: -83px; width: 573px; height: 270px; background-color: #f1f1f1; border: 1px solid #005fa1; } [data-popup-main="enter"] [data-popup-form] { padding-top: 0px; } [data-popup-main="enter"] [data-popup-form] button { width: 169px; height: 40px; font-size: 14px; } [data-popup-main="enter"] .popup__text { width: 117px; } [data-popup-main="enter"] .popup__forget { display: block; color: black; margin: -20px 0 30px 125px; } /* registration */ [data-popup-main="registration"] { right: 0px; width: 573px; height: 378px; background-color: #f1f1f1; border: 1px solid #005fa1; } [data-popup-main="registration"] [data-popup-form] { padding-top: 0px; } [data-popup-main="registration"] [data-popup-form] button { margin-top: 0; width: 228px; height: 40px; font-size: 14px; } [data-popup-main="registration"] .popup__text { width: 137px; } [data-popup-main="registration"] .popup__info { margin-top: -22px; margin-bottom: 5px; margin-left: 148px; color: #878787; font-size: 13px; font-style: italic; line-height: 20px; } [data-popup-main="registration"] .popup__agree { position: relative; top: 2px; display: inline-block; font-size: 10px; } [data-popup-main="registration"] .popup__agree--label { display: block; width: 382px; margin-left: 147px; margin-bottom: 14px; color: grey; font-size: 13px; } [data-popup-main="registration"] .popup__agree--label a { color: grey; font-size: 13px; text-decoration: none; } /* click */ [data-popup-main="click"] { width: 452px; height: 395px; background-color: whitesmoke; border: 6px solid #005fa1; padding: 30px 25px; position: fixed; top:25% !important; } [data-popup-main="click"] [data-popup-form] button { width: 212px; height: 50px; background-color: #005fa1; color: white; font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 400; line-height: 20px; text-transform: uppercase; } [data-popup-main="click"] .popup__title { margin-bottom: 20px; color: #005fa1; font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 600; line-height: 20px; text-transform: uppercase; } [data-popup-main="click"] .popup__remark { position: relative; margin-bottom: 20px; } [data-popup-main="click"] .popup__remark span { display: block; } [data-popup-main="click"] .popup__remark span b { font-weight: 300; } [data-popup-main="click"] .popup__remark a { position: absolute; top: -4px; right: 0; color: #141ff8; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; line-height: 20px; text-decoration: none; border-bottom: 1px dashed #141ff8; } [data-popup-main="click"] .popup__area { width: 391px; height: 51px; } [data-popup-main="click"] .popup__napr { display: block; margin: -20px 0 15px 0; color: black; font-family: 'Open Sans', sans-serif; font-size: 14px; font-style: italic; line-height: 20px; font-weight: 300; } .enter__title { color: #005fa1; font-size: 24px; font-weight: 400; line-height: 20px; text-transform: uppercase; text-align: center } [data-popup-main="registration"] [data-popup-form] .enter__title { margin-top: 16px; margin-bottom: 14px; } /* -------- ------ -- ------ ------ ------- ------ -- -- -- -- -- -- -- -- -- -- ------ -- -- --- -- --- ----- ------ -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ------ ------ ------- -- -- */ [data-popup-trigger-open] { cursor: pointer; } [data-popup-trigger-main] { opacity: 0; position: absolute; z-index: 1500; right: auto; box-sizing: border-box; margin: auto; visibility: visible; -webkit-transition: all .5s; transition: all .5s; } [data-popup-trigger-main]:after { content: ''; position: absolute; top: 0; bottom: 0; right: -10px; width: 18px; height: 18px; margin: auto; background-color: #f1f1f1; border: 1px solid #d2d2d2; border-left-color: transparent; border-bottom-color: transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } [data-popup-trigger-main].close .message { display: block; text-align: center; } [data-popup-trigger-main].close .message__thank { margin-top: 88px; color: #f50000; font-size: 36px; font-weight: 400; line-height: 20px; text-transform: uppercase; } [data-popup-trigger-main].close .message__info { font-size: 16px; font-weight: 400; line-height: 20px; } [data-popup-trigger-main].close [data-popup-trigger-form] { display: none; } .message { display: none; } .message--trigger { display: none; } [data-popup-trigger-form] button { display: inline-block; vertical-align: top; width: 124px; height: 33px; background-color: #005fa1; margin: 0 0 0 10px; color: white; font-size: 14px; font-weight: 300; line-height: 24px; border: none; outline: none; cursor: pointer; } .popup--trigger__title { font-family: 'Forum', cursive; font-size: 24px; font-weight: 400; text-transform: uppercase; } .popup--trigger__title--left { text-align: left; margin-left: 43px; } .popup--trigger__info { width: 270px; margin-top: 25px; margin-left: 74px; font-size: 16px; font-weight: 400; text-transform: uppercase; text-align: left; } .popup--trigger__list { color: grey; padding: 0 0 0 18px; margin-left: 74px; margin-top: 24px; font-size: 14px; font-weight: 400; line-height: 24px; text-align: left; } .popup--trigger__list li { list-style: initial; } .popup--trigger__agree { position: relative; top: 2px; display: inline-block; } .popup--trigger__agree--label { display: block; width: 380px; margin: auto; color: grey; font-size: 13px; font-weight: 300; text-align: left; } .popup--trigger__agree--label a { color: grey; font-size: 13px; text-decoration: none; } .popup--trigger__form { margin-top: 25px; } .popup--trigger__area { display: inline-block; vertical-align: top; box-sizing: border-box; width: 246px; height: 33px; padding: 0 10px; margin-bottom: 20px; border: 1px solid #d2d2d2; color: #000; font-size: 13px; font-weight: 400; line-height: 24px; } .popup--trigger__area--all { display: block; width: 386px; margin-left: auto; margin-right: auto; } .popup--trigger__fullarea { display: block; box-sizing: border-box; width: 386px; min-width: 386px; max-width: 386px; height: 163px; min-height: 163px; max-height: 163px; padding: 5px 10px; margin: auto; /* Text style for "????????.." */ color: #000; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; line-height: 24px; border: 1px solid #d2d2d2; } /* --------------------- */ [data-popup-trigger-main] { width: 460px; } [data-popup-trigger-main="delivery"], [data-popup-trigger-main="letter"], [data-popup-trigger-main="call"] { bottom: -72px; height: 450px; background-color: #f1f1f1; border: 1px solid #d2d2d2; } [data-popup-trigger-main="delivery"] [data-popup-trigger-form], [data-popup-trigger-main="letter"] [data-popup-trigger-form], [data-popup-trigger-main="call"] [data-popup-trigger-form] { padding-top: 14px; } [data-popup-trigger-main="delivery"].close .message--trigger, [data-popup-trigger-main="letter"].close .message--trigger, [data-popup-trigger-main="call"].close .message--trigger { display: block; width: 380px; padding-top: 150px; margin: auto; color: #000000; text-align: center; } [data-popup-trigger-main="delivery"].close .message--trigger__thank, [data-popup-trigger-main="letter"].close .message--trigger__thank, [data-popup-trigger-main="call"].close .message--trigger__thank { font-family: 'Forum', cursive; font-size: 32px; font-weight: 400; margin: 0; } [data-popup-trigger-main="delivery"].close .message--trigger__info, [data-popup-trigger-main="letter"].close .message--trigger__info, [data-popup-trigger-main="call"].close .message--trigger__info { margin: 0; font-size: 18px; font-weight: 300; } [data-popup-trigger-main="delivery"].close [data-popup-form], [data-popup-trigger-main="letter"].close [data-popup-form], [data-popup-trigger-main="call"].close [data-popup-form] { display: none; } /* letter */ [data-popup-trigger-main="letter"] { bottom: -178px; height: 450px; } [data-popup-trigger-main="letter"].close .message--trigger { padding-top: 170px; } /* call */ [data-popup-trigger-main="call"] { bottom: -86px; height: 269px; } [data-popup-trigger-main="call"].close .message--trigger { padding-top: 90px; } /* -------- ------ -- ------ ------ ------- ------ -- -- -- -- -- -- -- -- -- -- ------ -- -- --- -- --- ----- ------ -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- ------ ------ ------- -- -- */ .trigger { position: absolute; z-index: 1000; top: 54px; right: -198px; width: 163px; height: 444px; text-align: center; color: #000000; font-size: 15px; font-weight: 300; background: #ffffff; border: 1px solid #d2d2d2; box-shadow: 0 -6px 0 0 #005fa1; -webkit-transition: top .3s; transition: top .3s; } .trigger > * { margin-left: auto; margin-right: auto; } .trigger__title { font-weight: 600; text-transform: uppercase; } .trigger__description b { font-weight: 400; } .trigger__info { position: relative; width: 90px; padding: 12px 0 18px; } .trigger__info b { font-weight: 400; } .trigger__info:before, .trigger__info:after { content: ''; position: absolute; left: 0; right: 0; margin: auto; width: 50px; height: 1px; } .trigger__info:before { top: 0; background-color: #d2d2d2; } .trigger__info:after { bottom: 0; background-color: grey; } .trigger__more { width: 130px; } .trigger__more b { font-weight: 400; } .trigger__delivery { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 14px 0 19px; } .trigger__delivery p { margin: 0; font-weight: 400; } .trigger__delivery span { display: block; color: grey; margin-top: 3px; font-size: 13px; } .trigger__delivery button { width: 109px; height: 27px; margin-top: 14px; color: white; font-size: 13px; background-color: #005fa1; border: none; } .trigger__contact { font-weight: 300; } .contact__letter { text-align: left; } .contact__letter img { width: 22px; height: 16px; } .contact__letter b { display: inline-block; vertical-align: middle; margin-left: 4px; width: 30px; text-align: center; } .contact__letter span { display: inline-block; vertical-align: middle; } .contact__call { text-align: left; margin-top: 4px; } .contact__call img { width: 16px; height: 24px; } .contact__call b { display: inline-block; vertical-align: middle; margin-left: 4px; width: 30px; text-align: center; } .contact__call span { display: inline-block; vertical-align: middle; } .trigger { -webkit-transition: right .3s; transition: right .3s; } .trigger__open { display: none; padding: 12px 10px 15px; position: absolute; right: 164px; top: -7px; background: #005fa1; cursor: pointer; } .trigger__open:before { content: 'Îòêðûòü'; display: inline-block; margin-bottom: .6rem; color: #fff; font-size: 12px; font-weight: 400; text-transform: uppercase; } .trigger__open img { -webkit-transition: all .3s; transition: all .3s; } @media screen and (max-width: 1620px) { .trigger { position: fixed; top: 185px; right: -165px; } .trigger.open { right: 0; } .trigger.open .trigger__open:before { content: 'Çàêðûòü'; } .trigger.open .trigger__open img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .trigger__open { display: block; } } .js-header-popup { bottom: auto !important; } .js-footer-popup { /* top: auto !important;*/ } /* edit120117 */ .list-line li { vertical-align: top; } .information__title { min-height: 44px; } .lg-backdrop { background-color: rgba(0,0,0, 0.5); } .items__main li h3:not(.glossary__title) a { display: block; width: 100%; position: relative; min-height: 55px; max-height: 79px; overflow: hidden; margin-top: 10px; margin-bottom: 15px; color: black; font-size: 19px; font-weight: 400; text-align: center; } .items__main li h3:not(.glossary__title) a:after{ content: ''; position: absolute; height: 25px; bottom: 0; left: 0; right: 0; margin: auto; background: -webkit-linear-gradient(top, transparent, #fff ); background: linear-gradient(to bottom, transparent, #fff ); } .catalog__carousel .items__main h4 { min-height: 80px !important; } .catalog__carousel .items__main h4 a { display: block; margin: 10px auto 15px; color: #005fa1; position: relative; min-height: 55px; max-height: 80px; overflow: hidden; margin-top: 10px; margin-bottom: 15px; font-size: 17px; font-weight: 400; text-align: center; } .catalog__carousel .items__main h4 a:after{ content: ''; position: absolute; height: 25px; bottom: 0; left: 0; right: 0; margin: auto; background: -webkit-linear-gradient(top, transparent, #fff ); background: linear-gradient(to bottom, transparent, #fff ); } .items__main h4 a { display: block; margin: 10px auto 15px; color: #005fa1; position: relative; min-height: 55px; max-height: 80px; overflow: hidden; margin-top: 10px; margin-bottom: 15px; font-size: 17px; font-weight: 400; text-align: center; } .items__main h4 a:after{ content: ''; position: absolute; height: 25px; bottom: 0; left: 0; right: 0; margin: auto; background: -webkit-linear-gradient(top, transparent, #fff ); background: linear-gradient(to bottom, transparent, #fff ); } .product-card__info h2 { min-height: 45px; max-height: 45px; overflow: hidden; } #google_captcha { width: 293px; height: 76px; overflow: hidden; margin-left: 3px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #google_captcha .g-recaptcha { margin-left: -2px; } a.footer__phone--link, a.phone--link { cursor: default; } .product-card__view .lSSlideWrapper { display: table-cell; vertical-align: middle; width: 403px; height: 327px; background-color: transparent; } .product-card__view .lSSlideWrapper img { display: block; margin: auto; width: auto; height: auto; } .product-container #tabs_product .ui-tabs-panel * { max-width: 100%; white-space: normal; } .cabinet__main--private .private__data { height: auto; padding-bottom: 40px; min-height: 295px; max-height: none; } .data__block input, .data__block textarea { max-width: 285px; } .cabinet__main--private .private__data .data__block span:first-child { min-width: 140px; } .glossary .glossary__text, .glossary .glossary__title, .glossary .glossary__text a, .product-card__info, .product-card__info p, .product-main ul, .product-card__info li, .product-card__info a, #tabs_product .ui-tabs-panel, #tabs_product .ui-tabs-panel p, #tabs_product .ui-tabs-panel ul, #tabs_product .ui-tabs-panel li, #tabs_product .ui-tabs-panel a { line-height: 1.5; } /* .sidebar .sidebar__nav * { -webkit-transition-property: none !important; transition-property: none !important; -webkit-animation-name: none !important; animation-name: none !important; } */ .glossary__main .category__section { line-height: 1.5; } .glossary__main .category__section h2 { line-height: 1.2; } .category__main .search__main, .product-container .search__main { margin-left: 0; } .category__main .search__main .justify-box, .product-container .search__main .justify-box, .main__items .justify-box, .category__section .justify-box { text-align: left; } .category__main .search__main:after, .product-container .search__main:after, .main__items .justify-box:after, .category__section .justify-box:after { display: none; } .category__main .search__main #tabs_search .justify-box li:not(:nth-child(3n)), .product-container .search__main #tabs_search .justify-box li:not(:nth-child(3n)), .category__section #tabs .items__main.justify-box li:not(:nth-child(3n)), .category__section #tabs_new .items__main.justify-box li:not(:nth-child(3n)) { margin-right: 54px; } .lg-toolbar .lg-download { display: none; } .preview_text { position: relative; overflow: hidden; box-sizing: border-box; min-height: 56px; padding-bottom: 25px; -webkit-transition: height .3s; -moz-transition: height .3s; -ms-transition: height .3s; -o-transition: height .3s; transition: height .3s; } .preview_text:after{ content: ''; position: absolute; height: 58px; bottom: 0; left: 0; right: 0; margin: auto; background: -webkit-linear-gradient(top, transparent, #fff ); background: linear-gradient(to bottom, transparent, #fff ); } .js-seeall--preview { position: absolute; z-index: 10; bottom: 0; right: 0; height: 24px; padding-left: 10px; margin-left: 15px; background-color: transparent; border: 1px solid; color: #005fa1; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; text-transform: lowercase; cursor: pointer; border-color: transparent #005fa1 #005fa1 transparent; border-radius: 5px 0 5px 0; outline: none !important; } .product-card__new-price { height: 58px; } .product-card__old-price { height: 26px; } .main__items a.seeall { width: 100%; } .active-bg~.ui-accordion-header:before { display: none !important; } .pagilist__list, .pagilist__list--in { padding-left: 0; } .product-card__view .lSSlideWrapper { max-width: 403px !important; } .lSSlideOuter .lSPager.lSGallery { margin-top: 20px !important; } .product-card__btn--one { width: 140px; } /* End */ /* Start:/bitrix/templates/.default/libs/nivo-slider/css/animate.css?148632081675215*/ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpMenu { 0% { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpMenu { 0% { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutSlide { 0% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 100% { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } } @keyframes zoomOutSlide { 0% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 100% { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } } .zoomOutSlide { -webkit-animation-name: zoomOutSlide; animation-name: zoomOutSlide; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes zoomInBottomRight { 0% { opacity: 0; -webkit-transform: scale(.1) translate(1000px,500px); transform: scale(.1) translate(1000px,500px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(1.1) translateX(-48px); transform: scale(1.1) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInBottomRight { 0% { opacity: 0; -webkit-transform: scale(.1) translate(1000px,500px); -ms-transform: scale(.1) translate(1000px,500px); transform: scale(.1) translate(1000px,500px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(1.1) translateX(-48px); -ms-transform: scale(1.1) translateX(-48px); transform: scale(1.1) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInBottomRight { -webkit-animation-name: zoomInBottomRight; animation-name: zoomInBottomRight; } /* End */ /* Start:/bitrix/templates/.default/libs/nivo-slider/css/nivo-slider-theme.css?14863208166802*/ /* * jQuery Nivo Slider v3.1 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; } .nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; } /* The slices and boxes in the Slider */ .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; } .nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; } .nivo-box img { display: block; } /* Caption styles */ .nivo-caption { bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; z-index: 8; margin: 0 auto; } .nivo-html-caption { display: none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position: absolute; top: 35%; z-index: 9; cursor: pointer; } .nivo-prevNav { left: -25px; } .nivo-nextNav { right: -25px; } .nivo-prevNav img, .nivo-nextNav img { right: 0; margin: auto; bottom: 0; } .nivo-prevNav, .nivo-nextNav { display: inline-block; font-size: 30px; height: 70px; width: 40px; padding: 20px; -webkit-transition: all 900ms ease-in; -moz-transition: all 900ms ease-in; -ms-transition: all 900ms ease-in; -o-transition: all 900ms ease-in; transition: all 900ms ease-in; } .nivo-prevNav:hover, .nivo-nextNav:hover { /*color: #fff;*/ } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { bottom: 0; left: 0; position: absolute; right: 0; text-align: center; z-index: 9; } .nivo-controlNav a { background: none repeat scroll 0 0 #fff; cursor: pointer; display: inline-block; height: 10px; margin: 0 2px; text-indent: -999em; width: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border: 1px solid transparent; -webkit-transition: all 900ms ease; -moz-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; } .nivo-controlNav a:hover, .nivo-controlNav a.active { font-weight: bold; border: 1px solid #626063; } /* Info */ .nivo-caption p { padding: 0; margin: 0; } .nivo-caption .title { opacity: 0; z-index: 10; color: @black; font-size: 32px; } .nivo-caption .title p { font-weight: 400; } .nivo-caption .lab_caption { opacity: 0; position: relative; z-index: 10; font-size: 24px; } .nivo-caption .description p { opacity: 0; z-index: 10; font-size: 28px; } .nivo-caption .description h5 { opacity: 0; } /* ----- */ .nivo-caption .lab_description { position: absolute; top: 97px; } .nivo-caption .lab_description.left { left: 76px; text-align: right; } .nivo-caption .lab_description.center { left: 0; right: 0; text-align: center; } .nivo-caption .lab_description.right { right: 0; text-align: left; } /* LAB */ #lab-slideshow, .lab-nivoSlideshow { position: relative; z-index: 8; overflow: hidden; } #lab-slideshow { opacity: 0; } #lab-slideshow.nivoSlider { opacity: 1; } .lab_description.right.active .title, .lab_description.left.active .title, .lab_description.center.active .title { opacity: 1; -webkit-animation: zoomIn 900ms ease-in-out; -moz-animation: zoomIn 900ms ease-in-out; -ms-animation: zoomIn 900ms ease-in-out; animation: zoomIn 900ms ease-in-out; } .lab_description.right.active .lab_caption, .lab_description.left.active .lab_caption, .lab_description.center.active .lab_caption { opacity: 1; -webkit-animation: zoomIn 1400ms ease-in-out; -moz-animation: zoomIn 1400ms ease-in-out; -ms-animation: zoomIn 1400ms ease-in-out; animation: zoomIn 1400ms ease-in-out; } .lab_description.right.active .description p, .lab_description.left.active .description p, .lab_description.center.active .description p { opacity: 1; -webkit-animation: zoomIn 1800ms ease-in-out; -moz-animation: zoomIn 1800ms ease-in-out; -ms-animation: zoomIn 1800ms ease-in-out; animation: zoomIn 1800ms ease-in-out; } .lab_description.right.active .description h5, .lab_description.left.active .description h5, .lab_description.center.active .description h5 { opacity: 1; -webkit-animation: zoomIn 2000ms ease-in-out; -moz-animation: zoomIn 2000ms ease-in-out; -ms-animation: zoomIn 2000ms ease-in-out; animation: zoomIn 2000ms ease-in-out; } .lab_description.left.active .readmore, .lab_description.right.active .readmore, .lab_description.center.active .readmore { opacity: 1; -webkit-animation: zoomIn 2300ms ease-in-out; -moz-animation: zoomIn 2300ms ease-in-out; -ms-animation: zoomIn 2300ms ease-in-out; animation: zoomIn 2300ms ease-in-out; } /* myfirst */ @-webkit-keyframes myfirst { from { width: 0; } to { width: 100%; } } @-moz-keyframes myfirst { from { width: 0; } to { width: 100%; } } @keyframes myfirst { from { width: 0; } to { width: 100%; } } /* timeline */ .timeline { z-index: 10; } .timeline.lab_hover { -webkit-animation-play-state: paused !important; animation-play-state: paused !important; } .lab-nivoSlideshow { clear: both; } .nivo-caption .lab_description.even { text-align: center; } /* media */ /* @media (min-width: 991px) and (max-width: 1170px) { .nivo-caption { width: 940px; } .nivo-caption .title { font-size: 35px; line-height: 35px; margin-bottom: 15px; } .nivo-caption .lab_caption { font-size: 20px; line-height: 20px; margin-bottom: 15px; } .nivo-caption .description p { font-size: 16px; line-height: 16px; } .nivo-caption .readmore a { font-size: 11px; padding: 8px 15px; } } @media (min-width: 768px) and (max-width: 991px) { .nivo-caption { width: 750px; } .nivo-caption .title { font-size: 25px; line-height: 25px; margin-bottom: 15px; } .nivo-caption .lab_caption { font-size: 15px; line-height: 15px; margin-bottom: 15px; } .nivo-caption .description p { font-size: 14px; line-height: 14px; } .nivo-caption .readmore { line-height: 30px; padding-top: 0; } .nivo-caption .readmore a { font-size: 11px; padding: 8px 15px; } } @media (max-width: 767px) { .nivo-caption { display: none !important; } } */ /* End */ /* Start:/bitrix/templates/.default/libs/jquery-ui/jquery-ui.css?148632081638120*/ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity=0) /* support: IE8 */; } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: 0.125em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; /* width: 240px; */ cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .7em 1.6em .5em .0em; padding-left: 22px; /* forj */ /* border-top: 1px solid #f1f1f1; */ font-size: 14px /* font-weight: 400; */; } .ui-accordion .ui-accordion-header:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 250px; height: 1px; margin: auto; background-color: #f1f1f1; } .ui-accordion-header + .ui-accordion-content > .ui-accordion-header { padding-left: 44px; } .ui-accordion-header + .ui-accordion-content > p { position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .0em; padding-left: 66px; /* forj */ /* border-top: 1px solid #f1f1f1; */ font-size: 14px /* font-weight: 400; */ } .ui-accordion-header + .ui-accordion-content > p:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 240px; height: 1px; margin: auto; background-color: #f1f1f1; } .ui-accordion-header-icon { float: right; /* position: relative; */ /* left: 10px; */ background-image: url('/bitrix/templates/.default/libs/jquery-ui/../../img/arr-left-menu.png'); } .ui-accordion-header { box-shadow: none !important; outline: none; } .ui-accordion .ui-accordion-content { /* padding: 1em 2.2em; */ border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc(97.6%); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; /* font-weight: bold; */ border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; /* font-weight: bold; */ line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ /* padding: .2em; */; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; /* padding: .5em 1em; */ text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a { /* margin-bottom: -1px; */ /* padding-bottom: 1px; */ text-decoration: underline; outline: none !important; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; /* padding: 1em 1.4em; */ background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { /* font-family: Arial,Helvetica,sans-serif; */ font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { /* font-family: Arial,Helvetica,sans-serif; */ font-size: 1em; } .ui-widget.ui-widget-content { /* border: 1px solid #c5c5c5; */ } .ui-widget-content { /* border: 1px solid #dddddd; */ /* background: #ffffff; */ color: #000; } .ui-widget-content a { /* color: #333333; */ } .ui-widget-header { /* border: 1px solid #dddddd; */ /* background: #e9e9e9; */ /* color: #333333; */ /* font-weight: bold; */ } .ui-widget-header a { /* color: #333333; */ } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { /* border: 1px solid #c5c5c5; */ /* background: #f6f6f6; */ /* font-weight: normal; */ /* color: #454545; */ } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #000 !important; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { /* border: 1px solid #cccccc; */ /* background: #ededed; */ /* font-weight: normal; */ /* color: #2b2b2b; */ } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { /* color: #2b2b2b; */ text-decoration: none; } .ui-visual-focus { /*box-shadow: 0 0 3px 1px rgb(94, 158, 214);*/ } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { /* border: 1px solid #003eff; */ /* background: #007fff; */ /* font-weight: normal; */ color: #000000 /* text-decoration: underline; */; } .ui-icon-background, .ui-state-active .ui-icon-background { /*border: #003eff;*/ background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000; text-decoration: underline; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { /* font-weight: bold; */ } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: alpha(opacity=70) /* support: IE8 */ /* font-weight: normal; */; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: alpha(opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: alpha(opacity=35) /* support: IE8 - See #6059 */; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } /* .ui-icon, .ui-widget-content .ui-icon { background-image: url("/bitrix/templates/.default/libs/jquery-ui/images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/bitrix/templates/.default/libs/jquery-ui/images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/bitrix/templates/.default/libs/jquery-ui/images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/bitrix/templates/.default/libs/jquery-ui/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/bitrix/templates/.default/libs/jquery-ui/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/bitrix/templates/.default/libs/jquery-ui/images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/bitrix/templates/.default/libs/jquery-ui/images/ui-icons_777777_256x240.png"); } */ /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: 10% 50%; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: 10% 50%; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: alpha(opacity=30) /* support: IE8 */; } .ui-widget-shadow { box-shadow: 0px 0px 5px #666666; } /* End */ /* Start:/bitrix/templates/.default/components/bitrix/sale.basket.basket.line/header_cart/style.min.css?14863208143569*/ .bx-basket-block{font-size:12px;padding-bottom:5px;white-space:nowrap;position:relative;padding-left:20px}.bx-basket-block>.fa{color:#97a1ab;width:12px;position:absolute;left:0;top:3px}.bx-basket-block a{color:#039be5;border-bottom:1px dashed;margin-right:10px}.bx-basket-block a:hover{text-decoration:none;border-bottom-color:transparent}@media(min-width:768px){.bx-basket-fixed{width:200px;position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden;bottom:0;left:0;right:0}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;padding-bottom:20px;border-top:1px solid #f7f7f7;overflow:hidden}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;bottom:0;left:0;right:0}.bx-closed .bx-basket-item-list{height:20px;overflow:hidden}.bx-basket-item-list-action{cursor:pointer;background:#f7f7f7;position:absolute;bottom:0;right:0;left:0;z-index:120;height:20px;line-height:14px;vertical-align:middle;text-align:center;font-size:12px;color:#4f4f4f;padding:3px 0}.bx-basket-item-list-button-container{text-align:center;position:absolute;bottom:20px;border-top:1px solid #f7f7f7;padding:10px 0;background:#fff;left:0;right:0}.bx-basket-item-list-button-container a.btn{color:#ddd;text-decoration:none}.bx-basket-item-list-button-container a.btn:hover,.bx-basket-item-list-button-container a.btn:active{color:#fff}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{padding-top:15px;position:relative;padding-right:10px;padding-left:10px;margin-bottom:15px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{border-bottom:0;margin-bottom:0}.bx-basket-item-list-item-status{font-weight:bold;padding:3px;background:#ebebeb;margin:0 10px 20px;line-height:16px;font-size:13px;border-radius:3px;text-align:center;white-space:normal}.bx-basket-item-list-item-img{text-align:center;position:relative;padding-bottom:5px}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;color:#3f3f3f;text-decoration:none;white-space:normal;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;right:10px;top:-7px;width:20px;height:20px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;opacity:.5}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;text-decoration:line-through;color:#b0b0b0}.bx_cart_login_top .bx-hdr-profile a{text-decoration:none}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/system.auth.form/header_form_login/style.min.css?1486320815424*/ div.bx-system-auth-form span.bx-auth-secure{background-color:#fffae3;border:1px solid #dedbc8;padding:2px;display:inline-block;vertical-align:bottom;margin-top:-1px}div.bx-system-auth-form div.bx-auth-secure-icon{background-image:url(/bitrix/templates/.default/components/bitrix/system.auth.form/header_form_login/images/sec.png);background-repeat:no-repeat;background-position:center;width:19px;height:18px}div.bx-system-auth-form div.bx-auth-secure-unlock{background-image:url(/bitrix/templates/.default/components/bitrix/system.auth.form/header_form_login/images/sec-unlocked.png)} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/menu/footer_menu_new/style.min.css?1486320815490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/footer_menu_new/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/sale.basket.basket.line/oneclick_cart/style.min.css?14863208143569*/ .bx-basket-block{font-size:12px;padding-bottom:5px;white-space:nowrap;position:relative;padding-left:20px}.bx-basket-block>.fa{color:#97a1ab;width:12px;position:absolute;left:0;top:3px}.bx-basket-block a{color:#039be5;border-bottom:1px dashed;margin-right:10px}.bx-basket-block a:hover{text-decoration:none;border-bottom-color:transparent}@media(min-width:768px){.bx-basket-fixed{width:200px;position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden;bottom:0;left:0;right:0}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;padding-bottom:20px;border-top:1px solid #f7f7f7;overflow:hidden}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;bottom:0;left:0;right:0}.bx-closed .bx-basket-item-list{height:20px;overflow:hidden}.bx-basket-item-list-action{cursor:pointer;background:#f7f7f7;position:absolute;bottom:0;right:0;left:0;z-index:120;height:20px;line-height:14px;vertical-align:middle;text-align:center;font-size:12px;color:#4f4f4f;padding:3px 0}.bx-basket-item-list-button-container{text-align:center;position:absolute;bottom:20px;border-top:1px solid #f7f7f7;padding:10px 0;background:#fff;left:0;right:0}.bx-basket-item-list-button-container a.btn{color:#ddd;text-decoration:none}.bx-basket-item-list-button-container a.btn:hover,.bx-basket-item-list-button-container a.btn:active{color:#fff}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{padding-top:15px;position:relative;padding-right:10px;padding-left:10px;margin-bottom:15px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{border-bottom:0;margin-bottom:0}.bx-basket-item-list-item-status{font-weight:bold;padding:3px;background:#ebebeb;margin:0 10px 20px;line-height:16px;font-size:13px;border-radius:3px;text-align:center;white-space:normal}.bx-basket-item-list-item-img{text-align:center;position:relative;padding-bottom:5px}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;color:#3f3f3f;text-decoration:none;white-space:normal;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;right:10px;top:-7px;width:20px;height:20px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;opacity:.5}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;text-decoration:line-through;color:#b0b0b0}.bx_cart_login_top .bx-hdr-profile a{text-decoration:none}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} .catalog-unit { float: left; width: 280px; height: 282px; text-align: center; -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; border:1px solid #005fa1; } .catalog-unit-img{ display:table; width: 280px; height:220px; } .catalog-unit-img div{ display:table-cell; vertical-align:middle; text-align:center } .catalog-unit a { display: block; padding: 0 6px; font-size: 20px; color: #000000; text-decoration: none; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; text-transform:uppercase; } .catalog-unit-img img{ width: 190px; } .catalog-unit a.title{ max-width: 180px; margin: auto; } .block_title{ height: 48px; display: table-cell; width: 282px; vertical-align: middle; } .catalog-unit:not(:nth-child(3n)) { border-right: 0px; border-bottom:0px; } .catalog-unit:nth-child(3n) { border-bottom:0px; } .catalog-unit:nth-child(7n), .catalog-unit:nth-child(8n), .catalog-unit:nth-child(9n), .catalog-unit:nth-child(10n){ border-bottom:1px solid #005fa1; } .catalog-unit:last-child{ border-bottom:1px solid #005fa1; border-right: 1px solid #005fa1; border-top:0px; } .sidebar__nav { border: 1px solid #005fa1; } .ui-accordion .ui-accordion-header:before { background-color: #005fa1; } .block_price, form.tovar-quant{ display: table-cell; vertical-align: bottom; } .block_price{ padding-left: 20px; position: relative; top: 15px; } .product-card__btn--one{ background-color: #ffc416; border: 1px solid #ffc416; } .product-config { margin: 20px 0 10px; } .product-config h5 { margin-bottom: 12px; color: #585858; font-size: 16px; font-weight: 500; } .tovar-slider-config { position: relative; } .tovar-props-slider { width: 429px; overflow: hidden; } /* .tovar-props-slider ul { width: 99999em; position: relative; }*/ .tovar-props-slider li { float: left; width: 60px; height: 60px; margin: 0 12px 0 0; border: 1px solid #fff; cursor: pointer; -webkit-transition: border 0.3s ease; -moz-transition: border 0.3s ease; -o-transition: border 0.3s ease; -ms-transition: border 0.3s ease; transition: border 0.3s ease; } .tovar-props-slider li,.tovar-tabs-color ul li{ list-style:none; } .tovar-props-slider li:first-child { margin-left: 0; } .tovar-props-slider li input { display: none; } .tovar-props-slider li label { display: table-cell; width: 59px; height: 59px; vertical-align: middle; text-align: center; cursor: pointer; } .tovar-props-slider .tovar-color li.active label{ position: relative; } .tovar-props-slider .tovar-color li.active label:after, .tovar-color li.choose label:after { content: ''; position: absolute; top: 33%; left: 33%; margin-left: -18px; margin-top: -18px; width: 55px; height: 55px; background: url(/bitrix/templates/.default/salon/img/checkconfig.png) no-repeat; -webkit-transition: opacity 0.3s ease, visible 0.3s ease; -moz-transition: opacity 0.3s ease, visible 0.3s ease; -o-transition: opacity 0.3s ease, visible 0.3s ease; -ms-transition: opacity 0.3s ease, visible 0.3s ease; transition: opacity 0.3s ease, visible 0.3s ease; } .tovar-color li.choose label:after{ top: 22%; left: 40%; } .tovar-tab.tovar-tabs-color li { border: 1px solid #fff; position: relateve; } .tovar-tabs-color ul li { float: left; width: 88px; margin-right: 5px; position: relative; cursor: pointer; margin-bottom: 10px; box-sizing: content-box; text-align: center; } .tovar-tabs-color ul li label { display: inline-block; width: 120px; height: 120px; box-sizing: content-box; border: 0px solid #fff; } .tovar-color-name { text-align: left; font-size: 14px; } .tovar-color-name span { display: block; text-align: left; margin-top: -2px; font-size: .96em; line-height: 17px; } .product-card__view .lSSlideOuter { box-sizing: border-box; /*height: 325px;*/ } /* vertical */ .lSSlideOuter.vertical { position: relative; padding-left: 90px; padding-right:0px !important; } .lSSlideOuter.vertical.noPager { padding-right: 0px !important; } .lSSlideOuter.vertical .lSGallery { position: absolute !important; left: 0; top: 0; } .lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; } .lSGallery li{ height: 77px !important; margin-bottom: 2px !important; } /* vertical controlls */ .lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; } .lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; } .lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; } /* vertical */ .lSSlideOuter .lSAction > a.lSPrev { top: 325px !important; height: 15px; background-repeat: no-repeat; background-position: center; background-image: url(/bitrix/templates/.default/salon/img/right-arr.png) !important; left:-50px !important; background-position: center!important; } .lSSlideOuter .lSAction > a.lSNext { top: -20px !important; height: 32px; background-repeat: no-repeat; background-position: center; background-image: url(/bitrix/templates/.default/salon/img/leftt-arr.png) !important; left:-50px !important; background-position: center!important; } .lSSlideOuter .lSPager.lSGallery { margin-top: 5.5px !important; } .imageGallery_wrap{ height:325px; overflow:hidden; } .lSSlideOuter { overflow: visible !important; } .lSPager_wrap{ overflow: hidden; margin-left: 5px; width: 75px; transition-duration: 400ms; height: 327px; position: absolute !important; left: 0; top: 0; } .product-container .product-view--mix .tovar-choice { display: iblock; max-width: 1422px; width: 100%; margin-top: 20px; background: #fff; border: 1px solid #00aea0; } .product-container .product-view--mix .tovar-choice .header-choice { padding: 5px 0 2px 0px; margin: 0 10px 0; display: block; font-size: 17px; line-height: 26px; } .product-container .product-view--mix .tovar-choice .header-choice article{ font-size: .93em; } .product-container .product-view--mix .tovar-choice ul { padding: 10px; zoom: 1; padding-top: 0px; padding-bottom: 0px; margin: 2px; margin-top: 10px; } .product-container .product-view--mix .tovar-choice ul li { display: inline-block; width: 84px; height: 84px; text-align: center; margin-bottom: 0; margin-right: 15px; font-size: 16px; color: #716b6c; position: relative; list-style:none; float:none; } .product-container .product-view--mix .tovar-choice ul li div { width: 84px; height: 84px; display: table-cell; vertical-align: middle; text-align: center; } .tovar-tabs-color ul.tovar-color li.active { float: left !important; width: 120px !important; margin-right: 7px !important; position: relative !important; cursor: pointer !important; margin-bottom: 10px !important; box-sizing: content-box !important; text-align: center !important; list-style:none !important; clear:none !important; min-height:180px; } .tovar-tabs-color ul.tovar-color{ padding: 0; text-indent: 0; } .product-container #tabs_product .tovar-tabs-color.ui-tabs-panel{ padding: 0 !important; } .tovar-tabs-color ul.tovar-color li.choose label:after { content: ''; position: absolute; top: 29%; left: 34%; margin-left: -18px; margin-top: -18px; width: 55px; height: 55px; background: none; -webkit-transition: opacity 0.3s ease, visible 0.3s ease; -moz-transition: opacity 0.3s ease, visible 0.3s ease; -o-transition: opacity 0.3s ease, visible 0.3s ease; -ms-transition: opacity 0.3s ease, visible 0.3s ease; transition: opacity 0.3s ease, visible 0.3s ease; } input[type="radio"]:focus{ outline: 0px solid #000 !important; outline-offset: 0 !important; } input:focus{ background-color: unset !important; outline: 0px solid #000 !important; outline-offset: 0 !important; } .boxChecked:checked { background-position: 0 -31px; top: -2px; } .boxChecked { background: url(/local/templates/aspro_max2/images/checkbox.png); height: 30px; width: 30px; -webkit-appearance: none; cursor: pointer; border: 0px; position: absolute; margin-right: 10px; left: 5px; } ul.props{ list-style: none; } ul.props li { margin-bottom: 10px; line-height: 1.5; clear: both; } ul.props li span { float: left; width: 168px; font-size: 13px; color: #777777; } ul.props li em { float: right; width: 228px; font-size: 13px; color: #777777; font-style: normal; } .category__section h1.title { /*padding: 35px 0 7px 0;*/ padding: 18px 0 7px 0; margin: 0; color: #005fa1; font-size: 20px; font-weight: 400; text-transform: uppercase; /* border-bottom: 4px solid #44061c;*/ max-width: 550px; } .category__filter { /* position: absolute;*/position: relative; /* top: 70px;*/ /*top: 53px;*/ top: 33px; left: 0; z-index: 5; width: 100%; margin-top: -35px; border-top: 3px solid #005fa1; } h3.active-bg a { color: #fff !important; display:block; } h3.active-bg span { color: #005fa1 !important; background-image:none; } h3.without_arrow a { display:block; font-weight: 700; } h3.without_arrow span { background-image:none; display:none; } h3.without_arrow a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 250px; height: 1px; margin: auto; background-color: #f1f1f1; background-color: #005fa1; } form#callback{ padding-top: 59px; } .product-container h2.title_recom_product{ font-family: 'Open Sans', sans-serif; } .catalog__section .section--border { border-bottom: 1px solid #005fa1; padding-bottom: 20px; margin-bottom: 20px; } .catalog__section .section--border h3{ font-weight: 700; } .catalog__section .section--border h3 a{ color: #000 !important; text-decoration:none; } #imageGallery li img{ cursor:pointer; } ul:not([id*="bx_"]) > li:before { content: none !important; } .product-info.product-info--type2 .product-detail-gallery__slider.thmb.product-detail-gallery__slider--vertical.m-photo { left: -106px; } .tab-content { max-width: 1422px; } .bx_item_detail .bx_fwb{font-weight:bold} @media (max-width:1419px){ .product-container .product-view--mix .tovar-choice { } .product-view .tab-content { } } @media (max-width: 992px){ .right_block.wide_N, .right_block.wide_, .catalog_page.wide_N .section-content-wrapper, .catalog_page .section-content-wrapper.with-leftblock { float: right; width: calc(100%); position: relative; } .product-container { width: calc(90%); margin-right: 10px; } } @media (min-width: 768px) { .product-container .product-view--mix .product-detail-gallery { width: 40%; padding-right: 39px; } .product-view--mix .product-main { flex-basis: 60%; } } @media (max-width: 440px){ .product-container { width: calc(97%); margin-right: 10px; margin-left: 10px; } body .product-view--mix .product-main { width: calc(100%); } .tovar-props-slider { width: calc(100%); } .product-container #tabs_product .ui-tabs-panel ul li{ width: 60px !important; min-height: 80px; } .product-container #tabs_product .ui-tabs-panel span{ height: 68px; overflow: hidden; } .tovar-tabs-color ul li label { display: inline-block; width: 60px; height: 60px; box-sizing: content-box; border: 0px solid #fff; } } .product-container .product-view--mix .ordered-block.js-store-scroll { display: flow-root; margin-bottom: 0; } /* End */ /* Start:/local/templates/aspro_max2/components/bitrix/sale.gift.main.products/main/style.min.css?1716739916604*/ .bx_item_list_title{font-weight:bold;color:#000;background:#ebf4f8;vertical-align:middle;height:38px;text-align:center;line-height:38px;font-size:14px}.bx_sale_gift_main_products.bx_wood .bx_item_list_title{background:#ebf4f8}.bx_sale_gift_main_products.bx_red .bx_item_list_title{background:#fbf1f0}.bx_sale_gift_main_products.bx_green .bx_item_list_title{background:#f2fbea}.bx_sale_gift_main_products.bx_blue .bx_item_list_title{background:#ebf4f8}.bx_sale_gift_main_products.bx_black .bx_item_list_title{background:#f1f4f7}.bx_sale_gift_main_products.bx_yellow .bx_item_list_title{background:#fbf7db} /* End */ /* Start:/local/templates/aspro_max2/components/bitrix/menu/left_front_catalog/style.min.css?17167399161261*/ body .catalog_icons_Y .menu_top_block.catalog_block .dropdown>li.full>a{padding:11px 40px 11px 14px}.catalog_icons_Y .menu_top_block.catalog_block .dropdown>li.full>a{background:#fff}.menu_top_block.catalog_block .dropdown>li>a .image{display:table-cell}.menu_top_block.catalog_block .dropdown>li>a .image img{width:30px}.menu_top_block.catalog_block .dropdown>li>a .image+.name{padding-left:13px;display:table-cell;vertical-align:middle;padding-bottom:1px}.menu_top_block.catalog_block .opened>a .svg.svg-inline-down{transform:rotate(180deg)}.menu_top_block.catalog_block li.v_bottom.current .dropdown,.menu_top_block.catalog_block li.v_bottom:hover .dropdown{background:#fafafa}body .menu_top_block.catalog_block .menu li.v_bottom.full>.dropdown{padding:0 0 16px}.menu_top_block.catalog_block .dropdown>li.full.v_bottom>.dropdown>li>a{padding-right:10px}.menu_top_block.catalog_block .dropdown>li.full.v_bottom>.dropdown>li>a .svg{top:3px;right:-7px}.menu_top_block.catalog_block .dropdown>li.full.v_bottom>.dropdown>li>a .toggle_block{right:-16px}.menu_top_block.catalog_block .v_hover.full>a .svg{transform:none}.menu_top_block.catalog_block .v_hover.full .dropdown a .svg{display:none}.block_side_WIDE .menu_top_block.catalog_block .full>a .svg{right:13px} /* End */ /* /local/templates/aspro_max2/components/bitrix/catalog/main/style.min.css?171986780947847 */ /* /local/templates/aspro_max2/components/bitrix/catalog.element/main4/style.css?1722255525274889 */ /* /local/templates/aspro_max2/components/bitrix/sale.gift.main.products/main/style.min.css?1716739916604 */ /* /local/templates/aspro_max2/components/bitrix/menu/left_front_catalog/style.min.css?17167399161261 */