/* Start:/css/global-styles.css?1707764953602615*/ *, *:after, *:before { -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; } .ios, .ios *, .ios *:after, .ios *:before { cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { min-width : 320px; min-height : 100vh; font-family : Arial, Helvetica, sans-serif; font-size : 14px; line-height : 22px; color : #313131; } body.non-scrolled { overflow : hidden; } h1,h2,h3,h4,h5,h6 { margin-top : 0; padding-top : 0; } input[type='search']{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } a{ color: #326fbb; text-decoration: none; } h1, h2, h3, h4, h5{ color: #313131; font-family: 'Arial Narrow', sans-serif; font-weight: 700; } h1, .h1{ font-size: 36px; font-weight: 400; line-height: 38px; margin-bottom: 16px; margin-top: 10px; } h2, .h2{ font-size: 26px; line-height: 32px; margin-bottom: 16px; } h3, .h3{ font-size: 22px; line-height: 28px; margin-bottom: 18px; } h4, .h4{ font-size: 19px; line-height: 24px; margin-bottom: 11px; } h5, .h5{ font-size: 16px; line-height: 20px; margin-bottom: 8px; } h6, .h6{ font-size: 12px; line-height: 20px; margin-bottom: 6px; } small{ display: inline-block; font-size: 12px; line-height: 16px; } .table { display: table; table-layout: fixed; } .cell { display: table-cell; } .input[type='text'], .input[type='tel'], .input[type='password'] { border-radius : 3px; height : 40px; width : 100%; line-height : normal; padding : 9px 15px; background : #ffffff; border : 1px solid #c6c6c6; -webkit-box-shadow : inset 0 1px 5px rgba(0,0,0,0.25); box-shadow : inset 0 1px 5px rgba(0,0,0,0.25); -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; font-size : 14px; } .input:disabled { background : #f7f7f7; -webkit-box-shadow : none; box-shadow : none; } .input-with-preloader { display : inline-block; position : relative; } .input-with-preloader input { padding-right : 23px; } .input-with-preloader input.long-input-txt { width : 351px; } .input-with-preloader input.address-input-txt { width : 271px; } em.preloader { background : url(/images/loader-s.gif) no-repeat 0 1px; display : none; height : 18px; position : absolute; right : 5px; top : 4px; width : 18px; } .input-with-icon { position : relative; } .input-with-icon .svg-icon { position : absolute; color : #909090; left : 12px; top : 50%; margin-top : -8px; width : 16px; height : 16px; } .input-with-icon .input { padding-left : 40px; } .guideline_container { padding : 0 20px; } .guideline h1, .guideline .h1{ margin: 30px 0 16px; } .guideline h2, .guideline .h2{ margin: 30px 0 10px; } .guideline h3, .guideline .h3{ margin: 26px 0 10px; } .guideline h4, .guideline .h4{ margin: 26px 0 10px; } .guideline h5, .guideline .h5{ margin: 22px 0 10px; } .guideline h6, .guideline .h6{ margin: 20px 0 8px; } .guideline h1:not(.page-main__title):first-child, .guideline .h1:not(.page-main__title):first-child, .guideline h3:first-child, .guideline .h3:first-child, .guideline h4:first-child, .guideline .h4:first-child, .guideline h5:first-child, .guideline .h5:first-child, .guideline h6:first-child, .guideline .h6:first-child{ margin-top: 0; } .page-main ul:not([class]), .page-main ol:not([class]){ margin-bottom: 30px; } .page-main ul:not([class]) ul:not([class]), .page-main ol:not([class]) ol:not([class]), .page-main ul:not([class]) ol:not([class]), .page-main ol:not([class]) ul:not([class]){ margin-bottom: 0; margin-top: 5px; padding-left: 0; } .page-main ul:not([class]) li, .page-main ol:not([class]) li{ position: relative; padding-left: 20px; } .page-main ul:not([class]) li ul, .page-main ol:not([class]) li ol{ margin-bottom: 0; margin-top: 8px; padding-left: 0; } .page-main ul:not([class]) li{ padding-left: 12px; } .page-main ul:not([class]) li:not([style^='list-style']){ background: url(/images/cat_nav_dot.gif) 0 10px no-repeat; } .page-main ol:not([class]){ counter-reset: section; } .page-main ol:not([class]) li:before{ color: #257315; font-weight: 700; padding-left: 0; } .page-main ol:not([class]) li span{ color: #313131; display: block; font-weight: 400; } .page-main ol:not([class]) li ol{ margin-left: 34px; padding-left: 0; } .page-main ol:not([class]) > li:not([style^='list-style']):before{ content: counters(section, '.') '.'; counter-increment: section; left: 0; overflow: hidden; position: absolute; text-overflow: ellipsis; top: 0; white-space: nowrap; width: 19px; } .page-main ol:not([class]) > li span{ padding-left: 19px; } .page-main ol:not([class]) ol:not([class]) > li:before{ width: 30px; } .page-main ol:not([class]) ol:not([class]) > li span{ padding-left: 30px; } .page-main ol:not([class]) ol:not([class]) ol:not([class]) > li:before{ width: 40px; } .page-main ol:not([class]) ol:not([class]) ol:not([class]) > li span{ padding-left: 40px; } .guideline .banner{ margin-bottom: 27px; padding-top: 6px; position: relative; } .guideline .banner-text-wrapper{ height: 261px; margin-top: -261px; text-align: center; } .guideline .banner-text{ background: #ffffff; display: inline-block; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); height: 79px; margin: 67px auto; min-width: 432px; opacity: 0.9; overflow: hidden; padding: 25px 20px 28px; } .guideline .banner-text p{ color: #fd3223; margin-bottom: 0; } .guideline table tr th, .guideline table tr td{ border-bottom: 1px solid #c6c6c6; font-family: Arial, serif; line-height: 20px; padding: 14px 11px; } .guideline table tr th{ color: #767676; font-size: 12px; font-weight: 400; padding: 8px 11px 4px; text-align: left; } .guideline table tr td{ color: #313131; font-size: 14px; } .guideline table.cols td{ border-bottom: none; line-height: 22px; padding: 0 0 0 40px; } .guideline table.cols td img{ display: block; width: 100%; } .guideline table.cols[rel='2'] td{ padding-left: 20px; width: 50%; } .guideline table.cols[rel='2'] td:first-child{ padding-left: 0; padding-right: 20px; } .guideline table.cols[rel='3'] td{ padding: 0 20px; width: 33%; } .guideline .section-block{ padding-bottom: 18px; } .guideline .section{ padding-bottom: 30px; } .guideline .text-info{ width: 90%; } .guideline .photo-desc{ margin-top: 13px; text-align: center; } .guideline .table-block{ margin-bottom: 35px; } .guideline .table-wraper{ overflow: auto; max-width: 100%; } .guideline img { display : inline-block; vertical-align : middle; max-width : 100%; height : auto; } table, tr, td { border : 0 none; border-collapse : collapse; margin : 0; padding : 0; text-align : left; vertical-align : top; } h3 .num_list, h1 .num_list { color : #999999; font-size : 11px; font-weight: normal; margin-left : 8px; vertical-align : super; } .img { display : inline-block; vertical-align : middle; max-width : 100%; } .sidebar-header ul.cat_nav{ background: url(/images/cat_nav-left-bg.png) repeat-y 100% 0; border-top: 1px solid #f4f0cc; border-left: 1px solid #e8e8e8; display: none; list-style: none; margin: 0 1px 0 12px; padding: 0 5px 0 0; position: absolute; width: 214px; z-index: 100; } .sidebar-header ul.cat_nav > li{ background: url(/images/cat_nav_li-new.png) repeat-x scroll 0 0 #f2f2f2; border-top-style: none; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-left: 1px solid #fcfcfc; margin: 0; padding: 0; position: static; } .sidebar-header ul.cat_nav > li.active{ background: url(/images/nav-active-item.gif) repeat-x scroll 0 0 !important; border-left-style: none; } .sidebar-header ul.cat_nav > li:hover{ border-right: 1px solid #ffffff; } .sidebar-header ul.cat_nav > li.no_submenu:hover{ border-right: 1px solid #e8e8e8; } .sidebar-header ul.cat_nav > li > ul{ background: none; margin: 0; } .sidebar-header ul.cat_nav > li > ul > li{ background: url(/images/li-style.png) no-repeat 10px 0; border: none; margin: 0; padding: 0; } .breadcrumbs { margin-top : 20px; font-size : 12px; } .product-card .breadcrumbs { padding-top : 0; } .row_tp { padding : 0 20px; overflow : hidden; } .jcarousel-skin-tango .jcarousel-direction-rtl{ border-radius: 10px; direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal{ border-radius: 10px; height: 111px; margin: 0 auto; width: 98%; } .jcarousel-skin-tango .jcarousel-clip-horizontal{ border: 2px solid #cccccc; border-radius: 10px; height: 111px; width: 100%; } .jcarousel-skin-tango .jcarousel-item-horizontal{ background: none; height: 111px; margin-bottom: 1px; margin-left: 0; margin-top: 0; overflow: hidden; padding-left: 0; position: relative; width: 166px; } .jcarousel-skin-tango .jcarousel-next-horizontal{ background: url(/images/btnnext.png) 0 100% no-repeat; cursor: pointer; height: 32px; position: absolute; right: -25px; top: 32px; width: 33px; } .jcarousel-skin-tango .jcarousel-prev-horizontal{ background: url(/images/btnprev.png) 0 100% no-repeat; cursor: pointer; height: 33px; left: -9px; position: absolute; top: 32px; width: 32px; } .round_box_item ul li{ margin-top: 0; } .catalog_list_item .td_overlay:hover{ outline: #66a031 solid 0; } .catalog_list_item .td_overlay{ height: 247px; } .catalog_list ul li ul li{ background: url(/images/mlsq.gif) 0 5px no-repeat !important; list-style: none; margin-left: 0; margin-top: 10px; padding-left: 13px; } .list_content_item{ border-bottom: 1px solid #cccccc; padding: 0 20px; } .content-item__title{ padding: 9px 0 15px 0; width: 100%; margin: 0; } .section_top { padding : 0 20px 20px; } .section_top ul { -webkit-columns : 2; -moz-columns : 2; columns : 2; -webkit-column-gap : 20px; -moz-column-gap : 20px; column-gap : 20px; } .section_top ul li a { text-decoration : 1px dotted; } .content_item { padding-bottom : 20px; } .content_item ul { -webkit-columns : 3; -moz-columns : 3; columns : 3; -webkit-column-gap : 20px; -moz-column-gap : 20px; column-gap : 20px; } .content_item ul li { color : #004780; list-style : none; margin-bottom : 7px; position : relative; } .num_list { color : #999999; font-size : 10px; margin-left : 2px; } .content_item ul li a { line-height : 20px; } .round_box_item { height : 115px; margin : 15px 0 20px -8px; overflow : hidden; width : 100%; } table.catalog_list_item td .img_box { text-align : center; } .td_overlay .taste_change { margin : 20px 0 0; } .no-touch .catalog_table__item:hover .td_overlay { position : relative; box-shadow: 0 0 0 1px #66a031;; z-index : 1; } .img_opasity a { background : url(/images/img_opasity.png) 0 0 repeat-x; height : 41px; margin-top : -41px; position : absolute; width : 100%; } .image_link:hover{ color: #313131; text-decoration: none; } .pagination-section{ margin: 30px 0; padding: 0; background: #e7e7e7; } .pagination-section .pagination-list{ padding: 20px 0; } .pagination-list{ font-size: 0; text-align: center; } .pagination-list__item{ display: inline-block; vertical-align: middle; } .pagination-list__item .next, .pagination-list__item .prev{ display: inline-block; vertical-align: middle; font-size: 16px; } .pagination-list__item .next > *, .pagination-list__item .prev > *{ vertical-align: middle; } .pagination-list__item .next > span, .pagination-list__item .prev > span{ display: inline-block; margin: 0 5px; } .pagination-item-link{ display: block; width: 40px; height: 28px; line-height: 28px; font-size: 16px; text-align: center; } .pagination-list__item.active > .pagination-item-link{ background: -webkit-gradient(linear, left top, left bottom, from(#549729),to(#257315)); background: -webkit-linear-gradient(#549729, #257315); background: -o-linear-gradient(#549729, #257315); background: linear-gradient(#549729, #257315); border-radius: 5px; color: #ffffff; font-weight: 700; text-decoration: none; } .pagination-list__item > span{ display: block; width: 40px; height: 28px; font-size: 16px; line-height: 28px; text-align: center; } .list-topper .pagination-item-link{ width: 23px; height: auto; font-size: 12px; line-height: 30px; } .list-topper .pagination-list__item > span{ line-height: 30px; } .list-topper .active .pagination-item-link{ background: none; } .list-topper .active .page-number{ border: none; color: #000000; font-weight: 700; } .list-topper .pagination-list__item .next, .list-topper .pagination-list__item .prev{ font-size: 12px; } .product-accordion .product-info { margin-bottom : 20px; } h2 span { font-size : 16px; margin-left : 10px; } .tab_bottom .v_price_box .price .val, .tab_bottom .v_price_box .price .rub { background : none; font-size : 18px; } h1 .star.select { background : url(/images/star_h1_sel.png) 0 0 no-repeat; } .buy_info_body .price{ color: #6f6a65; font-size: 20px; padding-bottom: 12px; padding-top: 12px; } .buy_info_body .price .val{ color: #257315; font-size: 20px; font-weight: 700; } .buy_info_body .info_block_blue .price .val{ color: #174a84; } .buy_info_body .price .rub{ color: #6f6a65; font-size: 20px; } .buy_info_body .old_price .val{ color: #6f6a65; font-weight: 700; } * html #fancybox-loading{ margin-top: 0; position: absolute; } #fancybox-loading div{ background-image: url(/images/fancybox-img/fancybox.png); height: 480px; left: 0; position: absolute; top: 0; width: 40px; } #fancybox-overlay{ background: #ffffff; bottom: 0; display: none; left: 0; opacity: 0.5; position: fixed; right: 0; top: 0; z-index: 1100; } * html #fancybox-overlay{ position: absolute; width: 100%; } #fancybox-right-ico{ background: url(/images/fancybox-img/fancybox.png) -40px -60px; } #fancybox-left:hover, #fancybox-right:hover{ visibility: visible; } #fancybox-left span, #fancybox-left:hover span{ left: 20px; } #fancybox-right span, #fancybox-right:hover span{ left: auto; right: 20px; } .fancybox-ie .fancy-bg { background : transparent !important; } .compare_list li{ border-bottom: 1px solid #e8e8e8; } .compare_list li a{ display: block; padding: 5px; } .compare_list li a:hover{ background-color: #f9f9f9; } .compare_list em{ font-size: 10px; margin-top: -2px; padding-left: 4px; position: absolute; } .fast-search ul i.stars{ background: url(/images/stars_small.png) 0 0 no-repeat; display: block; height: 15px; width: 75px; } .fast-search ul i.stars1{ background-position: -65px 0; } .fast-search ul i.stars2{ background-position: -49px 0; } .fast-search ul i.stars4{ background-position: -19px 0; } .fast-search ul i.stars5{ background-position: -4px 0; } span.green-btn input { background : url(/images/card/button-green-center.png) repeat-x 0 0; color : #ffffff; cursor : pointer; display : block; float : left; font-size : 14px; height : 32px; line-height : 16px; padding : 0 10px; } .topper { margin-bottom : 12px; position : relative; } .logo { display : inline-block; vertical-align : middle; position : relative; text-align : center; } .no-touch a.logo:hover { opacity : 0.7; } .logo img { display : inline-block; vertical-align : middle; max-width : 100%; max-height : 100%; width : 118px; font-size : 14px; font-weight : bold; } .fast-search{ clear: both; display: none; left: 0; position: absolute; top: 100%; z-index: 9000; margin-top: 2px; } .fast-search .ac_results{ max-height: 500px; overflow-y: auto; } .fast-search ul{ border: 1px solid #74ae37; position: relative; background: #ffffff; z-index: 9020; } .fast-search ul li.product{ border-top: 1px solid #e8e8e8; } .fast-search ul li.product:first-child, .fast-search ul li.product:only-child{ border-top: none; } .fast-search ul li.product a{ background: #ffffff; color: #004780; display: block; padding: 12px 13px 10px 14px; text-decoration: none; } .fast-search ul li.product a i{ color: #828d80; font-size: 11px; font-style: normal; } .fast-search ul li.product.ac_over a{ background: #f3f3f3; } .fast-search ul li.product a:hover{ background: #f3f3f3; } .fast-search .product table td{ text-align: left; vertical-align: middle; } .fast-search .product table td.prod-img{ width: 54px; } .fast-search .product table td.prod-price{ color: #568b2b; text-align: right; } .fast-search ul li.cat-name{ background: #ebffb4; border-bottom: 2px solid #74ae37; padding: 12px 13px 0 14px; } .fast-search ul li.cat-name div{ display: block; margin-bottom: 9px; } .fast-search ul li.cat-name div strong{ color: #004780; font-size: 14px; font-weight: 700; padding-right: 23px; } .fast-search ul li.cat-name div em{ color: #828d80; font-style: normal; } .fast-search ul li.cat-name a:hover{ color: #0063b2 !important; text-decoration: underline; } .fast-search > i{ display: block; position: absolute; z-index: 9001; } .fast-search > i.sh-top{ background: url(/images/sh-top.png) 0 0 repeat-x; height: 4px; left: 6px; top: -4px; } .fast-search > i.sh-right{ background: url(/images/sh-right.png) 0 0 repeat-y; right: -4px; top: 6px; width: 4px; } .fast-search > i.sh-bottom{ background: url(/images/sh-bottom.png) 0 0 repeat-x; bottom: -4px; height: 4px; left: 6px; } .fast-search > i.sh-left{ background: url(/images/sh-left.png) 0 0 repeat-y; left: -4px; top: 6px; width: 4px; } .fast-search > i.sh-top-right{ background: url(/images/sh-top-right.png) 0 0 no-repeat; height: 10px; right: -4px; top: -4px; width: 10px; } .fast-search > i.sh-top-right.has-scroll{ background: url(/images/sh-top-right-scroll.png) 0 0 no-repeat; } .fast-search > i.sh-bottom-right{ background: url(/images/sh-bottom-right.png) 0 0 no-repeat; bottom: -4px; height: 10px; right: -4px; width: 10px; } .fast-search > i.sh-bottom-right.has-scroll{ background: url(/images/sh-bottom-right-scroll.png) 0 0 no-repeat; } .fast-search > i.sh-bottom-left{ background: url(/images/sh-bottom-left.png) 0 0 no-repeat; bottom: -4px; height: 10px; left: -4px; width: 10px; } .fast-search > i.sh-top-left{ background: url(/images/sh-top-left.png) 0 0 no-repeat; height: 10px; left: -4px; top: -4px; width: 10px; } .sidebar-header{ float: left; margin-left: -100%; position: relative; } .sidebar-header > div{ background : url(/images/sidebar-header-shd.png) 0 0 no-repeat; height : 30px; margin-left : -4px; padding : 12px 0 0 30px; width : 208px; z-index : 1; } a.basket:hover, a.comparison:hover { background-position : 0 -111px; } .reviews { background : url(/images/reviews.png) no-repeat 0 0; margin-left : -27px; min-height : 85px; padding-left : 92px; padding-right : 25px; } .reviews a { display : block; margin-bottom : 10px; } /*atevi*/ .copyright > a { color : #004780; display : block; font-size : 12px; margin-bottom : 7px; text-decoration : none; } /*.copyright > a { color : #004780; display : block; font-size : 11px; margin-bottom : 7px; text-decoration : none; }*/ .copyright > a:hover { color : #0063b2; text-decoration : underline; } ul.cat_nav > li.active{ background: -webkit-gradient(linear, left top, left bottom, from(#64ad34), to(#549729)); background: -webkit-linear-gradient(#64ad34, #549729); background: -o-linear-gradient(#64ad34, #549729); background: linear-gradient(#64ad34, #549729); border-left-style: none; } ul.cat_nav > li.submenu-visible{ border-right: 1px solid #ffffff; } ul.cat_nav > li.no_submenu.submenu-visible{ border-right: 1px solid #e8e8e8; } ul.cat_nav > li > ul{ background: none; margin: 0; } ul.cat_nav > li > ul > li{ background: url(/images/li-style.png) 10px 0 no-repeat; border: none; margin: 0; padding: 0; } b#main-bg-left, b#main-bg-right{ display: block; position: absolute; top: 185px; width: 4px; } b#main-bg-left{ background: url(/images/main-bg-left.png) 0 0 repeat-y; left: -4px; } b#main-bg-right{ background: url(/images/main-bg-right.png) 0 0 repeat-y; right: -4px; } .main-banner{ display: block; margin: -2px 0 0 -2px; overflow: hidden; padding: 2px 4px 4px 2px; position: relative; } .main-banner em, .main-banner strong, .main-banner i{ display: none; height: 263px; position: absolute; top: -2px; } .main-banner em{ background: url(/images/big-banner-hover-left.png) no-repeat 0 0; left: -2px; width: 22px; } .main-banner strong{ background: url(/images/big-banner-hover-center.png) repeat-x 0 0; left: 20px; width: 600px; } .main-banner i{ background : url(/images/big-banner-hover-right.png) no-repeat 0 0; right : 12px; width : 20px; } .right-area { float : left; margin-left : -267px; margin-right : -3px; position : relative; width : 267px; } .small-banners{ background: #ffffff; height: 257px; margin-left: -20px; padding-left: 20px; } .small-banners a{ display: block; margin-bottom: 3px; position: relative; } .small-banners a:hover em{ background : url(/images/banner-hover.png) no-repeat 0 0; display : block; height : 88px; left : -2px; position : absolute; top : -2px; width : 262px; } .catalog_list { padding : 0 0 20px; } .catalog_list_descr { padding : 0 20px 0 15px; margin : 20px 0; color : #424242; } .slider { height : 257px; position : relative; } .arr-prev, .arr-next{ background: url(/images/banner-arrs.png) 0 0 no-repeat; cursor: pointer; height: 32px; position: absolute; top: 45%; width: 32px; z-index: 9; } .arr-prev{ background-position: 0 -38px; left: 3px; } .arr-next{ background-position: -36px -38px; right: 20px; } .arr-next:hover{ background-position: -36px 0; } .slider a{ display: none; position: relative; width: 100%; } .slider a::after { clear : both; content : ''; display : block; } .poll-block{ margin-bottom: 26px; margin-left: 12px; margin-top: 20px; width: 217px; } .poll-block h3{ background: url(/images/poll/poll-header-bg.png) no-repeat 0 0; color: #ffffff; font-size: 16px; line-height: 39px; margin: 0; padding: 0 0 0 14px; text-transform: uppercase; width: 100%; } .poll-block .poll-content{ background: url(/images/poll/poll-bg.png) repeat-x 0 0 #f2f2f2; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #ededed; border-left: 1px solid #e7e7e7; border-radius: 3px; padding: 11px 13px 12px; } .poll-block .poll-content p{ line-height: 17px; margin-bottom: 10px; } .poll-block .poll-content .starrequired{ color: #f70303; margin-left: 2px; } .poll-block .poll-content textarea{ height: 68px; margin-bottom: 16px; width: 183px; } .poll-block .poll-content content{ padding: 12px 12px 10px 13px; } .poll-block .green-btn input{ padding: 0 24px; } .poll-options{ margin-bottom: 25px; } .poll-options .option label{ margin-left: 2px; } .poll-options .option input{ margin: 0 6px 0 0; } textarea.autosize { -webkit-transition : height 0.2s; -o-transition : height 0.2s; transition : height 0.2s; } .info-item{ border-top: 1px solid #e8e8e8; padding: 17px 0 18px; } .info-item .validation-icons{ float: left; height: 21px; width: 46px; } .info-item .validation-icons i{ display: block; width: 47px; } .info-item .validation-icons i.validated{ background: url(/images/checkout/validated.png) 0 0 no-repeat; height: 21px; } .info-item .validation-icons i.required{ background: url(/images/checkout/required.png) no-repeat; height: 8px; margin-top: 7px; } .info-item .validation-icons i.not-required{ height: 1px; } .info-item .label-area{ float: left; padding-top: 5px; width: 188px; } .info-item .label-area label{ color: #313131; font-size: 12px; font-weight: 700; } .info-item .input-area{ float: left; width: 400px; } .info-item .input-area input[type='text'], .info-item .input-area input[type='number'], .info-item .input-area input[type='password']{ border: 1px solid #c6c6c6; border-radius: 4px; color: #2d2d2d; font-family: Arial, serif; font-size: 12px; margin: 0; padding: 5px 10px 6px; } .info-item .input-area textarea{ border : 1px solid #c6c6c6; border-radius : 4px; color : #2d2d2d; height : 84px; padding : 9px 10px; width : 363px; } .select-wrapper { float : left; margin-right : 14px; position : relative; } span.select { background : url(/images/checkout/select.png) 0 0 no-repeat; bottom : 0; cursor : default; float : left; height : 28px; left : 0; line-height : 28px; position : absolute; text-indent : 10px; width : 66px; z-index : 1; top : 0; } .mobile-code{ color: #828d80; float: left; margin-left: -39px; margin-top: 5px; } .mobile-info{ color: #828d80; float : left; width : 215px; } input.phone-area { display : block; float : left; margin-right : 13px !important; width : 53px; } 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; } .funy_btns ul.compare_list li a:hover { color : #768c1f; } .voting-form-box .vote-note-box { color : #000000; margin-bottom : 5px; margin-top : 5px; padding : 5px; } .voting-form-box .vote-note-error { background : none 0 0 repeat scroll #fbf4b3; border : 1px solid #e0503a; } ul.auth-tabs { margin-left : 60px; } ul.auth-tabs li a.selected { background : #ffffff; border : 1px solid #c6c6c6; border-bottom-color : #ffffff; color : #337b22; line-height : 44px; margin-top : 0; padding : 0 12px; } .auth-tabs-content { border-top : 1px solid #c6c6c6; margin-top : -1px; padding : 24px 73px 20px 74px; } .auth-tab-content .label-area, .pass-recovery-pp .label-area { padding-right : 45px; width : 100px; } .capcha-area input { float : left; margin : 8px 18px 0 0 !important; width : 50px; } .capcha-area > div { float : left; margin-right : 13px; width : 180px; } .capcha-area > a { float : left; margin-top : 10px; } a.dotted-link { border-bottom : 1px dotted #004780; color : #004780; text-decoration : none; } input.password-input { margin-right : 11px !important; } .auth-tab-content p { color : #313131; font-size : 14px; line-height : 17px; } .pp-auth .info-item .label-area, .pass-recovery-pp .info-item .label-area { display : table-cell; float : none; padding-top : 0; vertical-align : middle; } .pp-auth .info-item .input-area, .pass-recovery-pp .info-item .input-area { display : table-cell; float : none; vertical-align : middle; } .pp-auth .mobile-info, .pass-recovery-pp .mobile-info { padding-top : 5px; } /*для окна ожидания товара в корзине*/ .pass-recovery-pp { background : #ffffff; border : 3px solid #ffd607; z-index : 9999; position : fixed; top : 30%; left : 40%; border-radius : 7px; display : none; -webkit-box-shadow : 0 0 7px 0 #555555; box-shadow : 0 0 7px 0 #555555; } .pass-recovery-pp > div { padding : 30px 49px 20px; } .pass-recovery-pp .close-pp { background : url(/images/close-pp-red.png) no-repeat 0 0; position : absolute; top : 20px; right : 20px; width : 15px; height : 15px; cursor : pointer; } .pass-recovery-pp h3 { color : #337b22; font-size : 24px; margin-bottom : 19px; } .pass-recovery-pp p { margin-bottom : 28px; font-size : 14px; } .pass-recovery-pp.smaller-win { overflow : hidden; } .pass-recovery-pp .btns-bar { margin-top : 10px; } .pass-recovery-pp .info-item .input-area .mobile-info { padding : 0; } .cat_nav li > .submenu { -moz-border-radius : 0 0 4px 0; background : #ffffff none; border-left : none; border-radius : 0 0 4px 0; display : none; list-style : none; margin-top : -1px; padding : 0 0 8px; position : absolute; top : 0; z-index : 100; } .faq-items .move_all{ background: url(/images/faq_all.gif) no-repeat 100% 5px; color: #003399; cursor: pointer; display: block; float: right; font-size: 14px; font-weight: 400; padding-right: 14px; } .faq-items .move_all a{ border-bottom: thin dotted; font-size: 12px; text-decoration: none; } .faq-items .ansver_left{ min-height: 300px; padding: 0 0 20px; } .faq-items .header_cont{ width: 250px; } .ansver_left h5{ margin: 16px 0; } .ansver_left h5.opened a{ color: #cd3d0c; } .ansver_left h5 a{ border-bottom: thin dotted; color : #003399; font-size : 14px; font-weight : 400; text-decoration : none; } .compare{ clear: left; font-size: 12px; } .compare a{ color: #0f50b9 !important; font-size: 12px !important; } .catalog-arrs { background : url(/images/catalog-arr.png) 0 0 no-repeat; display : block; height : 19px; position : absolute; right : 12px; top : 13px; width : 20px; z-index : 20; } ul.basket-tabs li a.selected { background : none; border : 1px solid #c6c6c6; border-bottom-color : #ffffff; color : #337b22; line-height : 44px; margin-top : 0; padding : 0 12px; } .submit-promo span.yellow-btn{ margin-left: 9px; margin-right: 30px; } .product-list{ height: 1%; position: relative; width: 100%; z-index: 10; } .product-list-main-i{ padding : 0 0 0 246px; position : relative; } .product-list-sidebar { float : left; margin-right : -100%; position : relative; width : 220px; z-index : 101 !important; background : #ffffff; } .show-modal .product-list-sidebar{z-index: 99 !important;} .sidebar-filter { -webkit-box-shadow : 0 2px 5px rgba(0,0,0,0.3); box-shadow : 0 2px 5px rgba(0,0,0,0.3); overflow : hidden; } .accordion-main > .prop-title, .etc-info div.form-item { cursor : pointer; position : relative; padding : 10px 20px 9px; -webkit-box-shadow : 0 1px 4px rgba(0,0,0,0.3); box-shadow : 0 1px 4px rgba(0,0,0,0.3); background : -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#f8f8f8)); background : -webkit-linear-gradient( #ffffff, #f8f8f8); background : -o-linear-gradient( #ffffff, #f8f8f8); background : linear-gradient( #ffffff, #f8f8f8); border-bottom : 1px solid #f8f8f8; -webkit-transition : 300ms; -o-transition : 300ms; transition : 300ms; } .accordion-main > .prop-title.closed, .etc-info div.form-item { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0); box-shadow: 0 1px 4px rgba(0, 0, 0, 0); border-color: #dddddd; } .accordion-main > .prop-title:after { content: ''; position: absolute; top: 15px; left: 20px; border: 4px solid transparent; border-bottom: none; border-top: 6px solid; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 0.15s; transition: -webkit-transform 0.15s; -o-transition: -o-transform 0.15s; transition: transform 0.15s; transition: transform 0.15s, -webkit-transform 0.15s, -o-transform 0.15s; } .accordion-main > .prop-title.closed:after { -webkit-transform : rotate(0); -ms-transform : rotate(0); -o-transform : rotate(0); transform : rotate(0); } .accordion-main > .prop-title span { color: #313131; display: block; vertical-align: middle; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0 15px 0 18px; text-overflow: ellipsis; } .filter-item-block { position : relative; padding : 10px 18px 12px; overflow : hidden; } .filter-item-block:before { content : ''; position : absolute; bottom : -1px; right : 0; left : 0; height : 1px; -webkit-box-shadow : 0 1px 4px rgba(0,0,0,0.3); box-shadow : 0 1px 4px rgba(0,0,0,0.3); } .submit-form { padding-top : 12px; } .btn-show { float : left; margin : 0 9px 0 0; } .submit-form a { border-bottom : 1px dotted #004780; color : #004780; display : block; float : left; font-size : 11px; margin-top : 6px; text-decoration : none; } .accordion-main > .etc-info { clear : both; padding : 0; } .accordion-main > .etc-info.submit-block { padding : 5px 13px 13px; } .submit-block_placeholder {height: 60px; display: none;} .fixed_submit .submit-block_placeholder {display: block;} .fixed_submit .etc-info.submit-block { position: fixed; bottom: 0; width: 220px; background: white; box-shadow: 0 2px 5px rgba(0,0,0,0.3);} .etc-info div.form-item { padding : 12px 18px 10px; } .etc-info div.form-item label { font-weight : 700; padding-right : 15px; } .price-area input { border : 1px solid #abadb3; border-radius : 1px; color : #313131; float : left; font-size : 12px; letter-spacing : -0.5px; margin-right : 3px; padding : 2px; width : 59px; } .price-area input.hasValue { background : #def7ba; } .price-area span { float : left; line-height : 20px; margin-right : 3px; } div.slider-bar { clear : both; height : 30px; margin-top : 4px; } .ui-slider .ui-slider-handle{ cursor: pointer; height: 21px; position: absolute; width: 23px; z-index: 2; } .ui-slider .slider-handle-left{ background: url(/images/product-list/slider-left-pointer.png) 0 100% repeat-x; margin-left: -17px; } .ui-slider .slider-handle-right{ background: url(/images/product-list/slider-right-pointer.png) 0 100% repeat-x; margin-left: -4px; } .ui-slider .ui-slider-range{ border: 0; display: block; font-size: 0.7em; overflow: hidden; position: absolute; z-index: 1; } .ui-slider-horizontal{ height: 6px; } .ui-slider-horizontal .ui-slider-handle{ top: 7px; } .ui-slider-horizontal .ui-slider-range{ height: 100%; top: 0; } .ui-slider-horizontal .ui-slider-range-min-na, .ui-slider-horizontal .ui-slider-range-max-na{ background: none 0 0 repeat scroll #000000; height: 6px; margin-top: 0; opacity: 0.45; position: absolute; z-index: 2; } .ui-slider-horizontal .ui-slider-range-max-na{ right: 0; z-index: 3; } .ui-slider-horizontal .ui-slider-range-num{ color: #6f6a65; font-size: 9px; margin-top: 10px; position: absolute; text-align: center; } .ui-slider-horizontal .ui-slider-range-num span{ font-size: 3px; } .ui-widget-content{ background: url(/images/product-list/slider-bg.png) repeat-x; } .ui-widget-header{ background : url(/images/product-list/slider-active.png) 0 0 repeat-x; } .border-values { color : #6f6a65; font-size : 11px; margin-top : 10px; } .min-value { float : left; width : 50%; } .max-value { float : right; text-align : right; width : 50%; } .hidden-area { display : none;} .form-item + .form-item { margin-top : 10px; } .form-item input[type='checkbox'] { float : left; margin : 1px 6px 0 0; padding : 0; } .form-item label { float: left; color: #313131; line-height: 16px; max-width: 163px; font-size: 12px; } .form-item input[type='checknox'] + a { padding-left: 20px; } .inactive-checkbox label { color: #9d9893; } .two-cols-float .form-item { display : inline-block; min-width : 49%; } .show-all { background : url(/images/product-list/show-more-bg.gif) 0 12px repeat-x; margin-top : 10px; text-align : center; } .show-all span { background : #ffffff; padding : 0 8px; text-align : center; } .show-all a { border-bottom : 1px dotted #004780; color : #004780; font-size : 12px; text-decoration : none; } .list-topper { margin-bottom : 16px; position : relative; } .list-topper-main { display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-box-pack : justify; -webkit-justify-content : space-between; -ms-flex-pack : justify; justify-content : space-between; background : -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#f8f8f8)); background : -webkit-linear-gradient( #ffffff, #f8f8f8); background : -o-linear-gradient( #ffffff, #f8f8f8); background : linear-gradient( #ffffff, #f8f8f8); -webkit-box-shadow : 0 1px 4px rgba(0,0,0,0.3); box-shadow : 0 1px 4px rgba(0,0,0,0.3); color : #313131; padding : 0 20px; } .found-products { display : block; line-height : 30px; font-size : 12px; } .found-products label { color : #767676; } .list-sort label { display : block; line-height : 38px; margin-right : 10px; } .list-sort select { float : left; margin-top : 8px; width : 171px; } .list-sort select option { color : #313131; font-size : 12px; } table.products { min-width : 960px; margin-bottom : 18px; width : 100%; min-width : 950px; } .products td { border-top : 1px solid #b7b7b7; border-left : 1px solid #e8e8e8; overflow : hidden; padding : 16px 14px; width : 25%; } .products tr td:first-child { border-left : 1px solid #ffffff; } .products tr:first-child td { border-top : 1px solid #ffffff; } .products td:hover, .products tr:first-child td:hover, .products tr td:hover:first-child, .products tr.last-row td:hover { border : 1px solid #66a031; cursor : pointer; } .products td.notbrd { border : 1px solid #ffffff !important; } .products td .main-product-info { overflow : hidden; } .products .total-stars { width : auto; text-align : center; margin-left : 0; float : none; } .products .total-stars i { float : none; display : inline-block; } .main-product-info .name { font-size : 14px; line-height : 20px; margin-bottom: 8px; } .product-img { height : 131px; overflow : hidden; position : relative; text-align : center; } .product-price { color : #828d80; font-size : 11px; margin-bottom : 12px; } .products td.has-banner .product-price, .products td.has-banner .multibutton { margin-bottom : 16px; margin-left : 14px; margin-right : 14px; } .list-bottom { color : #313131; margin-bottom : 40px; padding-left : 13px; } .quantity-to-show ul li.selected a { color : #313131; font-weight : 700; text-decoration : none; } .product-category-info h2 { color : #257315; } a.expand-info-link { border-bottom : 1px dotted #004780; color : #004780; font-size : 11px; text-decoration : none; } .multibutton{ display: inline-block; height: 32px; margin-right: -12px; position: relative; } .multibutton > div{ display: inline-block; margin: 0 7px 0 6px; } .multibutton-segment{ background: url(/images/product-list/multibutton-bg.png) 0 0 repeat-x; color: #115388; cursor: pointer; display: block; float: left; height: 32px; overflow: hidden; padding: 0 0 0 6px; width: 22px; } .multibutton-segment a{ color: #115388; text-decoration: none; } .multibutton > div > .multibutton-segment:first-child{ padding-left: 5px; } .multibutton b{ background: url(/images/product-list/multibutton-sep.png) 0 0 no-repeat; display: block; float: left; padding: 0 4px 0 0; position: relative; } .multibutton b:first-child{ background: none; padding-left: 2px; } .multibutton b > i{ display: block; height: 32px; left: 0; position: absolute; top: 0; width: 100%; } .multibutton b img{ margin-top: 2px; } .multibutton b input[type='checkbox']{ margin-top: 9px; } .multibutton span{ display: block; float: left; line-height: 31px; width: 59px; } .multibutton-left, .multibutton-right{ display: block; height: 32px; position: absolute; top: 0; } .multibutton-left{ background: url(/images/product-list/multibutton-left.png) 0 0 no-repeat; left: 0; width: 6px; } .multibutton-right{ background: url(/images/product-list/multibutton-right.png) 0 0 no-repeat; right: 0; width: 7px; } .multibutton > div > i{ background: url(/images/product-list/multibutton-sep.png) 0 0 no-repeat; display: block; float: left; height: 32px; width: 1px; } .multibutton .added-info span{ padding-left: 20px; width: auto; } .multibutton .added-info span.long-message{ padding: 14px; text-align: left; } .multibutton .added-info span.long-message i{ display: block; font-style: normal; font-weight: 400; padding-top: 2px; } .multibutton .added-info{ display: block; margin: 0; } .faq-popup{ max-width: 100%; } .faq-popup > div{ float: left; margin: 15px 0 0 3px; } .faq-popup > div > span{ float: left; font-weight: 700; line-height: 38px; margin-right: 17px; } .faq-popup > div > p{ line-height: 32px; margin: 0; padding: 0; } .total-stars{ float: left; height: 19px; margin-bottom: 10px; margin-top: 4px; width: 240px; margin-left: 20px; } .total-stars i.big-stars{ margin: auto; } .total-stars span{ color: #828d80; display: block; font: normal 12px/19px Arial; margin: 5px 0 0 0; } i.big-stars{ background: url(/images/card/big-stars.png) no-repeat 0 0; display: block; height: 19px; width: 108px; margin-right: 15px; float: left; } i.big-stars2{ background-position: -66px 0; } i.big-stars3{ background-position: -44px 0; } i.big-stars4{ background-position: -22px 0; } .bookmarks a.facebook{ background-image: url(/css/../local/templates/.default/components/bitrix/main.share/template_24shop/images/facebook.gif); } .bookmarks a.twitter{ background-image: url(/css/../local/templates/.default/components/bitrix/main.share/template_24shop/images/twitter.gif); } .pp-accordion-block { display : none; height : 90px; position : absolute; width : 352px; z-index : 9999; } .pp-yellow .pp-accordion-top em { background : url(/images/basket/pp-yello-t-l.png) no-repeat 0 0; width : 9px; } .pp-yellow .pp-accordion-top i { background : url(/images/basket/pp-yello-t.png) repeat-x 0 0; width : 332px; } .pp-yellow .pp-accordion-top b { background : url(/images/basket/pp-yello-t-r.png) no-repeat 0 0; width : 11px; } .pp-yellow .pp-accordion-middle em { background : url(/images/basket/pp-yello-l.png) repeat-y 0 0; display : block; float : left; height : 60px; width : 6px; } .pp-accordion-main { background : #ffffff; float : left; height : 60px; width : 338px; } .pp-accordion-main > div { overflow : hidden; padding : 10px 14px 8px; } .pp-accordion-main p { color : #313131; margin-bottom : 4px; } .pp-yellow .pp-accordion-middle > b { background : url(/images/basket/pp-yello-r.png) repeat-y 0 0; display : block; float : left; height : 60px; width : 8px; } .pp-yellow .pp-accordion-bottom > em { background : url(/images/product-list/pp-yello-b-l-u.png) no-repeat 0 0; width : 18px; } .pp-yellow .pp-accordion-bottom > i { background : url(/images/product-list/accordion-pp-yello-b.png) repeat-x 0 0; } .pp-yellow .pp-accordion-bottom > b { background : url(/images/product-list/accordion-pp-yello-b-r.png) no-repeat 0 0; width : 12px; } .pp-accordion-block.pp-yellow .indicator { background : url(/images/product-list/pp-yello-l-v.png) no-repeat 0 0; height : 22px; left : -10px; position : absolute; top : 30px; width : 22px; } .pp-accordion-block.pp-green .indicator { background : url(/images/product-list/pp-green-l-v.png) no-repeat 0 0; height : 21px; left : -8px; position : absolute; top : 20px; width : 17px; } .pp-accordion-close { height : 11px; position : absolute; top : 10px; width : 11px; } .pp-accordion-close i { background : url(/images/close.gif) no-repeat 0 0; cursor : pointer; display : block; height : 11px; width : 11px; } .pp-accordion-close:hover i { background-position : 0 -10px; } .pp-green .pp-accordion-top em { background : url(/images/product-list/pp-green-t-l.png) no-repeat 0 0; width : 12px; } .pp-green .pp-accordion-top i { background : url(/images/product-list/pp-green-t.png) repeat-x 0 0; width : 231px; } .pp-green .pp-accordion-top b { background : url(/images/product-list/pp-green-t-r.png) no-repeat 0 0; width : 12px; } .pp-green .pp-accordion-middle em { background : url(/images/product-list/pp-green-l.png) repeat-y 0 0; display : block; float : left; height : 96px; width : 9px; } .pp-green .pp-accordion-middle b { background : url(/images/product-list/pp-green-r.png) repeat-y 0 0; display : block; float : left; height : 96px; width : 9px; } .pp-green .pp-accordion-bottom em { background : url(/images/product-list/pp-green-b-l.png) no-repeat 0 0; width : 11px; } .pp-green .pp-accordion-bottom i { background : url(/images/product-list/pp-green-b.png) repeat-x 0 0; } .pp-green .pp-accordion-bottom b { background : url(/images/product-list/pp-green-b-r.png) no-repeat 0 0; width : 11px; } .topper ul { float : left; overflow : hidden; width : 70%; } ul, ol, ul li, ol li { background : none; list-style : none; margin : 0; padding : 0; } .topper ul li { float : left; margin-right : 2px; } .auth { float : right; overflow : hidden; width : 30%; } .auth a { display : block; float : right; font-size : 14px; margin-right : 12px; } i.sep-line { background : url(/images/sep-line.png) no-repeat 100% 0 #eaeaea; display : block; height : 1px; margin-bottom : 12px; } .input-txt { background : transparent no-repeat 0 0; border : 0; margin : 0; padding : 0; } input, select { vertical-align : middle; } span.search-btn i, span.search-btn em { display : block; float : left; height : 31px; } span.search-btn i { background : url(/images/search-button-left.png) no-repeat 0 0; width : 2px; } span.search-btn input { background : url(/images/search-button-center.png) repeat-x 0 0; color : #313131; cursor : pointer; display : block; float : left; font-size : 12px; height : 31px; line-height : 31px; padding : 0 0 0 5px; width : 50px; } #loader-img { margin-right : 88px; position : absolute; right : 0; top : 4px; z-index : 10; } .sidebar-header h2, .sidebar-header > div > div { color : #ffffff; float : left; font-size : 18px; margin-right : 9px; } .catalog-shown span, .sidebar-header > div > span { color : #ffffff; display : block; float : left; font-size : 11px; margin-top : 2px; } .page-header-bottom-btn { display : inline-block; vertical-align : top; height : 40px; padding : 0 20px; background : transparent; color : #ffffff; font-size : 0; white-space : nowrap; cursor : pointer; -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; position : relative; } .page-header-bottom-btn.disabled { cursor : default; } .page-header-bottom-btn::before { content : ''; display : inline-block; vertical-align : middle; height : 100%; } .page-header-bottom-btn::after { content : ''; position : absolute; top : 0; left : 0; right : 0; bottom : 0; background : #8ed348; background : #8ed348 -webkit-gradient(linear, left top, left bottom, from(#8ed348), to(#73ae37)); background : #8ed348 -webkit-linear-gradient(top, #8ed348, #73ae37); background : #8ed348 -o-linear-gradient(top, #8ed348, #73ae37); background : #8ed348 linear-gradient(to bottom, #8ed348, #73ae37); -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; opacity : 0; } .page-header-bottom-btn__icon, .page-header-bottom-btn__txt, .page-header-bottom-btn__badge { display : inline-block; vertical-align : middle; position : relative; z-index : 2; } .page-header-bottom-btn__icon { margin-right : 10px; -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; } .page-header-bottom-btn__txt { font : 700 19px/24px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform : uppercase; -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; } .page-header-bottom-btn__badge { font-size : 14px; font-style : normal; line-height : 16px; padding : 2px 3px 1px; margin : -1px 0 0 10px; border-radius : 2px; text-align : center; min-width : 19px; background : #8ed348; background : #8ed348 -webkit-gradient(linear, left top, left bottom, from(#8ed348), to(#73ae37)); background : #8ed348 -webkit-linear-gradient(top, #8ed348, #73ae37); background : #8ed348 -o-linear-gradient(top, #8ed348, #73ae37); background : #8ed348 linear-gradient(to bottom, #8ed348, #73ae37); } .page-header-bottom-btn__icon + .page-header-bottom-btn__badge { margin-left : 0; } .page-header-bottom-btn__badge--dd { padding-right : 20px; padding-left : 6px; min-width : 41px; text-align : left; } .page-header-bottom-btn__badge--dd::after { content : ''; position : absolute; top : 7px; right : 8px; border : 4px solid transparent; border-bottom : none; border-top : 6px solid #305b21; } .active-basket .page-header-bottom-btn__badge, .active-comparison .page-header-bottom-btn__badge { background : #ffb603; background : #ffb603 -webkit-gradient(linear, left top, left bottom, from(#fffc54), to(#ffb603)); background : #ffb603 -webkit-linear-gradient(top, #fffc54, #ffb603); background : #ffb603 -o-linear-gradient(top, #fffc54, #ffb603); background : #ffb603 linear-gradient(to bottom, #fffc54, #ffb603); color : #305b21; } .no-touch .page-header-bottom-btn:hover { color : #ffffff; } .no-touch .page-header-bottom-btn:hover::after, .page-header-bottom-btn.open::after { opacity : 0.6; } .no-touch .page-header-bottom-btn.disabled::after, .page-header-bottom-btn.disabled::after { opacity : 0; } .wind { display : none; z-index : 10; } .compare_list { background : #ffffff; border : 1px solid #40802e; border-top : none; display : block; position : absolute; right : 4px; top : 41px; width : 207px; } .c_loading { background : #ffffff; display : none; opacity : 0.7; padding : 5px; position : absolute; right : 5px; text-align : right; top : 42px; z-index : 11; } .container { padding : 0 20px; max-width : 1240px; margin : 0 auto; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; } .container_md { padding : 0 20px; max-width : 870px; margin : 0 auto; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; } .container .container_md { padding-right : 0; padding-left : 0; } .content-top { margin-bottom : 14px; padding-top : 11px; } .catalog .tabs { position : relative; overflow : hidden; } .catalog .tabs:before { content : ''; position : absolute; left : 0; right : 0; bottom : 0; height : 1px; background : #c6c6c6; z-index : 11; } .catalog .tabs .tab-list { float : right; list-style : none; margin : 4px 0 0; padding : 0; } .catalog .tabs .tab-list li { background : url(/images/tabs_bg.gif) 0 0 repeat-x #f5f8f5 !important; border : 1px solid #eeeeee; border-bottom-color : #c6c6c6; float : left; margin : 0 0 0 4px; padding : 0; border-radius : 5px 5px 0 0; position : relative; z-index : 10; } .catalog .tabs .tab-list li a { display : block; padding : 6px 10px 7px; } .catalog .tabs .tab-list li.active { background : none !important; font-weight : 700; border-color : #c6c6c6; border-bottom : 1px solid #ffffff !important; z-index : 12; } .catalog .tabs .tab-list li.active a { color : #337b22; } .b_top{ border-top: 18px solid #ffffff; display: none; height: 1px; position: absolute; top: 0; width: 100%; } .b_bttm{ border-bottom: 1px solid #ffffff; bottom: 0; display: none; height: 1px; position: absolute; width: 100%; } .b_lft{ border-left: 1px solid #ffffff; display: none; height: 100%; left: 0; position: absolute; width: 1px; } .b_rght{ border-right: 1px solid #ffffff; display: none; height: 100%; position: absolute; right: 0; width: 1px; } .img_box span.onk{ display: none; font-size: 11px; left: 0; position: absolute; text-align: left; top: 0; width: 100%; } .img_box a.image_link{ display: block; font-size: 11px; left: 0; text-align: center; top: 0; width: 100%; } .image_link span { height : 100px; opacity : 0.9; padding-top : 10px; text-align : left; } .price { color : #257315; font-size : 24px; font-weight : bold; font-family : 'Arial Narrow',serif; white-space : nowrap; } .main-price{ margin-bottom: 20px; font-size: 40px;} div.price.price-new { color : #e54a41; padding-right : 30px; display : inline-block; vertical-align : middle; } .price sup { position : absolute; margin-left : 5px; margin-top : -1px; } .catalog-byn-prices .catalog-byr-prices .price{ font-size: 14px; } .catalog-byn-prices .catalog-byr-prices .price.price-new{ padding-right: 10px; } .product-price-info .catalog-byn-prices .catalog-byr-prices .price{ float: left; } .product-price-info .catalog-byn-prices .catalog-byr-prices .price.new-price{ color: #e54a41; } .product-price-info .catalog-byn-prices .catalog-byr-prices .product-old-price{ width: auto; line-height: normal; margin-top: 0; margin-left: 10px; } #sidebar { float : left; margin-left : -100%; position : relative; width : 234px; } .main-menu { display : none; position : absolute; left : 0; right : 0; min-width : 230px; top : 100%; z-index : 10000; } .main-menu.open { display : block; } .main-menu .accordion__btn:before { right : 15px; margin-top : -2px; border : 4px solid transparent; border-bottom : none; border-top : 6px solid; } .cat_nav > li { background : url(/images/cat_nav_li-new.png) repeat-x scroll 0 0 #f2f2f2; border : none; border-bottom : 1px solid #e8e8e8; border-left : 1px solid #fcfcfc; border-right : #e8e8e8 solid 1px; margin : 0; padding : 0; position : static; } .cat_nav > li > .submenu { border : 1px solid #e8e8e8; border-left : none; left : 100%; } .cat_nav > li > .submenu > ul { -webkit-column-width : 210px; -moz-column-width : 210px; column-width : 210px; } .cat_nav li li, .cat_nav li:hover li { border : none; list-style : none; margin-left : 5px; } .cat_nav li li a, .cat_nav li.submenu-visible li a { background : url(/images/cat_nav_dot.gif) 8px 15px no-repeat; border : none; display : block; font-weight : 400; margin : 0; padding : 8px 10px 2px 20px; text-decoration : none; line-height : 18px; font-size : 12px; } .cat_nav { background : url(/images/cat_nav-left-bg.png) repeat-y 100% 0; border-left : #e8e8e8 solid 1px; border-top : 1px solid #f4f0cc; list-style : none; margin : 0; padding : 0; position : relative; } .cat_nav li.submenu-visible > .submenu { display : block; white-space : normal; min-height : 100%; } .question-block{ background: url(/images/question-bg.png) no-repeat 0 100%; margin-left: 12px; padding-bottom: 3px; } .question-block > div{ background: url(/images/question-main-bg.png) repeat-x scroll 0 100% #80c240; padding: 14px 14px 12px; width: 187px; } .question-block h3{ color: #313131; font-size: 12px; font-weight: 700; margin-bottom: 8px; } .question-block p{ color: #ffffff; font-size: 18px; margin-bottom: 12px; } .voting-form-box .vote-item-vote{ margin-bottom: 3px; } span.custom-btn i, span.custom-btn em { display : block; float : left; height : 26px; } span.custom-btn i { background : url(/images/button-left.png) no-repeat 0 0; width : 4px; } span.custom-btn input { background : url(/images/button-center.png) repeat-x 0 0; color : #313131; cursor : pointer; display : block; float : left; font-size : 12px; height : 26px; line-height : 26px; padding : 0 7px; } span.custom-btn em { background : url(/images/button-right.png) no-repeat 0 0; width : 6px; } .page-footer{ position: relative; margin-top: 20px; } .footer-nav{ padding-top: 26px; border-top: 1px solid #e2e2e2; } .footer-nav, .footer-nav *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .footer-nav .row{ margin: 0 -15px 20px; } .footer-nav__column{ width: 25%; padding: 0 15px; float: left; } .footer-nav__column .h5{ color: #424242; font-size: 12px; font-weight: 700; } .footer-nav__column ul{ overflow: hidden; } .footer-nav__column .reviews{ line-height: normal; } .bottom-banners a { padding-right : 18px; } .copyright { display : block; position : relative; } #overlayEffect{ display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9996; background: url(/images/pp-bg.png) repeat 0 0; } #overlayEffectTransparent{ display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9998; } #fancybox-tmp{ border: 0; display: none; margin: 0; overflow: auto; padding: 0; } #fancybox-loading{ cursor: pointer; display: none; height: 40px; left: 50%; margin-left: -20px; margin-top: -20px; overflow: hidden; position: fixed; top: 50%; width: 40px; z-index: 1104; } #fancybox-wrap{ display: none; left: 0; margin: 0; padding: 20px; position: absolute; top: 0; z-index: 1101; } #fancybox-outer{ background: #ffffff; height: 100%; position: relative; width: 100%; } #fancy-bg-n{ background-image: url(/images/fancybox-img/fancybox-x.png); left: 0; top: -20px; width: 100%; } .fancy-bg{ border: 0; height: 20px; margin: 0; padding: 0; position: absolute; width: 20px; z-index: 1001; } #fancy-bg-ne{ background: url(/images/fancybox-img/fancybox.png) -40px -162px; right: -20px; top: -20px; } #fancy-bg-e{ background: url(/images/fancybox-img/fancybox-y.png) -20px 0; height: 100%; right: -20px; top: 0; } #fancy-bg-se{ background: url(/images/fancybox-img/fancybox.png) -40px -182px; bottom: -20px; right: -20px; } #fancy-bg-s{ background: url(/images/fancybox-img/fancybox-x.png) 0 -20px; bottom: -20px; left: 0; width: 100%; } #fancy-bg-sw{ background: url(/images/fancybox-img/fancybox.png) -40px -142px; bottom: -20px; left: -20px; } #fancy-bg-w{ background-image: url(/images/fancybox-img/fancybox-y.png); height: 100%; left: -20px; top: 0; } #fancy-bg-nw{ background: url(/images/fancybox-img/fancybox.png) -40px -122px; left: -20px; top: -20px; } #fancybox-inner{ height: 1px; left: 0; margin: 0; outline: none; overflow: hidden; padding: 0; position: absolute; top: 0; width: 1px; } #fancybox-close{ background: url(/images/fancybox-img/fancybox.png) -40px 0; cursor: pointer; display: none; height: 30px; position: absolute; right: -15px; top: -15px; width: 30px; z-index: 1103; } #fancybox-left, #fancybox-right{ background-image: url(/images/fancybox-img/blank.gif); bottom: 0; cursor: pointer; display: none; height: 100%; outline: none; position: absolute; width: 35%; z-index: 1102; } #fancybox-left-ico, #fancybox-right-ico{ cursor: pointer; display: block; height: 30px; left: -9999px; margin-top: -15px; position: absolute; top: 50%; width: 30px; z-index: 1102; } #fancybox-left-ico{ background: url(/images/fancybox-img/fancybox.png) -40px -30px; } /*atevi*/ .copyright { color : #ababab; font-size : 12px; line-height : 14px; margin-bottom : 10px; } /*.copyright { color : #ababab; font-size : 11px; line-height : 14px; margin-bottom : 10px; }*/ .social-list > ul { margin-top : 4px; } .social-list > ul > li a { display : block; height : 17px; width : 18px; } a.instagram{ background: url(/images/ico-instagram.png) no-repeat 0 0; } a.vkontakte{ background: url(/images/ico-vk.png) no-repeat 0 0; } a.facebook{ background: url(/images/ico-facebook.png) no-repeat 0 0; } a.twitter{ background: url(/images/ico-twitter.png) no-repeat 0 0; } a.googleplus{ background: url(/images/ico-googleplus.png) no-repeat 0 0; } a.blogger{ background: url(/images/ico-blogger.png) no-repeat 0 0; } a.youtube{ background: url(/images/ico-youtube.png) no-repeat 0 0; } .content-header { background : url(/images/content-header.png) repeat-x 0 0; height : 37px; margin-bottom : 12px; } td:hover .price.inacard, .price.inacard:hover { background : url(/images/ico_shop_basket.png) 98% 0 no-repeat; padding-right : 20px; } .header-top:after, .topper:after, .topper ul:after, .auth:after, .contacts ul:after, span.search-btn:after, .sidebar-header:after, .content-top:after, .cat_nav li > .submenu:after, span.custom-btn:after { clear : both; content : ' '; display : block; font-size : 0; height : 0; visibility : hidden; } .contacts table td, /*atevi*/ .razdel_lnk sup { color : #6f6a65; font-size : 12px; } /*.razdel_lnk sup { color : #6f6a65; font-size : 10px; }*/ .sidebar-header ul.cat_nav > li > a { display : block; font-size : 12px; font-weight : 400; padding : 6px 8px 4px 11px; line-height : 18px; } ul.breadcrumbs-new li a { color : #767676; } ul.breadcrumbs-new li { background : url(/images/product-list/breadcrumbs-sep.png) no-repeat 0 50%; color : #767676; display : block; float : left; margin-left : 6px; padding-left : 12px; font-size : 12px; } ul.breadcrumbs-new li:first-child { background : none; margin-left : 0; padding-left : 0; } .card-nav-area { background : #ffffff; border-bottom : 1px solid rgb(232, 232, 232); margin-top : -15px; position : -webkit-sticky; position : sticky; top : 0; z-index : 99; } .card-navigation { overflow : hidden; position : relative; } ul.card-nav { height : 34px; /*margin-bottom: 16px;*/ overflow : hidden; padding-left : 20px; position : relative; z-index : 1; } ul.card-nav li { color : #6f6a65; float : left; line-height : 36px; margin-right : 30px; } ul.card-nav li a { display : inline-block; line-height : 14px; text-decoration : none; } .cart-top-info { display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; margin-bottom : 11px; /*padding-top : 20px;*/ position : relative; width : 100%; /*margin-top : 30px;*/ } .product-gallery-w { width : 100%; padding-left : 100px; } .product-gallery-full { padding-left : 0; } .product-price-info { position : relative; width : 500px; min-width : 500px; background : #f5ffd1; border-radius : 5px; -webkit-box-shadow : 0 0 4px rgba(0, 0, 0, 0.3); box-shadow : 0 0 4px rgba(0, 0, 0, 0.3); } .gallery-main-area { margin : 0 auto; position : relative; text-align : center; max-width : 100%; } .gallery-image-area { overflow : hidden; position : relative; padding-right : 20px; } .product-price-info--out-stock{background: none; text-align: center; align-self: flex-start;} .product-price-info--out-stock .empty-stock div.h4{font-size: 18px; font-weight: 700; color: inherit; margin-bottom: 25px;} .empty-stock__text{order: -10;} .product-price-info--out-stock .btn--lg{border: 2px solid #7dc203;} .product-price-info--out-stock .btn__txt{font-size: 16px; color: #267217;} .product-price-info--out-stock .empty-stock{padding: 40px 20px; display: flex; flex-direction: column; align-items: center;} .product-price-info--out-stock .empty-stock p{margin-top: 15px;} .product-price-info--out-stock .waiting-form{display: none;} .fancybox-slide .waiting-form{margin: 0; max-width: 540px; background-color: #f5ffd1; padding: 30px 35px; overflow: visible; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);} .fancybox-slide .waiting-form .h5 {font-size: 22px; font-weight: 700; line-height: 24px; margin-bottom: 15px;} .fancybox-slide .waiting-form p{font-size: 16px; margin-bottom: 20px;} .fancybox-slide .waiting-form .phone-input-area{margin-bottom: 25px;} .fancybox-slide .fancybox-close-small:after{font-size: 36px; background: none;} .gallery-image__item { position : relative; display : none; height : 330px; } .gallery-image__item.active { display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-box-pack : center; -webkit-justify-content : center; -ms-flex-pack : center; justify-content : center; text-align : center; -webkit-box-align : center; -webkit-align-items : center; -ms-flex-align : center; align-items : center; } .gallery-image__item img { display : inline-block; vertical-align : middle; height : auto; max-height : 100%; max-width : 100%; } .gallery-nav-area { position : absolute; left : 0; top : 20px; } .gallery-nav-center { display : table-cell; height : 233px; vertical-align : top; } .gallery-nav { margin-bottom : 10px; max-height : 330px; overflow : hidden; } .gallery-nav li { border : 1px solid #cacaca; display : block; margin-bottom : 3px; overflow : hidden; padding : 1px; } .no-touch .gallery-nav li:not(.link_more):hover, .gallery-nav li.active { border : 2px solid #73a83d; padding : 0; } .gallery-nav li a { display : table-cell; width : 68px; height : 68px; vertical-align : middle; } .gallery-nav img { max-width : 100%; } a.more-nav-items { border-bottom : 1px dotted #6f6a65; color : #6f6a65; font-size : 12px; text-decoration : none; } .gallery-nav .link_more { border : none; margin-top : 10px; } .gallery-nav .link_more a { height : auto; } .features-header { padding-right : 178px; } .gallery-image-area .zoom-ico { background : url(/images/card/zoom-ico.png) no-repeat 50% 50%; -webkit-background-size : contain; background-size : contain; display : none; width : 50px; height : 50px; left : 50%; position : absolute; top : 50%; margin : -25px 0 0 -25px; } .imgPopup { background : #ffffff; -webkit-box-shadow : 0 0 7px 7px #555555; box-shadow : 0 0 7px 7px #555555; display : none; left : 45%; padding : 5px; position : fixed; text-align : center; top : 30%; z-index : 9999; } .price-info { min-height : 30px; position : relative; } .price-info-center { position : relative; z-index : 96; } .whosale-link-block { clear : both; margin-top : 46px; } .whosale-link-block span { color : green; font-size : 19px; text-decoration : none; } .empty-stock { padding : 20px; } .empty-stock div.h4 { color : #e0503a; font-size : 24px; margin-bottom : 9px; } .empty-stock div.h5 { color : #313131; font-size : 16px; margin-bottom : 5px; padding-top : 6px; } .empty-stock p { color : #313131; line-height : 18px; margin-bottom : 15px; } .empty-stock p span { color : #257315; font-weight : 700; } .phone-input-area { display : -webkit-box !important; display : -webkit-flex !important; display : -ms-flexbox !important; display : flex !important; -webkit-box-pack : justify; -webkit-justify-content : space-between; -ms-flex-pack : justify; justify-content : space-between; -webkit-box-align : center; -webkit-align-items : center; -ms-flex-align : center; align-items : center; } .phone-input-area .form-row { display : block; } .phone-input-area .phone-country-code { background : none; border-radius : 0; border : none; -webkit-box-shadow : none; box-shadow : none; width : 32px; margin-right : 10px; padding : 0; } .phone-input-area .select-visual { display : inline-block; vertical-align : middle; margin-right : 10px; min-width : 94px; } .phone-input-area .submit-btn { clear : both; } .top-price-area { padding : 67px 20px 47px; } .wrap-area { clear : both; } .price-wrapper { white-space : nowrap; } .info-wrapper { max-width : 410px; margin-top : 20px; } .info-wrapper img { margin : 0 5px 5px 0; } .info-wrapper { font-size : 18px; } .catalog-price-value { display : inline-block; vertical-align : middle; font-size : 45px; line-height : 59px; margin-right : 10px; font-family : 'Arial Narrow', serif; font-weight : 700; letter-spacing : -2px; } .price-main { color : #e54a41; } .price-container-action { clear: both; } .price-action { font-size : 25px; } .price-action sup { font-size : 20px!important; } .catalog-price-value sup { padding-left: 4px; font-size: 30px; } .catalog-price-value .sale-price-star { font-size: 20px; } .sale-price-star.small { position: absolute; top: 0; left: -10px; color: #e54a41; font-size: 16px; } .sale-price-desc { position: relative; } .price-secondary { color : #257315; font-size: 18px; font-weight: bold; font-size: 40px; } .price-old-value { display: inline-block; vertical-align: middle; padding-right: 20px; color: #767676; font-size: 24px; font-family: 'Arial Narrow', serif; white-space: nowrap; } .price-usd sup { font-size : 70%; margin-left : 5px; vertical-align : text-top; } .price-rub { color : #6f6a65; float : left; font-size : 15px; line-height : 27px; margin-right : 17px; } .price-rub > span { padding-left : 4px; } .btn-to-basket { display: inline-block; vertical-align : middle; position : relative; } .no-touch ul.card-nav li a:hover, ul.card-nav li.selected a { border-bottom : none; color : #257315; } .card-video-title { padding-top : 19px; } .card-video-title span { font-size : 26px; line-height : 32px; margin-bottom : 16px; } .reviews-header h2 { display : inline-block; width : auto; float : left; } ul.order-info{ background: url(/images/card/order-info-bg.png) repeat-x 0 0; display: none; height: 30px; overflow: hidden; position: absolute; right: 0; top: 3px; z-index: 2; } ul.order-info li{ background: url(/images/card/order-info-sep.gif) no-repeat 0 0; color: #ffffff; float: left; font-size: 11px; line-height: 30px; padding: 0 14px; } ul.order-info li strong{ font-size: 12px; padding-right: 6px; } ul.order-info li a{ color: #ffffff; display: block; line-height: 30px; text-decoration: none; } ul.order-info li a.add-to-basket{ font-size: 12px; font-weight: 700; } .pp-added-to-basket{ background: url(/images/card/pp-added-to-basket.png) no-repeat 0 0; bottom: -77px; height: 91px; position: absolute; right: 9px; width: 174px; z-index: 99; } .pp-added-to-basket > div{ height: 42px; overflow: hidden; padding: 30px 24px 10px; } .pp-added-to-basket p{ margin-bottom: 4px; } .no-touch .pp-added-to-basket a:hover{ color: #006ec6; } .best-price-ico{ background: url(/images/card/best-price.png) no-repeat 50% 50%; height: 26px; padding: 1px 6px; position: absolute; right: 20px; top: 0; width: 104px; z-index: 95; } a.close-pp{ background: url(/images/fancy_closebox.png) no-repeat 0 0; display: block; height: 30px; position: absolute; right: -13px; top: -13px; width: 30px; } a.imgPopupNav{ background: url(/images/card/ie-transparent.png) repeat 0 0; display: block; height: 100%; position: absolute; top: 17px; width: 49%; } a.prevImg:hover{ background: url(/images/card/prevImg.gif) no-repeat 0 20%; } a.nextImg:hover{ background: url(/images/card/nextImg.gif) no-repeat 100% 20%; } ul.imgPopup-nav-area{ display: block; height: 46px; margin-top: 10px; overflow: hidden; position: relative; } ul.imgPopup-nav-area li{ border: 1px solid #cacaca; display: block; float: left; margin: 2px; height: 40px; overflow: hidden; } .imgPopup-nav-area li a{ display: table-cell; height: 40px; vertical-align: middle; width: 38px; } .imgPopup-nav-area li:hover, .imgPopup-nav-area li.active{ border-color: #73a83d; outline: 1px solid #73a83d; } .imgPopup-nav-area img { max-width : 100%; } .compare-item{ display: inline-block; height: 30px; margin-left: 10px; margin-top: -4px; padding-top: 10px; vertical-align: middle; } .compare-item input{ margin-top: 3px; } .compare-item label{ color: #115388; cursor: pointer; font-size: 14px; padding-left: 8px; padding-right: 10px; } .compare-item label span{ border-bottom: 1px dotted #115388; } a.go-to-compare, a.go-to-compare:visited { border-bottom : 1px dotted #115388; color : #115388; font-size : 14px; text-decoration : none; } .basket-carousel .btn-to-basket { margin : 0; } .checkout-btn span.yellow-btn input { padding : 0 3px; } .catalog-detail-prices { white-space : nowrap; margin-bottom: 5px; height: 90px; } .product-card-price.catalog-detail-prices{ height: auto; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch} .product-card-price .grid{ display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin: -10px; } .product-card-price .grid__item{ padding: 10px; width: 50%; } @media(max-width: 479px) { .product-card-price .grid { margin: -5px; } .product-card-price .grid__item{ padding: 5px; width: 100%; } } .new-button{ display: flex; width: 100%; height: 100%; border-radius: 5px; background-color: #257315; border: 1px solid #257315; background: linear-gradient(#549729, #257315); color: #fff; padding: 12px 5px; transition: all 0.3s ease; cursor: pointer; justify-content: center; align-items: center; box-shadow: 0 1px 3px rgba(30,30,30,0.3); } .new-button a{ color: #fff !important; transition: all 0.3s ease; } .no-touch .new-button:hover, .new-button:active{ background-color: transparent; color: #257315; } .no-touch .new-button:hover a, .new-button:active a{ color: #257315 !important; } .new-button_border{ background-color: transparent; background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); color: #257315; } .no-touch .new-button_border:hover, .new-button_border:active{ background-color: #257315; color: #ffffff; } .grid__item .btn-to-basket{ display: block; } .base_price-container { display: flex; width: 100%; align-content: center; justify-content: center; } .price-container { float: left; } .price-container-with-btn { line-height: 70px; } .price-container-not-btn { line-height: 0; } .catalog-byn-prices:after { content: ''; display: block; clear: both; } .pp-added { background : url(/images/card/pp-added.png) no-repeat 0 0; color : #313131; display : none; font-weight : 700; height : 52px; left : -183px; line-height : 52px; overflow : hidden; padding : 0 23px; position : absolute; top : 0; width : 185px; font-size : 12px; } .basket-carousel .pp-added { background : url(/images/card/pp-added-related.png) no-repeat 0 0; text-align : center; color : #313131; display : none; font-weight : 700; height : 60px; left : 1px; line-height : 52px; overflow : hidden; padding : 0 23px; position : absolute; top : -70px; width : 141px; font-size : 12px; } ul.payment-systems{ float: left; margin-top: -3px; width: 92px; } ul.payment-systems li{ color: #6f6a65; float: left; font-size: 11px; height: 15px; margin: 0 5px 10px 0; } .bottom-info-area{ background: #ffffff url(/images/card/price-info-sep.jpg) no-repeat 0 0; -webkit-background-size: contain; background-size: contain; padding: 20px; } .bottom-info-area div.current-delivery-city{ color: #000000; font-size: 18px; margin-bottom: 8px; position: relative; font-family: 'Arial Narrow', serif; font-weight: 700; } .bottom-info-area > .input-text-area{ margin-top: 8px; } .bottom-info-area > .input-text-area input{ max-width: 100%; } .bottom-info-area i.question-ico{ margin-left: 4px; } ul.price-info-tabs{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 34px; } ul.price-info-tabs h2{ font-family: Arial; font-weight: normal; width: auto; } ul.price-info-tabs h2 span{ font-size: 14px; } ul.price-info-tabs{ margin: 0 -3px; background: #ffffff; } ul.price-info-tabs li a, ul.price-info-tabs li h2 a{ border-radius: 5px 5px 0 0; border-bottom: none; background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), color-stop(#ffffff), to(#e2e2e2)); background: -webkit-linear-gradient(#eeeeee, #ffffff, #e2e2e2); background: -o-linear-gradient(#eeeeee, #ffffff, #e2e2e2); background: linear-gradient(#eeeeee, #ffffff, #e2e2e2); color: #6f6a65; display: block; font-size: 14px; height: 32px; line-height: 32px; text-align: center; text-decoration: none; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } ul.price-info-tabs li a.selected, .buy-credit-order ul.price-info-tabs li a.selected{ color: #004780; background: #f5ffd1; } ul.price-info-tabs li a span{ display: inline-block; margin-left: -10px; padding-left: 25px; } ul.price-info-tabs li a span.buy-now{ background: url(/images/card/ico-buy.png) no-repeat 0 50%; } ul.price-info-tabs li a span.on-credit{ background: url(/images/card/ico-on-credit.png) no-repeat 0 50%; } ul.price-info-tabs li a span.order{ background: url(/images/card/ico-order.png) no-repeat 0 50%; } .price-info-tabs-content .top-price-area{ margin: 0 1px; } .price-info-tabs-content .btn-to-basket{ margin-top: 9px; } .buy-order .top-price-area { padding : 23px 20px 31px 50px; } .buy-order .savings { margin-bottom : -15px; } .buy-credit-order .top-price-area { padding : 26px 20px 8px; } .buy-now-only .top-price-area { padding : 20px; } .buy-credit-order .bottom-info-area { padding : 25px 20px 20px; } .buy-credit-order ul.price-info-tabs li a { background : url(/images/card/tabs-short.png) no-repeat 0 0; width : 158px; } .savings { color : #6f6a65; } .savings span { color : #257315; font-weight : 700; margin-top : 10px; } .top-on-credit-area { background : url(/images/card/green-bg.png) repeat 0 0; border-top : 1px solid #bee392; margin : 0 1px; padding : 15px 20px 21px; } .credit-info { color : #6f6a65; float : left; font-size : 16px; line-height : 31px; margin-right : 10px; width : 219px; } .credit-top{ background: url(/images/card/green-bg.png) repeat 0 0; margin: 0 1px 13px; padding: 21px 6px 16px 19px; } .credit-top > div{ color: #313131; line-height: 28px; margin-bottom: 13px; } .credit-top > div > label{ color: #313131; float: left; margin-right: 12px; } .credit-top .initial-fee-input{ float: left; margin-right: 6px; } .credit-top .initial-fee-input input{ color: #2d2d2d; padding: 0 5px; text-align: right; width: 70px; } .credit-top > div > span{ float: left; margin-right: 20px; } .credit-top > div > label > input[type='checkbox']{ margin-right: 5px; } .credit-top > div > label.credit-term-label{ margin-right: 38px; } .credit-options{ color: #313131; margin: 0 10px; } .credit-options-header{ color: #767676; margin-bottom: 6px; margin-left: 37px; } .credit-options-header > div{ display: block; float: left; height: 29px; vertical-align: middle; } .credit-options-item{ border-top: 1px solid #e8e8e8; cursor: pointer; } .credit-options-item > div{ float: left; height: 34px; line-height: 34px; position: relative; } .credit-col-1{ width: 165px; } .credit-col-2{ text-align: center; width: 95px; } .credit-col-3{ padding: 0 0 0 7px; text-align: center; width: 93px; } .credit-col{ text-align: center; width: 213px; } .credit-options-item div:first-child{ width: 37px; } .credit-options-item div:first-child > em{ background: url(/images/checkout/radio-ico.png) no-repeat 0 -18px; display: block; height: 18px; margin-left: 9px; margin-top: 8px; width: 18px; } .credit-options-item.selected{ background: url(/images/card/credit-options-item-selected.png) repeat-x 0 0; border-top: 1px solid #e9ffc0; position: relative; z-index: 2; } .credit-options-item.selected-next{ border-top: 1px solid #ffffff; } .credit-footer{ background: url(/images/card/credit-footer.png) repeat-x 0 0 #f5f5f5; margin: 0 1px; padding: 21px 18px 13px 19px; } .credit-sum-information{ color: #6f6a65; float: left; font-size: 16px; line-height: 46px; } .product-accordion{ margin-bottom: 21px; margin-top: 20px; } .content-block, .related-prod-block{ margin-top: -30px; padding-top: 30px; } .product-accordion h3 > span{ display: block; } .product-accordion .accordion-body{ height: 1%; margin-bottom: 13px; position: relative; width: 100%; } .accordion-body-content{ color: #313131; line-height: 16px; } .main-content-inner{ padding: 0 290px 0 0; } .accordion-sidebar{ float: left; margin-left: -258px; margin-right: -3px; position: relative; width: 253px; } .accordion-sidebar h4{ font-size: 18px; margin-bottom: 10px; } .similar-product { margin-bottom : 15px; } .similar-product-img { float : left; height : 40px; padding-right : 10px; width : 56px; } .similar-product-img a { display : block; margin-top : 4px; text-align : center; } .similar-product-img img { display : inline-block; vertical-align : middle; max-width : 100%; } .similar-product-img, .similar-product-info { display : block; vertical-align : middle; } .similar-product-info { margin-left : 56px; margin-bottom : 2px; } .similar-product-price .price { font-size : 14px; } .similar-product-info a { display : block; font-size : 12px; line-height : 18px; } .similar-product-price { margin-left : 56px; font-family : 'Arial Narrow', serif; } .special-offer{ background: url(/images/card/offer-bg.png) repeat-x 0 0; margin-bottom: 20px; padding: 19px 13px; position: relative; } .special-offer, .best-price{ background: url(/images/card/best-price.png) no-repeat 11px 18px #ffeda7; min-height: 54px; padding-left: 120px; } .special-offer .h5{ color: #f65505; font-size: 14px; font-weight: 700; margin-bottom: 6px; } .special-offer p{ line-height: 20px; } .special-offer a{ color: #004780; font-size: 12px; } .special-offer > em, .special-offer > i{ background: url(/images/card/offer-bg.png) repeat-x 0 0; display: block; height: 11px; left: 0; position: absolute; width: 100%; } .special-offer > em{ top: -4px; } .special-offer > i{ bottom: -7px; } p.product-info { color : #313131; line-height : 18px; margin-bottom : 26px; margin-left : 13px; } .product-description { display : table; margin-bottom : 27px; width : 100%; color : #313131; } .product-description-row { display : table-row; } .description-row-item { display : table-cell; padding : 6px 0 5px 15px; width : 50%; vertical-align : middle; } .description-row-item:first-child { min-width : 140px; } .description-row-item.param-name { min-width : 187px; } .description-row-item.small-text div { overflow : hidden; height : 20px; } .product-description .main-descr { background : url(/images/card/main-descr-fade-02.png) no-repeat 100% 100%; color : #767676; font-size : 11px; overflow : hidden; } .product-description .main-descr div { height : 25px; overflow : hidden; } .description-row-item.more-description { padding : 10px 15px; vertical-align : top; width : 1px; } .product-description a.more-description { background : url(/images/card/more-description-link.png) no-repeat 0 0; display : block; height : 9px; width : 9px; } .product-description a.more-description.opened { background : url(/images/card/more-description-link-reverse.png) no-repeat 0 0; } .product-description-row:nth-child(odd) .main-descr { background : url(/images/card/main-descr-fade-01.png) no-repeat 100% 100%; } .product-parameters { margin-bottom : 6px; line-height : 20px; -webkit-columns : 2; -moz-columns : 2; columns : 2; -webkit-column-gap : 20px; -moz-column-gap : 20px; column-gap : 20px; margin-right : 48px; } .product-parameters p { margin-bottom : 10px; font-weight : 700; } .product-parameters h5 { color : #424242; font-weight : 700; margin-bottom : 5px; } .product-parameters ul li { background : url(/images/cat_nav_dot.gif) 0 9px no-repeat; color : #313131; margin-bottom : 5px; padding-left : 13px; } .attention-area { line-height : 20px; } .attention-area p { font-weight : normal; } .attention-area .h4 { color : #767676; font-size : 12px; font-weight : 700; } .credit-term-slider{ background: url(/images/card/range-body.png) no-repeat 0 0; float: left; height: 26px; margin-top: -4px; padding: 0 28px 0 3px; width: 265px; } .credit-term-slider .ui-slider .ui-slider-handle{ background: url(/images/card/slider-v.png) no-repeat 0 0; height: 21px; margin-left: -11px; width: 24px; } #slider-range-scale{ height: 18px; } #slider-range-scale span{ display: inline-block; font-size: 10px; } i.question-ico { background : url(/images/card/question-ico.png) no-repeat 0 0; cursor : pointer; display : inline; height : 19px; position : relative; vertical-align : middle; width : 20px; zoom : 1; } .pp-yellow-new{ background: #ffffff; border: 3px solid #ffd607; border-radius: 6px; -webkit-box-shadow: 0 0 3px 3px #dddddd; box-shadow: 0 0 3px 3px #dddddd; display: block; font-style: normal; left: -10000000px; padding: 16px 19px; position: absolute; top: -100000000px; visibility: hidden; z-index: 9999; } .pp-yellow-new h4{ color: #313131; font-size: 12px; font-weight: 700; margin-bottom: 4px; } .pp-yellow-new h4 a{ color: #004780; text-decoration: underline; } .pp-yellow-new ul li{ background: url(/images/card/li-style.png) no-repeat 0 0; color: #313131; line-height: 18px; margin-bottom: 4px; padding-left: 16px; } .pp-yellow-new-v{ background: url(/images/card/pp-yellow-new-v.png) no-repeat 0 0; bottom: -18px; height: 20px; left: 30px; position: absolute; width: 24px; } .product-card .related-products { padding-top : 19px; } .related-products .product-title { font-size : 14px; margin-bottom : 10px; line-height : 20px; } .product-card .breadcrumbs-new li a { color : #767676; } .no-touch .product-card .breadcrumbs-new li a:hover { color : #257315; } .product-reviews { border-top : 1px solid #e8e8e8; margin-bottom : 20px; margin-top : 17px; padding : 25px 0 0; } .product-reviews h3 { float : left; width : auto; } i.big-stars0{ background-position: -110px 0; } i.big-stars1{ background-position: -88px 0; } .review-header { background : #f7f7f7; margin-bottom : 17px; } .review-header div.h5 { color : #767676; float : left; font : normal 12px/25px Arial; padding-left : 12px; width : 208px; margin-bottom : 0; } i.stars{ background: url(/images/card/stars.png) no-repeat 0 0; display: block; height: 15px; width: 79px; } i.stars1{ background-position: -64px 0; } i.stars2{ background-position: -48px 0; } i.stars3{ background-position: -32px 0; } i.stars4{ background-position: -16px 0; } i.small-stars{ background: url(/images/card/review-small-stars.png) no-repeat 0 0; display: inline-block; height: 16px; width: 75px; vertical-align: text-bottom; } i.small-stars.stars1{ background-position: -60px 0; } i.small-stars.stars2{ background-position: -45px 0; } i.small-stars.stars3{ background-position: -30px 0; } i.small-stars.stars4{ background-position: -15px 0; } .review-stars span { color : #767676; float : left; font-size : 12px; line-height : 25px; } .review-body { height : 1%; margin-bottom : 19px; position : relative; width : 100%; } .review-main { line-height : 20px; } .review-main > div { padding : 0 0 0 223px; } .review-main p { margin-bottom : 17px; } .review-sidebar { float : left; margin-left : -100%; padding-left : 13px; position : relative; width : 210px; } .experience { color : #767676; line-height : 18px; margin-bottom : 14px; font-size : 12px; } .experience label { margin-right : 20px; padding-top : 0; } .reviews-footer { border-top : 1px solid #e8e8e8; margin-top : -9px; padding-top : 19px; } .reviews-footer > div { margin-left : 223px; } a.show-all-reviews { color : #a9b0a8; font-size : 16px; line-height : 30px; margin-right : 17px; text-decoration : none; } a.show-all-reviews span { border-bottom : 1px dotted #004780; color : #004780; } .related-prod-block.content-item { margin-top : 0; padding-left : 12px; } .feedback-form, .review-form { margin : 27px 0 0; position : relative; } .feedback-form-main, .review-form-main { background : url(/images/card/review-form-bg.png) repeat 0 0; padding : 18px 20px; } .feedback-form h4, .review-form h4 { color : #257315; font-size : 18px; margin-bottom : 17px; } .star-items a { display : block; float : left; height : 19px; width : 21px; } .form-row { display : table; position: relative; width : 100%; table-layout : fixed; margin-bottom : 20px; clear : both; } .form-row_sm { max-width : 500px; } .form-row:last-child { margin-bottom : 0; } .form-row__label { display : table-cell; vertical-align : top; color : #313131; font-weight : 700; padding-top : 4px; width : 202px; } .form-row__input { display : table-cell; vertical-align : top; } .review-form-item.experience > label { padding-top : 0; padding-right : 20px; } .form-row__input textarea { display : block; width : 100%; min-height : 72px; border : 1px solid #c6c6c6; border-radius : 5px; -webkit-box-shadow : inset 1px 1px 1px 0 #dddddd; box-shadow : inset 1px 1px 1px 0 #dddddd; color : #6f6a65; margin : 0; padding : 7px 9px; } textarea.comments-text { height : 102px; } .form-row__input label input[type='radio'] { margin : 0 4px 0 0; padding : 0; } .form-row.experience { margin-bottom : 14px; } .form-row__input select { border-radius : 3px; height : 40px; width : 100%; line-height : 38px; padding : 0 12px; border : 1px solid #c6c6c6; -webkit-box-shadow : inset 0 1px 5px rgba(0,0,0,0.25); box-shadow : inset 0 1px 5px rgba(0,0,0,0.25); -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; font-size : 14px; } .form-row__input option { margin : 5px 0; } .feedback-form-footer, .review-form-footer { border-top : 1px solid #e8e8e8; margin : 0 -20px; padding : 20px 20px 0; text-align : center; } .publish-select{ float: left; position: relative; } .publish-select select{ width: 227px !important; } .publish-select span.select{ background: url(/images/card/publish-select.png) no-repeat 0 0; width: 227px; } .publish-popup{ bottom: 126px; position: absolute; right: 78px; width: 330px; z-index: 10; } .publish-popup > div{ background: #ffffff; border: 3px solid #6aa331; border-radius: 5px; padding: 15px 20px 10px; position: relative; } .publish-popup a.close-popup{ background: url(/images/product-list/close.gif) no-repeat 0 0; display: block; height: 11px; position: absolute; right: 10px; top: 10px; width: 11px; } .publish-popup a.close-popup:hover{ background-position: 0 -11px; } .publish-popup i{ background: url(/images/card/publish-popup-i.png) no-repeat 0 0; bottom: -15px; display: block; height: 15px; left: 47%; position: absolute; width: 24px; } .publish-popup .success-message{ color: #313131; font-size: 12px; font-weight: 700; line-height: 18px; margin-bottom: 4px; } .publish-popup p{ color: #313131; font-size: 12px; line-height: 18px; } .review-block{ height: 1%; position: relative; width: 100%; } .review-tips-inner{ padding: 0 0 0 716px; } .review-tips .tip-title{ color: #347c25; font: normal 16px Arial; margin-bottom: 7px; } .review-tips p{ color: #767676; font-size: 12px; line-height: 18px; margin-bottom: 20px; } .review-block-main { float : left; margin-left : -100%; position : relative; width : 700px; } .poll{ padding-right: 30px; } .poll .top-area{ background: none; margin-bottom: 22px; padding: 0; } .poll p.question{ font-size: 14px; margin-bottom: 10px; margin-top: 15px; } .poll-msg{ border-radius: 5px; font-size: 12px; margin-top: 15px; padding: 9px 13px; } .thanks-msg{ background: #e4f1d8; color: #617a58; } .error-msg{ background: #f8dbcb; color: #7b1d12; } .poll-inner p{ font-size: 12px; line-height: 18px; margin-bottom: 20px; } .poll-result{ margin-bottom: 32px; margin-left: 2px; padding-top: 2px; } .result-item h6 { font-size : 14px; font-weight : 400; margin : 0 0 11px; padding : 0; } .progress .bar{ background: url(/images/poll/bar-bg.png) repeat-x; float: left; height: 13px; margin-right: 36px; position: relative; width: 380px; } .progress .green-area{ background: url(/images/poll/bar-green-bg.png) repeat-x 0 0; -webkit-box-shadow: inset 2px 0 3px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 2px 0 3px 0 rgba(0, 0, 0, 0.25); height: 13px; left: 0; position: absolute; top: 0; } .progress .green-area i{ background: url(/images/poll/bar-sep.png) no-repeat 0 0; display: block; height: 13px; position: absolute; right: -2px; top: 0; width: 6px; } .progress .progress-info{ color: #6d6a65; float: left; font-size: 11px; } textarea { font-family : Arial, Helvetica, sans-serif; font-size : 12px; resize : none; } span.big-green-btn input { background : url(/images/card/big-green-btn-center.png) repeat-x 0 0; color : #ffffff; cursor : pointer; display : block; float : left; font-family : Arial, serif; font-size : 16px; height : 46px; line-height : 18px; padding : 0 6px; } .button { background : transparent no-repeat 0 0; border : 0; cursor : pointer; margin : 0; padding : 0; } span.big-green-btn i { background : url(/images/card/big-green-btn-left.png) no-repeat 0 0; width : 6px; } span.big-green-btn em { background : url(/images/card/big-green-btn-right.png) no-repeat 0 0; width : 9px; } .answer_faq { margin : 0 0 10px 20px; } .faq_question { position : relative; cursor : pointer; font-size : 14px; padding : 10px 15px 10px 0; border-top : 1px solid #e8e8e8; } .faq_question:before { content : ''; position : absolute; top : 16px; right : 0; border : 4px solid transparent; border-bottom : none; border-top : 6px solid #326fbb; -webkit-transition : -webkit-transform 0.15s; transition : -webkit-transform 0.15s; -o-transition : -o-transform 0.15s; transition : transform 0.15s; transition : transform 0.15s, -webkit-transform 0.15s, -o-transform 0.15s; } .faq_question.opened a { color : #257315; } .faq_question.opened:before { -webkit-transform : rotate(180deg); -ms-transform : rotate(180deg); -o-transform : rotate(180deg); transform : rotate(180deg); border-top-color : #257315; } .faq_answer { padding-bottom : 20px; max-width : 1000px; } .product-accordion .ansver_right .any-questions-title { margin-left : 0; color : #313131; font-family : 'Arial Narrow', sans-serif; font-weight : 700; width : 90%; font-size : 22px; line-height : normal; margin-bottom : 18px; } .phone-list li { display : inline-block; vertical-align : middle; margin-right : 15px; color : #000000; font-size : 16px; padding : 0 0 6px 0; } .content_right { float : right; margin-left : 30px; min-height : 150px; overflow : hidden; padding : 0 10px 29px 0; width : 250px; margin-top : -45px; } .ansver_right { overflow : hidden; } .topper ul li a { display : block; font-size : 14px; padding : 4px 10px; line-height : 18px; } .topper ul li.active a { background : url(/images/nav-active-item.gif) 0 0 repeat-x; color : #ffffff; text-decoration : none; } .social-list > ul::after { clear : both; content : ' '; display : block; font-size : 0; height : 0; width : 250px; } .cat_nav > li > a { display : block; font-size : 12px; font-weight : 400; padding : 6px 8px 4px 11px; white-space : nowrap; line-height : 18px; } .content-item { border-top : 1px solid #e8e8e8; } .content-item h1 { font-size : 26px; padding : 25px 20px 0; } .basket-tabs-content { border-top : 1px solid #c6c6c6; margin-top : -1px; } .basket-table-area-i { padding : 0 286px 0 25px; position : relative; } a.delete-item { background : url(/images/basket/delete-basket-item.png) 0 -15px no-repeat; display : block; height : 15px; width : 15px; } .items-number { background : url(/images/basket/items-number.png) 0 0 no-repeat; height : 23px; position : relative; width : 60px; } .items-number:hover { background-position : 0 -23px; } .items-number a.plus, .items-number a.minus { display : block; height : 23px; position : absolute; top : 0; width : 16px; } .items-number span.disabled { background : #000000; border-bottom-left-radius : 5px; border-top-left-radius : 5px; display : none; height : 23px; left : 0; opacity : 0.1; position : absolute; top : 0; width : 16px; } .items-number input { background : transparent no-repeat 0 0; border : 0; color : #313131; height : 23px; left : 16px; margin : 0; overflow : hidden; padding : 0; position : absolute; text-align : center; top : 0; width : 28px; } .advantages{ float: left; margin-left: -255px; margin-right: -3px; padding: 34px 0; position: relative; width: 255px; } .advantages h3{ color: #347c25; font-size: 16px; margin-bottom: 10px; } .advantages ul li{ background : url(/images/basket/advantages-list-style.png) 0 0 no-repeat; color : #313131; margin-bottom : 4px; padding : 3px 14px; } .promo-code { clear : both; margin : 0 12px 30px; padding : 3px 0; position : relative; } .top-bg{ background: url(/images/basket/promo-top-bg.gif) 0 0 repeat-x; clear: both; height: 3px; left: 0; position: absolute; top: 0; width: 100%; } .bottom-bg{ background: url(/images/basket/promo-bottom-bg.gif) 0 0 repeat-x; bottom: 0; clear : both; height : 3px; left : 0; position : absolute; width : 100%; } .promo-code-main{ background: url(/images/basket/promo-bg.gif) 0 0 repeat; padding: 9px 13px; } .promo-main-content-i{ padding: 0 261px 0 0; position: relative; } .promo-left-area{ float: left; width: 45%; } .promo-left-area .h4 span{ color: #313131; display: block; float: left; font-size: 12px; font-weight: 700; margin-right: 4px; } .promo-left-area .h4 a{ margin-bottom: 0; } a.information { background : url(/images/basket/hint.png) 0 0 no-repeat; display : block; height : 19px; position : relative; width : 20px; } .activation-area .input-txt-w { float : left; height : 28px; margin-right : 4px; margin-top : 1px; padding : 0 8px; width : 80px; } .activation-area input[type='text'] { border : 1px solid #c6c6c6; border-radius : 4px; color : #767676; font-family : Arial, serif; font-size : 12px; margin : 0; padding : 5px 10px 6px; width : 60px; } .promo-right-area { float : right; margin-bottom : 20px; width : 386px; } table.promo-activation-info td{ color: #767676; font-size: 14px; padding-bottom: 10px; width: 179px; } table.promo-activation-info td:first-child{ color: #313131; font-size: 12px; padding-right: 36px; text-align: right; width: 150px; } table.promo-activation-info td span{ padding: 0 6px; } table.promo-activation-info td em{ font-size: 11px; font-style: normal; } table.promo-activation-info td b{ color: #257315; font-size: 14px; font-weight: 700; } table.promo-activation-info td i{ font-size: 24px; font-style: normal; } .basket-total { font-weight : 700; margin-top : 10px; text-transform : uppercase; } .delivery-price{ float: right; margin-right: -24px; } .delivery-price a.information{ float: right; margin-left: 4px; } .order-btn { background : url(/images/basket/order-btn.png) 0 0 no-repeat transparent; border : 0; cursor : pointer; display : block; float : right; height : 46px; margin : 0 30px 0 9px; padding : 0; width : 170px; } .free-delivery-w{ float: left; margin-left: -259px; margin-right: -3px; position: relative; width: 259px; } .free-delivery{ background: url(/images/basket/delivery-info.png) 0 0 no-repeat; height: 116px; margin-left: 6px; width: 253px; } .free-delivery > div{ height: 74px; overflow: hidden; padding: 16px 24px 22px 30px; width: 190px; } .free-delivery .h5{ color: #313131; font-size: 12px; font-weight: 700; margin-bottom: 7px; } .free-delivery p{ color: #313131; margin: 0; font-size: 12px; } .related-products { clear : both; height : 1%; position : relative; width : 100%; } .related-sidebar { float : left; position : relative; width : 220px; margin-right : -220px; } .related-sidebar ul li a { font-size : 14px; line-height : 25px; } .related-sidebar ul li { padding-left : 14px; margin-bottom: 5px; } .related-sidebar ul li.selected { background : url(/images/basket/related-sidebar-selected.png) 0 0 no-repeat; } .related-sidebar ul li a { display : block; height : 25px; line-height : 25px; width : 172px; margin-left : 0; white-space : nowrap; overflow : hidden; text-overflow : ellipsis; } .related-sidebar ul li.selected a { color : #ffffff; } .related-sidebar .mCustomScrollbar ul li.selected a { width : 180px; } .related-sidebar .mCustomScrollbar .mCS_no_scrollbar ul li.selected a { width : 186px; } .top-area span.filter-title { font-size : 18px; } .related-main { padding-left : 220px; width : 100%; float : left; overflow : hidden; } .related-container h3 { margin-left : 26px; } .related-main-i > div { padding : 0 20px; overflow : hidden; } ul.related-items .td_overlay { padding : 0 15px 20px 15px; position : relative; } .related-category { color : #767676; font-size : 11px; line-height : 16px; margin-bottom : 15px; } .related-category a { color : #767676; text-decoration : none; } .related-category span { font-size : 10px; vertical-align : super; } .related-img { height : 131px; position : relative; } .related-price { margin-bottom : 15px; } .related-price del { color : #767676; font-weight : normal; position : relative; text-decoration : none; padding : 0 7px; } .related-price del:before { position : absolute; content : ''; left : 0; top : 45%; right : 0; border-top : 1px solid; border-color : inherit; -webkit-transform : rotate(-12deg); -ms-transform : rotate(-12deg); -o-transform : rotate(-12deg); transform : rotate(-12deg); } .related-price sup { font-size : 70%; margin-left : 5px; vertical-align : text-top; } .related-price .one-price sup, .related-price .new-price sup { line-height : 30px; } .related-price > div { display : inline; white-space : nowrap; } .related-price .old-price { margin-left : 15px; } input.add-item { background : url(/images/basket/add-item.png) 0 0 no-repeat; border : 0; cursor : pointer; height : 32px; margin : 0; padding : 0; width : 110px; } .related-main .jcarousel-item-placeholder { background : #ffffff; color : #000000; } .related-main .jcarousel-next-horizontal { background : url(/images/basket/arrs.png) -34px -35px no-repeat; cursor : pointer; height : 35px; position : absolute; right : 5px; top : 73px; width : 34px; } .related-main .jcarousel-prev-horizontal { background : url(/images/basket/arrs.png) 0 -35px no-repeat; cursor : pointer; height : 35px; left : 15px; position : absolute; top : 73px; width : 34px; } .related-main .jcarousel-next-disabled-horizontal, .related-main .jcarousel-next-disabled-horizontal:hover, .related-main .jcarousel-next-disabled-horizontal:focus, .related-main .jcarousel-next-disabled-horizontal:active { background-position : -34px -35px; cursor : default; } .related-main .jcarousel-prev-disabled-horizontal, .related-main .jcarousel-prev-disabled-horizontal:hover, .related-main .jcarousel-prev-disabled-horizontal:focus, .related-main .jcarousel-prev-disabled-horizontal:active { background-position : 0 -35px; cursor : default; } .pp-information-block{ display: none; position: absolute; width: 362px; } .pp-yellow-top em{ background: url(/images/basket/pp-yello-t-l.png) 0 0 no-repeat; width: 9px; } .pp-yellow-top i{ background: url(/images/basket/pp-yello-t.png) 0 0 repeat-x; width: 342px; } .pp-yellow-top b{ background: url(/images/basket/pp-yello-t-r.png) 0 0 no-repeat; width: 11px; } .pp-yellow-middle em{ background: url(/images/basket/pp-yello-l.png) 0 0 repeat-y; display: block; float: left; width: 6px; } .pp-yellow-middle b{ background: url(/images/basket/pp-yello-r.png) 0 0 repeat-y; display: block; float: left; width: 8px; } .pp-yellow-bottom em, .pp-yellow-bottom i, .pp-yellow-bottom b{ display: block; float: left; height: 21px; } .pp-yellow-bottom em{ background: url(/images/basket/pp-yello-b-l.png) 0 0 no-repeat; width: 53px; } .pp-yellow-bottom em.right{ background: url('/images/basket/pp-yello-b-r-em.png') 0 0 no-repeat; } .pp-yellow-bottom i{ background: url(/images/basket/pp-yello-b.png) 0 0 repeat-x; width: 297px; } .pp-yellow-bottom b{ background: url(/images/basket/pp-yello-b-r.png) 0 0 no-repeat; width: 12px; } .pp-yellow-bottom b.left{ background: url('/images/basket/pp-yello-b-l-tb.png') -2px 0 no-repeat; width: 10px; } .options-item a.information { display : inline-block; margin-top : -3px; } tr.out-of-stock td.image, tr.out-of-stock td.item-description { opacity : 0.5; } #cash-pp-yello-2 { width : 300px; } .alert{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px; margin-bottom: 20px; padding: 8px 15px 8px 15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .alert img{ margin-right: 10px; } .alert, .alert h4{ color: #c09853; } .alert .close{ line-height: 20px; position: relative; right: -21px; top: -2px; } .alert-success{ background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-success h4{ color: #468847; } .alert-danger, .alert-error{ background-color: #f9dbcc; border-color: #eed3d7; color: #a3180f; } .alert-danger h4, .alert-error h4{ color: #b94a48; } .alert-info{ background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-info h4{ color: #3a87ad; } .alert-block{ padding-bottom: 14px; padding-top: 14px; } .alert-block p + p{ margin-top: 5px; } .b-error-msg, .b-info-msg { margin : 10px; } .tbl-white caption{ -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border: 1px solid #ffffff; border-bottom: none; color: #ffd43d; font-size: 18px; font-style: italic; padding: 5px; text-align: center; } .tbl-white th{ border: 1px solid #ffffff !important; color: #000000; font-size: 12px; font-style: italic; padding: 5px 10px !important; text-align: left; } .tbl-white td{ border: 1px solid #ffffff !important; color: #000000; padding: 10px !important; } .tbl-white .tdTitle{ width: 10% !important; } .btn2-bl .basket-notice{ left: auto; margin-left: 0; } table.tab1st td.tech-ch table td.fst{ width: 20%; } table.tab1st td.tech-ch table td{ width: 120px; } table.tab1st tr.row-even td.fst span, .compare_column table.tab1st tr td.fst span{ float: left; margin-left: 15px; text-align: left; width: 100px; } .row-even { background-color : #f4f4f4; } .delbtn { left : -40px; padding-left : 50%; position : relative; } .compare_value{ color: #3f3f3f; font-size: 11px; text-align: center !important; } .compare_value .btn2-bl{ float: none; margin-right: 0; } .compare_value .btn_buy{ width: 80px; } .compare_img{ text-align: center !important; } .compare_matroska{ background-color: silver; } .compare_delete input{ display: block; margin: 0 auto; padding: 0 4px; } .compare_delete input[type='submit']{ border: 0 none; border-radius: 3px 3px 3px 3px; display: block; font-size: 12px; font-variant: normal; font-weight: 400; height: 24px; margin: 0 auto; padding: 0 5px 4px; width: 135px; } .compare_delete input:hover{ cursor: pointer; } .compare_title{ font-style: italic; font-weight: 700; padding: 5px 10px; text-align: left; } .compare_column table.tab1st tr td{ text-align: left; } .compare_column table.tab1st h3{ border: medium none; color: #257315; margin-bottom: 0; padding-bottom: 5px; padding-top: 17px; } .compare_column table.tab1st .deltov{ background: url(/images/baskclose.gif) no-repeat scroll 50% 50% transparent; display : block; height : 12px; position : absolute; width : 12px; } .more_item_info .bro { border-top : 0; margin-top : 0; } .rel { margin : 0 auto; overflow : hidden; padding-bottom : 30px; position : relative; width : 100%; } #upper_scroll { overflow : auto; position : relative; top : 22px; } .compare_block table { empty-cells : show; table-layout : auto; width : 100%; } #rgMasterTableContainer { overflow : auto; width : 100%; } #rgMasterTable2Container { overflow : auto; position : absolute; right : 0; top : 0; width : 100%; } #rgMasterTable2 tr td:first-child { visibility : hidden; } .meet-notes { background : url(/images/logo.png) no-repeat 100% 15px; min-height : 104px; padding : 15px 0 15px 15px; } .meet-notes, .note-date { max-width : 800px; min-width : 600px; width : 600px; } .meet-notes h3 { font-size : 19px; margin : 15px 0; } .meet-notes a, .note-date a { color : #003399; } .note-date { border-top : solid 1px #336600; margin : 0 15px; padding : 20px 0; } .note-date table tr td, .note-date table tr td a { padding-bottom : 8px; } .notes { margin-right : 120px; } td.nf1 { padding-right : 30px; text-align : right; width : 180px; } .smn { color : #333333; font-size : 10px; } .btn_buy { background : url(/images/btn1_right.gif) 100% 0 no-repeat; color : #000000; float : left; font-size : 16px; height : 20px; margin : 0 0 0 7px; padding : 2px 6px 4px 1px; text-align : center; text-decoration : none; } .btn_buy:hover { background-position : 100% -26px; color : #000000; } .btn_buy_div { background : url(/images/btn1_left.gif) 0 0 no-repeat; cursor : pointer; float : left; height : 26px; width : 7px; } .btn_buy_div a:link { color : #000000; text-decoration : none; } .buy_info .basket-notice { background : url(/images/in_basket.png) no-repeat scroll left top transparent; color : #336600; display : none; height : 20px; margin-left : -123px; margin-top : 4px; padding : 0 0 0 16px; position : absolute; width : 125px; } .compare_column .basket-notice { background : url(/images/in_basket_h.png) no-repeat scroll left top transparent; color : #336600; display : none; height : 28px; margin-left : -14px; margin-top : -29px; position : absolute; width : 125px; } .f-error { margin-left : 143px; margin-top : 0; position : absolute; width : 187px; } .f-error span { background : url(/images/arr-error.png) no-repeat scroll 0 0 transparent; display : block; height : 9px; margin : 0 auto -1px; position : relative; width : 18px; } .f-error div { background : none repeat scroll 0 0 #ffe3e3; border : 1px solid #ff6b6b; color : red; float : left; font-size : 12px; padding : 4px 10px; text-align : center; } .personal-office { position : relative; } .personal-office .page-main__title { margin-right : 200px; } .personal-office-panel { width : 220px; float : left; } .personal-office .top-area { background : none; margin-bottom : 19px; padding : 0; } .orders-info { border-bottom : 1px solid #c6c6c6; border-top : 1px solid #c6c6c6; margin-bottom : 20px; padding-bottom : 21px; } .personal-office-content { margin-left : 250px; } .orders-info table th, .orders-info table td { padding : 14px 0 12px 14px; text-align : left; } .orders-info table th { color : #313131; font-size : 14px; font-weight : 700; } .order-price span { color : #313131; font-size : 12px; padding-right : 13px; } .user-info { display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-box-pack : justify; -webkit-justify-content : space-between; -ms-flex-pack : justify; justify-content : space-between; -webkit-box-align : start; -webkit-align-items : flex-start; -ms-flex-align : start; align-items : flex-start; position : absolute; top : 0; right : 0; margin-top : 8px; border-radius : 5px 5px 0 0; max : 200px; } .user-info h3 { color : #ffffff; font-size : 16px; margin-bottom : 0px; } .user-info span { color : #313131; display : block; font-size : 12px; } .user-info .logout { margin-top : 5px; padding-left : 20px; } .office-menu { padding-left : 14px; } .personal-office-sidebar h4 { color : #257315; font-size : 14px; margin-bottom : 9px; } .personal-office-sidebar ul { margin-bottom : 7px; } .personal-office-sidebar ul li a { line-height : 25px; } .personal-office-sidebar ul li.selected { background : url(/images/personal-office/selected-menu-item.png) no-repeat 0 0; margin-left : -13px; padding-left : 13px; } .personal-office-sidebar ul li.selected a { color : #ffffff; text-decoration : none; } .personal-office-sidebar a.logout { display : block; padding-top : 12px; } .no-touch .personal-office-sidebar a:hover { color : #006ec6; } .logout .svg-icon { width : 16px; height : 16px; margin-left : 10px; } .personal-data { border-bottom : 1px solid #c6c6c6; border-top : 1px solid #c6c6c6; margin-bottom : 20px; padding : 12px 0; } .personal-data td { color : #313131; padding : 5px 0 4px; } .personal-data th { color : #313131; padding : 5px 35px 4px 0; text-align : left; } .personal-data-edit { border-top : 1px solid #c6c6c6; margin-bottom : 20px; } .data-edit-item { border-bottom : 1px solid #e8e8e8; padding : 17px 0 21px; } .personal-data-edit { display : table; width : 100%; table-layout : fixed; } .data-edit-item { display : table-row; } .data-edit-item-cell, .data-item-info { display : table-cell; vertical-align : middle; border-bottom : 1px solid #e8e8e8; padding : 10px; } .data-edit-item-cell { width : 420px; } .info-area { display : table-cell; vertical-align : middle; } .long-area { display : table-cell; vertical-align : middle; } .table-phone { display : table; width : 100%; table-layout: auto; } .table-phone-cell { display : table-cell; vertical-align : top; width: 65% } .table-phone-cell:first-child { width: 35%; } .table-phone-cell span { display : inline-block; padding-top : 10px; } .table-phone-cell .input { width: 100%; display: inline-block; } .table-phone .cell { padding: 0 2px; } .personal-data-table-cell dl { margin-bottom : 0; } .personal-data-table-cell dt { margin : 5px 0; } .personal-data-table-cell dd { margin : 5px 0; } .personal-data-table-cell dl dl dt, .personal-data-table-cell dl dl dd { margin : 0; } .personal-data-table_edit .personal-data-table-cell:first-child { width : 400px; } .personal-data-table_edit .input-text { width : 100%; } .calendar-input-wrapper .input { max-width : -webkit-calc(100% - 26px); max-width : calc(100% - 26px); } .calendar-input-wrapper .calendar-icon { vertical-align : middle; margin-top : -1px; } .info-area > div { color : #767676; padding : 0 0 0 404px; } .info-area.long-area > div { padding : 0 0 0 471px; } .fixed-width-area { float : left; margin-left : -100%; position : relative; width : 404px; } .fixed-width-area.long-area { width : 471px; } .data-edit-label { float : left; width : 189px; } .data-edit-label label { color : #313131; float : left; font : bold 12px/28px Arial; padding-right : 12px; } .phone-code { color : #767676; float : right; line-height : 28px; padding-right : 12px; } .data-edit-input .select-wrapper { float : left; margin-right : 12px; } .data-edit-input input[type='text'] { float : left; margin-right : 12px; } .personal-data-edit-actions > a, .personal-data-edit-actions > button { margin-right : 30px; } .personal-data-edit-actions > a span { border-bottom : 1px dotted #004780; } input.input-text { border : 1px solid #c6c6c6; border-radius : 4px; color : #2d2d2d; font : 12px/14px Arial; margin : 0; padding : 5px 9px 6px 8px; } input.width68 { width : 48px; } .select-middle select { width : 106px !important; } .select-middle span.select { background : url(/images/personal-office/select-middle.png) no-repeat 0 0; width : 106px; } .select-large select { width : 185px !important; } .select-large span.select { background : url(/images/personal-office/select-large.png) no-repeat 0 0; width : 185px; } .col1 { float : left; margin-right : 13px; } .format-checkbox { float : left; margin-top : 10px; } .format-checkbox label { color : #313131; padding-left : 4px; } .personal-advice { border-top : 1px solid #c6c6c6; padding-top : 21px; } .personal-advice > p { color : #313131; font-size : 16px; line-height : 22px; margin-bottom : 33px; } .sales-savings { margin-bottom : 40px; margin-top : -20px; position : relative; } .sales-savings > div { color : #313131; position : absolute; right : 0; top : 0; } .sales-savings span { color : #6f6a65; font-size : 11px; padding-left : 4px; } .my-orders-header { border-top : 1px solid #c6c6c6; padding : 11px 5px 14px 14px; } .my-orders-header table th { color : #767676; font-size : 11px; font-weight : 400; text-align : left; vertical-align : middle; } .accordion-header { background : #f1f1f1; cursor : pointer; margin-bottom : 1px; padding : 7px 5px 7px 14px; } .accordion-header h3 { border-bottom : 1px dotted #004780; color : #004780; display : inline-block; font-size : 14px; text-decoration : none; } .accordion-header a { border-bottom : 1px dotted #004780; color : #004780; font-size : 14px; text-decoration : none; } .no-touch .accordion-header:hover h3, .accordion-header a:hover { border-bottom : 1px solid #f1f1f1; color : #006ec6; text-decoration : none; } .accordion-header em { background : url(/images/personal-office/accordion-arr.png) no-repeat 0 0; display : block; height : 32px; width : 32px; } .accordion-header:hover em { background-position : 0 -33px; } .accordion-header.opened em { background-position : -33px 0; } .accordion-header.opened:hover em { background-position : -33px -33px; } .accordion-content { padding : 25px 0; } .my-orders-header table th.date, .accordion-header table td.date { width : 102px; } .my-orders-header table th.order-number, .accordion-header table td.order-number { width : 136px; } .orders-info table .order-number-header { width : 110px; } .orders-info table td.status, .accordion-header table td.status { padding-right : 10px; } .my-orders-header table th.sum, .accordion-header table td.sum { width : 110px; } .accordion-header table td.order-number a { font-size : 16px; } .accordion-header table td.sum span { color : #6f6a65; font-size : 11px; padding-left : 14px; } .accordion-header table td.arr, .my-orders-header table th.arr { width : 33px; } .accordion-header table td { color : #313131; vertical-align : middle; } .accordion-header table td.img { width : 86px; } .delivery-table { display : table; width : 100%; table-layout : fixed; } .delivery-row { display : table-row; } .delivery-cell { display : table-cell; vertical-align : middle; } .delivery-cell_date { width : 102px; } .delivery-cell_order-number { width : 136px; } .delivery-cell_status { padding-right : 10px; } .delivery-cell_sum { width : 110px; } .delivery-cell_sum span { color : #6f6a65; font-size : 11px; padding-left : 14px; } .delivery-cell_arr { width : 33px; } .my-orders-header { color : #767676; font-size : 11px; font-weight : 400; text-align : left; vertical-align : middle; } .my-order-info { margin-bottom : 20px; width : 100%; } .my-order-info dt { max-width : 160px; padding-right : 20px; } .my-order-buttons { border-top : 1px solid #e8e8e8; padding-top : 19px; text-align : center; } .my-order-buttons > div > a { float : left; margin-right : 18px; } .order-details > p { color : #313131; font-size : 16px; line-height : 22px; margin-bottom : 20px; } .order-details table.basket-items { border-bottom : 1px solid #e8e8e8; border-top : 1px solid #e8e8e8; margin-bottom : 18px; } .review-button { margin-top : 18px; } input.input.width186 { width : 186px; } table.basket-items td.image > div { height : 126px; overflow : hidden; } table.basket-items td { border-top : 1px solid #e8e8e8; padding : 34px 0 28px; } table.basket-items td.delete { text-align : left; width : 54px; } table.basket-items td.item-description { padding-right : 34px; } table.basket-items td.number { width : 100px; } table.basket-items td.item-price { width : 179px; } table.basket-items td.item-price > div { color : #767676; font-size : 11px; margin-bottom : 22px; } table.basket-items td.item-price > div > b { color : #257315; font-size : 18px; font-weight : 700; } table.basket-items td.item-price > div > span { padding : 0 9px; } table.basket-items td.item-price > p > span { display : block; padding-bottom : 4px; } .basket-items-table { display : table; width : 100%; table-layout : fixed; border-bottom : 1px solid #e8e8e8; margin-bottom : 20px; } .basket-items-row { display : table-row; } .basket-items-cell { display : table-cell; border-top : 1px solid #e8e8e8; vertical-align : top; padding : 20px 10px; } .basket-items-cell:first-child { padding-left : 0; } .basket-items-cell:last-child { padding-right : 0; } .basket-items-cell_image { width : 160px; } .basket-items-cell_number { width : 100px; } .basket-items-cell_price { width : 180px; } .personal-data-table { display : table; border-top : 1px solid #c6c6c6; margin-bottom : 20px; width : 100%; } .personal-data-table td, .personal-data-table th { border-bottom : 1px solid #e8e8e8; padding : 20px 0 14px; vertical-align : middle; } td.edit-address { text-align : right; vertical-align : middle; width : 140px; } td.remove-address { text-align : right; vertical-align : middle; width : 32px; } table.address td, table.address th { border-bottom : none; padding : 2px 19px 7px 0; text-align : left; } table.address th { color : #313131; font-weight : 700; } table.delivery-address-edit td, table.delivery-address-edit th { border-bottom : none; border-top : 1px solid #e8e8e8; vertical-align : top; } .delivery-address-edit th { width : 188px; } .delivery_results {z-index: 1000; position : absolute; background : #ffffff; border : 2px solid #7dc203; border-radius : 0 0 5px 5px; border-top : 1px solid #cccccc; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; -webkit-box-shadow : 0 3px 5px rgba(0, 0, 0, 0.3); box-shadow : 0 3px 5px rgba(0, 0, 0, 0.3); max-height : 80vh; overflow : auto; } .delivery_results li { padding : 10px; border-top : 1px solid #cccccc; cursor : pointer; } .delivery_results li.first { border-top : none; } .delivery_results li.ac_over { background : rgb(252, 255, 183); } .delivery-address-edit th label { display : block; margin-top : 6px; } table.change-password th { padding-right : 5px; text-align : left; width : 140px; } .delivery-address-edit { margin : 20px 0; border-bottom : 1px solid #e8e8e8; } .delivery-address-edit dt { margin-top : 8px; } .delivery-address-edit dd { margin-bottom : 15px; } .personal-data-table-row { display : table-row; } .personal-data-table-cell { display : table-cell; border-bottom : 1px solid #e8e8e8; padding : 10px; vertical-align : middle; } .personal-data-table-cell:first-child { padding-left : 0; } .personal-data-table-cell:last-child { padding-right : 0; } .edit-address { text-align : right; vertical-align : middle; width : 140px; } .remove-address { text-align : right; vertical-align : middle; width : 32px; } .address dt { width : 80px; padding-right : 20px; } .personal-data-table .input-with-hint { margin : 5px 20px 5px 0; } a.review-link { background : url(/images/personal-office/review.png) no-repeat 0 0; display : block; line-height : 15px; margin-top : 13px; padding-left : 26px; } .print-button { background : url(/images/personal-office/print-button.png) no-repeat 0 0; height : 32px; width : 175px; } .print-icon b { background : url(/images/personal-office/print-icon.png) no-repeat 0 50%; height : 32px; left : 12px; position : absolute; top : -3px; width : 16px; } .btn-with-icon span { padding-left : 20px; } .guideline p, .faq_answer { color : #313131; font-family : Arial, serif; font-size : 14px; line-height : 22px; } .guideline p { margin-bottom: 3px; } .faq_answer { margin-bottom : 98px; } .separator { background : url(/images/guideline/sep-center2.png) repeat-x 0 0; height : 19px; margin-bottom : 22px; position : relative; width : 100%; } .separator i, .separator b { background : url(/images/guideline/sep-lef.png) no-repeat 0 0; display : block; height : 19px; position : absolute; top : 0; width : 200px; } .separator b { background-image : url(/images/guideline/sep-right.png); right : 0; } /*.accent { background : url(/images/guideline/accent.png) no-repeat 31px 8px; color : #257315; font-family : 'Open Sans', sans-serif; font-size : 16px; line-height : 26px; margin-bottom : 39px; max-height : 102px; overflow : hidden; padding-left : 69px; }*/ .accent { background : url(/images/guideline/accent.png) no-repeat 31px 8px; color : #257315; font-family : 'Open Sans', sans-serif; font-size : 16px; line-height : 26px; margin-bottom : 39px; overflow : hidden; padding-left : 69px; } .cols-two > div { float : left; margin-left : 40px; width : 350px; } .cols-three > div { float : left; margin-left : 40px; width : 222px; } a.learn-more { color : #326fbb; font-size : 14px; font-weight : 700; text-decoration : none; } .img-wrapper { margin-bottom : 17px; margin-top : 8px; } dl { width : 100%; padding : 0; margin : 0 0 12px; } dt { float : left; width : 50%; padding : 0 10px 0 0; margin : 0 0 5px; font-weight : 700; clear : both; } dd { float : left; width : 50%; padding : 0; margin : 0 0 5px; } span.custom-input-txt { cursor : default; display : inline-block; position : relative; } .clear-btn input { border : none; margin : 0; color : #828d80; background : url(/images/close.gif) no-repeat 0 0; cursor : pointer; width : 12px; height : 11px; -webkit-box-shadow : none; box-shadow : none; padding : 0; } .clear-btn:hover input { background-position : 0 -10px; } .sections-header{ border-bottom: 1px solid #c6c6c6; min-height: 81px; position: relative; } .sections .searchHint{ background: url(/images/sections/arr.png) no-repeat 0 0; right: 20px; padding-left: 49px; padding-top: 11px; position: absolute; top: 15px; } .sections .searchHint span{ color: #767676; display : block; font-size : 12px; font-style : italic; width : 233px; } .sections { margin-bottom : 30px; } .section__header { border-top : 1px solid #e8e8e8; margin-bottom : 0; width : auto; padding : 9px 0 15px 20px; } .section__header.accordion__btn:before { border-top-color : #326fbb; } .section__header.accordion__btn.open:before { border-top-color : #257315; } .section-header__title { display : inline-block; width : auto; vertical-align : middle; margin : 0 15px 0 0; color : #257315; } .section-header__icon { display : inline-block; vertical-align : middle; height : 50px; width : 75px; min-width : 75px; background-repeat : no-repeat; -webkit-background-size : contain; background-size : contain; } .section ul li { position : relative; display : inline-block; width : 100%; line-height : 17px; margin-bottom : 10px; padding-right : 20px; } .section ul li ul li { line-height : 15px; margin-bottom : 8px; } .section .list-block { position : relative; padding : 0 20px 30px; z-index : 2; } .section > .list-block > ul > li { font-size : 14px; } .section > .list-block > ul > li > ul { margin-left : 15px; padding-top : 1px; } .section ul li sup, .content_item ul li sup { margin : -4px 0 0 5px; color : #999999; font-size : 11px; white-space : nowrap; } .section ul li .status { display : inline-block; height : 10px; margin-bottom : -1px; margin-left : 9px; width : 27px; } .list-block > ul { -webkit-columns : 4; -moz-columns : 4; columns : 4; -webkit-column-gap : 20px; -moz-column-gap : 20px; column-gap : 20px; } .map-columns .section ul li { display : block; } .sections > .list-block { margin-bottom : 27px; margin-left : 20px; padding-top : 13px; } .sections > .list-block > ul li { line-height : 22px; margin-bottom : 4px; } .sections > .list-block > ul li a { border-bottom : 1px dotted #1e65be; } .top-area { -webkit-background-size : auto 100%; background-size : auto 100%; padding : 20px 20px; } .top-area .row_tp { padding-left : 0; padding-right : 0; } .contacts table td > a { background : url(/images/skype.png) no-repeat 0 0; color : #767676; line-height : 16px; padding-left : 20px; text-decoration : none; } html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{ background: transparent; border: 0; margin: 0; outline: 0; padding: 0; } .iframe-wrapper{ max-width: 560px; margin: auto; } .mid-b{ margin: 0 auto; width: 800px; max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .mid-b-im { display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-box-align : center; -webkit-align-items : center; -ms-flex-align : center; align-items : center; margin : 20px 0; padding : 0 20px; width : 40%; } .im-ch { font-size : 36px; background : -webkit-gradient(linear, left top, left bottom, from(#66bb2a), to(#238102)); background : -webkit-linear-gradient(#66bb2a, #238102); background : -o-linear-gradient(#66bb2a, #238102); background : linear-gradient(#66bb2a, #238102); -webkit-background-clip : text; /* подробнее про background-clip */ color : transparent; line-height : 40px; font-weight : bold; margin : 30px 0 12px; } .text-ch { margin : 20px 0; padding : 0 20px; width : 60%; } .text-ch .page-main__title { padding : 0; } .text-ch p { color : #333333; font-size : 14px; line-height : 20px; margin-bottom : 20px; } .text-ch > a { background : url(/images/404st.gif) 0 7px no-repeat; color : #004780; font-size : 17px; padding-left : 21px; } .text-ch span { display : block; font-size : 16px; font-weight : 700; margin : 0 0 20px; } .no-touch a:hover, h1.green, h2.green, h3.green, h4.green, h5.green, h6.green, .contacts table td > a.skype:hover, .ansver_left h4, .bottom-info-area div.current-delivery-city span, .credit-info span, .credit-sum-information span, .similar-product .similar-product-info .similar-product-price strong, .free-delivery p span, .guideline table tr td strong, .guideline .links p.hovered a { color : #257315; } h1 .num_list, h6, .ansver_right p, .ansver_right .hi_phones div span, .section > .list-block > ul > li > ul > li { font-size : 12px; } .sidebar-header ul.cat_nav > li.active > a, ul.cat_nav > li.active > a { color : #ffffff !important; } .sidebar-header ul.cat_nav > li:hover > a, .no-touch .cat_nav li li a:hover, .no-touch .cat_nav li.submenu-visible li a:hover, ul.cat_nav > li.submenu-visible > a { border : none; margin : 0; } .sidebar-header ul.cat_nav > li:hover, #sidebar .cat_nav > li.active, ul.cat_nav > li.submenu-visible:not(.active), #sidebar .cat_nav > li.active { background : #ffffff; } .sidebar-header ul.cat_nav > li > ul > li > a, .fast-search .product table td.prod-title, .fast-search ul li.cat-name div strong a, ul.cat_nav > li > ul > li > a, .funy_btns ul.compare_list li a, .pp-added-to-basket a { color : #004780; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor : default; display : none; } .list_inner .breadcrumbs, .guideline table.cols td:first-child, .guideline table.cols[rel='3'] td:first-child { padding-left : 0; } .sameitem.last-child { padding-bottom : 10px; } .td_overlay .change, .auth-tab-content > div { margin-top : 20px; } .no-touch.catalog .tabs .tab-list li.active a:hover, .no-touch .razdel_lnk a:hover, .no-touch.contacts ul > li > a:hover, .fast-search ul li.cat-name a, a.gray-btn, a.all-orders, a.all-orders:hover span { text-decoration : none; } .no-touch .catalog .tabs .tab-list li:hover { border-color : #c6c6c6; } .catalog .tabs .h2 { display : inline-block; float : left; width : 450px; margin-bottom : 0; margin-top : -3px; font-weight : 700; font-size : 24px; color : #313131; font-family : 'Arial Narrow',sans-serif; } .catalog_table tr.last-child > td, .no-touch .sections > .list-block > ul li a:hover { border-bottom-color : #ffffff; } .page ul, .fast-search ul .review-stars, .price-area select, .faq-popup > div > .buttons, .page ul, .credit-btn, .review-stars, .reviews-footer a.gray-btn, .promo-left-area .h4 a, .activation-area span, .delivery-price > div, .data-edit-input, .my-order-buttons > div > span, .my-order-buttons .print-button { float : left; } .page::after, .page ul::after, span.yellow-btn::after, span.green-btn::after, .fast-search ul li.product a::after, .cat_nav li > span::after, .info-item::after, .info-item .input-area::after, ul.auth-tabs::after, .auth-tabs-content::after, span.gray-btn::after, .product-list::after, .accordion-main > h3::after, .submit-form::after, .border-values::after, .form-item::after, .list-bottom::after, .multibutton-segment::after, ul.basket-tabs::after, .basket-tabs-content::after, .tab-content-i::after, .items-number::after, .promo-code-main::after, .promo-main-content-i::after, .promo-left-area .h4::after, .activation-area::after, .promo-right-area::after, .submit-promo::after, .related-products::after, ul.related-items::after, .pp-yellow-top::after, .pp-yellow-middle::after, .pp-yellow-bottom::after { clear : both; content : ' '; display : block; font-size : 0; height : 0; visibility : hidden; } .buy_info_body .old_price .rub, .price .rub, .phone-input-area input.phone-code.hint-value, .phone-input-area input.phone-number.hint-value, .bottom-info-area > p { color : #6f6a65; } .bottom-info-area { border-radius : 0 0 5px 5px; } .bottom-info-area > p { font-size : 12px; line-height : 18px; } #fancybox-right, .ui-slider-horizontal .ui-slider-range-max, a.nextImg, .items-number a.plus { right : 0; } #fancybox-loading.fancybox-ie div, .fancybox-ie #fancybox-close, .fancybox-ie #fancybox-left-ico, .fancybox-ie #fancybox-right-ico { background : transparent; } .fast-search ul .review-stars i.stars, .review-stars i.stars { float : left; margin-right : 7px; margin-top : 5px; } .fast-search ul i.stars0, i.stars0 { background-position : -80px 0; } .fast-search ul i.stars3, .related-main .jcarousel-next-horizontal:hover, .related-main .jcarousel-next-horizontal:focus, .related-main .jcarousel-next-horizontal:active { background-position : -34px 0; } .top-info > div { padding : 0 0 0 246px; } span.yellow-btn, span.green-btn, span.gray-btn, span.search-btn, span.custom-btn, span.big-green-btn { cursor : pointer; display : inline-block; position : relative; } span.yellow-btn i, span.yellow-btn em, span.big-green-btn i, span.big-green-btn em { display : block; float : left; height : 46px; } span.yellow-btn:hover i, span.yellow-btn:hover em, span.yellow-btn:hover input, span.big-green-btn:hover i, span.big-green-btn:hover em, span.big-green-btn:hover input, .order-btn:hover { background-position : 0 -46px; } span.green-btn i, span.green-btn em, span.gray-btn i, span.gray-btn em, a.gray-btn i, a.gray-btn em, a.green-button i, a.green-button em { display : block; float : left; height : 32px; } span.green-btn:hover i, span.green-btn:hover em, span.green-btn:hover input, span.gray-btn:hover i, span.gray-btn:hover em, span.gray-btn:hover input, input.btn-show:hover, .multibutton-segment.active, .multibutton-left.active, .multibutton-right.active, a.gray-btn:hover i, a.gray-btn:hover em, a.gray-btn:hover span, input.add-item:hover, .print-button:hover, a.green-button:hover i, a.green-button:hover em, a.green-button:hover span { background-position : 0 -32px; } .contacts table td div.phone-velcom:hover, .btn_buy_div:hover { background-position : 0 -26px; } .fast-search .product table, .products td.has-banner .product-img img, table.basket-items, .orders-info table, .accordion-header table, .my-orders-header table, .guideline .banner-text h4 { width : 100%; } .fast-search ul li.cat-name div em a, table.basket-items td.item-description span:not([class]), table.basket-items td.item-price > p { color : #767676; font-size : 11px; } .catalog-hidden h2, .sidebar-header > .catalog-hidden > div, .catalog-hidden h2 { text-transform : none; } .cat_nav li:hover a, .cat_nav li:hover a.active, .main-banner img, .auth-tab-content, .accordion, .ui-slider, .catalog_table_wrap, .deskr_box, .main-banner img, .imgPopup-img-area, .credit-col-1 span, .stars-form { position : relative; } .main-content, .review-main, .review-tips, .info-area { float : left; overflow : hidden; width : 100%; } .arr-prev:hover, i.big-stars5, .contacts table td div.phone-velcom, a.active-basket:hover, a.active-comparison:hover, .credit-options-item.selected div:first-child em, i.stars5, a.delete-item:hover, .related-main .jcarousel-prev-horizontal:hover, .related-main .jcarousel-prev-horizontal:focus, .related-main .jcarousel-prev-horizontal:active { background-position : 0 0; } .poll-options .option, .main-product-info h4, .header-top, .poll-options .option, .review-form-item.experience, .ansver_right h3, .related-items h4, .guideline .cols-three p, .guideline .text-info p, .guideline .links h2 { margin-bottom : 10px; } .info-item:first-child, a.dotted-link:hover, .faq-items .header_cont a, .review-form-footer.no-border, table.basket-items tr:first-child td { border : none; } .info-item .input-area input[type='text'].hint-txt, .info-item .input-area textarea.hint-txt, .info-item .input-area input[type='password'].hint-txt, .address-main-info input.hint-txt { color : #767676; } .info-item .input-info, .input-info { margin-top : 15px; } .info-item .input-info p, .input-info p { color : #767676; line-height : 18px; margin : 0; } ul.auth-tabs li, ul.basket-tabs li { float : left; margin-left : 3px; } ul.auth-tabs li:first-child, ul.basket-tabs li:first-child, .related-sidebar .mCustomScrollbar ul, .cols-two > div:first-child, .cols-three > div:first-child { margin-left : 0; } ul.auth-tabs li a, ul.basket-tabs li a { background : url(/images/basket/basket-tab-bg.png) 0 0 repeat-x; border-right : 1px solid #e8e8e8; border-left : 1px solid #e8e8e8; border-radius : 6px 6px 0 0; color : #004780; display : block; font-size : 18px; line-height : 39px; margin-top : 6px; padding : 0 15px; text-decoration : none; } ul.auth-tabs li a span, ul.basket-tabs li a span { background : url(/images/basket/tabs-hover-bg.png) 0 100% repeat-x; } ul.auth-tabs li a.selected span, ul.auth-tabs li a.selected:hover span, ul.basket-tabs li a.selected span, ul.basket-tabs li a.selected:hover span, ul.order-info li:first-child, .credit-term-slider .ui-widget-content, .no-touch .related-sidebar ul li a:hover { background : none; } .clrfix:after, .pp-accordion-top:after, .pp-accordion-middle:after, .pp-accordion-bottom:after, ul.breadcrumbs-new:after, .similar-product:after, span.green-btn:after, span.gray-btn:after, span.custom-input-txt:after, dl:after { clear : both; content : ' '; display : block; font-size : 0; height : 0; visibility : hidden; } .faq_answer, .catalog-hidden, a.show-only-popular, .checkout-btn, .price-info-tabs-content > div, .hidden, .related-main-i .added-info span i { display : none; } .submit-promo span.gray-btn, .answer_faq p, .compare_column { margin-top : 10px; } .accordion-main a.info, .form-item a.info { background : url(/images/basket/hint.png) 0 0 no-repeat; display : block; height : 19px; position : absolute; right : 11px; top : 10px; width : 20px; } .accordion-main .question { position : absolute; right : 11px; top : 8px; } .no-touch .submit-form a:hover, .no-touch .show-all a:hover, a.expand-info-link:hover { border : none; color : #006ec6; } .price-area { margin-bottom : 19px; } .slider-area, .guideline table p { margin-bottom : 9px; } .ui-slider-horizontal .ui-slider-range-min, #fancybox-left, a.prevImg, .items-number a.minus, .separator i { left : 0; } .personal-office-sidebar ul li { margin-bottom : 1px; } table.promo-activation-info, .submit-promo span, td.remove-address a.delete-item { float : right; } .products td.has-banner, .recomended .related-main-i, .accordion-content .related-main-i { padding : 0; } .products td.has-banner .product-img, .pp-yellow.pp-accordion-block, .pp-yellow .pp-accordion-main, .my-orders table.basket-items td.image > div { height : auto; } .main-product-info { -webkit-box-flex : 100; -webkit-flex-grow : 100; -ms-flex-positive : 100; flex-grow : 100; } .main-product-info, .recomended .related-main, .accordion-content .related-main { overflow : visible; } .main-product-info h4 a, table.basket-items td.item-description h3, table.basket-items td.item-description h3 a, .related-items h4 a { font-size : 14px; font-weight : 700; } .main-product-info > .description, .related-description { color : #767676; font-size : 12px; line-height : 18px; margin-bottom : 8px; } .main-product-info p, .credit-top > div > label.min-fee, .related-description p, .alert h4 { margin : 0; } .product-price b, .related-price { color : #257315; font-size : 24px; font-family : 'Arial Narrow', serif; font-weight : 700; } .product-price span, .related-price span { padding : 0 10px; } .product-category-info p, .product-category-info .info-block-contaner, .attention-area p, .small-text, .guideline p.small-text, .description-container { color : #767676; font-size : 12px; line-height : 20px; margin-bottom : 12px; } .info-block, ul.breadcrumbs-new { /*margin-bottom: 20px;*/ } .multibutton > div > .multibutton-segment:last-child, .ansver_right .hi_phones td, .guideline table.cols[rel='3'] td:last-child { padding-right : 0; } .multibutton-segment.opened, input.width105 { width : 90px; } .multibutton-segment.active .to-comparison, .multibutton-segment.active .compare, .faq-items h3 > span, .product-accordion .content-block:first-child > div .accordion-body, .viska, .guideline .large-banner-wrapper img { display : block; } .related-sidebar ul, .related-sidebar .mCSB_container.mCS_no_scrollbar ul { margin-left : 11px; } .faq-items > div { margin-top : 20px; } .pp-yellow .pp-accordion-top em, .pp-yellow .pp-accordion-top i, .pp-yellow .pp-accordion-top b, .pp-green .pp-accordion-top em, .pp-green .pp-accordion-top i, .pp-green .pp-accordion-top b, .pp-yellow-top em, .pp-yellow-top i, .pp-yellow-top b { display : block; float : left; height : 9px; } .pp-accordion-main h6, .pp-information-main h6 { color : #313131; font-weight : 700; margin-bottom : 6px; } .pp-yellow .pp-accordion-bottom > em, .pp-yellow .pp-accordion-bottom > i, .pp-yellow .pp-accordion-bottom > b, .pp-green .pp-accordion-bottom em, .pp-green .pp-accordion-bottom i, .pp-green .pp-accordion-bottom b { display : block; float : left; height : 11px; } .pp-green, ul.basket-tabs { margin-left : 12px; } .topper ul li:first-child a { padding-left : 0; } .topper ul li.active:first-child a { padding : 4px 10px; } .poll-inner { padding-left : 10px; } .contacts, .top-info, .basket-table-area, .promo-main-content { float : left; overflow : hidden; width : 100%; } .contacts ul, table.basket-items td.item-description h3, .promo-left-area .h4, .guideline table h4 { margin-bottom : 12px; } .submit-promo { clear : both; } ul.price-info-tabs li { float : left; width : 50%; padding : 3px 3px 0; overflow : hidden; border-radius : 5px 5px 0 0; } .social-list > ul > li { float : left; padding : 3px 3px 0; overflow : hidden; border-radius : 5px 5px 0 0; } .sticky-wrapper, .activation-area { margin-bottom : 16px; } .no-touch ul.order-info li a:hover, .personal-office-sidebar .user-info a, .no-touch .personal-office-sidebar .user-info a:hover { color : #ffffff; } .star-items { left : 0; position : absolute; top : 0; } .no-touch .gallery-image-area:hover .zoom-ico, .product-accordion h3.features > span, .my-order-buttons > div { display : inline-block; } .compare-item label:hover span, a.more-nav-items:hover, a.show-all-reviews:hover span, .no-touch .personal-data-edit-actions a:hover span { border-bottom : none; } .whosale-link-block i, .free-delivery p em { font-style : normal; } .bottom-info-area > p > strong, .product-parameters ul li span, .pp-information-main p, .saved, table.my-order-info td { color : #313131; } .buy-order, .buy-credit-order { margin : -6px 0 0; } .buy-credit-button { float : right; position : relative; } .product-accordion .content-block:first-child > div, table.delivery-address-edit tr:first-child td, table.delivery-address-edit tr:first-child th { border-top : none; } .similar-product .similar-product-info .similar-product-price, .order-price, .saved span { color : #6f6a65; font-size : 11px; } .product-description-row:nth-child(odd), .orders-info table tr.odd td, .pseudo-table .odd { background : #f7f7f7; } .pseudo-table dt, .pseudo-table dd { padding : 10px 15px; margin : 0; } .guideline table { margin-bottom : 13px; } .product-parameters ul { margin-bottom : 23px; } .no-touch .pp-yellow-new h4 a:hover, .personal-office-sidebar a { color : #004780; text-decoration : none; } .review-form-item, .result-item { margin-bottom : 17px; } .poll h1, .personal-office .top-area h1 { font-size : 26px; } .content_center .faq_item h2, .content_center .faq_item h2 { padding-bottom : 4px; } .ansver_right p.buy_wnt, #cash-pp-yello-2 p, .alert-block > p, .alert-block > ul, .guideline .links p { margin-bottom : 0; } .activation-area input[type='text']:focus, table.address td { color : #2d2d2d; } .no-touch .related-category a:hover, a.all-orders span { text-decoration : underline; } .main-item-info, .related-main .jcarousel-clip, .guideline .large-banner-wrapper { overflow : hidden; } .tbl-white .even td, .compare_delete th { background : none repeat scroll 0 0 #e4ece9; } .saved strong, .sales-savings strong { color : #ff4208; } .cols-two, .cols-three { margin-bottom : 50px; } .error-block, .submit-error { border : 1px solid #ff0000; display : none; width : 200px; padding : 5px; color : #ff0000; margin : 0 0 20px 0; } .feedback table { padding : 2px 0; vertical-align : middle; } .feedback table, .feedback tr.nch, .feedback td { padding : 5px 9px; vertical-align : middle; } .baskin .btn_buy_div { margin : 10px 0 0 0; width : 157px; float : right; } span.saving { position : absolute; top : 0; left : 0; display : inline; background : #e85c54; opacity : 0.9; color : #ffffff; font-size : 14px; line-height : 24px; padding : 0 9px 0 10px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90) } .related-items li { float : left; } .related-items .main-item-info { -webkit-box-flex : 100; -webkit-flex-grow : 100; -ms-flex-positive : 100; flex-grow : 100; } .related-items img { display : inline-block; vertical-align : middle; max-width : 100%; } .product-old-price { display : inline-block; vertical-align : middle; padding-right : 20px; color : #767676; font-size : 45px; line-height: 59px; font-family : 'Arial Narrow', serif; white-space : nowrap; } .product-old-price del sup { font-size : 70%; position : absolute; margin-top : -2px; } .related-price del, .product-old-price del { color : #767676; font-weight : normal; position : relative; text-decoration : none; padding : 0 7px; } .product-price-info .product-old-price del { padding : 0; } .related-price del:before, .product-old-price del:before { position : absolute; content : ''; left : 0; top : 55%; right : 0; border-top : 1px solid; border-color : inherit; -webkit-transform : rotate(-12deg); -ms-transform : rotate(-12deg); -o-transform : rotate(-12deg); transform : rotate(-12deg); } .related-price sup { font-size : 70%; margin-left : 5px; vertical-align : text-top; } .related-price .one-price sup, .related-price .new-price sup { line-height : 32px; } .added-info { background : url(/images/basket/pp-green.png) no-repeat 0 0; position : absolute; bottom : 20px; left : 12px; width : 167px; min-height : 72px; z-index: 100 } .added-info span { display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-box-align : center; -webkit-align-items : center; -ms-flex-align : center; align-items : center; -webkit-box-pack : center; -webkit-justify-content : center; -ms-flex-pack : center; justify-content : center; text-align : center; height : 60px; color : #313131; font-size : 12px; font-weight : bold; } .added-info.long-message { padding-top : 15px; } .added-info .long-message{display: flex; flex-direction: column; align-items: center; justify-content: space-around; height: auto; line-height: 1.4; min-height: 60px; padding: 10px 0;} .added-info .long-message span{height: auto;} .min_show{ width: 30%; max-width:30%; min-width:30%; display:table-cell; vertical-align:top; padding:30px 15px 0 0; } .min_video{ width: 100px; float: right; margin-bottom: 13px; } .min_video a{ font-size: 11px; color: #003399; text-align:right; } .min_video a img{ padding-bottom: 2px; display: block; } .show { width : 70%; max-width:70%; min-width:70%; display:table-cell; text-align:left; padding-left:15px; } .activation-result { margin-bottom : 8px; } .activated { color : #257315; } .not-activated, .not-activated a, .no-touch .not-activated a:hover { color : #e0503a; } :focus { outline : 0; } .savings-note { position : relative; clear : both; color : #e54a41; font-size : 12px; padding : 0 0 0 15px; text-align : center; } .savings-note strong { font-size : 20px; padding-right : 8px; vertical-align : middle; vertical-align : -webkit-baseline-middle; } .catalog_list ul li { background : url(/images/guideline/list-style.png) no-repeat 0 7px; padding-left : 13px; margin-left : 10px; margin-top : 10px; list-style : none; } .h4 a, .h3, .h3 a, .h4 a { font-size : 14px; font-weight : 700; margin-bottom : 12px; } .sections-header h1 { padding : 20px; margin-bottom : 0; } .related-price .new-price{ margin-bottom: 6px; } .related-price .new-price b{ color: #e54a41; } .related-price .old-price{ margin-bottom: 15px; } .related-price .one-price{ padding: 9px 0; } .product-price{ margin: 6px 0; color: #767676; font-size: 11px; display: block; width: 220px; height: 21px; } .product-price.new{ padding: 10px 0 11px 0; } .product-price b{ color: #257315; font-weight: bold; font-size: 18px; } .product-price span{ padding: 0 10px; } .page h6 { color : #313131; float : left; margin : 5px 5px 0 0; } .checkout-user-info { border-top : 1px solid #c6c6c6; } .checkout-user-info:after { visibility : hidden; display : block; font-size : 0; content : ' '; clear : both; height : 0; } .main-customer-info { float : left; overflow : hidden; width : 100%; } .main-customer-info > div { padding : 30px 287px 0 12px; position : relative; } .sidebar-info { float : left; margin-left : -278px; position : relative; width : 278px; padding-top : 40px; } .customer-info-header { padding-bottom : 10px; } .customer-info-header:after { visibility : hidden; display : block; font-size : 0; content : ' '; clear : both; height : 0; } .customer-info-header h2 { color : #257315; font-family : Arial, serif; font-size : 18px; font-weight : normal; float : left; width : 211px; margin-right : 10px; margin-left : 15px; } h2.content-item-header { color : #257315; font-family : Arial, serif; font-size : 18px; font-weight : normal; padding : 28px 10px 10px 25px; margin-bottom : 0; line-height : normal; } .customer-info-header > div { float : left; color : #767676; } .customer-info-header > div b { float : left; color : #e54a41; font-size : 20px; padding-right : 10px; } .info-item{ border-top: 1px solid #e8e8e8; padding: 17px 0 18px; } .info-item:after{ visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; } .info-item:first-child{ border: none; } .info-item .validation-icons{ float: left; width: 46px; height: 21px; } .address-main-info:after{ visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; } .info-item .validation-icons i{ display: block; width: 47px; } .info-item .validation-icons i.validated{ background: url(/images/checkout/validated.png) no-repeat 0 0; height: 21px; } .info-item .validation-icons i.required{ background: url(/images/checkout/required.png) no-repeat; height: 8px; margin-top: 7px; } .info-item .validation-icons i.not-required{ height: 1px; } .info-item .label-area{ float: left; width: 188px; padding-top: 5px; } .info-item .label-area label{ font-size: 12px; font-weight: bold; color: #313131; } .info-item .input-area{ float: left; width: 400px; } .info-item .input-area:after{ visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; } .input-area-i:after { visibility : hidden; display : block; font-size : 0; content : ' '; clear : both; height : 0; } .info-item .input-area input[type='text'], .info-item .input-area input[type='number'], .info-item .input-area input[type='password'] { margin : 0; border : 1px solid #c6c6c6; border-radius : 4px; -webkit-border-radius : 4px; -moz-border-radius : 4px; color : #2d2d2d; font-size : 12px; font-family : Arial, serif; padding : 5px 10px 6px; } .info-item .input-area input[type='text'].hint-txt, .info-item .input-area textarea.hint-txt, .info-item .input-area input[type='password'].hint-txt { color : #767676; } .info-item .input-area textarea { color : #2d2d2d; width : 363px; height : 84px; border : 1px solid #c6c6c6; border-radius : 4px; -webkit-border-radius : 4px; -moz-border-radius : 4px; padding : 9px 10px; } .select-wrapper { position : relative; float : left; margin-right : 14px; } select.select { position : relative; z-index : 10; width : 66px; height : 28px; line-height : 28px; } .info-item .input-info { margin-top : 15px; } .info-item .input-info p { color : #767676; margin : 0; line-height : 18px; } .address-inputs{ margin-top: 15px; } .address-inputs:after{ visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; } .address-input-item{ float: left; margin-right: 15px; } .address-input-item label{ color: #313131; font-size: 12px; display: block; margin-bottom: 4px; margin-left: 9px; } .address-input-item input[type='text'] { width : 80px; } .mobile-code { float : left; margin-left : -39px; color : #767676; margin-top : 5px; } .mobile-info { float : left; color : #767676; width : 215px; } input.phone-area { width : 53px; float : left; margin-right : 13px !important; display : block; } a.only-home-phone { color : #004780; font-size : 11px; text-decoration : none; margin-top : 15px; display : block; } a.only-home-phone:hover { text-decoration : underline; } input.long-input-txt { width : 364px; } input.address-input-txt { width : 284px; } input.normal-input-txt { width : 128px; } .sidebar-info .h4 { color : #313131; font-weight : bold; font-family : Arial, serif; font-size : 12px; margin-bottom : 20px; margin-left : 20px; } .address-options { margin-bottom : 20px; } .address-options > a { display : block; background : url(/images/checkout/address-options.png) no-repeat 0 -83px; width : 199px; height : 55px; padding : 14px 22px 14px 52px; overflow : hidden; text-decoration : none; color : #004780; line-height : 18px; } .address-options > a.active-option { background-position : 0 0; } .address-options > a span { display : table-cell; height : 55px; vertical-align : middle; } .sidebar-info-block{ width: 220px; } .sidebar-info .sidebar-info-block{ margin-left: 22px; } .sidebar-info-block .h4{ color: #347c25; font-size: 16px; font-weight: normal; margin-bottom: 10px; margin-left: 0; } .sidebar-info-block p{ color: #767676; font-size: 12px; line-height: 20px; } .content-item-main:after{ visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; } .content-item-left{ float: left; overflow: hidden; width: 100%; } .content-item-left > div{ padding: 30px 272px 20px 12px; position: relative; } .content-item-sidebar{ float: left; margin-left: -255px; position: relative; width: 255px; padding-top: 20px; } .checkout-result{ padding: 3px 0; position: relative; margin: 0 12px 30px; clear: both; } .checkout-result-main{ background: url(/images/basket/promo-bg.gif) repeat 0 0; padding: 9px 13px; } .checkout-result-main:after{ visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; } .checkout-result-center{ float: left; overflow: hidden; width: 100%; } .checkout-result-center > div{ padding: 10px 276px 0 11px; position: relative; } .checkout-final-sidebar{ float: left; margin-left: -230px; position : relative; width : 230px; padding-top : 10px; } table.result-checkout-info{ margin-bottom: 16px; } table.result-checkout-info tr td{ color: #313131; line-height: 18px; padding: 2px 18px 2px 20px; font-size: 12px; } table.result-checkout-info tr td:first-child{ text-align: right; width: 153px; padding-right: 18px; padding-left: 0; } table.result-checkout-info tr td.main-info{ color: #767676; font-size: 14px; } table.result-checkout-info tr.total-info td{ color: #767676; padding: 16px 18px 2px 20px; } table.result-checkout-info tr.total-info td em{ font-size: 11px; line-height: 12px; font-style: normal; } table.result-checkout-info tr.total-info td span{ padding: 0 4px; font-size: 11px; } table.result-checkout-info tr.total-info td strong{ color: #257315; font-size: 24px; } table.result-checkout-info tr.total-info td strong span{ font-size: 14px; padding: 0; } table.result-checkout-info tr.total-info td:first-child{ text-transform: uppercase; font-weight: bold; color : #313131; } .sibmit-checkout-btn { margin-left : 190px; margin-bottom : 10px; } .sibmit-checkout-btn input { cursor : pointer; margin : 0; padding : 0; border : 0; background : transparent url(/images/checkout/submit-checkout.png) no-repeat 0 0; height : 46px; width : 186px; } .sibmit-checkout-btn input:hover { background-position : 0 -46px; } .checkout-final-sidebar .h5 { color : #313131; font-size : 12px; font-weight : bold; margin-bottom : 20px; } .order-item{ margin-bottom: 17px; } .order-item:after{ visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; } .order-item .order-img{ float: left; width: 50px; margin-right: 9px; } .order-item .order-info{ float: left; width: 133px; } .order-item .order-info a{ color: #004780; font-size: 11px; text-decoration: none; display: block; margin-bottom: 7px; } .no-touch .order-item .order-info a:hover{ text-decoration: underline; } .order-item .order-info .order-item-price{ color: #6f6a65; font-size: 11px; } .order-item .order-info .order-item-price strong{ color: #257315; } .checkout-options { margin-bottom : 35px; } .options-header{ color: #767676; font-size: 11px; padding-bottom: 10px; font-weight: normal; } .options-header:after{ visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; } .options-header > div{ float: left; } .options-header .col-1{ width: 159px; padding-right: 29px; margin-left: 45px; padding-left: 1px; } .options-header .col-2{ width: 30%; padding-right: 30px; } .options-item{ cursor: pointer; color: #313131; font-family: Arial, serif; font-size: 12px; position: relative; z-index: 1; } .options-item:after{ visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; } .options-item > div{ float: left; height: 30px; padding: 8px 0 7px; border-top: 1px solid #e8e8e8; overflow: hidden; } .options-item > div:first-child{ width: 45px; } .options-item > div:first-child em{ display: block; width: 18px; height: 18px; background: url(/images/checkout/radio-ico.png) no-repeat 0 -18px; margin-left: 14px; } .options-item .col-1{ width: 159px; padding-right: 29px; font-weight: bold; padding-left: 1px; } .options-item .col-2{ width: 30%; padding-right: 30px; } .options-item .col-4{ width: 15px; border: none; } .active-options-item{ z-index: 10; } .active-options-item > div{ background: url(/images/checkout/active-option-center.png) repeat-x 0 0; border: none; margin-bottom: -5px; margin-top: -3px; padding: 12px 0 12px; } .active-options-item > div:first-child{ background: url(/images/checkout/active-option-left.png) no-repeat 0 0; margin-left: -3px; padding-left: 3px; } .active-options-item > div:first-child em{ background-position: 0 0; } .active-options-item .col-1{ color: #257315; } .active-options-item .col-4{ background: url(/images/checkout/active-option-right.png) no-repeat 0 0; } .options-item p{ margin: 0; color: #313131; } .options-item span{ color: #767676; font-weight: normal; display: block; } .options-item a.information{ display: inline-block; margin-top: -3px; } /** * @section Order Created */ .leftgreat{ background: url(/images/great.jpg) no-repeat 0 27px; float: left; height: 382px; margin-left: -20px; padding: 0 0 0 22px; width: 70%; display: inline; } .confirmgreat{ background: url(/images/feedback/beer.png) no-repeat 0 27px; float: left; height: 250px; padding: 0 0 0 22px; width: 70%; display: inline; } .confirmgreat .confirm-content{ padding: 34px 0 0 230px; } .confirmgreat .confirm-content > p{ margin-bottom: 10px; color: #777777; font-size: 12px; line-height: 22px; } .confirmgreat .confirm-content p.thanks{ margin-bottom: 10px; font-size: 22px; color: #257315; line-height: 28px; font-family: 'Arial Narrow', sans-serif; font-weight: 700; } .yellow-btn-css.confirm{ width: 180px; height: 30px; font-size: 12px; text-align: center; padding: 0; line-height: 30px; margin-top: 20px; } .rightgreat{ float: right; margin-right: 15px; overflow: hidden; width: 26%; display: inline; position: relative; } .centergreat{ margin: 20px 0 32px 243px; font-size: 14px; color: #3e4a3d; overflow: hidden; } .centergreat h2{ color: #257315; font-weight: normal; margin-bottom: 12px; } .centergreat p.differ{ font-size: 12px; margin: 6px 0 20px 0; } .centergreat ul li{ list-style: none; padding: 4px 0; } .centergreat ul li span{ color: #509a3b; font-size: 14px; margin-right: 3px; font-weight: bold; } .centergreat b{ margin-left: 20px; color: #666666; font-size: 12px; font-weight: normal; float: left; overflow: hidden; display: inline; width: 100%; } .centergreat b span{ color: red; } .bottomgreat{ border-top: #d9d9d9 4px solid; margin: 15px 15px 0 15px; float: left; overflow: hidden; width: 100%; } .bottomgreat tr td{ border: none; } .descr_full{ margin-top: -18px; } .descr_full h2{ padding-bottom: 18px; } .item_this, .showlist{ padding: 0 0 0 20px; } .showlist h1{ margin: 15px 0 20px 0; } .sort_group a { background : url(/images/btns.png) 100% 4px no-repeat; padding-right : 15px; font-size : 11px; font-weight : normal; text-decoration : none; color : #333333; } .comparison-page{ padding: 0 20px; } .comparison-page .sticky-wrapper{ position: relative; margin-bottom: 0; z-index: 10; } .comparison-navigation ul.breadcrumbs-new{ padding: 0; margin: 0; } .comparison-navigation ul.breadcrumbs-new li{ font-size: 12px; color: #767676; } .comparison-navigation ul.breadcrumbs-new li:first-child{ background: none; padding-left: 0; margin-left: 0; } .comparison-table-body{ width: 100%; float: left; overflow: hidden; } .comparison-table-body > div{ padding: 0 0 0 232px; overflow: hidden; } .comparison-table-body-scroll{ overflow-x: hidden; position: relative; } .comparison-table-item > div, .comparison-table-head > div { padding : 9px 11px; font-size : 14px; color : #313131; border-right : 1px solid #ffffff; background : #ffffff; } .comparison-table-item > div:nth-child(odd), .comparison-table-head > div:nth-child(odd) { background : #f1f1f1; } .comparison-table-item{ float: left; width: 220px; } .comparison-table-head{ float: left; width: 232px; margin-left: -100%; position: relative; } .comparison-table-head__row{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .comparison-table-head__row .question{ display: block; margin-left: 5px; } .comparison-table-head__row span{ position: relative; } .comparison-table-head__row a.question{ min-width: 18px; } .comparison-table-head__row[hidden="hidden"]{ display: none;} .pp-information-main b { background : none; float : none; display : inline; height : 20px !important; } table.comparison-table th { width : 211px; } table.comparison-table td { width : 220px; } .guideline table.comparison-table tr th, .guideline table.comparison-table tr td { border : none; padding : 6px 11px 5px; font-size : 14px; color : #313131; border-right : 1px solid #ffffff; background : #ffffff; } .guideline table.comparison-table tr:nth-child(odd) th, .guideline table.comparison-table tr:nth-child(odd) td { background : #f1f1f1; } .com-table-head { position : relative; background : #ffffff; margin-top : 20px; z-index : 100; } .comp-header { padding-bottom : 45px; height : 220px; float : left; width : 220px; margin-right : 1px; margin-left : -100%; } .comp-header h1 { margin-bottom : 23px; width : 100%; } .comp-header .comp-select { margin-bottom : 15px; position : relative; margin-left : 2px; } .comp-header .comp-select select.select { width : 100%; } .comp-header .comp-select span.select { display : block; width : auto; left : 0px; right : 20px; background : #ffffff; cursor : pointer; border : 1px solid #e8e8e8; border-radius : 5px; padding : 0 30px 0 0; white-space : nowrap; overflow : hidden; text-overflow : ellipsis; } .comp-header .comp-select span.select:after { content : ''; width : 0; height : 0; display : inline-block; position : absolute; right : 10px; top : 50%; margin-top : -2px; border : 4px solid transparent; border-bottom : none; border-top : 6px solid; -webkit-transition : -webkit-transform 0.15s; transition : -webkit-transform 0.15s; -o-transition : -o-transform 0.15s; transition : transform 0.15s; transition : transform 0.15s, -webkit-transform 0.15s, -o-transform 0.15s; } .comp-header .comp-select span.select:before { content : ''; position : absolute; top : 0; bottom : 0; right : 0; width : 26px; background : rgba(222, 222, 222, 0.2); } .comp-header .comp-select select:active + .select:after { -webkit-transform : rotate(180deg); -ms-transform : rotate(180deg); -o-transform : rotate(180deg); transform : rotate(180deg); } .go-to-section{ font-size: 12px; margin-bottom: 40px; padding-left: 2px; } .go-to-section span{ display: block; color: #767676; margin-bottom: 6px; } .go-to-section a{ display: inline-block; } ul.params{ position: absolute; bottom: 20px; height: 25px; margin: 0; padding: 0; } ul.params li{ float: left; margin: 0; padding: 0; background: none; } ul.params li a{ display: block; line-height: 25px; font-size: 12px; border-radius: 5px; color: #767676; padding: 0 11px; } ul.params li a span{ border-bottom: 1px dotted #767676; } .no-touch ul.params li a:hover{ color: #767676; } ul.params li.selected a{ background: #f1f1f1; } ul.params li.selected a span{ border-color: #f1f1f1; } .comp-top-items { width : 100%; float : left; overflow : hidden; } .comp-top-items > div { padding : 0 0 0 232px; overflow : hidden; } .top-items-scroll { overflow-x : auto; padding-bottom : 10px; margin-bottom : 10px; position : relative; } .comp-item-top { position : relative; float : left; width : 220px; padding : 8px 10px 0 10px; } .comp-item-top .comp-img-wrap { text-align : center; margin-bottom : 13px; } .comp-item-top h3 { font-weight : normal; font-family : Arial, serif; font-size : 14px; line-height : 20px; margin-bottom : 7px; width : 100%; } .comp-item-top i.stars { margin-bottom : 9px; } .comp-item-top .rating { font-size : 13px; color : #c0c0c0; margin-bottom : 9px; display : block; } .comp-item-top .price { margin-bottom : 10px; } .comp-price p{ float: left; font-size: 19px; font-weight: bold; font-family: 'Arial Narrow', sans-serif; color: #257315; margin-bottom: 0; } .comp-price p span{ color: #767676; font-family: Arial, serif; font-size: 12px; font-weight: normal; } .comp-price a{ float: right; } .delete-comp { background : url('/images/comparison/delete-ico.png') no-repeat 0 0; width : 16px; height : 16px; position : absolute; top : 9px; right : 8px; cursor : pointer; } .sticky-wrapper { height : auto !important; clear : both; } .is-sticky{ height: auto !important; } .is-sticky .comp-top-items{ height: auto; } .is-sticky .comp-item-top{ border-left: 1px solid #e2e2e2; } .is-sticky .com-table-head{ -webkit-box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.25); box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.25); margin: 0 -20px; padding: 0 20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .is-sticky .comp-header{ height: 113px; } .is-sticky .comp-header h1, .is-sticky .comp-select{ display: none; } .is-sticky .comp-item-top .comp-img-wrap{ float: right; margin: 19px; } .is-sticky .comp-item-top .comp-img-wrap img{ height: 36px; } .is-sticky .comp-price{ clear: both; } .is-sticky .delete-comp{ background: url(/images/comparison/delete-ico-small.png) no-repeat 0 0; width: 10px; height: 10px; } .is-sticky .go-to-section{ padding-top: 26px; } .is-sticky .comp-item-top h3{ padding-top: 16px; font-size: 12px; line-height: 16px; } a.question { background : url('/images/comparison/question-ico.png') no-repeat 0 0; width : 18px; height : 19px; display : inline-block; cursor : pointer; } .no-touch a.question:hover { background-position : 0 -18px; } a.btn-green-simple { color : #257315; border : 1px solid #7dc203; border-radius : 5px; height : 30px; line-height : 26px; } .no-touch a.btn-green-simple:hover { border : 1px solid #ffe21b; } a.btn-green-simple.order { background : #ffe21b; border : 1px solid #ffe21b; } .add-compare { position : relative; display : inline-block; margin-bottom : 5px; } .compare-action { color : #767676; } .compare-action.active { color : #000000; } .compare-action input { margin-right : 6px; } .pp-information-block { max-width : 100%; z-index : 9999; } .shipping-info{ background: #f1f1f1; } .shipping-info a{ display: block; padding-left: 57px; text-decoration: none; color: #777777; font-size: 14px; line-height: 44px; background: url(/images/shipping/info-icon.png) no-repeat 26px 14px; padding-bottom: 4px; } .shipping-info a span{ color: #1e65be; } .shipping-page{ padding: 0; margin: 0; } .shipping-page-main{ padding: 34px 25px 49px 26px; } .shipping-header{ margin-bottom: 8px; } .shipping-header .h1{ width: 370px; position: relative; margin-right: 32px; padding: 0; } .shipping-header .h1 span{ color: #f65505; display: block; } .shipping-adv-wrap{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; } .shipping-adv-table{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 0; margin-top: 22px; } .shipping-page-main{ padding: 0 20px 27px; } .shop-tabs-content{ padding: 0 20px 27px; } .inner-page .h5 { line-height : 21px; margin-top : 0; padding-top : 0; font-size : 16px; margin-bottom : 8px; color : #313131; font-family : 'Arial Narrow', sans-serif; font-weight : 700; } ul.shop-tabs li a h1 { font-size : 22px; line-height : 39px; font-family : 'Arial Narrow', sans-serif; font-weight : bold; width : auto; margin : 0 !important; } .shipping-adv{ width: 50%; min-width: 290px; display: inline-block; text-align: left; } .shipping-adv img{ float: left; margin-right: 10px; max-width: 90px; } .shipping-adv > div{ float: left; width: 160px; margin-top: -2px; } .shipping-adv h5{ line-height: 21px; } .shipping-adv p{ color: #767676; font-size : 12px; margin-bottom : 0; line-height : 21px; } .block-green-top { height : 3px; background : url(/images/shipping/block-green-top.png) repeat-x 0 0; } .block-green-main { background : #def7ba; } .block-green-bottom { height : 4px; background : url(/images/shipping/block-green-bottom.png) repeat-x 0 0; } .shipping-filter { margin-bottom : 38px; } .shipping-filter .block-green-main { padding : 30px 30px 16px 30px; } .input-wrapper { position : relative; margin-bottom : 14px; } .input-wrapper a.clear-filter { position : absolute; background : url(/images/comparison/delete-ico.png) no-repeat 0 0; width : 16px; height : 16px; top : 14px; right : 13px; } .input-wrapper input { width : 100%; background : #ffffff; border : 2px solid #7dc203; height : 44px; border-radius : 5px; font-size : 16px; line-height : 18px; padding : 0 30px 0 14px; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; overflow : hidden; text-overflow : ellipsis; } /* clear ie input default 'x' */ /*noinspection CssInvalidPseudoSelector*/ .input-wrapper input::-ms-clear { display : none; } a.clear-city-filter { font-size : 14px; } .input-city-info { font-size : 14px; color : #777777; margin-bottom : 14px; margin-top : 20px; } .shipping-table { margin-bottom : 38px; } .shipping-table-head h1{ float: left; width: auto; margin-right: 20px; margin-bottom: 10px; font-size: 26px; line-height: 32px; color: #313131; font-family: 'Arial Narrow', sans-serif; font-weight: 700; } .shipping-table-head label{ float: left; color: #777777; margin-top: 11px; } .shipping-table-head label input{ margin-right: 9px; } .guideline .shipping-table table{ width: 100%; margin-bottom: 20px; } .guideline .shipping-table table th, .guideline .shipping-table table td{ vertical-align: middle; } .guideline .shipping-table table th:first-child, .guideline .shipping-table table td:first-child{ padding-left: 0; vertical-align: top; } .guideline .shipping-table table td .free-ship{ color: #f65505; font-weight: bold; } .guideline .shipping-table table td:first-child{ color: #257315; } .guideline .shipping-table table td a.question{ margin-bottom: -4px; } .shipping-table-foot a{ margin-right: 20px; float: left; } .shipping-table-foot p{ float: left; font-size: 14px; margin-top: 10px; } /*------------ tooltipster -------------*/ .tooltipster-fall, .tooltipster-grow.tooltipster-show{ -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1); -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15) } .tooltipster-base{ display: flex; pointer-events: none; position: absolute } .tooltipster-box{ flex: 1 1 auto } .tooltipster-content{ box-sizing: border-box; max-height: 100%; max-width: 600px; overflow: auto } .tooltipster-ruler{ bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden } .tooltipster-fade{ opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity } .tooltipster-fade.tooltipster-show{ opacity: 1 } .tooltipster-grow{ -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden } .tooltipster-grow.tooltipster-show{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); transition-timing-function: cubic-bezier(.175, .885, .32, 1.15) } .tooltipster-swing{ opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform } .tooltipster-swing.tooltipster-show{ opacity: 1; -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); -ms-transform: rotateZ(0); transform: rotateZ(0); -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1); -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4); -moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4); -ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4); -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4); transition-timing-function: cubic-bezier(.23, .635, .495, 2.4) } .tooltipster-fall{ -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); transition-timing-function: cubic-bezier(.175, .885, .32, 1.15) } .tooltipster-fall.tooltipster-initial{ top: 0 !important } .tooltipster-fall.tooltipster-dying{ -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0 !important; opacity: 0 } .tooltipster-slide{ -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); transition-timing-function: cubic-bezier(.175, .885, .32, 1.15) } .tooltipster-slide.tooltipster-initial{ left: -40px !important } .tooltipster-slide.tooltipster-dying{ -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0 !important; opacity: 0 } @keyframes tooltipster-fading{ 0%{ opacity: 0 } 100%{ opacity: 1 } } .tooltipster-update-fade{ animation: tooltipster-fading .4s } @keyframes tooltipster-rotating{ 25%{ transform: rotate(-2deg) } 75%{ transform: rotate(2deg) } 100%{ transform: rotate(0) } } .tooltipster-update-rotate{ animation: tooltipster-rotating .6s } @keyframes tooltipster-scaling{ 50%{ transform: scale(1.1) } 100%{ transform: scale(1) } } .tooltipster-update-scale{ animation: tooltipster-scaling .6s } .tooltipster-sidetip .tooltipster-box{ background: #fff; border: 4px solid #ffd607; border-radius: 7px } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box{ margin-top: 8px } .tooltipster-sidetip.tooltipster-left .tooltipster-box{ margin-right: 8px } .tooltipster-sidetip.tooltipster-right .tooltipster-box{ margin-left: 8px } .tooltipster-sidetip.tooltipster-top .tooltipster-box{ margin-bottom: 8px } .tooltipster-sidetip .tooltipster-content{ color: #313131; padding: 15px 20px } .tooltipster-sidetip .tooltipster-arrow{ overflow: hidden; position: absolute } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{ height: 16px; margin-left: -16px; top: -4px; width: 32px } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow{ height: 32px; margin-top: -16px; right: -4px; top: 0; width: 16px } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow{ height: 32px; margin-top: -16px; left: -4px; top: 0; width: 16px } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow{ bottom: -4px; height: 16px; margin-left: -16px; width: 32px } .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border{ height: 0; position: absolute; width: 0 } .tooltipster-sidetip .tooltipster-arrow-background{ border: 16px solid transparent } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{ border-bottom-color: #fff; left: 0; top: 5px } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{ border-left-color: #fff; left: -5px; top: 0 } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{ border-right-color: #fff; left: 5px; top: 0 } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{ border-top-color: #fff; left: 0; top: -5px } .tooltipster-sidetip .tooltipster-arrow-border{ border: 16px solid transparent; left: 0; top: 0 } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{ border-bottom-color: #ffd607 } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{ border-left-color: #ffd607 } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{ border-right-color: #ffd607 } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{ border-top-color: #ffd607 } .tooltipster-sidetip .tooltipster-arrow-uncropped{ position: relative } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{ top: -16px } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{ left: -16px } a.gradient-btn-yellow{ color: #000000; line-height: 42px; font-size: 16px; border-radius: 5px; padding: 0 21px; border-bottom: 1px solid #cd9601; border-right: 1px solid #cdbf24; background: #1e5799; /* Old browsers */ /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffe86), color-stop(50%, #ffe21e), color-stop(51%, #ffd527), color-stop(100%, #ffc602)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fffe86 0%, #ffe21e 50%, #ffd527 51%, #ffc602 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fffe86 0%, #ffe21e 50%, #ffd527 51%, #ffc602 100%); /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient(linear, left top, left bottom, from(#fffe86), color-stop(50%, #ffe21e), color-stop(51%, #ffd527), to(#ffc602)); background: linear-gradient(to bottom, #fffe86 0%, #ffe21e 50%, #ffd527 51%, #ffc602 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffe86', endColorstr='#ffc602', GradientType=0); /* IE6-9 */ -webkit-box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, 0.5); box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, 0.5); } a.gradient-btn-yellow:hover{ color: #000000; } .shipping-map h4{ margin-bottom: 21px; } .shipping-map-main{ width: 100%; float: left; overflow: hidden; } .shipping-map-main > div{ padding: 0 0 0 70%; margin-top: -5px; } .shipping-map-main > div p{ font-size: 14px; } .shipping-yandex-map { position : relative; float : left; margin-left : -100%; } .yandex-map { max-width : 100%; max-height : 80vh; } #yandex-map { width : 900px; height : 900px; max-width : 100%; max-height : 80vh; } #shipping-area { width : 70%; height : 357px; max-width : 100%; max-height : 80vh; padding-right : 40px; } .shipping-contacts { background : #f1f1f1; padding : 24px 30px 30px; margin-bottom : 23px; } .shipping-phones{ float: left; width: 60%; padding-right: 20px; border-right: 1px solid #c2c2c2; margin-right: 30px; } .shipping-phones .h4{ width: 100%; margin-bottom: 17px; margin-top: 0; padding-top: 0; font-size: 19px; line-height: 24px; color: #313131; font-family: 'Arial Narrow', sans-serif; font-weight: 700; } .shipping-phones .phones{ padding-bottom: 20px; } .shipping-phones .phones > div{ float: left; margin-left: 39px; } .shipping-phones .phones > div:first-child{ margin-left: 0; } .shipping-phones .phones > div p{ margin-bottom: 4px; font-size: 14px; } .info-votes { float : left; } .info-votes .h5, .info-votes h5 { width : 100%; margin-bottom : 22px; margin-top : 0; } a.vote-btn { padding : 0 42px 0 40px; border : 1px solid #7dc203; border-radius : 5px; display : block; background : #ffffff; font-size : 14px; } a.vote-btn span { line-height : 38px; display : block; padding-left : 29px; } a.vote-yes { color : #257315; } a.vote-yes span { background : url(/images/shipping/vote-yes.png) no-repeat 0 8px; } a.vote-no { border-color : #f47e6f; color : #db2d24; padding : 0 37px 0 37px; } .no-touch a.vote-btn:hover { border-color : #559003; opacity : 0.7; } .no-touch a.vote-no:hover { border-color : #db2d24; color : #db2d24; opacity : 0.7; } a.vote-no span { background : url(/images/shipping/vote-no.png) no-repeat 0 10px; } .info-votes a.vote-btn { float : left; margin-left : 10px; } .info-votes a.vote-btn:first-child { margin-left : 0; } .shippting-bottom-info { padding : 0 20px; } .guideline p.no-margin-bottom { margin-bottom : 0; } strong.red { color : #f65505; } .shipping-list h4{ margin-bottom: 29px; } .shipping-list-main{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .shipping-list-main__col{ width: 16.66666667%; padding: 0 10px 10px; } .shipping-list-main h5{ width: auto; } .shipping-list-main ul{ margin: 0; padding: 0; } .shipping-list-main ul li{ display : inline-block; width : 100%; padding : 0; background : none; margin : 8px 0 2px; text-transform : capitalize; } .shop-tabs{ margin: 0; padding: 0; } .shop-tabs:after{ visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; } .shop-tabs li{ padding: 0; background: none; float: left; margin: 0 0 0 5px; } .shop-tabs li:first-child{ margin-left: 0; } .shop-tabs li a{ display: block; color: #1e65be; background: url(/images/tabs_bg.gif) 0 0 repeat-x #f5f8f5; font-size: 22px; text-decoration: none; border: 1px solid #eeeeee; border-bottom-color: #c6c6c6; line-height: 38px; margin-top: 6px; padding: 0 23px; border-radius: 6px 6px 0 0; font-family: 'Arial Narrow', sans-serif; font-weight: bold; } .no-touch ul.shop-tabs li a:hover { color : #257315; border-color : #c6c6c6; } .no-touch ul.shop-tabs li a.selected:hover { border-bottom-color : #ffffff; } .shop-tabs li a.selected { color : #313131; border : 1px solid #c6c6c6; border-bottom-color : #ffffff; margin-top : 0; padding : 5px 26px 0; background : none; } .shop-tabs li a.selected:hover { border-bottom-color : #ffffff; } .shop-tabs li a.selected span { background : none; } .shop-tabs li a.selected:hover span { background : none; } .shop-tabs-content { border-top : 1px solid #c6c6c6; margin-top : -1px; } .shipping-tab-content { padding-top : 13px; } .shipping-belarus-top { margin-bottom : 13px; } .belarus-top { display : table; width : 100%; margin : 0; table-layout : fixed; } .belarus-top-cell { display : table-cell; vertical-align : top; border : none; width : 55%; max-width : 100%; overflow : auto; padding : 0 0 0 48px; } .belarus-top-cell:first-child { padding-left : 0; padding-top : 8px; width : 45%; } .shipping-table { overflow : auto; max-width : 100%; } .shipping-table table { min-width : 660px; } .shipping-table td:first-child { white-space : nowrap; color : #257315; padding-left : 0; } .shipping-table th:first-child { padding-left : 0; } .shipping-belarus-map { margin-bottom : 38px; } .shipping-belarus-map h4 { margin-bottom : 22px; } .map-popup { position : absolute; background : #ffffff; border : 1px solid #c2c2c2; width : 230px; padding : 17px 25px 18px; border-radius : 9px; -webkit-box-shadow : 1px 1px 10px 0 rgba(50, 50, 50, 0.5); box-shadow : 1px 1px 10px 0 rgba(50, 50, 50, 0.5); } .map-popup .close-map-popup { background : url(/images/shipping/close-map-popup.png) no-repeat 0 0; width : 10px; height : 10px; position : absolute; top : 8px; right : 8px; cursor : pointer; } .map-popup h5 { color : #1e65be; } .map-popup .available-shipping { padding-left : 41px; background : url(/images/shipping/available-shipping.png) no-repeat 0 12px; margin-bottom : 9px; } .map-popup .available-shipping p span { color : #f65505; } i.map-belarus-v { position : absolute; background : url('/images/shipping/map-popup-v.png') no-repeat 0 0; width : 50px; height : 33px; display : block; bottom : -33px; left : 79px; } ymaps h5 { color : #1e65be; } .available-shipping { padding-left : 41px; background : url(/images/shipping/available-shipping.png) no-repeat 0 12px; margin-bottom : 9px; } ymaps p span { color : #f65505; } i.map-belarus-v { position : absolute; background : url('/images/shipping/map-popup-v.png') no-repeat 0 0; width : 50px; height : 33px; display : block; bottom : -33px; left : 79px; } ymaps h5 { color : #1e65be; } .ymaps-2-1-17-balloon__layout { border-radius : 9px; padding : 17px 25px 18px; min-width : 230px; } .ymaps-2-1-17-balloon { border-radius : 9px; -webkit-box-shadow : 1px 1px 10px 0 rgba(50, 50, 50, 0.5); box-shadow : 1px 1px 10px 0 rgba(50, 50, 50, 0.5); border : 1px solid #c2c2c2; } .ymaps-2-1-17-balloon__close-button { width : 15px !important; height : 15px; margin-right : 15px !important; } #loader { margin-right : 20px; position : absolute; right : 0; top : 10px; z-index : 10; } #overlayEffect { display : none; position : fixed; top : 0; left : 0; width : 100%; height : 100%; background : url(/images/pp-bg.png) repeat 0 0; z-index : 9996; } #overlayEffectTransparent { display : none; position : fixed; top : 0; left : 0; width : 100%; height : 100%; z-index : 9998; } .pp-auth { display : none; position : fixed; top : 40%; left : 40%; width : 731px; background : url(/images/pp-top.png) no-repeat #ffffff; z-index : 9997; padding-top : 12px; -webkit-box-shadow : 0 0 10px 0 #222222; box-shadow : 0 0 10px 0 #222222; } .pp-auth .close-pp { position : absolute; top : 39px; right : 25px; background : url(/images/close-pp.png) no-repeat 0 0; width : 15px; height : 15px; cursor : pointer; } .auth-header { background : url(/images/pp-header.png) repeat-x 0 0; height : 86px; padding : 20px 27px 10px; } .auth-header > h3 { color : #ffffff; font-size : 26px; float : left; margin-right : 35px; text-transform : uppercase; } .auth-header > p { color : #ffffff; float : left; margin-top : 13px; } .auth-main { margin-top : -45px; } ul.auth-tabs { margin-left : 60px; } ul.auth-tabs:after { visibility : hidden; display : block; font-size : 0; content : ' '; clear : both; height : 0; } ul.auth-tabs li { float : left; margin-left : 3px; } ul.auth-tabs li:first-child { margin-left : 0; } ul.auth-tabs li a { display : block; color : #004780; font-size : 18px; text-decoration : none; background : url(/images/basket/basket-tab-bg.png) repeat-x 0 0; border-left : 1px solid #e8e8e8; border-right : 1px solid #e8e8e8; line-height : 39px; margin-top : 6px; padding : 0 15px; border-radius : 6px 6px 0 0; -moz-border-radius : 6px 6px 0 0; -webkit-border-radius : 6px 6px 0 0; } ul.auth-tabs li a.selected { color : #337b22; background : none; border : 1px solid #c6c6c6; border-bottom : 1px solid #ffffff; line-height : 44px; margin-top : 0; padding : 0 12px; background : #ffffff; } ul.auth-tabs li a span { background : url(/images/basket/tabs-hover-bg.png) repeat-x 0 100%; } ul.auth-tabs li a.selected span { background : none; } ul.auth-tabs li a.selected:hover span { background : none; } .auth-tabs-content { border-top : 1px solid #c6c6c6; margin-top : -1px; padding : 24px 73px 20px 74px; } .auth-tabs-content:after { visibility : hidden; display : block; font-size : 0; content : ' '; clear : both; height : 0; } .auth-tab-content > div { margin-top : 20px; } .auth-tab-content { position : relative; } .auth-tab-content .label-area, .pass-recovery-pp .label-area { width : 100px; padding-right : 45px; } .capcha-area input { width : 50px; float : left; margin : 8px 18px 0 0 !important; } .capcha-area > div { float : left; width : 180px; margin-right : 13px; } .capcha-area > a { float : left; margin-top : 10px; } a.dotted-link { color : #004780; text-decoration : none; border-bottom : 1px dotted #004780; } a.dotted-link:hover { border : none; } input.password-input { margin-right : 11px !important; } .auth-tab-content p { color : #1e1e1e; font-size : 14px; line-height : 17px; } .auth-footer { margin : 10px 30px 23px; color : #8a9588; font-size : 11px; } .pass-recovery-pp.pass-recovery-pp { margin: 0; max-width: 540px; background-color: #f5ffd1; overflow: visible; height: auto; width: 100%; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2); z-index : 9999; position : absolute; top : 50% !important; left : 50% !important; display : none; transform: translate(-50%, -50%); font-family: Arial, Helvetica, sans-serif; color: #313131; border: none; border-radius: 0;} .pass-recovery-pp .fancybox-close-small{display: none;} .pass-recovery-pp > div { padding: 30px 35px; } .pass-recovery-pp .close-pp { position : absolute; top : 0; right : 0; width : 44px; height : 44px; cursor : pointer; background-size: 0; display: flex; align-items: center; justify-content: center;} .pass-recovery-pp .close-pp::after{ content: '×'; width: 30px; height: 30px; font: 34px/30px Arial,Helvetica Neue,Helvetica,sans-serif; color: #888888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; transition: background 0.2s; box-sizing: border-box;} .pass-recovery-pp h3 { font-size: 22px; font-weight: 700; line-height: 24px; margin-bottom: 15px; color: #313131;} .pass-recovery-pp p { margin-bottom : 20px; font-size : 16px; } .tip-pp { display : none; } .pass-recovery-pp .empty-stock {margin: 0 !important;padding: 0;} .pp-auth .info-item .label-area, .pass-recovery-pp .info-item .label-area { padding-top : 0; display : table-cell; float : none; vertical-align : middle; } .pp-auth .info-item .input-area, .pass-recovery-pp .info-item .input-area { display : table-cell; float : none; vertical-align : middle; } .pp-auth .mobile-info, .pass-recovery-pp .mobile-info { padding : 0; } #loader { margin-right : 20px; position : absolute; right : 0; top : 10px; z-index : 10; } span.nothing-found { color : #313131; } span.nothing-found span { color : #257315; } .search-advices { margin-bottom : 10px; } .search-advices > div { float : left; margin-right : 80px; } .search-advices > div ul { padding-bottom : 23px; margin-bottom : 0; } .search-advices > img { float : left; margin-top : 13px; } .search-help-block h4 { margin-bottom : 13px; } .search-help { background : url('/images/nothing-found/contact-persone.png') no-repeat 0 100%; border : 1px solid #e8e8e8; border-radius : 5px; padding : 23px 32px 17px 10px; display : inline-block; width : 444px; margin-left : 2px; } .search-help > div { float : right; margin-bottom : 20px; margin-left : 2px; } .search-help > div label { float : left; margin-right : 10px; font-size : 14px; line-height : 27px; } .search-help > div input[type='text'] { float : left; width : 205px; } .search-help > div input[type='text']::-webkit-input-placeholder, .search-help > div input[type='text']:-moz-placeholder, .search-help > div input[type='text']::-moz-placeholder, .search-help > div input[type='text']:-ms-input-placeholder { color : #767676; } .search-help > div textarea { float : left; width : 205px; height : 45px; font-size : 11px; } .search-help > div.button-wrapper { text-align : right; margin-bottom : 0; clear : both; margin-top : -6px; } textarea.input-text { margin : 0; border : 1px solid #c6c6c6; border-radius : 4px; color : #2d2d2d; font : 12px/14px Arial; padding : 7px 9px 6px 8px; } .search-help-block .error { color : red; position : relative; top : 50px; left : 150px; } .search-advices > img { float : left; margin-top : 13px; } .search-help-block h4 { margin-bottom : 13px; } .search-help { background : url('/images/nothing-found/contact-persone.png') no-repeat 0 100%; border : 1px solid #e8e8e8; border-radius : 5px; padding : 23px 32px 17px 10px; display : inline-block; width : 444px; margin-left : 2px; } .search-help > div { float : right; margin-bottom : 20px; margin-left : 2px; } .search-help > div label { float : left; margin-right : 10px; font-size : 14px; line-height : 27px; } .search-help > div input[type='text'] { float : left; width : 205px; } .search-help > div input[type='text']::-webkit-input-placeholder, .search-help > div input[type='text']:-moz-placeholder, .search-help > div input[type='text']::-moz-placeholder, .search-help > div input[type='text']:-ms-input-placeholder { color : #767676; } .search-help > div textarea{ float: left; width: 205px; height: 45px; font-size: 11px; } .search-help > div.button-wrapper { text-align : right; margin-bottom : 0; clear : both; margin-top : -6px; } textarea.input-text { margin : 0; border : 1px solid #c6c6c6; border-radius : 4px; color : #2d2d2d; font : 12px/14px Arial; padding : 7px 9px 6px 8px; } .search-help-block .error { color : red; position : relative; top : 50px; left : 150px; } .menu-office h4{ padding-top: 6px; } ul.menu-office{ margin: 0 -70px 0 0; padding: 24px 0 0; } ul.menu-office li{ float: left; background: 0; margin: 0 70px 30px 0; padding: 0; } ul.menu-office li a{ display: block; width: 172px; text-align: center; } ul.menu-office li a span.menu-img{ position: relative; display: inline-block; height: 142px; margin-bottom: -4px; } ul.menu-office li a span.menu-img img{ display: block; } ul.menu-office li a span.menu-txt{ width: 137px; font-family: 'Open Sans', sans-serif; font-size: 16px; display: block; min-height: 48px; line-height: 24px; text-align: center; margin: 0 auto; } ul.menu-office li a i{ position: absolute; top: 3px; right: 12px; background: url(/images/welcome/num.png) no-repeat 0 0; width: 27px; height: 27px; display: block; color: #3c5700; font-size: 18px; line-height: 27px; font-style: normal; } ul.menu-office li a i.plus{ font-size : 24px; width : 28px; } h1.with-line { border-bottom : 1px solid #c6c6c6; padding-bottom : 26px; width : 100%; } .ymaps-balloon__tail { width : 0 !important; } ul.price-info-tabs li a.selected h2 { color : #6f6a65; } .h1, .h2, .h3, .h4.h5 { color : #313131; font-family : 'Arial Narrow', sans-serif; font-weight : 700; width : 90%; } .h3 { font-size : 22px; line-height : 28px; margin-bottom : 18px; } .h4 { font-size : 19px; line-height : 24px; margin-bottom : 11px; } .accordion.h4 { padding : 20px; } .h2 { font-size : 26px; line-height : 32px; margin-bottom : 16px; } .green { color : #257315; } .subscription{ margin-top: 30px; } .subscription-banner{ background: url('/images/subscription-banner.png') no-repeat 0 0; width: 523px; height: 206px; margin-bottom: 34px; padding: 11px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .subscription-banner > h2{ margin-bottom: 19px; font-size: 24px; } .subscription-banner form > div{ margin-bottom: 17px; } .subscription-banner input[type='text']{ width: 214px; padding: 7px 9px 7px 8px; } .subscribe-tooltip{ position: absolute; right: 0; left: auto !important; bottom: 100%; margin-bottom: 15px; width: 260px;} .subscribe-tooltip .ui-tooltip-content::after{ top:100%; bottom: auto; left: auto; right: 16px;margin: 0;} .subscribe-tooltip .ui-tooltip-content::before{ top:100%; bottom: auto; left: auto; right: 10px; margin: 0;} .subscription .subscribe-tooltip{display: none; transition: 300ms;} .subscription:not(.closed) .subscribe-tooltip{ display: block;} p.poll-info { border-bottom : 1px solid #c6c6c6; padding-top : 10px; font-size : 12px; padding-bottom : 29px; margin-bottom : 38px; } p.signature { font-size : 12px; line-height : 19px; } input.hint-txt { color : #828d80; } .success { font-size : 17px; color : green; margin : 20px 0; } .personal-info h1 { margin-top : -5px; margin-bottom : 21px; } .green-area { background : #def7ba; border-radius : 5px; padding : 17px 22px 10px; margin-bottom : 32px; max-width : 731px; } .green-area ul { margin-bottom : 0; padding-left : 29px; } .green-area ul li { background-position : 0 10px; } .green-area h5 { margin-bottom : 10px; } .green-area strong { color : #257315; font-size : 18px; } .val-block { margin-bottom : 22px; } .val-block h5 { margin-bottom : 16px; } .val-block > div { margin-bottom : 14px; } .val-block > div input { float : left; margin-right : 30px; width : 168px; } .val-block > div input.hint-txt { color : #969494; } .val-block > div.mobile input { width : 56px; } .val-block > div.datepicker input { width : 123px; } .val-block > div .mobile-code { margin-left : 0; margin-right : 14px; } .personal-info .personal-data-edit-actions { padding-top : 6px; } .personal-info span.green-btn input { padding : 0 14px; } /* Zebra_DatePicker: a lightweight jQuery date picker plugin Twitter Bootstrap theme copyright (c) 2011 - 2014 Stefan Gabos http://stefangabos.ro/jquery/zebra-datepicker/ */ .Zebra_DatePicker *, .Zebra_DatePicker *:after, .Zebra_DatePicker *:before { -moz-box-sizing : content-box !important; -webkit-box-sizing : content-box !important; box-sizing : content-box !important; } .Zebra_DatePicker { position : absolute; background : #ffffff; border : 1px solid #c6c6c6; z-index : 100; padding : 5px; top : 0; } .Zebra_DatePicker * { margin : 0; padding : 0; color : #373737; background : transparent; border : none; } /* = GLOBALS ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker table { border-collapse : collapse; border-spacing : 0; width : auto; table-layout : auto; } .Zebra_DatePicker td, .Zebra_DatePicker th { text-align : center; padding : 5px 0; } .Zebra_DatePicker td { cursor : pointer; } .Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker { margin-top : 3px; } .Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td { width : 30px; } .Zebra_DatePicker, .Zebra_DatePicker .dp_header .dp_hover, .Zebra_DatePicker td.dp_selected, .Zebra_DatePicker .dp_footer .dp_hover, .Zebra_DatePicker td.dp_hover { border-radius : 5px; } /* = VISIBLE/HIDDEN STATES (USE TRANSITIONS FOR EFFECTS) ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker.dp_visible { visibility : visible; filter : alpha(opacity=100); -khtml-opacity : 1; -moz-opacity : 1; opacity : 1; -webkit-transition : opacity 0.2s ease-in-out; -o-transition : opacity 0.2s ease-in-out; transition : opacity 0.2s ease-in-out; } .Zebra_DatePicker.dp_hidden { visibility : hidden; filter : alpha(opacity=0); -khtml-opacity : 0; -moz-opacity : 0; opacity : 0; } /* = HEADER ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next { width : 30px; } .Zebra_DatePicker .dp_header .dp_caption { font-weight : bold; } .Zebra_DatePicker .dp_header .dp_hover { background : #def7ba; color : #373737; } /* = DATEPICKER ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker .dp_daypicker th { font-weight : bold; } .Zebra_DatePicker td.dp_not_in_month { color : #dedede; cursor : default; } .Zebra_DatePicker td.dp_weekend_disabled { color : #dedede; cursor : default; } .Zebra_DatePicker td.dp_selected { background : #257315; color : #ffffff !important; } .Zebra_DatePicker td.dp_week_number { cursor : text; font-weight : bold; } /* = MONTHPICKER ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker .dp_monthpicker td { width : 33%; } /* = YEARPICKER ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker .dp_yearpicker td { width : 33%; } /* = FOOTER ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker .dp_footer { margin-top : 3px; } /* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES) ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker td.dp_current { color : #257315; font-weight : bold; } .Zebra_DatePicker td.dp_disabled_current { color : #257315; } .Zebra_DatePicker td.dp_disabled { color : #dedede; cursor : default; } .Zebra_DatePicker td.dp_hover { background : #def7ba; } /* = ICON ----------------------------------------------------------------------------------------------------------------------*/ button.Zebra_DatePicker_Icon { display : block; position : absolute; width : 16px; height : 16px; background : url('/images/datepicker.png') no-repeat left top; text-indent : -9000px; border : none; cursor : pointer; padding : 0; line-height : 0; vertical-align : top; } button.Zebra_DatePicker_Icon_Disabled { background-image : url('/images/datepicker.png'); } /* don't set vertical margins! */ button.Zebra_DatePicker_Icon { margin : 0 0 0 3px; } button.Zebra_DatePicker_Icon_Inside { margin : 0 9px 0 0; } a.consultant-panel { position : fixed; right : 0; bottom : 50px; width : 28px; height : 340px; } a.consultant-panel.online { background-image : url(/images/consultant/panel-online.png); } a.consultant-panel.offline { background-image : url(/images/consultant/panel-offline.png); } .consultant-modal { position : fixed; z-index : 100; bottom : 50px; right : 0; background : #ffffff; border-radius : 3px 0 0 3px; -webkit-box-shadow : 0 0 5px 0 rgba(0,0,0,0.2); box-shadow : 0 0 5px 0 rgba(0,0,0,0.2); } .consultant-modal .mobile-code { margin : 7px 5px 0 0; } a.consultant-close { position : absolute; top : 16px; right : 12px; display : block; background : url(/images/consultant/close.png) no-repeat 0 0; width : 10px; height : 10px; } a.consultant-close:hover { background-position : 0 -10px; } .consultant-modal textarea, .consultant-modal input[type='text'] { display : block; width : 237px; border : 1px solid #cbcbcb; border-radius : 4px; padding : 5px 9px 6px 6px; } .consultant-modal #phone { width : 125px; } .consultant-modal textarea.hint-txt, .consultant-modal input[type='text'].hint-txt { color : #767676; } .consultant-modal textarea { height : 42px; } .consultant-modal input[type='text'] { margin-top : 18px; } .consultant-modal h3 { padding : 0 40px 0 152px; line-height : 40px; color : #fffefe; font-family : Arial; font-size : 16px; width : 254px; border-radius : 3px 0 0 0; background : #4b872c; background : -webkit-linear-gradient(#5a9232, #468235); background : -o-linear-gradient(#5a9232, #468235); background : -webkit-gradient(linear, left top, left bottom, from(#5a9232), to(#468235)); background : linear-gradient(#5a9232, #468235); } .consultant-modal p { color : #010000; line-height : 20px; margin-bottom : 9px; font-size : 12px; } .consultant-modal p strong, .consultant-modal p span.name-consultant { color : #4d882c; } .consultant-modal p span { color : #767676; } .consultant-modal .consultant-form-submit { text-align : right; padding-top : 15px; } .consultant-modal .consultant-form-submit input { padding : 0 13px; } .consultant-form { padding : 7px 36px 3px 152px; width : 256px; } .avatar { /* селектор для класса avatar */ float : left; /* прижимаемся к левому краю, обтекание справа */ background : #ffffff; /* фон */ width : 100px; /* ширина */ height : 100px; /* высота */ padding : 0px; /* внутренние отступы(верх, право, низ, лево) */ border : 2px solid #528e2e; /* граница(ширина, тип, цвет) */ border-radius : 50%; /*скругление равно 50 процентам от общей ширины, фактически 25 пикселей, вот и круг получили(ещё есть с префиксом -moz и -o) */ -webkit-box-shadow : 0px 1px 1px 1px #bbbbbb; box-shadow : 0px 1px 1px 1px #bbbbbb; /* смещение по горизонтали, смещение по вертикали, размытие, увеличение и цвет */ position : relative; top : -30px; left : 15px; } .avatar img { /* селектор для картинки, которая "внутри" класса avatar */ display : block; /* картинка выводится как блок, по ширине будет равен родителю(диву в котором находится) */ width : 100%; /* ширина 100% */ border : 0; /* граница нулевая */ margin : 0; /* внешний отступ отстутствует */ border-radius : 50%; /* читай выше */ } /*.basket-dropdown { position: absolute; right: 0; background: #fff; top: 42px; width: 322px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); z-index: 999; min-height: 50px;} .basket-dropdown:before { content: ' '; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 9px solid #fff; position: absolute; top: -9px; right: 134px; -webkit-filter: drop-shadow(0 -2px 1px rgba(0,0,0,.3)); filter: drop-shadow(0 -2px 1px rgba(0,0,0,.3)); }*/ .basket-dropdown { min-height : 60px; } .basket-dropdown .wait-window { opacity : 1 !important; font-size : 0; background : rgba(255,255,255,0.7) !important; left : 0; } .basket-dropdown .wait-window::after { content : ''; position : absolute; top : 50%; left : 50%; width : 30px; height : 30px; opacity : 1; margin : -15px 0 0 -15px; -webkit-animation : spinner 0.5s linear infinite; -o-animation : spinner 0.5s linear infinite; animation : spinner 0.5s linear infinite; border : 2px solid #257315; border-radius : 50%; border-right-color : transparent; border-top-color : transparent; } .basket-empty h5 { margin-bottom : 10px; } .basket-empty p { font-size : 12px; line-height : 20px; margin-bottom : 13px; } .basket-products-wrapper { max-height : 246px; overflow : auto; border-bottom : 1px solid #e8e8e8; padding : 0 20px 16px 0; margin-right : -20px; } .basket-with-products ul { padding : 0; margin : 0; } .basket-with-products ul li { background : none; list-style : none; margin : 0; padding : 0; display : block; position : relative; padding-bottom : 20px; } .basket-with-products ul li:last-child { padding-bottom : 0; } .basket-with-products ul li > div { float : left; } .basket-with-products ul li > i { background : url(/images/basket-menu/remove.png) no-repeat 0 0; width : 10px; height : 10px; display : block; position : absolute; top : 0; right : 0; cursor : pointer; } .basket-with-products ul li > i:hover { background-position : 0 -10px; } .pr-img { margin-right : 20px; padding-top : 2px; width : 48px; } .pr-info { width : 140px; } .pr-info h6 { width : 100%; font-weight : normal; font-size : 12px; font-family : Arial; line-height : 14px; margin-bottom : 3px; } .pr-info > div { line-height : 20px; color : #777777; font-size : 12px; } .pr-info > div.not-available { color : #f65505; } .pr-info > div span { color : #1e1e1e; } .go-to-basket { border-bottom : 1px solid #c6c6c6; text-align : center; padding : 15px 0; } .go-to-basket > .yellow-btn { vertical-align : top; } .go-to-basket > .yellow-btn input { padding : 0 33px; } .go-to-basket > a { display : block; text-align : center; font-size : 14px; } .basket-shipping-info { padding : 15px 10px; text-align : center; font-size : 12px; } .basket-shipping-info:last-child { padding-bottom : 0; } .basket-shipping-info > div { text-transform : uppercase; color : #1e1e1e; padding-bottom : 6px; } .basket-shipping-info > span { color : #777777; } .pp-basket { background : #ffffff; -webkit-box-shadow : 0 0 5px 0 rgba(0,0,0,0.5); box-shadow : 0 0 5px 0 rgba(0,0,0,0.5); z-index : 9999; position : fixed; width : 810px; } .pp-basket .close-modal { background : url(/images/fancy_closebox.png) no-repeat 0 0; width : 30px; height : 30px; position : absolute; top : -7px; right : -7px; } .pp-basket-header { position : relative; margin : 0 50px 18px; padding : 19px 0 7px; border-bottom : 1px solid #e8e8e8; } .pp-basket-header > i { background : url('/images/basket-menu/icon-done.png') no-repeat 0 0; width : 35px; height : 36px; position : absolute; top : 12px; left : -15px; display : block; } .pp-basket-header > div { float : left; width : 48px; margin-right : 17px; } .pp-basket-header > p { float : left; width : 633px; line-height : 48px; margin-left : 10px; } .pp-basket-carousel { margin : 0 50px 31px; } .pp-basket-carousel-header { margin-bottom : 26px; } .pp-basket-carousel-header > h3 { float : left; width : auto; margin : 0; } .pp-basket-carousel-header > span { float : right; color : #777777; display : block; line-height : 28px; } .guideline .pp-basket-carousel li { background : none; } .pp-basket-footer { background : #e8e8e8; padding : 30px 49px 36px; } .pp-basket-footer > span.yellow-btn { padding-right : 28px; float : left; } .pp-basket-footer > span.yellow-btn input { padding : 0 23px; } .pp-basket-footer > a { line-height : 46px; font-size : 14px; } @-webkit-keyframes spinner { 0% { -webkit-transform : rotate(0deg); transform : rotate(0deg); } 100% { -webkit-transform : rotate(360deg); transform : rotate(360deg); } } @-o-keyframes spinner { 0% { -o-transform : rotate(0deg); transform : rotate(0deg); } 100% { -o-transform : rotate(360deg); transform : rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform : rotate(0deg); -o-transform : rotate(0deg); transform : rotate(0deg); } 100% { -webkit-transform : rotate(360deg); -o-transform : rotate(360deg); transform : rotate(360deg); } } .price-usd span { font-size : 30px; } .basket-carousel { position : relative; } .basket-carousel-nav { position : absolute; top : 46px; width : 34px; height : 35px; cursor : pointer; } .basket-carousel-prev { left : -42px; background : url(/images/basket/arrs.png) no-repeat 0 -35px; } .basket-carousel-prev:hover { background-position : 0 0; } .basket-carousel-prev.disabled, .basket-carousel-next.disabled { display : none; } .basket-carousel-next { right : -42px; background : url(/images/basket/arrs.png) no-repeat -34px -35px; } .basket-carousel-next:hover { background-position : -34px 0; } .basket-carousel > div { overflow : hidden; height : 295px; position : relative; } .bonus-banner { margin-bottom : 30px; background : url('/images/bonus/24banner.png') no-repeat; -webkit-background-size : cover; background-size : cover; background-position : 100% center;; max-height : 446px; overflow : hidden; padding-left : 125px; } .basket-carousel ul { width : 3000px; margin : 0; padding : 0; height : 295px; position : absolute; top : 0; left : 0; } .basket-carousel ul li { float : left; width : 238px; position : relative; margin : 0; padding : 0; margin-left : 12px; } .basket-carousel ul li:first-child { margin-left : 0px; } .basket-carousel ul li > span { position : absolute; top : 0; left : 0; display : inline; background : #e85c54; opacity : 0.9; color : #ffffff; font-size : 14px; line-height : 24px; padding : 0 9px 0 10px; } .basket-carousel ul li .pp-basket-img { display : block; text-align : center; margin-bottom : 6px; } .basket-carousel ul li h4 { font-size : 14px; font-family : Arial; font-weight : normal; line-height : 20px; margin-bottom : 4px; } .pp-basket-prices { font-size : 22px; font-family : 'Arial Narrow', sans-serif; margin-bottom : 15px; } .pp-basket-prices strong { color : #e54a41; padding-right : 18px; } .pp-basket-prices del { color : #767676; } a.pp-basket-add, a.pp-basket-add:hover { color : #007400; border : 1px solid #4cc300; line-height : 26px; border-radius : 3px; padding : 0 10px 0 34px; width : 130px; background : url('/images/basket-menu/ico-basket-btn.png') no-repeat 10px 7px; display : inline-block; } a.pp-basket-order { background-color : #ffe21b; border : 1px solid #ffe21b; line-height : 26px; border-radius : 3px; padding : 0 10px 0 34px; display : inline-block; text-decoration : none; width : 130px; } .basket-stars { margin-bottom : 7px; } .basket-stars > i { float : left; margin-right : 11px; } .basket-stars > span { float : left; font-size : 12px; line-height : 15px; } .bonus-banner > div { padding-top : 60px; width : 410px; min-height : 446px; } .auth-page, .reg-page { padding : 20px 20px 61px; background : url(/images/auth/reg-bg.jpg) no-repeat 30% 100% #ffffff; margin-bottom : -31px; min-height : 490px; } .bonus-banner h2{ font-size: 48px; width: 100%; line-height: 57px; margin-bottom: 33px; } .bonus-banner p{ font-size: 16px; line-height: 26px; width: 342px; margin-bottom: 24px; } .bonus-banner .basket-new-btn .yellow-btn-css{ padding-left: 28px; padding-right: 58px; } .bonus-main{ padding: 0 130px 45px 125px;} .bonus-main .accent{ max-height: none; } .boomerang-accent{ padding-right: 218px; padding-bottom: 15px;} .bonus-main ol{ margin-bottom: 47px; } .bonus-accent{ margin-top: 30px; padding-right: 81px; margin-bottom: 30px; } .bonus-main-participant{ padding-bottom: 15px; } .bonus-main-accumulate{ padding-bottom: 15px; } .bonus-main-balance{ padding-bottom: 15px;} .bonus-main-pay{ padding-bottom: 15px; } .info-gray { color : #777777; padding-left : 57px; padding-right : 20px; text-decoration : none; font-size : 14px; } .reg-page{ background: url(/images/auth/reg-bg.jpg) no-repeat 50% 50% #ffffff; } .auth-page ul.breadcrumbs-new li a{ color: #777777; } .auth-page-main{ float: left; width: 100%; } .auth-page-main > div{ margin-right: 400px; } .auth-page h1{ margin-bottom: 48px; } .auth-page ul.breadcrumbs-new{ margin-bottom : 22px; } ul.auth-advantages{ margin: 0; padding: 0; width: 359px; } ul.auth-advantages > li{ background: url('/images/auth/auth-advantages.png') no-repeat 2px 11px; padding-left: 36px; margin-bottom: 13px; } ul.auth-advantages > li > h3{ margin-bottom: 5px; } ul.auth-advantages > li > span{ color: #777777; font-size : 12px; margin-bottom : 0px; } .auth-form { background : #ffffff; padding : 36px 40px; -webkit-box-shadow : 0 0 30px 0 rgba(0, 0, 0, 0.2); box-shadow : 0 0 30px 0 rgba(0, 0, 0, 0.2); margin-left : -380px; float : left; width : 345px; margin-top : 67px; } .auth-form-input { margin-bottom : 20px; } .auth-form-input label { display : block; margin-bottom : 11px; font-size : 14px; color : #313131; } .pass-input { margin-bottom : 20px; } .pass-input input.input { float : left; width : 194px; } .pass-input a { float : right; font-size : 14px; line-height : 39px; } .auth-form-footer{ color: #313131; font-size: 14px; line-height: 51px; border-top: 1px solid #c6c6c6; margin: 20px -40px -36px; padding: 0 40px; text-align: center; } .auth-form h5, .auth-form h4{ margin-bottom: 16px; width: 100%; } .auth-form h5 span, .auth-form h4 span{ color: #257315; } .auth-form p{ color: #313131; font-size: 13px; margin-bottom: 18px; } .auth-form .button{ width: 248px; } .auth-no-reg{ border-top: 1px solid #c6c6c6; margin: 13px -40px 17px; padding: 20px 40px 0; } .auth-no-reg > a{ border: 1px solid #4cc300; display: inline-block; line-height: 38px; padding: 0 22px; margin-bottom: 16px; font-size: 16px; color: #007400; border-radius: 3px; white-space: nowrap; } .no-touch .auth-no-reg > a:hover{ color: #007400; } .auth-no-reg > span{ color: #777777; font-size: 12px; display: block; text-align: center; line-height: 18px; } a.auth-reg-link{ border-top: 1px solid #e8e8e8; margin: 20px -40px -17px; padding: 14px 40px 0; display: block; text-align: center; font-size: 14px; } .auth-form-password h4{ margin-bottom: 18px; } .auth-form-password p{ line-height: 20px; margin-bottom: 21px; } .auth-form-password-sms .yellow-btn-css{ margin-top : 4px; margin-bottom : 20px; } .bonus-main .info-gray { margin-top : 24px; } .phone-input { padding : 11px 14px 10px; font-size : 14px; border-radius : 5px; border : 1px solid #c6c6c6; -webkit-box-shadow : inset 1px 1px 5px #d8d8d8; box-shadow : inset 1px 1px 5px #d8d8d8; margin : 0; } .phone-input span { color : #313131; } .phone-input input { border : none; width : 100%; background : transparent; margin : 0; padding : 0; color : #313131; font-size : 14px; margin-top : -2px; vertical-align : baseline; } .phone-input input.hint-txt { color : #9e9e9e; } .yellow-btn-css{ margin: 0; border: none; color: #313131; font-size: 16px; background: #ffd325; border-radius: 5px; box-shadow: 0 2px 3px #d2d2d2; border-bottom: 1px solid #d29800; line-height: 39px; cursor: pointer; padding: 0 52px 0 59px; text-align: center; background: linear-gradient(to bottom, #fff23c 0%, #ffc704 100%); } .yellow-btn-css:hover{ background: linear-gradient(to bottom, #ffffc0 0%, #ffdd04 100%); } .auth-form .yellow-btn-css { width : 100%; } .auth-form-sms .yellow-btn-css { margin-bottom : 4px; } .auth-form-reg .yellow-btn-css, .auth-form-sms .yellow-btn-css { margin-top : 6px; } .bottom-banners { float : right; margin-right : 85px; margin-top : -25px; } /**** basket-new.css *****/ .basket-new-form-item > label { width : 205px; display : block; float : left; font-size : 14px; font-weight : bold; color : #313131; margin-top : 12px; } .basket-new-form-item-payment { margin-bottom : 25px; } .basket-new-form-item-payment > label { margin-top : 22px; } .basket-new-input{ float: left; width: 690px; position: relative; } .basket-new-input > span{ color: #777777; font-size: 12px; line-height: 39px; float: left; margin-left: 19px; } .basket-new-input .input{ float: left; width: 178px; padding-right: 38px; } .basket-new-input .input{ width: 420px; } .basket-new-input .phone-input{ background: #ffffff; clear: both; float: left; width: 202px; position: relative; } .basket-new-input .phone-input input{ width: 150px; } .basket-new-check{ border-top: 1px solid #ffffff; padding-left: 40px; margin: 0 -25px; padding-top: 3px; } .basket-new-check > label{ color: #313131; font-size: 14px; float: left; margin-right: 10px; } .basket-new-check input{ padding: 0; vertical-align: top; margin-top: 2px; } .basket-new-check a.question{ float: left; } .basket-new .related-sidebar .mCSB_container.mCS_no_scrollbar ul{ margin-left: 0; } .basket-new .related-sidebar ul li.selected{ background-position: 0 0; } a.go-to-basket { position : absolute; left : 0; top : 0; font-size : 14px; border : none; } /*.order-main-info{ margin-bottom: 31px; position: relative; padding-left: 222px; }*/ .order-main-info{position: relative; padding-left: 222px; } .order-main-info h5{ font-size: 22px; margin-bottom: 22px; } .order-main-info h5 span{ color: #1e65be; } .order-main-info h5 a.question{ margin-bottom: -1px; margin-left: 5px; } .order-main-info p{ font-size: 14px; line-height: 21px; margin-bottom: 22px; } .order-main-info .yellow-btn-css { padding-left : 29px; padding-right : 57px; } .basket-new-btn { position : relative; display : inline-block; *display : inline; } .basket-new-btn i { content : ' '; background : url('/images/basket-new/btn-order-ico.png') no-repeat 0 0; position : absolute; width : 11px; height : 18px; top : 11px; right : 15px; } p.privacy-info { padding-top : 24px; color : #777777; font-size : 12px; border-top : 1px solid #e8e8e8; padding-left : 222px; padding-right : 55px; line-height : 20px; } .big-textarea { padding : 7px 9px; margin : 0; width : 454px; border-radius : 5px; border : 1px solid #c6c6c6; color : #313131; -webkit-box-shadow : inset 1px 1px 5px #d8d8d8; box-shadow : inset 1px 1px 5px #d8d8d8; height : 63px; font-size : 14px; background : #ffffff; } .input-block label { float : left; border-radius : 5px 0 0 5px; border : 1px solid #c6c6c6; line-height : 37px; padding : 0 15px 0 14px; background : #f8f8f8; border-right : none; font-size : 14px; color : #777777; height : 36.5px; /* FF3.6+ */ background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f8f8f8), color-stop(100%, #f1f1f1)); /* Chrome,Safari4+ */ background : -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 50%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background : -o-linear-gradient(top, #ffffff 0%, #f8f8f8 50%, #f1f1f1 100%); /* Opera 11.10+ */ /* IE10+ */ background : -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #f8f8f8), to(#f1f1f1)); background : linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #f1f1f1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0); /* IE6-9 */ } .input-block input.input { width : 25px; border-radius : 0 5px 5px 0; padding-right : 14px; } .basket-address-block{ clear: both; margin-bottom: 1px; padding-top: 21px; } .basket-address-block .input-block{ float: left; margin-left: 10px; } .basket-address-block .input-block:first-child { margin-left : 0; } .input-block .phone-input{ width: 153px; border-radius: 0 5px 5px 0; clear: none; } .input-block .phone-input input{ width: 96px; } .input-block label img{ margin-top: 4px; } .input-block-phone{ float: left; width: 232px; } .input-wrapper-order{ position : relative; float : left; } .new-line-input { clear : both; margin-top : 21px; } .payment-method { background : #fefefe; float : left; -webkit-box-shadow : 1px 1px 5px #d8d8d8; box-shadow : 1px 1px 5px #d8d8d8; border : 3px solid #fefefe; position : relative; } .payment-method.selected { border : 3px solid #7dc203; } .payment-method.selected:after { content : ''; position : absolute; right : 0; top : 0; background : url('/images/basket-new/method-selected-ico.png') no-repeat 0 0; -webkit-background-size : contain; background-size : contain; width : 26px; height : 26px; display : block; } .payment-method-cash{ margin-right: 11px; width: 291px; padding: 24px 21px 28px; cursor: pointer; } .payment-method-cashless{ width: 302px; padding: 8px 15px 3px 15px; } .payment-method-cashless-collapsed{ width: 292px; padding: 8px 15px 3px; cursor: pointer; background: url(/images/basket-new/payment-logos.png) no-repeat 283px 18px #fefefe; } .payment-method h6{ font-size: 14px; color: #313131; font-family: Arial; margin-bottom: 5px; } .payment-method p{ color : #777777; font-size : 12px; margin-bottom : 0; } .guideline ul.payment-method-list{ margin: 0; padding: 0; } .guideline ul.payment-method-list li{ list-style : none; background : none; cursor : pointer; margin : 0; padding : 0; margin-bottom : 10px; } .payment-method-list i { background : url(/images/basket-new/radio-button.png) no-repeat 0 0; display : block; width : 18px; height : 18px; cursor : pointer; float : left; margin-top : 14px; } .payment-method-list li.selected i { background-position : 0 -18px; } .payment-method .payment-method-list li { padding : 10px 0; margin : 0; border-bottom : 1px solid #e8e8e8; } .payment-method .payment-method-list li:last-child { border : none; } .payment-method-img { float : left; width : 71px; text-align : center; padding-top : 10px; } .payment-method-img.webmoney { padding-top : 7px; } .payment-method-img.easypay { padding-top : 16px; } .payment-method-text { float : left; width : 203px; } .payment-method-text p { color : #313131; font-size : 14px; white-space : nowrap; } .payment-method-text span { color : #777777; font-size : 12px; line-height : 20px; } li.selected .payment-method-text p { color : #257315; font-weight : bold; } .basket-new-form-item .validation-icons{ float: left; height: 21px; width: 30px; } .basket-new-form-item .validation-icons i{ display: block; width: 30px; } .basket-new-form-item .validation-icons i.validated{ background: url(/images/checkout/validated.png) 0 0 no-repeat; height: 21px; } .basket-new-form-item .validation-icons i.required{ background: url(/images/checkout/required.png) no-repeat; height: 8px; margin-top: 16px; } .basket-new-form-item .validation-icons i.not-required { height : 1px; } .tip-pp{ background: #7dc203; padding: 0 10px; position: absolute; top: -32px; display: inline-block; left: 0; color: #ffffff; line-height: 27px; z-index: 9999; } .tip-pp em{ background: url(/images/v-green.png) no-repeat 0 0; width: 10px; height: 5px; position: absolute; bottom: -5px; left: 10px; display: block; } .tip-green{ background: #7dc203; } .tip-green em{ background: url(/images/v-green.png) no-repeat 0 0; } .tip-red{ background: #e0503a; } .tip-red em{ background: url(/images/v-red.png) no-repeat 0 0; } .no-wrap{white-space: nowrap;} .phone-input.disabled { opacity : 0.6; } .basket-preview-block{ margin-top: -4px; margin-bottom: 0; } .basket-preview-block .basket-new-main{ padding-bottom : 20px; } .back-link{ color: #1e65be; font-size: 14px; margin-top: -2px; display: inline-block; padding-bottom: 20px; } .back-link span{ padding-right : 12px; margin-left : 3px; } .basket-block{ position: relative; background: #ffffff; padding-top: 26px; margin-bottom: 10px; padding-bottom: 25px; -webkit-box-shadow: 0 0 7px 0 rgba(182, 182, 182, 0.9); box-shadow: 0 0 7px 0 rgba(182, 182, 182, 0.9); } .basket-block-main{ width: 100%; float: left; overflow: hidden; } .basket-block-main > div { padding : 0 261px 0 222px; } .left-sidebar{ float: left; width: 208px; margin-left: -100%; position: relative; } .right-sidebar{ float: left; width : 229px; margin-left : -230px; position : relative; } .basket-block-main h4{ margin-bottom: 7px; } .basket-block-main h4 a{ color: #313131; text-decoration : underline; } .no-touch .basket-block-main h4 a:hover { text-decoration : none; } .small-txt { color : #777777; margin-bottom : 21px; display : inline-block; } .basket-block .right-sidebar p{ font-size: 12px; color: #777777; margin-bottom: 5px; } .basket-block .right-sidebar p.delay{ color : #e54a41; margin : 13px 0; } .basket-block h6.with-line { display : block; border-bottom : 1px solid #e8e8e8; margin-bottom : 18px; position : relative; height : 10px; font-size : 12px; font-family : Arial; color : #777777; width : 100%; } .basket-block h6.with-line span { display : inline-block; background : #ffffff; margin-bottom : -15px; position : absolute; bottom : 8px; left : 0; padding-right : 13px; font-weight : normal; } table.come-in-handy{ width: 100%; margin-bottom: 0; } table.come-in-handy tr td{ padding: 18px 0; border-bottom: none; border-top: 1px solid #e8e8e8; font-size: 12px; vertical-align: middle; } table.come-in-handy tr:first-child td{ border-top: none; padding-top: 0; } table.come-in-handy tr td:first-child{ width: 70px; } table.come-in-handy tr td.ch-price{ width: 109px; padding-left: 15px; } table.come-in-handy tr td.ch-price span{ display : block; font-family : 'Arial Narrow', sans-serif; font-weight : bold; font-size : 14px; } span.price-green{ color: #257315; } span.price-new{ color: #e54a41; } span.price-old{ font-weight: normal; text-decoration : line-through; color : #777777; } table.come-in-handy tr td.ch-to-basket{ width: 78px; } table.come-in-handy tr td.ch-to-basket a { border-color : #4cc300; color : #007400; padding-left : 8px; white-space : nowrap; } p.del-from-basket-msg{ margin: 0; text-align: center; } a.del-product{ color: #313131; text-decoration: underline; } a.del-product:hover{ text-decoration : none; } .basket-product-check{ float: left; width: 43px; text-align: right; } .basket-product-check input{ display: none; } .basket-product-check input + span{ display: inline-block; width: 18px; height: 18px; background: url(/images/basket/checkbox-in-stock.png) 0 0 no-repeat; cursor: pointer; } .basket-product-check input:checked + span { background-position : 0 -18px; } .basket-product-img { float : right; width : 165px; text-align : center; } .additional-service{ margin-bottom: 23px; } .additional-service > div{ margin-bottom: 6px; } .additional-service h6.with-line{ margin-bottom: 22px; } .additional-service label{ font-size: 14px; color: #313131; float: left; margin-right: 10px; } .additional-service label input{ padding : 0; margin : 0; margin-right : 5px; float : left; } a.small-img-wrap { display : block; } .basket-preview-price{ font-family: 'Arial Narrow', sans-serif; font-weight: bold; font-size: 22px; margin-bottom: 13px; margin-top: -5px; } .basket-preview-price span{ padding-right: 20px; margin-right: 13px; position: relative; } .basket-preview-price span sup{ position: absolute; font-size: 18px; top: 0; right: 0; line-height: 1; } .basket-preview-price .price-old{ text-decoration: none; } .basket-preview-price .price-old del{ color: #767676; font-weight: normal; position: relative; text-decoration: none; padding: 0 18px 0 2px; } .basket-preview-price .price-old del:before{ position: absolute; content : ''; left : 0; top : 55%; right : 0; border-top : 1px solid; border-color : inherit; } .tag{ font-size: 12px; color: #ffffff; line-height: 15px; padding: 0 5px; border-radius: 3px; display: inline-block; } .tag.green-tag{ background: #8cd047; } .grey-tag{ background: #bdbdbd; } .red-tag{ background : #e54a41; } .basket-preview-total { padding-top : 27px; } .basket-bonus{ background: url(/images/basket/boomerang.png) no-repeat 0 5px; padding-left: 56px; margin-left: -56px; margin-bottom: 24px; } .basket-bonus p{ margin-bottom : 0; line-height : 21px; } .basket-preview-total h5{ margin-bottom: 15px; } .basket-preview-promo h5 span{ float: left; margin-right: 12px; } .basket-preview-promo h5 a{ float: left; margin-top: 2px; } .basket-preview-total h3{ margin-bottom: 16px; } .basket-preview-total .basket-new-btn input{ padding: 0 58px 0 28px; } .basket-preview-promo{ position: relative; } .basket-preview-promo-input{ margin-bottom: 17px; } .basket-preview-promo-input input { padding : 6px 12px; font-size : 12px; border-radius : 5px; border : 1px solid #c6c6c6; -webkit-box-shadow : inset 1px 1px 5px #d8d8d8; box-shadow : inset 1px 1px 5px #d8d8d8; width : 64px; float : left; } .basket-preview-promo-input a { float : right; } span.promo-status{ display: block; color: #313131; } span.promo-not-found{ color: #e54a41; } span.promo-activated{ color: #257315; } .select-wrapper .select-quantity { background : 0; text-indent : 2px; color : #326fbb; font-size : 12px; padding-left : 3px; cursor : pointer; } .basket-preview-quantity{ height: 30px; line-height: 30px; margin-bottom: 5px; } .basket-preview-quantity p.quantity{ margin: 0; } .basket-preview-quantity p{ float: left; } .basket-preview-quantity .select-wrapper{ display: inline-block; float: left; } .basket-preview-quantity .select-wrapper span.select{ background: none; height: auto; width: auto; line-height: 12px; text-indent: 2px; color: #326fbb; font-size: 12px; } .basket-preview-quantity .select-wrapper select.select{ width: auto; height: auto; color: #326fbb; font-size: 12px; } .basket-preview-quantity .select-wrapper select.select:hover{ color: #257315; } .related-container { margin-top : 40px; } .preview-props.search-list { padding : 0; margin : 0; list-style : none; } .preview-props.search-list .search { padding : 0; margin : 0; background : none; color : #767676; font-size : 12px; line-height : 18px; } .preview-props.search-list .search > strong { color : #767676; } .section-title { margin : 30px 0 10px 14px; color : #313131; font-weight : bold; letter-spacing : 0.001em; } .section-container{ margin-left: 14px; } .section-container ul{ margin: 0; padding: 0; } .section-container ul li{ background: none; padding: 0; margin-bottom: 6px; } .section-container ul li span{ color: #999999; font-size : 11px; } #price-pp-yello-2 p { font-size : 12px; } .auth-form-input #waiting-comment { padding : 11px 14px 10px; font-size : 14px; border-radius : 5px; border : 1px solid #c6c6c6; width : 234px; -webkit-box-shadow : inset 1px 1px 5px #d8d8d8; box-shadow : inset 1px 1px 5px #d8d8d8; margin : 0; height : 50px; } .info-item.basket-waiting { border : none; padding : 0; } .info-item.basket-waiting .yellow-btn-css { padding : 0 10px; font-size : 14px; line-height : 30px; margin-right : 10px; } .info-item.basket-waiting .btn-green-simple { color : #257315; border : 1px solid #7dc203; border-radius : 5px; padding : 7px 10px 6px; background : none; cursor : pointer; } .main-product-info div p { color : #767676; font-size : 12px; line-height : 18px; margin : 0; } .main-product-info div p > strong { color : #767676!important; } .yellow-btn-css { margin : 0; border : none; color : #313131; font-size : 16px; border-radius : 5px; box-shadow : 0 2px 3px #d2d2d2; border-bottom : 1px solid #d29800; line-height : 39px; cursor : pointer; padding : 0 52px 0 59px; text-align : center;} /*** * @section status-win */ .status-win { display : none; position : fixed; bottom : 0; min-height : 20px; width : 400px; z-index : 1000; left : 50%; margin : 0 auto 15px -200px; } .alert-success { background-color : #dff0d8; border-color : #d6e9c6; color : #3c763d; } .alert-info { background-color : #d9edf7; border-color : #bce8f1; color : #31708f; } .alert-warning { background-color : #fcf8e3; border-color : #faebcc; color : #8a6d3b; } .alert-danger { background-color : #f2dede; border-color : #ebccd1; color : #a94442; } /* --- page header, page nav --- */ .page-header, .page-nav { cursor : default; } .page-header, .page-header *, .page-header *::before, .page-header *::after, .page-nav, .page-nav *, .page-nav *::before, .page-nav *::after, .border-box, .border-box *, .border-box *::before, .border-box *::after { -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; } { -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; } /* --- page header top --- */ .page-header__row { display : table; width : 100%; table-layout : fixed; } .page-header__cell-logo { display : table-cell; vertical-align : middle; text-align : center; width : 250px; padding : 12px 30px 20px 0px; } .page-header__cell-main { display : table-cell; vertical-align : top; } /* --- page header top nav --- */ .page-header-top-nav { padding : 16px 0; position : relative; display : table; width : 100%; table-layout : fixed; background : -webkit-gradient(linear, left top, right top, from(#eaeaea), color-stop(66%, #eaeaea), to(rgba(255,255,255,0))) no-repeat bottom left / 100% 1px; background : -webkit-linear-gradient(left, #eaeaea 0%, #eaeaea 66%, rgba(255,255,255,0) 100%) no-repeat bottom left / 100% 1px; background : -o-linear-gradient(left, #eaeaea 0%, #eaeaea 66%, rgba(255,255,255,0) 100%) no-repeat bottom left / 100% 1px; background : linear-gradient(to right, #eaeaea 0%, #eaeaea 66%, rgba(255,255,255,0) 100%) no-repeat bottom left / 100% 1px; } .page-header-top-nav__menu { display : table-cell; vertical-align : top; padding-right : 20px; } .page-header-top-nav__auth { display : table-cell; vertical-align : top; width : 200px; text-align : right; } /* --- top nav menu --- */ .loading-page .top-nav-menu{overflow: hidden; position: relative;} .loading-page .top-nav-menu:after{content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 60px; background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0))} .top-nav-menu { font-size : 0; margin : -2px -10px; white-space : nowrap; } .top-nav-menu__separator { display : inline-block; vertical-align : middle; border-right : 1px solid #eaeaea; height : 16px; margin-top : 4px; } .top-nav-menu__item { display : inline-block; vertical-align : top; font-size : 14px; line-height : 20px; text-align : left; } .top-nav-menu:not(.has-tail) .top-nav-menu__item--tail { display : none; } .top-nav-menu__item--tail { padding-bottom : 10px; margin-bottom : -8px; } .top-nav-menu__item--tail.open { z-index : 110; } .top-nav-menu__link, .top-nav-menu__tail-trigger { display : inline-block; vertical-align : top; border-radius : 2px; padding : 2px 10px; color : #326fbb; -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; cursor : pointer; position : relative; } .top-nav-menu__tail-trigger { padding-right : 24px; } .top-nav-menu__tail-trigger::after { content : ''; position : absolute; top : 9px; right : 10px; border : 4px solid transparent; border-bottom : none; border-top : 6px solid; -webkit-transition : -webkit-transform 0.15s; transition : -webkit-transform 0.15s; -o-transition : -o-transform 0.15s; transition : transform 0.15s; transition : transform 0.15s, -webkit-transform 0.15s, -o-transform 0.15s; } .top-nav-menu__tail-trigger.open::after { -ms-transform : rotate(180deg); -webkit-transform : rotate(180deg); -o-transform : rotate(180deg); transform : rotate(180deg); } .top-nav-menu__link.active { color : #ffffff; background-color : #257315; background : -webkit-gradient(linear, left top, left bottom, from(#7ab739), to(#61972c)); background : -webkit-linear-gradient(top, #7ab739, #61972c); background : -o-linear-gradient(top, #7ab739, #61972c); background : linear-gradient(to bottom, #7ab739, #61972c); cursor : default; } .no-touch .top-nav-menu__link:hover, .no-touch .top-nav-menu__tail-trigger:hover { color : #257315; } .no-touch .top-nav-menu__link.active:hover { color : #ffffff; } .top-nav-menu__item--tail .top-nav-menu__item { display : block; margin : 0 -10px; } /* --- page nav --- */ .page-nav { background-color : #257315; z-index : 100; top : 0; } .page-nav__row { display : table; width : 100%; position : relative;} .page-nav__cell-menu, .page-nav__cell-search, .page-nav__cell-basket, .page-nav__cell-compare { position : relative; display : table-cell; vertical-align : top; } .page-nav__cell-search { width : 99%; padding-left : 20px; padding-right : 20px; } .page-nav-item-wrap .compare_list, .page-nav-item-wrap .compare_list li { display : block; position : static; padding : 0; margin : 0; border : none; -webkit-box-shadow : none; box-shadow : none; width : auto; } .page-nav-item-wrap .compare_list li { margin-bottom : 4px; } .page-nav-item-wrap .compare_list li:last-child { margin-bottom : 0; } .page-nav-item-wrap .compare_list a { color : #326fbb; font-size : 14px; line-height : 20px; padding : 0; -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; } .no-touch .page-nav-item-wrap .compare_list a:hover { color : #257315; background : transparent; } .page-nav__cell-compare .page-nav-item-wrap .dropdown { left : auto; right : 0; width : 267px; } .page-nav__cell-compare .page-nav-item-wrap::before { right : 52px; left : auto; } .page-nav__cell-basket .page-nav-item-wrap .dropdown { left : 0; width : 267px; } .page-nav__cell-basket .page-nav-item-wrap::before { left : 33px; } /* --- catalog-btn --- */ .catalog-btn { display : inline-block; vertical-align : middle; white-space : nowrap; height : 40px; width : 230px; padding : 8px 20px 8px 50px; border : none; background : #257315; color : #ffffff; position : relative; overflow : hidden; cursor : pointer; text-align : left; -webkit-transition : 0.15s, z-index 0s;; -o-transition : 0.15s, z-index 0s;; transition : 0.15s, z-index 0s; } .catalog-btn::after { content : ''; position : absolute; top : 0; left : 0; right : 0; bottom : 0; background : #8ed348; background : #8ed348 -webkit-gradient(linear, left top, left bottom, from(#8ed348), to(#73ae37)); background : #8ed348 -webkit-linear-gradient(top, #8ed348, #73ae37); background : #8ed348 -o-linear-gradient(top, #8ed348, #73ae37); background : #8ed348 linear-gradient(to bottom, #8ed348, #73ae37); -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; opacity : 0.6; z-index : 1; } .catalog-btn:before { content : ''; position : absolute; top : 0; opacity : 0; left : 0; right : 0; bottom : 0; background-image : url('/images/stripe.png'); -webkit-background-size : auto 100%; background-size : auto 100%; background-repeat : no-repeat; -webkit-animation : stripe 5s cubic-bezier(1,1,1,1) 3s infinite; -o-animation : stripe 5s cubic-bezier(1,1,1,1) 3s infinite; animation : stripe 5s cubic-bezier(1,1,1,1) 3s infinite; z-index : 2; -webkit-transition : 300ms; -o-transition : 300ms; transition : 300ms; } .no-touch .catalog-btn:hover::after, .catalog-btn:active::after { opacity : 0.8; } .no-touch .page-nav__cell-menu:hover .catalog-btn:before { display : none; } @-webkit-keyframes stripe { 0% { background-position-x : 0%; opacity : 0; } 10% { background-position-x : 50%; opacity : 1; } 20% { background-position-x : 100%; opacity : 0; } 100% { background-position-x : 100%; opacity : 0; } } @-o-keyframes stripe { 0% { background-position-x : 0%; opacity : 0; } 10% { background-position-x : 50%; opacity : 1; } 20% { background-position-x : 100%; opacity : 0; } 100% { background-position-x : 100%; opacity : 0; } } @keyframes stripe { 0% { background-position-x : 0%; opacity : 0; } 10% { background-position-x : 50%; opacity : 1; } 20% { background-position-x : 100%; opacity : 0; } 100% { background-position-x : 100%; opacity : 0; } } .catalog-btn__icon, .catalog-btn__icon::before, .catalog-btn__icon::after { position : absolute; height : 2px; width : 16px; background-color : #ffffff; -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; } .catalog-btn__icon { left : 20px; top : 50%; margin-top : -1px; z-index : 2; } .catalog-btn__icon::before, .catalog-btn__icon::after { content : ''; position : absolute; left : 0; height : 2px; background-color : #ffffff; } .catalog-btn__icon::before { bottom : 4px; } .catalog-btn__icon::after { top : 4px; } .catalog-btn.open .catalog-btn__icon { background : rgba(255,255,255,0); } .catalog-btn.open .catalog-btn__icon:before { -ms-transform : translateY(4px) rotate(45deg); -webkit-transform : translateY(4px) rotate(45deg); -o-transform : translateY(4px) rotate(45deg); transform : translateY(4px) rotate(45deg); } .catalog-btn.open .catalog-btn__icon:after { -ms-transform : translateY(-4px) rotate(-45deg); -webkit-transform : translateY(-4px) rotate(-45deg); -o-transform : translateY(-4px) rotate(-45deg); transform : translateY(-4px) rotate(-45deg); } .catalog-btn__txt, .catalog-btn__count { display : inline-block; color : #ffffff; vertical-align : top; text-transform : uppercase; position : relative; z-index : 2; } .catalog-btn__txt { font : 700 19px/24px 'Arial Narrow', Arial, Helvetica, sans-serif; } .catalog-btn__count { font : 400 12px/17px 'Arial Narrow', Arial, Helvetica, sans-serif; margin-left : 5px; display : inline-block; } /* --- top search --- */ .top-search { position : relative; } .top-search__input-block { position : relative; margin : 4px 0; } .top-search__btn { position : absolute; top : 0; right : 0; height : 32px; width : 32px; border : none; background : transparent; cursor : pointer; color : #257315; -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; font-size : 0; text-align : center; } .top-search__btn::after { content : ''; display : inline-block; vertical-align : middle; height : 100%; } .top-search__btn .svg-icon { display : inline-block; vertical-align : middle; width : 16px; height : 16px; } .no-touch .top-search__btn:hover, .no-touch .top-search__btn:active, .top-search__btn:active { opacity : 0.6; } .top-search__input-block .white-input { padding-right : 30px; } /* --- contacts block --- */ .contacts-block { display : table; width : 100%; table-layout : fixed; margin : 20px 0; } .contacts-block__phones, .contacts-block__time { display : table-cell; vertical-align : top; } .contacts-block__time { width : 270px; padding-left : 20px; } .contacts-block__phones { position : relative; font-size : 0; } /* --- contact grid --- */ .contact-grid { -moz-column-count : 4; -webkit-column-count : 4; column-count : 4; -moz-column-gap : 10px; -webkit-column-gap : 10px; column-gap : 10px; margin-bottom : -7px; } .contact-grid__item { display : inline-block; vertical-align : top; width : 100%; padding-bottom : 7px; } /* --- phone --- */ .phone { display : block; font-size : 14px; line-height : 16px; color : #6f6a65; position : relative; -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; } .phone a { -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; } .phone strong { font-size : 14px; line-height : 16px; font-weight : 700; color : #1e1e1e; } .phone:hover { color : #6f6a65; } .phone--mts, .phone--velcom, .phone--life, .phone--city, .phone--skype, .phone--viber, .phone--telegram{ padding-left : 26px; } .phone--mts::before, .phone--velcom::before, .phone--life::before, .phone--city::before, .phone--skype::before, .phone--viber::before { content : ''; position : absolute; top : 0; left : 0; width : 16px; height : 16px; background : url(/images/phones_sprite.png) no-repeat scroll 0 0 transparent; } .phone--telegram::before { content : ''; position : absolute; top : 0; left : 0; width : 16px; height : 16px; background : url(/images/phones_sprite.png) no-repeat scroll 0 0 transparent; } .phone--mts::before { background-position : 0 -52px; } .no-touch .phone--mts:hover::before { background-position : 0 -78px; } /*.phone--velcom::before { content : ''; position : absolute; top : 0; left : 0; width : 16px; height : 16px; background : url(/images/A1.png) no-repeat scroll 0 0 transparent; }*/ .no-touch .phone--velcom:hover::before { background-position : 0 -26px; } .phone--life::before { background-position : 0 -104px; } .no-touch .phone--life:hover::before { background-position : 0 -130px; } .phone--city::before { background-position : 0 -156px; } .no-touch .phone--city:hover::before { background-position : 0 -182px; } .phone--skype::before { background : url(/images/skype.png) no-repeat 0 0; } .phone--viber::before { background : url(/images/favicon-viber.png) no-repeat 0 0; } .phone--telegram::before { background : url(/images/telegram.png) no-repeat 0 0; } .phone--skype, .phone--viber, .phone--telegram{ font-size : 12px;} .phone--link { color : #326fbb; } .no-touch .phone--link:hover { color : #257315; } /* --- working-time --- */ .working-time, .working-time *, .working-time *::before, .working-time *::after { -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; } .working-time { font-size : 12px; line-height : 16px; color : #313131; } .working-time p { margin : 8px 0; } .working-time ul { margin : 8px -6px; font-size : 0; } .working-time p:first-child, .working-time ul:first-child { margin-top : 0; } .working-time p:last-child, .working-time ul:last-child { margin-bottom : 0; } .working-time ul li { display : inline-block; vertical-align : top; font-size : 12px; padding : 0 6px; } /* --- main-banners --- */ .main-banners { margin : 20px 0; } .main-banners__grid { font-size : 0; width : -webkit-calc(100% + 20px); width : calc(100% + 20px); margin : 0 -20px -5px 0; display : inline-block; display : -webkit-inline-flex; display : -ms-inline-flex; display : -webkit-inline-box; display : -ms-inline-flexbox; display : inline-flex; -webkit-flex-wrap : wrap; -ms-flex-wrap : wrap; flex-wrap : wrap; } .main-banners__grid-item { display : inline-block; vertical-align : top; width : -webkit-calc(33.33% - 20px); width : calc(33.33% - 20px); margin : 0 20px 20px 0; } /* --- rect banner --- */ .rect-banner { border : 1px solid #e2e2e2; border-radius : 5px; padding : 20px; min-height : 140px; font-size : 16px; line-height : 24px; position : relative; -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; color : #313131; } .rect-banner__img-box { position : absolute; top : 19px; right : 19px; height : 100px; width : 39%; max-width : 150px; font-size : 0; text-align : center; } .rect-banner__img-box::after { content : ''; display : inline-block; vertical-align : middle; height : 100px; } .rect-banner__img-box img { display : inline-block; vertical-align : middle; max-width : 100%; max-height : 100px; } .rect-banner__title { margin : 0 0 12px; } .rect-banner__title, .rect-banner__txt { width : 61%; padding-right : 10px; } .rect-banner:hover { color : #313131; } .no-touch .rect-banner:hover { color : #313131; border-color : #66a031; } /* --- main slider --- */ .main-slider { position : relative; overflow : hidden; border-radius : 5px; margin : 20px 0; background : #e2e2e2; } .main-slider__rotator:not(.slick-initialized) { height : 360px; } .main-slider__slide { padding : 20px 20px 55px; -webkit-background-size : cover; background-size : cover; background-position : center; text-align : center; font-size : 0; color : #ffffff; } .main-slider__slide::after { content : ''; min-height : 285px; display : inline-block; vertical-align : middle; } .main-slider__slide-container { max-width : 720px; display : inline-block; vertical-align : middle; font-size : 16px; } .main-slider__nav { position : absolute; bottom : 0; left : 0; right : 0; height : 55px; padding : 0 10px 20px; margin : 0 0 -20px; background : rgba(49,49,49,0.6); font-size : 0; color : #ffffff; text-align : center; white-space : nowrap; overflow-y : hidden; overflow-x : auto; -webkit-overflow-scrolling : touch; } .main-slider__title { font : 700 54px/64px 'Arial Narrow', Arial, Helvetica, sans-serif; color : inherit; width : auto; margin : 0 0 8px; } .main-slider__subtitle { font : 700 19px/24px 'Arial Narrow', Arial, Helvetica, sans-serif; color : inherit; } .main-slider__btn-row { margin : 40px -20px -20px 0; } .main-slider__btn-row .btn { margin : 0 20px 20px 0; } .main-slider__nav-item { display : inline-block; vertical-align : top; font-size : 14px; line-height : 35px; font-weight : bold; margin : 0 10px; cursor : pointer; -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; opacity : 0.4; } .no-touch .main-slider__nav-item:hover { opacity : 0.8; } .main-slider__nav-item.active, .no-touch .main-slider__nav-item.active { opacity : 1; } /* --- dropdown --- */ .dropdown-owner { position : relative; } .dropdown-arrow-owner { position : relative; } .dropdown-arrow-owner::before { content : ''; position : absolute; bottom : 0; left : 50%; margin-left : -8px; border : 8px solid transparent; z-index : 102; opacity : 0; border-top : none; border-bottom : 8px solid #ffffff; -webkit-transition : 0.2s; -o-transition : 0.2s; transition : 0.2s; -ms-transform : scaleY(0); -webkit-transform : scaleY(0); -o-transform : scaleY(0); transform : scaleY(0); -ms-transform-origin : center bottom; -webkit-transform-origin : center bottom; -o-transform-origin : center bottom; transform-origin : center bottom; -webkit-filter : drop-shadow(0 -2px 1px rgba(0,0,0,0.3)); filter : drop-shadow(0 -2px 1px rgba(0,0,0,0.3)); } .dropdown-owner.open .dropdown-arrow-owner::before, .dropdown-owner.alt-open .dropdown-arrow-owner::before, .dropdown-arrow-owner.open::before, .dropdown-arrow-owner.alt-open::before { opacity : 1; -ms-transform : scaleY(1); -webkit-transform : scaleY(1); -o-transform : scaleY(1); transform : scaleY(1); } .dropdown { position : absolute; top : 100%; left : 0; padding : 15px 20px; max-width : -webkit-calc(100vw - 20px); max-width : calc(100vw - 20px); white-space : normal; background-color : #ffffff; -webkit-box-shadow : 0px 0px 5px rgba(0,0,0,0.5); box-shadow : 0px 0px 5px rgba(0,0,0,0.5); font-weight : normal; font-size : 15px; line-height : 23px; color : #313131; text-align : left; -ms-transform-origin : center top; -webkit-transform-origin : center top; -o-transform-origin : center top; transform-origin : center top; z-index : 101; } .dropdown--manual, .dropdown--alt { opacity : 0; -ms-transform : scaleY(0); -webkit-transform : scaleY(0); transform : scaleY(0) translate3d(0,0,0); pointer-events : none; -webkit-transition : opacity 0.3s, -webkit-transform 0.3s; transition : opacity 0.3s, -webkit-transform 0.3s; -o-transition : opacity 0.3s, -o-transform 0.3s; transition : transform 0.3s, opacity 0.3s; transition : transform 0.3s, opacity 0.3s, -webkit-transform 0.3s, -o-transform 0.3s; } .dropdown-owner.open .dropdown--manual, .dropdown--alt.alt-open { opacity : 1; -ms-transform : scaleY(1); -webkit-transform : scaleY(1); transform : scaleY(1) translate3d(0,0,0); pointer-events : all; } .dropdown--md { width : 200px; } .dropdown--lg { width : 300px; } .dropdown-style { background-color : #ffffff; -webkit-box-shadow : 0px 0px 5px rgba(0, 0, 0, 0.5); box-shadow : 0px 0px 5px rgba(0, 0, 0, 0.5); } /* --- select --- */ .select-visual { position : relative; } .select-value { display : inline-block; vertical-align : middle; position : relative; padding : 8px 50px 8px 15px; border : 1px solid #c6c6c6; border-radius : 5px; white-space : nowrap; text-overflow : ellipsis; overflow : hidden; width : 100%; background : #ffffff; cursor : pointer; -webkit-box-shadow : inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow : inset 0 1px 3px rgba(0, 0, 0, 0.1); } .select-value::before { content : ''; position : absolute; top : 17px; right : 15px; border : 4px solid transparent; border-bottom : none; border-top : 6px solid; -webkit-transition : -webkit-transform 0.15s; transition : -webkit-transform 0.15s; -o-transition : -o-transform 0.15s; transition : transform 0.15s; transition : transform 0.15s, -webkit-transform 0.15s, -o-transform 0.15s; z-index : 2; } .select-value::after { content : ''; position : absolute; top : 0; bottom : 0; right : 0; width : 40px; border-left : 1px solid #c6c6c6; background : #f7f7f7; } .select-visual.open .select-value::before { -ms-transform : rotate(180deg); -webkit-transform : rotate(180deg); -o-transform : rotate(180deg); transform : rotate(180deg); } .select-list { position : absolute; top : 100%; left : 0; padding : 10px 0; max-width : -webkit-calc(100vw - 20px); max-width : calc(100vw - 20px); white-space : normal; background-color : #ffffff; -webkit-box-shadow : 0 0 5px rgba(0, 0, 0, 0.5); box-shadow : 0 0 5px rgba(0, 0, 0, 0.5); font-weight : normal; font-size : 14px; line-height : 20px; color : #313131; text-align : left; -ms-transform-origin : center top; -webkit-transform-origin : center top; -o-transform-origin : center top; transform-origin : center top; opacity : 0; -ms-transform : scaleY(0); -webkit-transform : scaleY(0); transform : scaleY(0) translate3d(0, 0, 0); pointer-events : none; -webkit-transition : opacity 0.3s, -webkit-transform 0.3s; transition : opacity 0.3s, -webkit-transform 0.3s; -o-transition : opacity 0.3s, -o-transform 0.3s; transition : transform 0.3s, opacity 0.3s; transition : transform 0.3s, opacity 0.3s, -webkit-transform 0.3s, -o-transform 0.3s; z-index : 101; } .select-list li { cursor : pointer; padding : 5px 20px; } .select-visual.open .select-list { opacity : 1; -ms-transform : scaleY(1); -webkit-transform : scaleY(1); transform : scaleY(1) translate3d(0, 0, 0); pointer-events : all; } select.select { display : none; } .touch select.select { display : block; position : absolute; top : 0; left : 0; right : 0; bottom : 0; opacity : 0; padding : 0; width : 100%; height : 100%; z-index : 10; } .no-touch .select-list li:hover { color : #257315; } .select-list li.active { background : #f7f7f7; } /* --- input --- */ ::-webkit-input-placeholder { color : #767676; font : 400 14px/22px Arial, Helvetica, sans-serif; text-overflow : ellipsis; opacity : 1; } ::-moz-placeholder { color : #767676; font : 400 14px/22px Arial, Helvetica, sans-serif; text-overflow : ellipsis; opacity : 1; } :-ms-input-placeholder { color : #767676; font : 400 14px/22px Arial, Helvetica, sans-serif; text-overflow : ellipsis; opacity : 1; } .white-input { display : block; width : 100%; height : 32px; padding : 5px 12px; border : none; background-color : #ffffff; -webkit-box-shadow : none; box-shadow : none; border-radius : 4px; color : #313131; font : 400 14px/22px Arial, Helvetica, sans-serif; outline : none; -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; } .no-touch .white-input:hover, .no-touch .white-input:focus, .white-input:focus { border : none; border-radius : 4px; background : #ffffff; } /* --- modern buttons --- */ .btn, .btn *, .btn::before { -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; } .btn { display : inline-block; vertical-align : middle; text-align : center; padding : 0 20px; height : 40px; max-width : 100%; border : 1px solid #7dc203; position : relative; font : 400 0/38px Arial, Helvetica, sans-serif; text-overflow : ellipsis; overflow : hidden; white-space : nowrap; background : transparent; color : #257315; border-radius : 5px; -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; cursor : pointer; box-shadow: 0 1px 3px rgba(30,30,30,0.3); background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));} .no-touch .btn:hover { border-color : #326fbb; } .no-touch .btn:active, .btn:active { border-color : #326fbb; } .btn__txt { position : relative; font-size : 14px; display : inline-block; max-width : 100%; vertical-align : middle; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; } .no-touch .btn:hover .btn__txt, .btn:active .btn__txt { color : #326fbb; } .btn--sm { font-size : 0; line-height : 20px; height : 30px; padding : 4px 20px; } .btn--md { font-size : 16px; line-height : 20px; height : 40px; padding : 9px 20px; } .btn--lg { font-size : 16px; line-height : 20px; height : 50px; padding : 12px 40px; } .btn--sm .btn__txt { font-size : 13px; } .btn--yellow { border-color : transparent; border-bottom-color : #d29800; background-color : #ffe21b; color : #313131; overflow : visible; background : linear-gradient(to bottom, #ffffc0 0%, #ffdd04 100%); box-shadow : 0 1px 3px rgba(30,30,30,0.3); } .btn--yellow::before { content : ''; position : absolute; top : -1px; left : -1px; right : -1px; bottom : -1px; border-radius : inherit; transition : inherit; background : linear-gradient(to bottom, #fff23c 0%, #ffc602 100%); box-shadow : 0 -1px #d29800 inset; } .no-touch .btn--yellow:hover { color : #313131; border-color : transparent; border-bottom-color : #d29800; } .no-touch .btn--yellow:hover::before { opacity : 0; } .btn--gray { border-color : transparent; border-bottom-color : #b8b8b8; background-color : #ebece9; color : #313131; overflow : visible; background : -webkit-gradient(linear, left top, left bottom, from(#fffffe), color-stop(50%, #f7faee), color-stop(50%, #f0f0f0), to(#f6f6f6)); background : -webkit-linear-gradient(top, #fffffe 0%, #f7faee 50%, #f0f0f0 50%, #f6f6f6 100%); background : -o-linear-gradient(top, #fffffe 0%, #f7faee 50%, #f0f0f0 50%, #f6f6f6 100%); background : linear-gradient(to bottom, #fffffe 0%, #f7faee 50%, #f0f0f0 50%, #f6f6f6 100%); -webkit-box-shadow : 0 1px 3px rgba(30,30,30,0.3); box-shadow : 0 1px 3px rgba(30,30,30,0.3); } .btn--gray::before { content : ''; position : absolute; top : -1px; left : -1px; right : -1px; bottom : -1px; border-radius : inherit; -webkit-transition : inherit; -o-transition : inherit; transition : inherit; background : -webkit-gradient(linear, left top, left bottom, from(#fafaf9), color-stop(50%, #f0f2e8), color-stop(50%, #ebece9), to(#ececec)); background : -webkit-linear-gradient(top, #fafaf9 0%, #f0f2e8 50%, #ebece9 50%, #ececec 100%); background : -o-linear-gradient(top, #fafaf9 0%, #f0f2e8 50%, #ebece9 50%, #ececec 100%); background : linear-gradient(to bottom, #fafaf9 0%, #f0f2e8 50%, #ebece9 50%, #ececec 100%); -webkit-box-shadow : 0 -1px #b8b8b8 inset; box-shadow : 0 -1px #b8b8b8 inset; } .no-touch .btn--gray:hover { color : #313131; border-color : transparent; border-bottom-color : #b8b8b8; } .no-touch .btn--gray:hover::before { opacity : 0; } .no-touch .btn--gray:active, .btn--gray:active { background : #fffffe; } a.gray-btn i { background : url(/images/basket/button-gray-left.png) no-repeat 0 0; width : 8px; } a.gray-btn em { background : url(/images/basket/button-gray-right.png) no-repeat 0 0; width : 9px; } a.gray-btn span { background : url(/images/basket/button-gray-center.png) repeat-x 0 0; color : #313131; cursor : pointer; display : block; float : left; font-size : 12px; height : 32px; line-height : 32px; padding : 0 7px; } span.gray-btn i { background : url(/images/basket/button-gray-left.png) no-repeat 0 0; width : 8px; } span.gray-btn input { background : url(/images/basket/button-gray-center.png) 0 0 repeat-x; color : #313131; cursor : pointer; display : inline-block; float : left; font-size : 12px; height : 32px; line-height : 32px; padding : 0 7px; } span.gray-btn em { background : url(/images/basket/button-gray-right.png) no-repeat 0 0; width : 9px; } /* --- icons --- */ .svg-icon { display : inline-block; vertical-align : middle; } .svg-icon--search { width : 16px; height : 16px; } .svg-icon--basket { width : 23px; height : 18px; } .svg-icon--compare { width : 23px; height : 18px; } /* --- slick slider (lib) --- */ .slick-slider { position : relative; display : block; -webkit-user-select : none; -moz-user-select : none; -ms-user-select : none; user-select : none; -webkit-touch-callout : none; -ms-touch-action : pan-y; touch-action : pan-y; -webkit-tap-highlight-color : transparent; } .slick-list { position : relative; display : block; overflow : hidden; margin : 0; padding : 0; } .slick-list:focus { outline : none; } .slick-list.dragging { cursor : pointer; cursor : hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform : translate3d(0, 0, 0); -ms-transform : translate3d(0, 0, 0); -o-transform : translate3d(0, 0, 0); transform : translate3d(0, 0, 0); } .slick-track { position : relative; top : 0; left : 0; display : block; } .slick-track:before, .slick-track:after { display : table; content : ''; } .slick-track:after { clear : both; } .slick-loading .slick-track { visibility : hidden; } .slick-slide { display : none; float : left; height : 100%; min-height : 1px; outline : none; } .slick-slide img { display : block; } .slick-slide.slick-loading img { display : none; } .slick-slide.dragging img { pointer-events : none; } .slick-initialized .slick-slide { display : block; } .slick-loading .slick-slide { visibility : hidden; } .slick-vertical .slick-slide { display : block; height : auto; border : 1px solid transparent; } .slick-arrow.slick-hidden { display : none; } /* mCustomScrollbar */ .mCSB_container { width : auto; margin-left : 20px; overflow : hidden; }.mCSB_container.mCS_no_scrollbar { margin-left : 0; }.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar { margin-right : 30px; }.mCustomScrollBox > .mCSB_scrollTools { width : 16px; height : 100%; top : 0; left : 0; }.mCSB_scrollTools .mCSB_draggerContainer { position : absolute; top : 0; left : 0; bottom : 0; right : 0; height : auto; }.mCSB_scrollTools a + .mCSB_draggerContainer { margin : 20px 0; }.mCSB_scrollTools .mCSB_draggerRail { width : 2px; height : 100%; margin : 0 auto; border-radius : 10px; }.mCSB_scrollTools .mCSB_dragger { cursor : pointer; width : 100%; height : 30px; }.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width : 4px; height : 100%; margin : 0 auto; border-radius : 10px; text-align : center; }.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display : block; position : relative; height : 20px; overflow : hidden; margin : 0 auto; cursor : pointer; }.mCSB_scrollTools .mCSB_buttonDown { top : 100%; margin-top : -40px; }.mCSB_horizontal > .mCSB_container { height : auto; margin-right : 0; margin-bottom : 30px; overflow : hidden; }.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-bottom : 0; }.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar { margin-right : 0; margin-bottom : 30px; }.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools { width : 100%; height : 16px; top : auto; right : auto; bottom : 0; left : 0; overflow : hidden; }.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer { margin : 0 20px; }.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width : 100%; height : 2px; margin : 7px 0; border-radius : 10px; }.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger { width : 30px; height : 100%; }.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width : 100%; height : 4px; margin : 6px auto; border-radius : 10px; }.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { display : block; position : relative; width : 20px; height : 100%; overflow : hidden; margin : 0 auto; cursor : pointer; float : left; }.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight { margin-left : -40px; float : right; }.mCustomScrollBox { -ms-touch-action : none; }.mCustomScrollBox > .mCSB_scrollTools { opacity : 0.75; filter : 'alpha(opacity=75)'; -ms-filter : 'alpha(opacity=75)'; }.mCustomScrollBox:hover > .mCSB_scrollTools { opacity : 1; filter : 'alpha(opacity=100)'; -ms-filter : 'alpha(opacity=100)'; }.mCSB_scrollTools .mCSB_draggerRail { background : #000000; background : rgba(130,141,128,0.4); filter : 'alpha(opacity=40)'; -ms-filter : 'alpha(opacity=40)'; }.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background : #ffffff; background : rgba(87,137,37,0.75); filter : 'alpha(opacity=75)'; -ms-filter : 'alpha(opacity=75)'; }.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background : rgba(87,137,37,0.85); filter : 'alpha(opacity=85)'; -ms-filter : 'alpha(opacity=85)'; }.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background : rgba(87,137,37,0.9); filter : 'alpha(opacity=90)'; -ms-filter : 'alpha(opacity=90)'; }.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image : url(/images/mCSB_buttons.png); background-repeat : no-repeat; opacity : 0.4; filter : 'alpha(opacity=40)'; -ms-filter : 'alpha(opacity=40)'; }.mCSB_scrollTools .mCSB_buttonUp { background-position : 0 0; }.mCSB_scrollTools .mCSB_buttonDown { background-position : 0 -20px; }.mCSB_scrollTools .mCSB_buttonLeft { background-position : 0 -40px; }.mCSB_scrollTools .mCSB_buttonRight { background-position : 0 -56px; }.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity : 0.75; filter : 'alpha(opacity=75)'; -ms-filter : 'alpha(opacity=75)'; }.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity : 0.9; filter : 'alpha(opacity=90)'; -ms-filter : 'alpha(opacity=90)'; }.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail { background : #000000; background : rgba(130,141,128,0.4); }.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background : #000000; background : rgba(87,137,37,0.75); }.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background : rgba(87,137,37,0.85); }.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background : rgba(87,137,37,0.9); }.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp { background-position : -80px 0; }.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown { background-position : -80px -20px; }.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft { background-position : -80px -40px; }.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight { background-position : -80px -56px; }.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail { width : 4px; background : #ffffff; background : rgba(255,255,255,0.1); border-radius : 1px; }.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width : 4px; background : #ffffff; background : rgba(255,255,255,0.75); border-radius : 1px; }.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width : 100%; height : 4px; margin : 6px 0; }.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width : 100%; height : 4px; margin : 6px auto; }.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background : rgba(255,255,255,0.85); }.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background : rgba(255,255,255,0.9); }.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp { background-position : -32px 0; }.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown { background-position : -32px -20px; }.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft { background-position : -40px -40px; }.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight { background-position : -40px -56px; }.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail { width : 4px; background : #000000; background : rgba(0,0,0,0.1); border-radius : 1px; }.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width : 4px; background : #000000; background : rgba(0,0,0,0.75); border-radius : 1px; }.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width : 100%; height : 4px; margin : 6px 0; }.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width : 100%; height : 4px; margin : 6px auto; }.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background : rgba(0,0,0,0.85); }.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background : rgba(0,0,0,0.9); }.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp { background-position : -112px 0; }.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown { background-position : -112px -20px; }.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft { background-position : -120px -40px; }.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight { background-position : -120px -56px; }.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail { width : 4px; background : #ffffff; background : rgba(255,255,255,0.1); border-radius : 2px; }.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width : 6px; background : #ffffff; background : rgba(255,255,255,0.75); border-radius : 2px; }.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width : 100%; height : 4px; margin : 6px 0; }.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width : 100%; height : 6px; margin : 5px auto; }.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background : rgba(255,255,255,0.85); }.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background : rgba(255,255,255,0.9); }.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp { background-position : -16px 0; }.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown { background-position : -16px -20px; }.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft { background-position : -20px -40px; }.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight { background-position : -20px -56px; }.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail { width : 4px; background : #000000; background : rgba(0,0,0,0.1); border-radius : 2px; }.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width : 6px; background : #000000; background : rgba(0,0,0,0.75); border-radius : 2px; }.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width : 100%; height : 4px; margin : 6px 0; }.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width : 100%; height : 6px; margin : 5px auto; }.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background : rgba(0,0,0,0.85); }.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background : rgba(0,0,0,0.9); }.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp { background-position : -96px 0; }.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown { background-position : -96px -20px; }.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft { background-position : -100px -40px; }.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight { background-position : -100px -56px; }.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail { background : #ffffff; background : rgba(255,255,255,0.1); }.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width : 2px; }.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width : 100%; }.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width : 100%; height : 2px; margin : 7px auto; }.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail { background : #000000; background : rgba(0,0,0,0.15); }.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width : 2px; background : #000000; background : rgba(0,0,0,0.75); }.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail { width : 100%; }.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width : 100%; height : 2px; margin : 7px auto; }.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background : rgba(0,0,0,0.85); }.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background : rgba(0,0,0,0.9); }.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp { background-position : -80px 0; }.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown { background-position : -80px -20px; }.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft { background-position : -80px -40px; }.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight { background-position : -80px -56px; } .page-main { max-height : 9999em; } .page-main__title { padding : 0 20px; margin-top : 12px !important; width : auto; font-family : 'Arial Narrow', sans-serif; font-weight : 700; } .code { background : #73a83d; color : #ffffff; line-height : 20px; font-size : 14px; white-space : nowrap; padding : 0 10px 0 12px; margin-left : 15px; vertical-align : top; zoom : 1; } .auth-page__title { margin-top : 30px; } .auth-page-main .page-main__title { padding-left : 0; } .product-card .page-main__title { margin-bottom : 5px; } /* --- tools --- */ .clear { clear : both; } .clearfix::after { content : ''; display : table; clear : both; } .flc:first-child, .fc:first-child { margin-top : 0; } .flc:last-child, .lc:first-child { margin-bottom : 0; } .touch .hidden-touch { display : none; } .touch .visible-touch { display : block; } .loading-page .hidden-no-touch, .no-touch .hidden-no-touch { display : none; } .no-touch .visible-no-touch { display : block; } .catalog_table { display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-flex-wrap : wrap; -ms-flex-wrap : wrap; flex-wrap : wrap; -webkit-box-align : stretch; -webkit-align-items : stretch; -ms-flex-align : stretch; align-items : stretch; margin-top : 18px; } .catalog_table:before { content : ''; position : absolute; width : 1px; right : 0; top : 0; bottom : 0; background : #ffffff; z-index: 1;} .catalog_table:after { content : ''; position : absolute; height : 1px; right : 0; left : 0; bottom : 0; background : #ffffff; } .catalog_table__item { position : relative; width : 25%; float : left; border-bottom : 1px solid #e8e8e8; border-right : 1px solid #e8e8e8; } .pseudo-link { position : absolute; right : 0; left : 0; top : 0; bottom : 0; z-index : 1; } .td_overlay { display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-box-orient : vertical; -webkit-box-direction : normal; -webkit-flex-direction : column; -ms-flex-direction : column; flex-direction : column; align-items: flex-start; height : 100%; padding : 17px 14px 18px 16px; } .td_overlay--md { padding-top : 35px; padding-bottom : 35px; } .razdel_lnk { position : relative; padding : 0 0 11px; z-index : 2; } .deskr_box { -webkit-box-flex : 100; -webkit-flex-grow : 100; -ms-flex-positive : 100; flex-grow : 100; } .marker { margin-top : 0; position : absolute; right : 0; z-index: 10;} .markerclose { margin-top : 0; position : absolute; right : 0; z-index : 1; } /*atevi*/ .razdel_lnk a { color : #828d80; font-size : 12px; } /*.razdel_lnk a { color : #828d80; font-size : 10px; }*/ .img_box { height : 155px; width: 100%; margin-bottom : 4px; overflow : hidden; position : relative; text-align : center; z-index: 0;} .img_box-actions {display: flex; align-items: center;} .main_lnk { display : block; line-height : 20px; padding : 0 0 9px; color : #326fbb; text-decoration : none; } .no-touch .catalog_table__item:hover .razdel_lnk a { color : #000000; } .no-touch .catalog_table__item:hover .main_lnk { color : #257315; } /* УДАЛИТЬ */ .catalog_table .image_link img { height: 150px; object-fit: contain; width: 100%; } .bx-ie11 .td_overlay{ display: block;} .visible-xs { display : none !important; } .visible-xs_ib { display : none !important; } .visible-sm_ib { display : none !important; } .pseudo-select { position : relative; display : inline-block; padding : 11px 32px 11px 15px; border : 1px solid #e2e2e2; border-radius : 5px; } .pseudo-select .phone--velcom::before { background-position : 0 -26px; } .pseudo-select .phone--mts::before { background-position : 0 -78px; } .pseudo-select .phone--life::before { background-position : 0 -130px; } .pseudo-select .phone--city::before { background-position : 0 -182px; } .pseudo-select::after { content : ''; position : absolute; top : 50%; margin-top : -3px; right : 15px; border : 4px solid transparent; border-bottom : none; border-top : 6px solid; -webkit-transition : -webkit-transform 0.15s; transition : -webkit-transform 0.15s; -o-transition : -o-transform 0.15s; transition : transform 0.15s; transition : transform 0.15s, -webkit-transform 0.15s, -o-transform 0.15s; } .js-dropdown.open .pseudo-select::after { -ms-transform : rotate(180deg); -webkit-transform : rotate(180deg); -o-transform : rotate(180deg); transform : rotate(180deg); } .pseudo-select-xs_ib { display : none; } .dropdown-xs { display : block; position : static; -webkit-box-shadow : none; box-shadow : none; padding : 0; } .top-search-mobile__btn { display : none; vertical-align : middle; height : 40px; width : 56px; padding : 8px 20px 8px 20px; border : none; background : #257315; color : #ffffff; position : relative; overflow : hidden; cursor : pointer; text-align : left; -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; } .link_decor { position : relative; } .link_decor:before { content : ''; position : absolute; left : 0; right : 0; bottom : -1px; height : 1px; border-bottom : 1px solid; opacity : 0; -webkit-transition : 300ms; -o-transition : 300ms; transition : 300ms; } .no-touch a:hover .link_decor:before { opacity : 0.2; } .overflow { position : fixed; display : none; top : 0; right : 0; bottom : 0; left : 0; background : rgba(0,0,0,0.5); z-index : 105; } body.overflow-show .overflow { display : block; } body.overflow-show .catalog-btn { z-index : 106; } .accordion__btn { position : relative; } .accordion__btn:before { content : ''; position : absolute; top : 50%; margin-top : -4px; right : 0; border : 6px solid transparent; border-bottom : none; border-top : 8px solid; -webkit-transition : -webkit-transform 300ms; transition : -webkit-transform 300ms; -o-transition : -o-transform 300ms; transition : transform 300ms; transition : transform 300ms, -webkit-transform 300ms, -o-transform 300ms; } .accordion__btn.open:before { -ms-transform : rotate(180deg); -webkit-transform : rotate(180deg); -o-transform : rotate(180deg); transform : rotate(180deg); } .with-line.accordion__btn:before{ border: 4px solid transparent; border-top: 6px solid; border-bottom: none; margin-top: -3px; } [data-accordion-init='sm'] .accordion__btn:before, [data-accordion-init='xs'] .accordion__btn:before { display : none; } .red { color : #e54a41; } .sidebar-banner { margin : 20px 7px 0 0; } .tags-section { margin-bottom : 20px; } .tags-container { background : #e7e7e7; padding : 8px; } .tags { font-size : 0; } .tags__item { position : relative; display : inline-block; } .tags:not(.has-tail) .tags__item_tail { display : none; } .tag-link { display : block; cursor : pointer; white-space : nowrap; padding : 7px 10px; margin : 2px; font-size : 14px; line-height : 20px; background : #ffffff; border : 1px solid #e2e2e2; border-radius : 5px; } .tags__item_tail > .tag-link { padding-right : 20px; } .tags__item_tail > .tag-link:before { content : ''; position : absolute; top : 18px; right : 10px; border : 4px solid transparent; border-bottom : none; border-top : 6px solid; -webkit-transition : -webkit-transform 0.15s; transition : -webkit-transform 0.15s; -o-transition : -o-transform 0.15s; transition : transform 0.15s; transition : transform 0.15s, -webkit-transform 0.15s, -o-transform 0.15s; } .tags__item_tail > .tag-link.open:before { -webkit-transform : rotate(180deg); -ms-transform : rotate(180deg); -o-transform : rotate(180deg); transform : rotate(180deg); } .tag-link:active, .no-touch .tag-link:hover { border-color : #61972c; color : #61972c; } .tag-link.active { background : #def7ba; } .tags_list .tags__item { display : block; } .tags_list .tag-link { display : inline-block; padding : 6px 0; margin : 0; border : none; -webkit-box-shadow : none; box-shadow : none; background : none; line-height : 20px; } .toggle-section { display : none; margin-bottom : 20px; } .toggle-container { display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-box-pack : justify; -webkit-justify-content : space-between; -ms-flex-pack : justify; justify-content : space-between; -webkit-box-align : stretch; -webkit-align-items : stretch; -ms-flex-align : stretch; align-items : stretch; background : #e7e7e7; padding : 8px; } .toggle-item { display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-box-pack : center; -webkit-justify-content : center; -ms-flex-pack : center; justify-content : center; -webkit-box-align : center; -webkit-align-items : center; -ms-flex-align : center; align-items : center; padding : 7px 10px; margin : 2px; width : 100%; font-size : 14px; line-height : 20px; background : #ffffff; border : 1px solid #e2e2e2; border-radius : 5px; } .toggle-item__icon { display : block; width : 50px; max-height : 50px; text-align : center; } .toggle-item__icon .svg-icon { width : 23px; height : 23px; } .toggle-item__title { position : relative; font-weight : 700; } .toggle-item .count { margin-left : 9px; color : #ffffff; font-size : 12px; line-height : 16px; text-align : center; font-weight : 700; display : inline-block; width : 17px; height : 16px; background-color : #61972c; border-radius : 4px; } .mobile-header { display : none; position : relative; padding : 15px 20px; background : #ffffff; border-bottom : 1px solid #f8f8f8; -webkit-box-shadow : 0 1px 4px rgba(0,0,0,0.3); box-shadow : 0 1px 4px rgba(0,0,0,0.3); } .mobile-header__title { display : inline-block; vertical-align : baseline; margin-right : 5px; font-size : 16px; font-weight : 700; } .mobile-header__btn { position : absolute; right : 6px; top : 8px; width : 30px; height : 30px; line-height : 30px; } .mobile-header__btn:after, .mobile-header__btn:before { content : ''; position : absolute; left : 6px; height : 2px; width : 16px; background-color : #000000; } .mobile-header__btn:before { bottom : 18px; -webkit-transform : translateY(4px) rotate(45deg); -ms-transform : translateY(4px) rotate(45deg); -o-transform : translateY(4px) rotate(45deg); transform : translateY(4px) rotate(45deg); } .mobile-header__btn:after { top : 18px; -webkit-transform : translateY(-4px) rotate(-45deg); -ms-transform : translateY(-4px) rotate(-45deg); -o-transform : translateY(-4px) rotate(-45deg); transform : translateY(-4px) rotate(-45deg); } .mobile-header .clear-form { vertical-align : baseline; font-size : 12px; border-bottom : 1px dotted; } .tooltip-box { position : relative; max-width : 100%; padding : 15px 20px; background-color : #ffffff; -webkit-box-shadow : 0px 0px 5px rgba(0, 0, 0, 0.5); box-shadow : 0px 0px 5px rgba(0, 0, 0, 0.5); color : #313131; text-align : left; } .tooltip-box:before { content : ''; position : absolute; bottom : 100%; left : 20px; margin-left : -8px; border : 8px solid transparent; z-index : 102; border-top : none; border-bottom : 8px solid #ffffff; -webkit-transition : 0.2s; -o-transition : 0.2s; transition : 0.2s; -webkit-transform-origin : center bottom; -ms-transform-origin : center bottom; -o-transform-origin : center bottom; transform-origin : center bottom; -webkit-filter : drop-shadow(0 -2px 1px rgba(0, 0, 0, 0.3)); filter : drop-shadow(0 -2px 1px rgba(0, 0, 0, 0.3)); } .dialog { bottom : 0; right : 0; left : 0; } .dialog-message { display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-box-pack : center; -webkit-justify-content : center; -ms-flex-pack : center; justify-content : center; -webkit-box-align : center; -webkit-align-items : center; -ms-flex-align : center; align-items : center; padding : 10px 20px; background : #257315; color : #ffffff; } .dialog-message__icon { width : 24px; height : 20px; margin-right : 10px; } [data-viewport='mobile'] .dialog-message_desktop { display : none; } [data-viewport='mobile'] { display : none; } [data-viewport='desktop'] .dialog-message_mobile { display : none; } .no-touch .dialog_viewport { display : none; } .payment-systems img { max-width : 100%; width : 200px; } .visible-mobile { display : none; } .visible-sm { display : none; } .tooltip-container { position : relative; } .tooltip__body { position : absolute; display : none; } .ui-tooltip { padding : 15px 20px; position : absolute; background : #ffffff; color : #333333; z-index : 9999; max-width : 600px; -webkit-box-shadow : 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow : 0 2px 10px rgba(0, 0, 0, 0.2); border : 4px solid #ffd807; border-radius : 7px; } .tooltip { z-index : 1070; visibility : visible; border-radius : 7px; } .tooltip { position : absolute; border : 4px solid #6aa331; background : #ffffff; padding : 10px 15px; } .tooltip:after, .tooltip:before { position : absolute; right : 100%; top : 50%; border : solid transparent; content : ' '; height : 0; width : 0; pointer-events : none; } .tooltip:after { border-color : rgba(136, 183, 213, 0); border-right-color : #ffffff; border-width : 10px; margin-top : -10px; } .tooltip:before { border-color : rgba(194, 225, 245, 0); border-right-color : #6aa331; border-width : 16px; margin-top : -16px; } .tooltip-inner { text-decoration : none; color : #212121; background-color : #ffffff; } .tooltip-arrow { position : absolute; width : 0; height : 0; border-style : solid; border-color : transparent; } .tooltip.left .tooltip-arrow { top : 50%; margin-top : -12px; border-width : 12px 0 12px 12px; border-left-color : #ffffff; } .close-btn { position : absolute; display : block; height : 11px; width : 11px; top : 10px; right : 10px; background : url(/images/close.gif) no-repeat 0 0; } .ui-helper-hidden-accessible { display : none; } .ui-tooltip-content::after, .ui-tooltip-content::before { content : ''; position : absolute; border-style : solid; display : block; width : 0; } .right .ui-tooltip-content::after { top : 18px; left : -10px; border-color : transparent #666666; border-width : 10px 10px 10px 0; } .top-left:after, .top-right:after, .top-left:before, .top-right:before{display: none;} .top-left .ui-tooltip-content::after, .top-left .ui-tooltip-content::before{ content: ' '; position: absolute; right: 100%; top: 50%; border: solid transparent; border-left: none;; height: 0; width: 0; } .top-left .ui-tooltip-content::after{ border-color: rgba(136, 183, 213, 0); border-right-color: #ffffff; border-width: 10px; margin-top: -10px; } .top-left .ui-tooltip-content::before{ border-color: rgba(194, 225, 245, 0); border-right-color: #6aa331; border-width: 16px; margin-top: -16px; } .top-right .ui-tooltip-content::after, .top-right .ui-tooltip-content::before, .middle-right .ui-tooltip-content::after, .middle-right .ui-tooltip-content::before { left : 100%; right : auto; top : 10px; bottom : auto; border-right: none; } .top-right .ui-tooltip-content::after, .middle-right .ui-tooltip-content::after { border-color : rgba(136, 183, 213, 0); border-left-color : #ffffff; border-width : 10px; margin-top : 6px; } .top-right .ui-tooltip-content::before, .middle-right .ui-tooltip-content::before { border-color : rgba(194, 225, 245, 0); border-left-color : #6aa331; border-width : 16px; margin-top : 0; } .top-left .ui-tooltip-content::after, .top-left .ui-tooltip-content::before, .middle-left .ui-tooltip-content::after, .middle-left .ui-tooltip-content::before { right : 100%; left : auto; top : 10px; bottom : auto; border-left: none;} .top-left .ui-tooltip-content::after, .middle-left .ui-tooltip-content::after { border-color : rgba(136, 183, 213, 0); border-right-color : #ffffff; border-width : 10px; margin-top : 6px; } .top-left .ui-tooltip-content::before, .middle-left .ui-tooltip-content::before { border-color : rgba(194, 225, 245, 0); border-right-color : #6aa331; border-width : 16px; margin-top : 0; } .pp-yellow.top-left .ui-tooltip-content::before, .pp-yellow.middle-left .ui-tooltip-content::before { border-right-color : #ffd607; } .pp-yellow.top-right .ui-tooltip-content::before, .pp-yellow.middle-right .ui-tooltip-content::before { border-left-color : #ffd607; } .subscribe-tooltip .ui-tooltip-content::after{ top: 100%; border-color: rgba(136, 183, 213, 0); border-top-color: #fff; border-bottom: none; bottom: auto; left: auto; right: 16px; margin: 0; } .subscribe-tooltip .ui-tooltip-content::before{ top: 100%; border-color: rgba(194, 225, 245, 0); border-top-color: #6aa331; border-bottom: none; bottom: auto; left: auto; right: 10px; margin: 0; } .tooltip .pp-yellow { border : 4px solid #ffd607; } .tooltip .pp-yellow:before { border-right-color : #ffd607; } .pp-bottom:after, .pp-bottom:before { top : auto; bottom : 100%; right : 50%;border-top: none; } .pp-bottom:after { border-color : rgba(136, 183, 213, 0); border-bottom-color : #ffffff; margin-right : -10px; } .pp-bottom:before { border-color : rgba(194, 225, 245, 0); border-bottom-color : #6aa331; margin-right : -16px; } .pp-top:after, .pp-top:before { top : 100%; right : 50%; margin-top : 0; border-bottom: none; } .pp-top:after { border-color : rgba(136, 183, 213, 0); border-top-color : #ffffff; margin-right : -10px; } .pp-top:before { border-color : rgba(194, 225, 245, 0); border-top-color : #6aa331; margin-right : -16px; } .tooltip.right:after, .tooltip.right:before, .tooltip.left:after, .tooltip.left:before{ top: 100%; bottom: auto; margin-top: 0; border-bottom: none; } .tooltip.right:after, .tooltip.left:after{ right: 16px; border-color: rgba(136, 183, 213, 0); border-top-color: #ffffff; border-width: 10px; } .tooltip.right:before, .tooltip.left:before{ right: 10px; border-color: rgba(194, 225, 245, 0); border-top-color: #6aa331; } .tooltip.left:after{ left: 16px; } .tooltip.left:before{ left: 10px;} @charset 'UTF-8';.fancybox-enabled { overflow : hidden; }.fancybox-enabled body { overflow : visible; height : 100%; }.fancybox-container { position : fixed; top : 0; left : 0; width : 100%; height : 100%; z-index : 99993; -webkit-backface-visibility : hidden; backface-visibility : hidden; }.fancybox-container ~ .fancybox-container { z-index : 99992; }.fancybox-bg { position : absolute; top : 0; right : 0; bottom : 0; left : 0; opacity : 0; -webkit-transition-timing-function : cubic-bezier(0.55,0.06,0.68,0.19); -o-transition-timing-function : cubic-bezier(0.55,0.06,0.68,0.19); transition-timing-function : cubic-bezier(0.55,0.06,0.68,0.19); -webkit-backface-visibility : hidden; backface-visibility : hidden; }.fancybox-container--ready .fancybox-bg { opacity : 0.87; -webkit-transition-timing-function : cubic-bezier(0.22,0.61,0.36,1); -o-transition-timing-function : cubic-bezier(0.22,0.61,0.36,1); transition-timing-function : cubic-bezier(0.22,0.61,0.36,1); }.fancybox-controls { position : absolute; top : 0; left : 0; right : 0; bottom : 0; text-align : center; opacity : 0; z-index : 99994; -webkit-transition : opacity 0.2s; -o-transition : opacity 0.2s; transition : opacity 0.2s; pointer-events : none; -webkit-backface-visibility : hidden; backface-visibility : hidden; direction : ltr; }.fancybox-show-controls .fancybox-controls { opacity : 1; }.fancybox-buttons .fancybox-button { position : relative; top : 0; margin : 0; }.fancybox-infobar { display : none; }.fancybox-show-infobar .fancybox-infobar { display : block; text-align : center; pointer-events : all; }.fancybox-infobar__body { display : inline-block; width : 70px; line-height : 44px; font-size : 13px; font-family : Helvetica Neue,Helvetica,Arial,sans-serif; text-align : center; color : #dddddd; background-color : rgba(30,30,30,0.7); pointer-events : none; -webkit-user-select : none; -moz-user-select : none; -ms-user-select : none; user-select : none; -webkit-touch-callout : none; -webkit-tap-highlight-color : transparent; -webkit-font-smoothing : subpixel-antialiased; }.fancybox-buttons { position : absolute; top : 0; right : 0; display : none; pointer-events : all; }.fancybox-show-buttons .fancybox-buttons { display : block; }.fancybox-slider-wrap { overflow : hidden; direction : ltr; }.fancybox-slider, .fancybox-slider-wrap { position : absolute; top : 0; left : 0; bottom : 0; right : 0; padding : 0; margin : 0; z-index : 99993; -webkit-backface-visibility : hidden; backface-visibility : hidden; -webkit-tap-highlight-color : transparent; }.fancybox-slide { position : absolute; top : 0; left : 0; width : 100%; height : 100%; margin : 0; padding : 0; overflow : auto; outline : none; white-space : normal; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; text-align : center; z-index : 99994; -webkit-overflow-scrolling : touch; }.fancybox-slide:before { content : ''; height : 100%; width : 0; }.fancybox-slide:before, .fancybox-slide > * { display : inline-block; vertical-align : middle; }.fancybox-slide > * { position : relative; padding : 24px; margin : 44px 0; border-width : 0; text-align : left; background-color : #ffffff; overflow : auto; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; }.fancybox-slide--image { overflow : hidden; }.fancybox-slide--image:before { display : none; }.fancybox-content { display : inline-block; position : relative; margin : 44px auto; padding : 0; border : 0; width : 80%; height : -webkit-calc(100% - 88px); height : calc(100% - 88px); vertical-align : middle; line-height : normal; text-align : left; white-space : normal; outline : none; font-size : 16px; font-family : Arial,sans-serif; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; -webkit-tap-highlight-color : transparent; -webkit-overflow-scrolling : touch; }.fancybox-iframe { display : block; margin : 0; padding : 0; border : 0; width : 100%; height : 100%; background : #ffffff; }.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe { background : transparent; }.fancybox-placeholder { z-index : 99995; background : transparent; cursor : default; overflow : visible; -webkit-transform-origin : top left; -ms-transform-origin : top left; -o-transform-origin : top left; transform-origin : top left; -webkit-background-size : 100% 100%; background-size : 100% 100%; background-repeat : no-repeat; -webkit-backface-visibility : hidden; backface-visibility : hidden; }.fancybox-image, .fancybox-placeholder, .fancybox-spaceball { position : absolute; top : 0; left : 0; margin : 0; padding : 0; border : 0; }.fancybox-image, .fancybox-spaceball { width : 100%; height : 100%; max-width : none; max-height : none; background : transparent; -webkit-background-size : 100% 100%; background-size : 100% 100%; }.fancybox-controls--canzoomOut .fancybox-placeholder { cursor : -webkit-zoom-out; cursor : zoom-out; }.fancybox-controls--canzoomIn .fancybox-placeholder { cursor : -webkit-zoom-in; cursor : zoom-in; }.fancybox-controls--canGrab .fancybox-placeholder { cursor : -webkit-grab; cursor : -moz-grab; cursor : grab; }.fancybox-controls--isGrabbing .fancybox-placeholder { cursor : -webkit-grabbing; cursor : -moz-grabbing; cursor : grabbing; }.fancybox-spaceball { z-index : 1; }.fancybox-tmp { position : absolute; top : -9999px; left : -9999px; visibility : hidden; }.fancybox-error { position : absolute; margin : 0; padding : 40px; top : 50%; left : 50%; width : 380px; max-width : 100%; -webkit-transform : translate(-50%,-50%); -ms-transform : translate(-50%,-50%); -o-transform : translate(-50%,-50%); transform : translate(-50%,-50%); background : #ffffff; cursor : default; }.fancybox-error p { margin : 0; padding : 0; color : #444444; font : 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif; }.fancybox-close-small { position : absolute; top : 0; right : 0; width : 44px; height : 44px; padding : 0; margin : 0; border : 0; border-radius : 0; outline : none; background : transparent; z-index : 10; cursor : pointer; }.fancybox-close-small:after { content : '×'; position : absolute; top : 5px; right : 5px; width : 30px; height : 30px; font : 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif; color : #888888; font-weight : 300; text-align : center; border-radius : 50%; border-width : 0; background : #ffffff; -webkit-transition : background 0.2s; -o-transition : background 0.2s; transition : background 0.2s; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; z-index : 2; }.fancybox-close-small:focus:after { outline : 1px dotted #888888; }.fancybox-slide--video .fancybox-close-small { top : -36px; right : -36px; background : transparent; }.fancybox-close-small:hover:after { color : #555555; background : #eeeeee; }.fancybox-caption-wrap { position : absolute; bottom : 0; left : 0; right : 0; padding : 60px 30px 0; z-index : 99998; -webkit-backface-visibility : hidden; backface-visibility : hidden; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; background : -webkit-gradient(linear,left top, left bottom,color-stop(0, transparent),color-stop(20%, rgba(0,0,0,0.1)),color-stop(40%, rgba(0,0,0,0.2)),color-stop(80%, rgba(0,0,0,0.6)),to(rgba(0,0,0,0.8))); background : -webkit-linear-gradient(top,transparent 0,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8)); background : -o-linear-gradient(top,transparent 0,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8)); background : linear-gradient(180deg,transparent 0,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8)); opacity : 0; -webkit-transition : opacity 0.2s; -o-transition : opacity 0.2s; transition : opacity 0.2s; pointer-events : none; }.fancybox-show-caption .fancybox-caption-wrap { opacity : 1; }.fancybox-caption { padding : 30px 0; border-top : 1px solid hsla(0,0%,100%,0.4); font-size : 14px; font-family : Helvetica Neue,Helvetica,Arial,sans-serif; color : #ffffff; line-height : 20px; -webkit-text-size-adjust : none; }.fancybox-caption a, .fancybox-caption button { pointer-events : all; }.fancybox-caption a { color : #ffffff; text-decoration : underline; }.fancybox-button { display : inline-block; position : absolute; top : 50%; margin : -50px 0 0; width : 50px; height : 50px; line-height : 50px; padding : 0; border : 0; border-radius : 0; cursor : pointer; background : transparent; color : #ffffff; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; vertical-align : top; outline : none; }.fancybox-button--disabled { cursor : default; pointer-events : none; }.fancybox-button, .fancybox-infobar__body { background : rgba(30,30,30,0.6); z-index : 99994; }.fancybox-button:hover { background : rgba(0,0,0,0.8); }.fancybox-button:after, .fancybox-button:before { content : ''; pointer-events : none; position : absolute; border-color : #ffffff; background-color : currentColor; color : currentColor; opacity : 0.9; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; display : inline-block; }.fancybox-button--disabled:after, .fancybox-button--disabled:before { opacity : 0.5; }.fancybox-button--left:after { left : 22px; -webkit-transform : rotate(-135deg); -ms-transform : rotate(-135deg); -o-transform : rotate(-135deg); transform : rotate(-135deg); }.fancybox-button--left:after, .fancybox-button--right:after { top : 18px; width : 12px; height : 12px; background : transparent; border-top : 2px solid currentColor; border-right : 2px solid currentColor; }.fancybox-button--right:after { right : 22px; -webkit-transform : rotate(45deg); -ms-transform : rotate(45deg); -o-transform : rotate(45deg); transform : rotate(45deg); }.fancybox-button--left { border-radius : 5px; left : 50px; }.fancybox-button--right { border-radius : 5px; right : 50px; }.fancybox-button--close { float : right; }.fancybox-button--close:after, .fancybox-button--close:before { content : ''; display : inline-block; position : absolute; height : 2px; width : 16px; top : -webkit-calc(50% - 1px); top : calc(50% - 1px); left : -webkit-calc(50% - 8px); left : calc(50% - 8px); }.fancybox-button--close:before { -webkit-transform : rotate(45deg); -ms-transform : rotate(45deg); -o-transform : rotate(45deg); transform : rotate(45deg); }.fancybox-button--close:after { -webkit-transform : rotate(-45deg); -ms-transform : rotate(-45deg); -o-transform : rotate(-45deg); transform : rotate(-45deg); }.fancybox-loading { border : 6px solid hsla(0,0%,39%,0.4); border-top : 6px solid hsla(0,0%,100%,0.6); border-radius : 100%; height : 50px; width : 50px; -webkit-animation : a 0.8s infinite linear; -o-animation : a 0.8s infinite linear; animation : a 0.8s infinite linear; background : transparent; position : absolute; top : 50%; left : 50%; margin-top : -25px; margin-left : -25px; z-index : 99999; }@-webkit-keyframes a { 0% { -webkit-transform : rotate(0deg); transform : rotate(0deg); }to { -webkit-transform : rotate(359deg); transform : rotate(359deg); } }@-o-keyframes a { 0% { -webkit-transform : rotate(0deg); -o-transform : rotate(0deg); transform : rotate(0deg); }to { -webkit-transform : rotate(359deg); -o-transform : rotate(359deg); transform : rotate(359deg); } }@keyframes a { 0% { -webkit-transform : rotate(0deg); -o-transform : rotate(0deg); transform : rotate(0deg); }to { -webkit-transform : rotate(359deg); -o-transform : rotate(359deg); transform : rotate(359deg); } }@media (max-width:800px) { .fancybox-controls { text-align : left; }.fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { display : none!important; }.fancybox-caption { padding : 20px 0; margin : 0; } }.fancybox-button--fullscreen:before { width : 15px; height : 11px; left : 15px; top : 16px; border : 2px solid; background : none; }.fancybox-button--play:before { top : 16px; left : 18px; width : 0; height : 0; border-top : 6px inset transparent; border-bottom : 6px inset transparent; border-left : 10px solid; border-radius : 1px; background : transparent; }.fancybox-button--pause:before { top : 16px; left : 18px; width : 7px; height : 11px; border-style : solid; border-width : 0 2px; background : transparent; }.fancybox-button--thumbs span { font-size : 23px; }.fancybox-button--thumbs:before { top : 22px; left : 23px; width : 3px; height : 3px; -webkit-box-shadow : 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0; box-shadow : 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0; }.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right : 100px; }.fancybox-thumbs { position : absolute; top : 0; right : 0; bottom : 0; left : auto; width : 100px; margin : 0; padding : 15px 15px 10px; background : #ffffff; z-index : 99993; word-break : normal; -webkit-overflow-scrolling : touch; -webkit-tap-highlight-color : transparent; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; }.fancybox-thumbs > ul { list-style : none; position : absolute; position : relative; width : 100%; height : 100%; margin : 0; padding : 0; overflow-x : hidden; overflow-y : auto; font-size : 0; }.fancybox-thumbs > ul > li { overflow : hidden; max-width : 100%; padding : 0; margin : 0; height : 70px; margin-bottom : 5px; position : relative; cursor : pointer; outline : none; -webkit-tap-highlight-color : transparent; -webkit-backface-visibility : hidden; backface-visibility : hidden; -webkit-box-sizing : border-box; -moz-box-sizing : border-box; box-sizing : border-box; }li.fancybox-thumbs-loading { background : rgba(0,0,0,0.1); }.fancybox-thumbs > ul > li>img { position : absolute; top : 0; left : 0; max-width : 100%; max-height : 100%; min-width : 100%; min-height : 100%; max-width : none; max-height : none; -webkit-touch-callout : none; -webkit-user-select : none; -moz-user-select : none; -ms-user-select : none; user-select : none; }.fancybox-thumbs > ul > li:before { content : ''; position : absolute; top : 0; right : 0; bottom : 0; left : 0; border-radius : 2px; border : 4px solid #4ea7f9; z-index : 99991; opacity : 0; -webkit-transition : all 0.2s cubic-bezier(0.25,0.46,0.45,0.94); -o-transition : all 0.2s cubic-bezier(0.25,0.46,0.45,0.94); transition : all 0.2s cubic-bezier(0.25,0.46,0.45,0.94); }.fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity : 1; }@media (max-width:800px) { .fancybox-thumbs { display : none!important; }.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right : 0; } } .recom { margin-bottom : 39px; } .recom h5 { margin-bottom : 12px; } .columns-4 { -webkit-columns : 4; -moz-columns : 4; columns : 4; -webkit-column-gap : 20px; -moz-column-gap : 20px; column-gap : 20px; } ul.columns-4 li { list-style : none; margin : 0; padding : 0; background : none; font-size : 12px; } .columns-4 li a { display : inline-block; margin-bottom : 3px; text-decoration : underline; } .no-touch .recom ul li a:hover { text-decoration : none; } .news-list { padding-right : 20px; padding-left : 20px; margin-top : 25px; } .news-item { position : relative; display : block; margin-top : 10px; padding : 25px 20px; height : 190px; background : #ffffff; -webkit-box-shadow : 0 0 7px 0 rgba(182, 182, 182, 0.9); box-shadow : 0 0 7px 0 rgba(182, 182, 182, 0.9); border-radius : 7px; overflow : hidden; -webkit-transition : -webkit-box-shadow 0.3s; transition : -webkit-box-shadow 0.3s; -o-transition : box-shadow 0.3s; transition : box-shadow 0.3s; transition : box-shadow 0.3s, -webkit-box-shadow 0.3s; } .news-item__img { position : absolute; top : 0; left : 0; bottom : 0; width : 270px; background-color : #f1f1f1; background-repeat : no-repeat; background-position : center center; } .news-item__content { padding-left : 280px; } .news-title { color : inherit; margin : 10px 0; max-width : 650px; } .news-date { display : inline-block; vertical-align : middle; color : #787c86; margin-right : 20px; } .news-status { display : inline-block; vertical-align : middle; white-space : nowrap; } .news-status img { display : inline-block; vertical-align : middle; width : 20px; max-width : 100%; } .news-status__title { display : inline-block; vertical-align : middle; margin-left : 5px; } .news-status__title.active { color : #257315; } .news-status__title.close { color : #e54a41; } .news-descr { color : #000000; font-size : 14px; line-height : 22px; max-width : 650px; } .news-item:before { content : ''; position : absolute; bottom : 0; left : 280px; right : 0; height : 40px; background : -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(rgba(224, 224, 224, 0))); background : -webkit-linear-gradient(bottom, #ffffff 30%, rgba(224, 224, 224, 0)); background : -o-linear-gradient(bottom, #ffffff 30%, rgba(224, 224, 224, 0)); background : -webkit-gradient(linear, left bottom, left top, color-stop(30%, #ffffff), to(rgba(224, 224, 224, 0))); background : linear-gradient(to top, #ffffff 30%, rgba(224, 224, 224, 0)); z-index : 1; } .news-detail { margin-top : 15px; margin-bottom : 30px; } .news-detail .detail_picture { float : left; margin : 0 8px 6px 1px; } .news-date-time { display : inline-block; background : #f6f6f6; margin : 10px 10px 10px 0; padding : 12px 15px; border-radius : 4px; } .news-list .preview_picture { float : left; margin : 0 4px 6px 0; } .news-item .preview_text { margin : 0 0 10px 0; } .news-detail { max-width : 1000px; } .no-touch .news-item:hover { -webkit-box-shadow : 0 15px 40px rgba(0,0,0,0.2); box-shadow : 0 5px 20px rgba(0,0,0,0.2); z-index : 1; } /* --- fixed navigation --- */ .fixed-navigation { position : fixed; margin : 0; left : auto; right : 30px; bottom : 70px; z-index : 99; } .touch .fixed-navigation { bottom : 100px; } .fixed-navigation_item { margin-bottom : 10px; -webkit-transition : opacity 0.25s ease 0.25s, margin 0.25s; -o-transition : opacity 0.25s ease 0.25s, margin 0.25s; transition : opacity 0.25s ease 0.25s, margin 0.25s; position : relative; z-index : 2; } .fixed-navigation_item.hidden { display : block; opacity : 0; margin-top : -40px; -webkit-transition : opacity 0.25s, margin 0.25s ease 0.25s; -o-transition : opacity 0.25s, margin 0.25s ease 0.25s; transition : opacity 0.25s, margin 0.25s ease 0.25s; z-index : 1; pointer-events : none; } .fixed-navigation_item__info { margin-top : 30px; } body:not(.informer-minimized) .fixed-navigation_item__informer { opacity : 0; visibility : hidden; margin-bottom : 0; margin-top : -30px; pointer-events : none; } .fixed-navigation-btn { display : inline-block; vertical-align : middle; width : 30px; height : 30px; border-radius : 50%; background : rgba(32, 32, 32, 0.15); -webkit-transition : 0.15s; -o-transition : 0.15s; transition : 0.15s; cursor : pointer; position : relative; border : none; } .fixed-navigation-btn_inner { position : relative; z-index : 1; } .fixed-navigation-btn__up::after, .fixed-navigation-btn__down::after { content : ''; position : absolute; top : 50%; left : 50%; width : 10px; height : 10px; border-left : 3px solid #ffffff; border-bottom : 3px solid #ffffff; margin : -5px 0 0 -5px; } .fixed-navigation-btn__up::after { -ms-transform : rotate(135deg) scale(0.85); -webkit-transform : rotate(135deg) scale(0.85); -o-transform : rotate(135deg) scale(0.85); transform : rotate(135deg) scale(0.85); margin-top : -3px; } .fixed-navigation-btn__down::after { -ms-transform : rotate(-45deg) scale(0.85); -webkit-transform : rotate(-45deg) scale(0.85); -o-transform : rotate(-45deg) scale(0.85); transform : rotate(-45deg) scale(0.85); margin-top : -7px; } .no-touch .fixed-navigation-btn:hover { background-color : rgba(32,32,32,0.3); } .fixed-navigation-btn__info { background : #c3143c -webkit-gradient(linear, left top, left bottom, from(#da2864), to(#c3143c)); background : #c3143c -webkit-linear-gradient(top, #da2864, #c3143c); background : #c3143c -o-linear-gradient(top, #da2864, #c3143c); background : #c3143c linear-gradient(to bottom, #da2864, #c3143c); color : #ffffff; font-weight : 600; font-size : 16px; /*-moz-animation: morg-alt 3s infinite; -webkit-animation: morg-alt 3s infinite; animation: morg-alt 3s infinite;*/ } .fixed-navigation-btn__info::before { content : ''; position : absolute; top : 0; left : 0; right : 0; bottom : 0; border-radius : inherit; background : #c3143c -webkit-gradient(linear, left top, left bottom, from(#f94d7c), to(#d6254e)); background : #c3143c -webkit-linear-gradient(top, #f94d7c, #d6254e); background : #c3143c -o-linear-gradient(top, #f94d7c, #d6254e); background : #c3143c linear-gradient(to bottom, #f94d7c, #d6254e); opacity : 0; -webkit-transition : inherit; -o-transition : inherit; transition : inherit; } .no-touch .fixed-navigation-btn__info:hover::before { opacity : 1; } .fixed-navigation__link { display : inline-block; line-height : 25px; text-align : center; } .fixed-navigation__link .icon { z-index : 1; position : relative; } dl.phone-list { max-width : 250px; } .section > .list-block .map-level-2 > li { margin-bottom : 20px; } .section > .list-block .map-level-2 > li > ul { margin-top : 10px; } .personal-office-content { margin-left : 0; } .personal-office-panel { width : auto; float : none; margin-top : 30px; } .user-info-main { display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-box-align : center; -webkit-align-items : center; -ms-flex-align : center; align-items : center; padding : 10px 15px; background : #dff0d8; border-radius : 4px; } .user-info-main h3 { margin-right : 20px; } .personal-office-sidebar { text-align : center; } .personal-office-sidebar ul { border-bottom : 1px solid #c6c6c6; } .personal-office-sidebar ul li { position : relative; background : url(/images/tabs_bg.gif) 0 0 repeat-x #f5f8f5; border : 1px solid #eeeeee; border-bottom-color : #c6c6c6; float : left; margin : 0 0 -1px 4px; padding : 0; border-radius : 5px 5px 0 0; z-index : 10; } .personal-office-sidebar ul li a { display : block; padding : 6px 9px 7px; } .personal-office-sidebar ul li.selected { margin-left : 4px; padding-left : 0; background : none; font-weight : 700; border-color : #c6c6c6; border-bottom : 1px solid #ffffff; z-index : 12; } .personal-office-sidebar ul li.selected a { color : #337b22; font-size : 14px; } .personal-office-sidebar ul li:first-child { margin-left : 0; } .office-menu { padding-left : 0; margin : 0 0 20px; } .personal-office-sidebar a.logout { position : absolute; right : 0; top : 0; padding : 4px 15px; border : 1px solid #e54a41; border-radius : 5px; } .logout .svg-icon { width : 16px; height : 16px; margin-left : 10px; } .no-touch .personal-office-sidebar ul li:hover { border-color : #c6c6c6; } .no-touch .personal-office-sidebar ul li.selected:hover { border-bottom-color : #ffffff; } .personal-data, .personal-data-table, .my-orders-header { border-top : none; } /*-------- cart style ---------*/ .basket-new { padding : 0; } .basket-new-main { background : #f1f1f1; padding : 30px 20px 40px; } .basket-new-input { max-width : 100%; } .basket-new-form { position : relative; margin-bottom : 33px; } .basket-new-form-item { margin-bottom : 21px; } .back-link { margin : 0; padding : 0; } .basket-preview-item { display : inline-block; vertical-align : middle; margin : 10px 20px 0 0; white-space : nowrap; } .basket-preview-item .items-number { display : inline-block; vertical-align : middle; } .basket-preview-item .select-wrapper { display : inline-block; float : none; vertical-align : middle; margin : 0; } .basket-preview-item .tag { line-height : 22px; } .small-img-wrap img { display : inline-block; vertical-align : middle; max-width : 100%; } .basket-block { position : relative; background : #ffffff; padding-top : 26px; margin-bottom : 10px; padding-bottom : 25px; -webkit-box-shadow : 0 0 7px 0 rgba(182, 182, 182, 0.9); box-shadow : 0 0 7px 0 rgba(182, 182, 182, 0.9); } .basket-block-main { width : 100%; float : left; overflow : visible; } .basket-block-main > div { padding : 0 261px 0 222px; } .left-sidebar { float : left; width : 208px; margin-right : -100%; margin-left : 0; position : relative; } .right-sidebar { float : left; width : 229px; margin-left : -230px; position : relative; } .basket-block-main h4 { margin-bottom : 7px; } .basket-block-main h4 a { color : #313131; text-decoration : underline; } .basket-block-main h4 a:hover { text-decoration : none; } .basket-block_art { display : inline-block; color : #777777; font-size : 12px; line-height : 16px; } .basket-block .right-sidebar p { font-size : 12px; color : #777777; margin-bottom : 5px; } .basket-block .right-sidebar p.delay { color : #e54a41; margin : 13px 0; } .basket-block h6.with-line { display : block; border-bottom : 1px solid #e8e8e8; margin-bottom : 0; position : relative; height : auto; font-size : 12px; font-family : Arial; color : #777777; width : 100%; } .basket-block h6.with-line span { display : inline-block; background : #ffffff; margin-bottom : 0; position : relative; bottom : -10px; left : 0; padding-right : 13px; font-weight : normal; } .basket-item-info { margin : 20px 0; } .come-in-handy { display : table; width : 100%; margin-bottom : 0; } .come-in-handy__row { display : table-row; } .come-in-handy__cell { display : table-cell; vertical-align : middle; padding : 18px 0; border-bottom : none; border-top : 1px solid #e8e8e8; font-size : 12px; line-height : 16px; } .come-in-handy__row:first-child .come-in-handy__cell { border-top : none; } .come-in-handy__cell:first-child { width : 70px; } .ch-price { width : 109px; padding-left : 15px; } .ch-price span { display : block; font-family : 'Arial Narrow', sans-serif; font-weight : bold; font-size : 14px; } .ch-to-basket { width : 78px; } .ch-to-basket a { border-color : #4cc300; color : #007400; white-space : nowrap; } span.price-green { color : #257315; } span.price-new { color : #e54a41; } span.price-old { font-weight : normal; text-decoration : line-through; color : #777777; } .input-block { display : -webkit-inline-box; display : -webkit-inline-flex; display : -ms-inline-flexbox; display : inline-flex; vertical-align : middle; width : 100%; max-width : 255px; } .input-block label { float : left; border-radius : 5px 0 0 5px; border : 1px solid #c6c6c6; line-height : 38px; padding : 0 15px 0 14px; background : #f8f8f8; border-right : none; font-size : 14px; color : #777777; height : 40px; background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f8f8f8), color-stop(100%, #f1f1f1)); background : -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 50%, #f1f1f1 100%); background : -o-linear-gradient(top, #ffffff 0%, #f8f8f8 50%, #f1f1f1 100%); background : -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #f8f8f8), to(#f1f1f1)); background : linear-gradient(to bottom, #ffffff 0%, #f8f8f8 50%, #f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0); } .input-block input.input { width : 55px; border-radius : 0 5px 5px 0; } .input-block-phone { float : left; width : 225px; } .input-block-hint { display : inline-block; margin-top : 8px; } .input-wrapper { margin-bottom : 0; } .delivery-date-select.not-found .payment-method { max-width : 100%; background : #fff5ba; font-size : 13px; padding-left : 15px; padding-right : 15px; border : none; width : auto; margin-left : 0; cursor : text; } .delivery-date-select .payment-method { margin : 5px 0 0 0; } .input-block__multiline{margin-bottom: 10px;} .input-box { display : inline-block; position : relative; width : 100%; max-width : 255px; } .input-box input.input { width : 100%; } .input-block, .input-box, .form-row__input .or { float : left; } .validate-ico{ background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; -webkit-background-size: contain; width: 16px; height: 16px; position: absolute; right: 10px; top: 50%; margin-top: -8px; display: none; } .validated .validate-ico{ display: block; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0MjYuNjY3IDQyNi42NjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQyNi42NjcgNDI2LjY2NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxwYXRoIHN0eWxlPSJmaWxsOiM2QUMyNTk7IiBkPSJNMjEzLjMzMywwQzk1LjUxOCwwLDAsOTUuNTE0LDAsMjEzLjMzM3M5NS41MTgsMjEzLjMzMywyMTMuMzMzLDIxMy4zMzMgIGMxMTcuODI4LDAsMjEzLjMzMy05NS41MTQsMjEzLjMzMy0yMTMuMzMzUzMzMS4xNTcsMCwyMTMuMzMzLDB6IE0xNzQuMTk5LDMyMi45MThsLTkzLjkzNS05My45MzFsMzEuMzA5LTMxLjMwOWw2Mi42MjYsNjIuNjIyICBsMTQwLjg5NC0xNDAuODk4bDMxLjMwOSwzMS4zMDlMMTc0LjE5OSwzMjIuOTE4eiIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)} .clear-btn{ position: absolute; right: 0; margin-right: 5px; top: 4px; bottom: 4px; margin-bottom: 0; padding: 7px; line-height: 15px; background: #ffffff; } .form-row__input .or{ color: #777777; font-size: 12px; line-height: 31px; vertical-align: middle; margin: 10px; } .form-row .delivery-date-select{ clear: both; width: 100%; max-width: 700px; margin-right: 0; } .payment-method { background : #fefefe; float : none; -webkit-box-shadow : 1px 1px 5px #d8d8d8; box-shadow : 1px 1px 5px #d8d8d8; border : 3px solid #fefefe; position : relative; } .self-delivery-method-cashless, .payment-method-cashless { width : 700px; max-width : 100%; padding : 8px 15px 3px 15px; } .payment-method-cashless-collapsed { width : 700px; max-width : 100%; } .self-delivery-method-list li, ul.payment-method-list li { display : table; width : 100%; } .payment-method-flag { display : table-cell; vertical-align : top; width : 18px; padding-right : 20px; } .self-delivery-method-img, .payment-method-img { display : table-cell; vertical-align : top; float : none; width : 80px; text-align : center; padding-top : 3px; padding-right : 20px; } .self-delivery-method-img img, .payment-method-img img { display : inline-block; vertical-align : middle; max-width : 100%; height : auto; } .self-delivery-method-text, .payment-method-text { display : table-cell; vertical-align : top; width : auto; float : none; padding-top : 0; } .self-delivery-method-list i, .payment-method-list i { background : url(/images/basket-new/radio-button.png) no-repeat 0 0; display : inline-block; vertical-align : middle; width : 18px; height : 18px; cursor : pointer; margin-top : 3px; margin-right : 0; } .payment-method-list li.selected i { background-position : 0 -18px; margin-right : 0; } .input-box_460{ max-width: 460px; } .input-box_700{ max-width: 700px; } .radio-decotated-item { float : left; margin-bottom : 10px; } .radio-decotated-item input { display : none; } .radio-decotated-item label { display : inline-block; max-width : 300px; min-width : 50px; padding : 10px 20px; cursor : pointer; margin-right : 10px; background : #fefefe; -webkit-box-shadow : 1px 1px 5px #d8d8d8; box-shadow : 1px 1px 5px #d8d8d8; font-weight : 700; border : 3px solid #fefefe; position : relative; } .radio-decotated-item label:after { display : block; position : absolute; right : 0; top : 0; background : url(/images/basket-new/method-selected-ico.png) no-repeat 0 0; width : 38px; height : 38px; } .radio-decotated-item input:checked + label { border : 3px solid #7dc203; } .radio-decotated-item input:checked + label:after { content : ''; width : 19px; height : 19px; -webkit-background-size : 100% 100%; background-size : 100%; } .basket-address-block .input-block { width : auto; float : none; margin : 0 10px 10px 0; } .basket-address-block .input-block-phone { margin : 0; } .basket-address-block > span { color : #777777; font-size : 12px; line-height : 39px; float : none; margin-left : 19px; } .validated .input { padding-right : 30px; overflow : hidden; text-overflow : ellipsis; } .leftgreat { display : block; background : url(/images/great.jpg) no-repeat 20px 27px; float : none; height : 382px; margin-left : 0; padding : 0; width : 70%; } .payment-table img{max-width: none;} .list-stock-news{ overflow: hidden;} .stock-news-group{margin: 20px 0;} .item-stock-news-group{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: -15px -15px 0; } .item-group{ width: 33.33336%; padding: 0 15px; margin: 15px 0; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; min-width: 300px } .item-group-date{ display: block; font-size: 12px; font-weight: 300; line-height: 18px; color: #595959; margin-bottom: 5px; } .item-group-link{ display: block;} .tooltip .clear-form {float: right;} .sidebar-filter {overflow: visible;} .filter-item-block {overflow: visible;} .hidden-catalog-filter-area {position: absolute; top: -8px; left: 180px; background: white; box-shadow: #000000 1px 2px 4px; padding: 10px; width: 250px; z-index: 5;} .hidden-catalog-filter-area .two-cols-float { display: flex; justify-content: space-around; align-items: flex-start; flex-flow: column wrap; max-height: 350px;} .hidden-catalog-filter-area .two-cols-float .form-item { min-width: 100px; margin-top: 3px; margin-bottom: 3px;} .hidden-catalog-filter-area.wide-hidden-area {width: 320px;} .hidden-catalog-filter-area .show-all {display: none;} .similar-slider{ margin: 50px 0; } .similar-slider h2{ margin-bottom: 0; } .similar-slider .added-info{ min-height: 1px; bottom: 15px; background-size: 100% 100%; padding-bottom: 5px; } .similar-slider .added-info .long-message, .similar-slider .added-info span{ height: auto; padding: 13px 10px; min-height: 1px; } .similar-slider__carousel{ display: flex; overflow: hidden; } .similar-slider .slick-track{ display: flex; } .similar-slider .catalog_table__item{ flex-shrink: 0; height: auto; border: 1px solid #e8e8e8; margin-top: 22px; } .similar-slider .catalog_table__item .td_overlay{ padding: 15px; } .similar-slider .catalog_table__item .main-product-info{ padding-left: 0; } .slick-arrow-default.slick-initialized{ overflow: visible; } .slick-arrow-default .slick-arrow{ border: none; outline: none; background: none; box-shadow: none; position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 50px; font-size: 0; display: flex; align-items: center; justify-content: center; z-index: 5; padding: 0; cursor: pointer; transition-duration: 300ms; } .slick-arrow-default .slick-arrow:hover{ opacity: 0.6; } .slick-arrow-default .slick-arrow::after{ content: ''; display: block; width: 16px; height: 16px; transform: rotate(-45deg); border-left: 4px solid; border-top: 4px solid; opacity: 0.8; } .slick-arrow-default .slick-prev{ left: -30px; } .slick-arrow-default .slick-next{ right: -30px; } .slick-arrow-default .slick-next::after{ transform: rotate(135deg); } .slick-dots-default .slick-dots{ margin-top: 15px; display: flex; justify-content: center; align-items: center; } .slick-dots-default .slick-dots li{ width: 10px; height: 10px; border-radius: 50%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.5); transition-duration: 300ms; cursor: pointer; margin: 0 3px; } .slick-dots-default .slick-dots button{display: none;} .slick-dots-default .slick-dots .slick-active{ background-color: rgba(0,0,0,0.5); } .slick-dots-default{} .slick-dots-default{} @media (max-width: 1290px){ .slick-arrow-default .slick-prev{ left: 0; } .slick-arrow-default .slick-next{ right: 0; } } @media (max-width: 450px){ .similar-slider .catalog_table__item .total-stars{ width: auto; text-align: center; } .similar-slider .catalog_table__item .image img{ vertical-align: top; display: inline-block; } .similar-slider .catalog_table__item .main-product-info{ text-align: center; } .similar-slider .catalog_table__item .catalog-byn-prices{ text-align: center; } .similar-slider .catalog_table__item .price sup{ vertical-align: top; position: static; } .slick-dots-default .slick-dots li{ width: 6px; height: 6px; } } @media(max-width: 1199px) { .page-header__cell-logo { width : 235px; } .contacts-block { display : block; } .contacts-block__phones, .contacts-block__time { display : block; width : 100%; padding-left : 0; } .contact-grid { margin-bottom : 5px; } .working-time > * { display : inline-block; vertical-align : middle; margin : 0 10px 0 0; } .working-time ul, .working-time p { margin : 0; } .working-time p { padding-right : 6px; } .list-block > ul { -webkit-columns : 3; -moz-columns : 3; columns : 3; } .product-list-main-i .catalog_table__item { width : 33.333333%; } .product-price-info { width : 450px; min-width : 450px; } .btn-to-basket { } .review-block-main { width : 580px; } .review-tips-inner { padding-left : 600px; } .belarus-top { display : block; } .belarus-top-cell:first-child, .belarus-top-cell { display : block; width : auto; padding : 0; } .auth-form { margin-left : -345px; } } @media(max-width: 991px) { h1, .h1, .price-usd{ font-size: 28px; line-height: 36px; } h2, .h2, .bonus-banner h2{ font-size: 24px; line-height: 32px; } h3, .h3{ font-size: 20px; line-height: 28px; } h4, .h4{ font-size: 17px; line-height: 25px; } .hidden-sm { display : none !important; } .visible-sm { display : block; } .visible-sm_ib { display : inline-block !important; } .sections-header { border-bottom : none; } [data-accordion-init='sm'] .js-accordion__body { display : none; } [data-accordion-init='sm'] .accordion__btn { padding-right : 15px; } [data-accordion-init='sm'] .accordion__btn .section-header__title { color : #326fbb; } .open[data-accordion-init='sm'] .accordion__btn, .open[data-accordion-init='sm'] .accordion__btn .section-header__title, .open[data-accordion-init='sm'] .accordion__btn a { color : #257315; } [data-accordion-init='sm'] .accordion__btn:before { display : block; } .rect-banner__title { font-size : 18px; line-height : 24px; } .rect-banner__txt { font-size : 14px; line-height : 20px; } .page-header__cell-logo { width : 190px; } .page-header__cell-logo img { max-height : 90px; } .page-header__row { padding-top : 40px; } .page-header-top-nav { position : absolute; left : 0; right : 0; top : 0; background : #ffffff; padding : 8px 20px; border-bottom : 1px solid #eaeaea; } .catalog-btn { width : 170px; } .catalog-btn__count { display : none; } .catalog_table__item { width : 33.333333%; } .main-banners__grid-item { width : -webkit-calc(50% - 20px); width : calc(50% - 20px); } .main-banners__grid-item:nth-child(3) { display : none; } .no-touch .rect-banner:hover { border-color : #e2e2e2; } .contact-grid { -moz-column-count : 3; -webkit-column-count : 2; column-count : 3; } .copyright { width : 100%; margin-top : 20px; } .sections .searchHint span { width : 220px; } .main-slider__title { font-size : 40px; line-height : 50px; } .dropdown .top-nav-menu__link, .page-nav-item-wrap .compare_list a { padding : 6px 10px; } ul.breadcrumbs-new li { display : none; background : none; } ul.breadcrumbs-new li:nth-last-child(2) { display : block; position : relative; padding-left : 16px; margin : 0; } ul.breadcrumbs-new li:nth-last-child(2):before { content : '← '; position : absolute; left : 0; top : -1px; vertical-align : middle; } .product-list { position : static; height : auto; } .product-list-main-i { padding : 0; } .product-list-sidebar { position : fixed; padding : 0; margin : 0; left : 0; top : 0; bottom : 0; background : #ffffff; z-index : 995 !important; -webkit-transform : translate3d(-100%, 0, 0); transform : translate3d(-100%, 0, 0); -webkit-transition : -webkit-transform 300ms; transition : -webkit-transform 300ms; -o-transition : -o-transform 300ms; transition : transform 300ms; transition : transform 300ms, -webkit-transform 300ms, -o-transform 300ms; } .product-list-sidebar.open { -webkit-transform : translate3d(0,0,0); transform : translate3d(0,0,0); } .sidebar-filter { height : -webkit-calc(100% - 50px); height : calc(100% - 50px); overflow : auto; } .sidebar-banner, .product-list-sidebar .show-vote { display : none !important; } .tags-section { position : fixed; width : 220px; padding : 0; margin : 0; left : 0; top : 0; bottom : 0; background : #ffffff; z-index : 995; -webkit-transform : translate3d(-100%, 0, 0); transform : translate3d(-100%, 0, 0); -webkit-transition : -webkit-transform 300ms; transition : -webkit-transform 300ms; -o-transition : -o-transform 300ms; transition : transform 300ms; transition : transform 300ms, -webkit-transform 300ms, -o-transform 300ms; } .tags-section.open { -webkit-transform : translate3d(0, 0, 0); transform : translate3d(0, 0, 0); } .tags-container { height : 100%; overflow : auto; } .tags__item { display : block; } .tag-link { margin : 5px 0; white-space : normal; } .mobile-header { display : block; } .mobile-sidebar { width : 320px; } .toggle-section { display : block; } .mobile-panel .mobile-header { display : block; } .comp-item-top { width : 180px; } .comparison-table-item { width : 180px; } .product-price-info { width : 450px; min-width : 450px; } .product-price-info .product-old-price { margin-top : 3px; } .product-gallery-w { padding-left : 60px; } .product-gallery-full { padding-left : 0; } .gallery-nav-center { display : block; height : auto; } .gallery-nav li a { width : 50px; height : 50px; } .main-content { float : none; } .main-content-inner { padding : 0; float : none; } .accordion-sidebar { float : none; margin : 0; width : auto; } .accordion-sidebar-inner { -webkit-columns : 2; -moz-columns : 2; columns : 2; -webkit-column-gap : 20px; -moz-column-gap : 20px; column-gap : 20px; } .similar-product { display : inline-block; width : 100%; } .similar-product-info a { display : inline-block; } .similar-product-price a { display : inline-block; } .review-block-main { width : 60%; margin-bottom : 20px; } .review-tips-inner { padding-left : -webkit-calc(60% + 20px); padding-left : calc(60% + 20px); } .review-form-footer { padding-left : 0; width : auto; } .review-form-footer > div { width : auto; } .total-stars i.big-stars { float : none; margin : 0; } .publish-submit { float : none; } .review-form .form-row, .review-form .form-row__label, .review-form .form-row__input { display : block; width : 100%; } .review-form .form-row__label { margin-bottom : 10px; } /*.review-form-main > .form-row .form-row__label, .review-form-main > .form-row .form-row__input{ display: inline-block; width: auto; margin-right: 10px; padding-top: 0; vertical-align: middle; margin-bottom: 0;}*/ .reg-page { background-position : 0 100%; padding-top : 0; padding-bottom : 160px; -webkit-background-size : 65% 65%; background-size : 65%; } .auth-page { background-position : 0 100%; padding-top : 0; padding-bottom : 200px; -webkit-background-size : 65% 65%; background-size : 65%; } .auth-form { margin-top : 12px; } .buy-now-only .top-price-area { padding-left : 20px; padding-right : 20px; } .columns-4 { -webkit-columns : 2; -moz-columns : 2; columns : 2; } .shipping-adv-wrap { display : block; } .shipping-adv-table { margin : 30px 0 20px; } .shipping-header .h1 { width : auto; margin-right : 0; } .shipping-list-main__col { width : 33.333333%; margin-bottom : 20px; } .shipping-phones { width : 50%; } .shipping-phones .phones > div { float : none; margin : 0 0 10px; } #shipping-area { width : 60%; margin-right : 30px; } .shipping-map-main > div { padding : 0 0 0 60%; } .bonus-banner { padding-left : 40px; padding-right : 40px; } .bonus-main { padding-left : 0; padding-right : 0; } .bonus-banner { max-height : 360px; } .bonus-banner h2 { margin-bottom : 20px; } .bonus-banner > div { width : auto; max-width : 280px; } .bonus-banner p { width : auto; font-size : 14px; line-height : 22px; } /*-------- cart style ---------*/ .left-sidebar { width : 180px; padding : 0 30px; } .basket-product-img { display : block; float : none; width : auto; } .basket-product-img img { display : inline-block; vertical-align : middle; max-width : 100%; } .basket-product-check { display : inline-block; float : none; width : auto; margin-top : 5px; } .basket-block-main > div { padding : 0 30px 0 180px; } .basket-block-main h4 { } .basket-preview-total .basket-block-main { width : auto; } .basket-block-main .basket-block-main_footer { padding : 0; } .right-sidebar { float : right; margin : 10px 0 0; } .hidden-catalog-filter-area {left: 0; width: 100%; } .hidden-catalog-filter-area .show-all {display: block;} } @media(max-width: 767px) { .visible-xs { display : block !important; } .visible-xs_ib { display : inline-block !important; } .hidden-xs { display : none !important; } .pseudo-select-xs_ib { display : inline-block; } [data-accordion-init='xs'] .accordion__btn:before { display : block; } [data-accordion-init='xs'] .js-accordion__body { display : none; } [data-accordion-init='xs'] .accordion__btn { padding-right : 15px; } [data-accordion-init='xs'] .accordion__btn .section-header__title { color : #326fbb; } .open[data-accordion-init='xs'] .accordion__btn, .open[data-accordion-init='xs'] .accordion__btn .section-header__title, .open[data-accordion-init='xs'] .accordion__btn a { color : #257315; } [data-accordion-init='xs'] .accordion__btn:before { display : block; } .row_tp { padding : 0; } .page-main__title { padding : 0; } .guideline_container { padding-left : 0; padding-right : 0; } .dropdown-xs { position : absolute; display : none; width : 100%; padding : 15px 20px; -webkit-box-shadow : 0 0 5px rgba(0, 0, 0, 0.5); box-shadow : 0 0 5px rgba(0, 0, 0, 0.5); } .dropdown-xs.open { display : block; } .basket-dropdown { left : -185px !important; } .catalog .h2 { display : block; text-align : center; margin : 0 0 16px; width : 100%; } .shipping-tabs-dropdown, .catalog .tabs { overflow : visible; text-align : center; background : none; margin : auto; } .shipping-tabs-dropdown .pseudo-select, .catalog .tabs .pseudo-select { display : block; text-align : left; padding-top : 11px; padding-bottom : 11px; } .shop-tabs.dropdown-xs, .catalog .tabs .tab-list.dropdown-xs { padding : 15px 0; } .shipping-tabs-dropdown { position : relative; } .shop-tabs.dropdown-xs li { float : none; margin : 0; } .catalog .tabs .tab-list.dropdown-xs li, .shop-tabs.dropdown-xs li a { background : none !important; display : block; vertical-align : top; font-size : 14px; line-height : 20px; text-align : left; float : none; border : none; margin : 0; padding : 0; border-radius : 0; font-weight : normal; } .catalog .tabs:before { display : none; } .pseudo-select-xs_ib h1, .shop-tabs.dropdown-xs li a, .shop-tabs.dropdown-xs li a h1 { font-size : 14px; font-family : Arial, Helvetica, sans-serif; width : auto; margin : 0; line-height : 20px; text-align : left; float : none; font-weight : normal; } .shop-tabs-content { padding-left : 0; padding-right : 0; } .shop-tabs li a, .shop-tabs li a.selected { padding-right : 13px; padding-left : 13px; } .shop-tabs li a, ul.shop-tabs li a h1 { font-size : 14px; } .shop-tabs.dropdown-xs li a, .tab-list.dropdown-xs li a { display : block; padding : 5px 20px; font-family : Arial, Helvetica, sans-serif; } .catalog_table__item { width : 50%; } .page-header__cell-logo { width : auto; text-align : left; padding : 0 20px 0 0; } .page-header__cell-logo img { max-height : none; height : auto; width : 160px; } .logo img { } .contacts-block { text-align : right; } .contacts-block__time { display : none; } .page-header__cell-main { width : 200px; } .page-nav .container { padding : 0; } .catalog-btn { width : 200px; } .page-nav__cell-compare, .page-header-bottom-btn__txt { display : none; } .page-header-bottom-btn__badge { margin-left : 0; } .top-search-mobile__btn .svg-icon { max-width : 100%; max-height : 100%; } .dropdown_xs { position : relative; } .contact-grid { position : absolute; top : 100%; -moz-column-count : 1; -webkit-column-count : 1; column-count : 1; } .contact-grid__item { display : block; padding-bottom : 12px; } .footer-nav__column { width : 100%; padding : 0 20px; margin : 5px 0; text-align : left; } .footer-nav__column .h5 { display : none; } .reviews { min-height : 70px; max-width : 360px; margin : 0 auto; padding : 10px 0 10px 90px; text-align : left; } .reviews a { display : inline-block; width : 130px; margin-top : 10px; padding : 0 15px; vertical-align : top; } .copyright { text-align : center; margin-top : 0; padding-top : 0; border-top : none; } .footer-nav .row { margin : 0 -15px 0; } .page-nav__cell-menu { position : static; } .cat_nav li > .submenu { position : static; margin-top : 0; min-width : 100%; } .cat_nav > li > .submenu > ul { -webkit-column-width : auto; -moz-column-width : auto; column-width : auto; } .cat_nav li li, .cat_nav li:hover li { margin : 0 0 0 12px; } .cat_nav li li a, .cat_nav li.submenu-visible li a { padding : 7px 10px 7px 20px; } .cat_nav > li > a { padding : 10px 20px 10px 20px; } .main-banners__grid { display : block; width : 100%; border : 1px solid #e2e2e2; border-radius : 5px; } .main-banners__grid-item { display : block; margin : 0; width : 100%; border-radius : 0; border : none; border-bottom : 1px solid #e2e2e2; } .main-banners__grid-item:last-child { display : block; } .main-banners__grid-item:last-child { border : none; } .main-banners__grid-item { min-height : 90px; } .rect-banner { height : auto; } .rect-banner__title { margin-bottom : 5px; } .rect-banner__img-box { height : 75px; top : 9px; } .rect-banner__img-box img { max-height : 75px; } .rect-banner__img-box::after { height : 75px; } .main-slider__title { font-size : 28px; line-height : 38px; } .main-slider__nav-item { font-size : 12px; } .catalog { margin-top : 30px; } .add-compare { display : none; } .section_top { padding : 0 0 20px; } .sections-header h1 { padding : 20px 0; width : auto; } .sections .list-block { padding : 0 0 20px; margin : 0; } .list-block > ul, .content_item ul { -webkit-columns : 2; -moz-columns : 2; columns : 2; } .sections .searchHint { display : none; } .section__header { position : relative; min-height : 80px; padding : 10px 0 15px; display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-box-align : center; -webkit-align-items : center; -ms-flex-align : center; align-items : center; } .section-header__title { vertical-align : middle; margin : 0; } .section-header__icon { } .map-columns .section__header { min-height : inherit; padding : 15px 0; } .section ul li { margin : 7px 0; } .product-list-main-i .catalog_table__item { width : 50%; } .toggle-container { display : block; } .toggle-item { width : auto; -webkit-box-pack : start; -webkit-justify-content : flex-start; -ms-flex-pack : start; justify-content : flex-start; } .accordion-body-content { padding : 0; } .faq-items .ansver_left { width : 100%; } /*.sidebar-filter .form-item { margin : 10px 0; }*/ .accordion-main .question, .comparison-table-head__row a.question { display : none; } .pp-accordion-main { min-width : 260px; } .pp-accordion-bottom i { min-width : 256px; } .pp-accordion-top i { min-width : 254px; } .pp-accordion-close { position : absolute; left : 250px !important; top : 15px; } [data-viewport='mobile'] { display : block; } .product-gallery-w { margin-bottom : 40px; } .gallery-image-area { padding-right : 0; } .gallery-image__item { height : 200px; } .gallery-nav-area { margin-top : -45px; } .gallery-nav {margin-bottom: 5px;} .card-nav-area { position : static; } ul.card-nav { height : auto; padding-left : 0; padding-bottom : 10px; margin-top : 10px; } ul.card-nav li { line-height : 24px; } .cart-top-info { display : block; } .product-price-info { width : auto; min-width : inherit; -webkit-box-shadow : 0 2px 4px rgba(0, 0, 0, 0.3); box-shadow : 0 2px 4px rgba(0, 0, 0, 0.3); } .accordion-sidebar { float : none; margin : 0; } .main-content { float : none; } .main-content-inner { padding : 0; } .product-reviews { padding-right : 0; padding-left : 0; } .review-tips { display : none; } .review-block-main { float : none; margin : 0; width : 100%; } .img_opasity a { width : 60px; right : 0; } .description-row-item.more-description { display : none; } .product-description a.more-description { display : inline-block; padding-right : 10px; width : auto; height : auto; background-position : 100% 5px; vertical-align : middle; } .description-row-item a.more-description:before { content : 'Подробнее'; display : inline-block; vertical-align : middle; margin-right : 5px; font-size : 11px; color : #767676; } .product-description-row.opened a.more-description:before { content : 'Скрыть'; } .description-row-item.param-name { margin : 5px 0; } .description-row-item.small-text div { text-overflow : ellipsis; white-space : nowrap; } .product-description-row.opened .small-text div { white-space : normal; } .features-header { padding-right : 0; } .review-header { padding : 0 15px; } .review-main > div, .review-header div.h5 { padding : 0; width : auto; } .review-sidebar { width : auto; float : none; margin : 0; } .review-stars { float : right; } .review-stars span, .review-stars i.stars { float : none; display : block; margin-right : 0; } .reviews-footer > div { margin : 0; } .no-wrap label { display : block; margin-bottom : 5px; } .reviews-header h2, .total-stars { float : none; display : block; margin-left : 0; } .search-advices > div { margin-right : 0; float : none; } .guideline img, .search-advices > img { height : auto; } .auth-page, .reg-page { display : -webkit-box; display : -webkit-flex; display : -ms-flexbox; display : flex; -webkit-box-orient : vertical; -webkit-box-direction : reverse; -webkit-flex-direction : column-reverse; -ms-flex-direction : column-reverse; flex-direction : column-reverse; background : none; padding : 0 0 40px; } .auth-page h1 { width : auto; } .auth-page-main > div { margin-right : 0; } ul.auth-advantages { width : auto; } .auth-page-main, .auth-form { float : none; margin : 0; max-width : 100%; } .auth-page-main { margin-top : 40px; } .auth-form { margin : 12px auto 0; padding : 20px; width : 100%; } .auth-form form { max-width : 320px; margin : auto; } .auth-form-footer { margin : 20px -20px 0; line-height : 24px; padding-top : 10px; } a.auth-reg-link { margin : 20px -20px 0; } .product-parameters { margin-right : 0; } .accordion-sidebar { display : none; } .shipping-page-main { padding-right : 0; padding-left : 0; } .shipping-list-main { display : block; margin : 0; } .shipping-list-main__col { width : auto; position : relative; padding : 0; -webkit-box-align : center; -webkit-align-items : center; -ms-flex-align : center; align-items : center; border-top : 1px solid #e8e8e8; margin-bottom : 0; } .shipping-list-main__col ul { -webkit-columns : 3; -moz-columns : 3; columns : 3; -webkit-column-gap : 20px; -moz-column-gap : 20px; column-gap : 20px; } .shipping-list-main ul li { margin-top : 7px; margin-bottom : 7px; } .shipping-list-main__col .accordion__btn { margin : 0; position : relative; padding : 15px 20px 15px 0; } .shipping-list-main__col .accordion__body { margin-bottom : 20px; } [data-accordion-init='xs'] .accordion__body { display : none; } .shipping-adv-table { display : none; } .shipping-adv { margin-bottom : 20px; } .shipping-phones { width : 100%; border-right : none; border-bottom : 1px solid #c2c2c2; margin : 0 0 20px; padding : 0; } .shipping-phones .phones > div { display : inline-block; float : none; margin : 0 20px 0 0; } .shipping-map-main { float : none; } #shipping-area { float : none; width : auto; padding : 0; margin : 0; } .shipping-map-main > div { padding : 0 0 0 0; } .shipping-belarus-top { margin-bottom : 25px; } .shippting-bottom-info { padding : 0; } .bonus-main { padding-left : 0; padding-right : 0; -webkit-background-size : 200px 200px; background-size : 200px; padding-bottom : 75px; background-position : 100% 100%; } .boomerang-accent { padding-right : 0; background : none; } .bonus-banner { position : relative; } .bonus-banner:before { content : ''; position : absolute; top : 0; right : 0; left : 0; bottom : 0; background : rgba(247, 247, 247, 0.7); } .bonus-banner > div { position : relative; z-index : 1; } .news-list { padding-left : 0; padding-right : 0; } .news-item { padding : 20px; height : 170px; } .news-item__img { width : 160px; height : 170px; } .news-item__content { padding-left : 170px; } .news-item:before { left : 180px; } .user-info { position : static; margin : 0 0 20px; } .personal-office-panel { margin : 0 0 20px 0; } .feedback-form .form-row, .feedback-form .form-row__label, .feedback-form .form-row__input { display : block; width : auto; } .feedback-form .form-row_sm { max-width : 320px; } .feedback-form .form-row__label { margin-bottom : 10px; } .personal-office-sidebar ul { padding : 15px 0; } .personal-office-sidebar ul li { background : none !important; display : block; vertical-align : top; font-size : 14px; line-height : 20px; text-align : left; float : none; border : none; margin : 0; padding : 0; border-radius : 0; font-weight : normal; } .personal-office-sidebar ul li.selected { margin-left : 0; } .office-menu .pseudo-select { display : block; } .personal-office-sidebar .tabs { position : relative; overflow : visible; text-align : center; background : none; margin : auto; } .accordion-header { padding : 12px 20px; } .my-orders-header { display : none; } .delivery-table, .delivery-row { display : block; position : relative; width : auto; } .delivery-row { padding-right : 35px; } .delivery-cell { display : block; padding : 0; } .delivery-cell_date { display : inline-block; vertical-align : middle; } .delivery-cell_order-number { display : inline-block; vertical-align : middle; width : auto; } .delivery-cell_order-number-header { } .delivery-cell_status { } .delivery-cell_sum { } .delivery-cell_sum span { } .delivery-cell_arr { position : absolute; right : -4px; top : 50%; margin-top : -16px; } .basket-items-table, .basket-items-row { display : block; position : relative; width : auto; } .basket-items-row { padding : 15px 0 15px 120px; border-top : 1px solid #e8e8e8; } .basket-items-cell { display : block; border : none; padding : 0; margin : 5px 0; } .basket-items-cell_image { position : absolute; left : 0; top : 20px; width : 100px; } .basket-items-cell_image img { display : inline-block; vertical-align : middle; max-width : 100%; height : auto; } .basket-items-cell_description { width : auto; } .basket-items-cell_number { width : auto; } .basket-items-cell_price { width : auto; } .address dt, .address dd { float : none; padding-right : 0; width : auto; } .personal-data-table_edit, .personal-data-table_edit .personal-data-table-row, .personal-data-table_edit .personal-data-table-cell { display : block; width : auto; } .personal-data-table_edit .personal-data-table-cell { border : none; } .personal-data-table_edit .personal-data-table-row { border-bottom : 1px solid #e8e8e8; } .personal-data-table_edit .personal-data-table-cell:first-child { width : auto; } .delivery-address-edit dt, .delivery-address-edit dd { float : none; width : auto; } .related-main { margin : 10px 0 0; padding : 0; width : auto; float : none; } .related-sidebar { margin : 10px 0 20px; padding : 0; width : auto; float : none; } .related-main-i { padding : 0; } .related-sidebar ul { margin : 0; padding : 15px 0; } .related-sidebar ul li { padding : 0; } .related-sidebar ul li a { display : block; width : auto; height : initial; padding : 6px 10px 7px 10px; } .related-sidebar ul li.selected { background : none; } .related-sidebar ul li.selected a { color : #337b22; } .related-sidebar .pseudo-select { display : block; } .mid-b, .mid-b-im, .text-ch { display : block; width : auto; padding : 0; } /*-------- cart style ---------*/ [data-accordion-init='xs'] .accordion__btn { color : #326fbb; } [data-accordion-init='xs'] .accordion__btn.open { color : #257315; } .basket-preview-block .basket-new-main { padding : 20px 10px 35px; } .left-sidebar { position : static; width : 100px; padding : 0 20px; } .basket-product-img { display : block; float : none; width : auto; margin-top : 20px; } .basket-product-img img { display : inline-block; vertical-align : middle; max-width : 100%; } .basket-block-main > div { padding : 0 20px 0 100px; } .basket-block__related { margin-left : -80px; } .basket-block_art { position : absolute; left : 20px; top : 40px; font-size : 10px; } .basket-block-main { float : none; } .right-sidebar { float : none; margin : 20px 0 0; } .basket-block h6.with-line span { bottom : 0; } .delivery-date-select .payment-method { margin-right : 0; } .basket-new-form .form-row, .basket-new-form .form-row__input, .basket-new-form .form-row__label { display : block; width : auto; max-width : 100%; padding : 0; } .basket-new-form .form-row__label { margin-bottom : 10px; } .basket-new-form .form-row:after { clear : both; content : ' '; display : block; font-size : 0; height : 0; visibility : hidden; } .order-main-info { padding-left : 0; } a.go-to-basket { display : inline-block; position : static; margin-bottom : 20px; } .basket-new-check { padding-left : 0; margin : 0; } .basket-new-check > label { float : none; } p.privacy-info { padding-left : 0; } .centergreat { margin-right : 0; margin-left : 170px; } .leftgreat { width : auto; -webkit-background-size : 140px 140px; background-size : 140px; } .pp-accordion-block { max-width : 100%; padding : 0 10px; height : auto; margin-left : 0; } .pp-accordion-block.pp-green .indicator { left : 3px; } .pp-accordion-block { } .pp-added { left : 50%; top : 100%; background : #ffffff; position : absolute; border : 4px solid #6aa331; max-width : 300px; padding : 15px; line-height : normal; height : auto; overflow : visible; border-radius : 7px; margin-top : 15px; transform: translateX(-50%);} .pp-added:after, .pp-added:before { content : ''; position : absolute; top : auto; bottom : 100%; right : 50%; border : solid transparent; height : 0; width : 0; } .pp-added:before { border-width : 16px; border-color : rgba(194, 225, 245, 0); border-bottom-color : #6aa331; margin-right : -16px; } .pp-added:after { border-width : 10px; border-color : rgba(136, 183, 213, 0); border-bottom-color : #ffffff; margin-right : -10px; } .basket-block { padding : 12px 0; } .basket-preview-total { padding-right : 20px; padding-left : 20px; } .right-sidebar { margin-top : 30px; } .related-container h3 { margin-left : 0; text-align : center; } .tooltip.right:after, .tooltip.left:after{ left: 50%;right: auto; margin-left: -10px;} .tooltip.right:before, .tooltip.left:before{left: 50%; right: auto; margin-left: -16px;} .basket-block h6.with-line{color: #326fbb;} .leftgreat{background-position: 0 27px;} } @media(max-width: 479px) { .guideline td img { max-width : 54px; } h3, .h3 { font-size : 20px; line-height : 26px; } .visible-mobile { display : block; } .hidden-mobile { display : none !important; } .footer-nav .row { margin : 0 -10px 0; } .container { padding-right : 10px; padding-left : 10px; } .main-banners, .main-slider { margin : 10px 0; } .top-nav-menu__item { font-size : 12px; } .page-header-top-nav { position : static; padding : 20px 10px 0 0; border : none; display : inline-table; } .page-header-top-nav__auth { } .page-nav__cell-basket .page-nav-item-wrap .dropdown { right : 10px; left : auto; } .contacts-block__phones { text-align : right; padding-right : 10px; } .page-header__row { display : table; padding-top : 0; } .page-header__cell-logo, .page-header__cell-main { text-align : center; vertical-align : middle; margin : 0 auto; } .page-header__cell-main { text-align : right; } .page-header__cell-logo { padding : 20px 10px 20px 0; height : 60px; width : 100px; } .page-header__cell-logo .hidden-xs { display : block !important; } .page-header__cell-logo .visible-xs { display : none !important; } .top-search-mobile__btn { display : inline-block; float : right; } .page-nav__cell-search { display : block; width : 100%; position : absolute; top : 100%; -webkit-transform-origin : 50% 0; -ms-transform-origin : 50% 0; -o-transform-origin : 50% 0; transform-origin : 50% 0; left : 0; right : 0; padding : 0 20px; background : #257315; z-index : 2; border-top : 1px solid #5e9035; -webkit-transform : scaleY(0); -ms-transform : scaleY(0); -o-transform : scaleY(0); transform : scaleY(0); -webkit-transition : 300ms; -o-transition : 300ms; transition : 300ms; z-index: 3} .page-nav__cell-search.open { -webkit-transform : scaleY(1); -ms-transform : scaleY(1); -o-transform : scaleY(1); transform : scaleY(1); } .page-nav__cell-basket { width : 75px; } /*.contacts-block { margin-top : 14px; }*/ .contacts-block { margin-top : 5px; margin-bottom: 5px; } .logo img { max-height : 75px; } .catalog_table__item { width : 100%; } .catalog-btn { width : auto; min-width : -webkit-calc(50% + 46px); min-width : calc(50% + 46px); padding : 8px 20px; } .catalog-btn__icon { display : inline-block; left : 0; top : 1px; position : relative; margin-right : 5px; } .footer-nav { padding-top : 6px; } .footer-nav__column { width : auto; padding : 0 10px; } .reviews { background-position : 0 center; } .reviews a { width : auto; padding : 0 0 0 15px; } .main-slider__rotator.slick-initialized, .main-slider__rotator .slick-slide { height : 300px; } .main-slider__slide-container { vertical-align : top; margin-top : 30px; } .main-slider__subtitle { font-size : 16px; line-height : 20px; } .btn--lg { height : 40px; padding : 8px 20px 10px; } .main-slider__btn-row { margin-top : 20px; } .sections, .list_content { padding-left : 10px; padding-right : 10px; } .list-block > ul, .content_item ul, .section_top ul { -webkit-columns : 1; -moz-columns : 1; columns : 1; } .list-block > ul li { padding : 0; } .pseudo-select { padding-right : 25px; padding-left : 8px; } .phone { font-size : 13px; } .contacts-block__phones .pseudo-select::after { margin-right : -5px; } .list-topper-main { padding : 0 15px; } .content_item, .content-item__title { padding-right : 20px; padding-left : 20px; } .product-list-main-i .catalog_table__item { width : 100%; } .catalog_table .img_box { width : 100px; height : 120px; margin-right : 20px; margin-top : 0; position: absolute; left: 5px; top: 10px; } .catalog_table:after { display : none; } .img_box a.image_link {position: absolute; width: 100%; height: 100%} .img_box a.image_action_page {position: inherit!important;} .catalog_table .image_link img { max-width: 100%; max-height: 100%; } .td_overlay { display : block; padding : 10px 5px 15px 5px; } .catalog_table .td_overlay { display : flex; min-height: 175px;} .main-product-info, .products .total-stars, .catalog_table .razdel_lnk, .catalog_table .deskr_box, .catalog_table .catalog-byn-prices { padding-left : 120px; text-align : left; margin-top: auto;} .catalog_table .marker, .catalog_table .markerclose { right : auto; left : 0; } .catalog_table .marker img { height : 18px; } .product-parameters, .columns-4 { -webkit-columns : 1; -moz-columns : 1; columns : 1; } .auth-form { max-width : none; } .pass-input input.input { width : 180px; } .reg-page { background-position-y : 56%; } .accordion-sidebar-inner { -webkit-columns : 1; -moz-columns : 1; columns : 1; } .shipping-list-main__col ul { -webkit-columns : 2; -moz-columns : 2; columns : 2; } .shipping-contacts, .shipping-filter .block-green-main { padding-right : 20px; padding-left : 20px; } .info-votes a.vote-btn { padding : 0 20px; } a.vote-btn span { display : inline-block; } .price-usd { margin-right : 5px; } .bonus-banner { padding : 20px; max-height : none; } .bonus-banner > div { padding : 0; min-height : inherit; max-width : none; } .bonus-main { padding-bottom : 165px; background-position : 50% 100%; } .user-info { } .user-info-main { display : block; } .personal-office .page-main__title { margin-right : 0; } .news-item { height : auto; padding : 0; } .news-item__img { position : relative; width : 100%; height : 190px; margin : auto; } .news-item__content { padding : 30px 20px; } .news-item:before { display : none; } .personal-data-table, .personal-data-table-row, .personal-data-table-cell { display : block; width : auto; padding : 0; border : none; } .personal-data-table { position : relative; } .edit-address { text-align : left; } .remove-address { position : absolute; right : 0; top : 5px; } .personal-data-table-row { margin-bottom : 20px; } .personal-data-table-cell dt, .personal-data-table-cell dd { width : auto; float : none; } .personal-data-table-cell dt { margin-top : 0; } .personal-data-table_edit .personal-data-table-row { margin : 0; padding : 10px 0; } /*-------- cart style ---------*/ .come-in-handy, .come-in-handy__row, .come-in-handy__cell, .come-in-handy__cell:first-child { display : block; width : auto; padding : 0; } .come-in-handy__row { border-bottom : 1px solid #e8e8e8; } .come-in-handy__cell { margin : 0 0 10px 68px; border : none; } .come-in-handy__cell:last-child { margin-bottom : 0; } .come-in-handy__row .come-in-handy__cell:first-child { float : left; margin : 6px 0 0 0; } .come-in-handy__row { padding : 15px 0; } .form-row__input .or { line-height : 16px; } .radio-decotated-item { float : none; display: inline-block; width: 100%; margin-bottom : 10px; } .radio-decotated-item label { display : block; margin-right : 0; width : 100%; max-width : none; float : none; } .input-box, .input-block { max-width : 100%; width : 100%; float : none; } .basket-address-block .input-block { margin-right : 0; width : 100%; } .input-block input.input { width : 100%; } .basket-address-block label { min-width : 80px; } .payment-method-cashless { padding : 20px 20px 5px 20px; } .payment-method-flag, .payment-method-img{ padding-right: 10px; } .payment-method-img{ display: none; } .form-row__input .or { display : block; line-height : 1; } .input-block, .input-box, .form-row__input .or, .delivery-date-select { float : none; } .centergreat{ margin-left: 0; } .leftgreat{ width: auto; -webkit-background-size: 140px 140px; background-size: 140px; padding-bottom: 180px; background-position: 0 100%; } .tooltip.left, .tooltip.right{width: calc(100% - 20px);} } .page-main iframe[src*="youtu"] { display:block; margin:0 auto; width:100%; max-width:560px; } .product-detail-video{ display:table; } @media screen and (min-width: 481px) { .page-main iframe[src*="youtu"] { height: 400px; } } @media screen and (max-width: 560px) { .page-main iframe[src*="youtu"] { height: 250px; } .show, .min_show{ display:block; width:100%; min-width:100%; max-width:100%; padding:0 15px; } .min_video{ float:left; } } @media screen and (max-width:768px) { .reviews-footer { text-align:center } a.show-all-reviews{ margin-right:0; width:100%; float:none; display:inline-block; margin-bottom:15px; } } .personal-client-card{ width:100%; float:left; margin-top:35px; } .client-card{ width:100%; max-width:380px; height:260px; border-radius:13px; margin-bottom:0px; background:url(/css/../images/client-card.png) no-repeat; } .client-card-logo{ width:100%; height:70px; background:url(/css/../images/client-card-logo.png) no-repeat; float:left; margin:27px 0 13px 42px; } .client-card-number{ width:100%; margin:0 0 12px 42px; float:left; } .client-card-input-name{ font-family:"Arial"; font-size:14px; color:#f7ebeb; padding-bottom:4px; display:inline-block; width:100%; } .client-card-input-name.success{ color:#00ff00; margin:0; } .client-card-input-name.fail{ color:#f7ebeb; } .client-card-number .input-for-number{ outline:none; border:1px solid #c6c6c6; box-shadow:0px 1px 5px rgba(0,0,0,0.25) inset; width:68px; height:40px; float:left; margin-right:10px; border-radius:4px; text-align:center; font-family:"Arial"; font-size:14px; color:#313131; } .client-card-number .input-for-number.error{ border-color:#ff0000; } .client-card-name{ font-family:"Open Sans","Arial"; font-weight:800; font-size:12px; text-transform:uppercase; color:#fff; padding-left:42px; display: inherit; margin-bottom: 55px; } .accardion-client-card{ margin-top:33px; } .basket-client-card{ position:relative; clear:both; border-top:none; } .basket-client-card .question{ float:none !important; margin-left:10px; top:4px; } .basket-client-card input{ margin-top:7px; } @media screen and (max-width:415px) { .client-card{ background-size:contain; } .client-card-number .input-for-number{ height:25px; width:50px; } .product-price-info--out-stock .empty-stock{ padding: 15px; padding-bottom: 20px; } .jquery-modal.blocker{ padding: 0; } .jquery-modal.blocker .modal{ width: 100%; } .jquery-modal.blocker .input-block-hint, .jquery-modal.blocker .form-row__label{ text-align: center; } .jquery-modal.blocker .form-row__input{ padding-left: 0 !important; } .jquery-modal.blocker .close-modal{ top: 5px; right: 5px; position: absolute; } } .jquery-modal.blocker .basket-new-main{ padding-top: 20px; padding-bottom: 20px; margin-top: 10px; } .jquery-modal.blocker .basket-new-form{ margin-bottom: 20px; } .jquery-modal.blocker .form-row{ max-height: none !important; } .jquery-modal.blocker .form-row__label{ max-width: 100%; } .bonus_anchor{ color:#000; display:inline-block; border-bottom:1px dotted #000; margin-left: 23px; cursor:pointer; } .bonus_anchor:hover{ border-bottom-color:#fff; } .shipping-map h4.mobile { display:none; } @media(max-width:768px){ .shipping-map h4.mobile { display:block; } .shipping-map h4.desctop { display:none; } } .sections.section__header.no_doted a { border-bottom:none; } .levo_stiker { display: inline-block; width: auto; margin-right: 10px; vertical-align: top; } .pravo_info { display: inline-block; width: auto; vertical-align: top; max-width: 90%; } .action { background: #ffad00; color: #fff; padding: 0px 25px; border: 1px solid #ffad00; border-radius: 8px; right: 10px; } .absolute { position: absolute; right: 10px; } .ifo_action { background: #f5ffd1; padding: 25px 20px; } .promo-banner img{max-width: 100%; height: auto !important;} /* .product-list-main{z-index: 100 !important;} */ .no-touch button[data-src="#waiting-form"]:hover{ border-color: #7dc203; opacity: 0.7; } .no-touch button[data-src="#waiting-form"]:hover .btn__txt{ color: #257315; } .btn:disabled { opacity: 0.3; cursor: default; background-color: rgba(0, 0, 0, 0.3) !important; } .card-economy__title{ margin-bottom: 10px; } .fancybox-bg{ background-color: rgba(0, 0, 0, 0.5); } .show-modal .product-list-main{position: relative; z-index: 100 !important; } @media (max-width: 800px){ .fancybox-button--left.fancybox-button--left{ left: 0; display: block !important; } .fancybox-button--right.fancybox-button--right{ right: 0; display: block !important; } } @media (max-width: 479px){ .added-info.added-info.added-button{ left: auto; right: 0; } } @media (max-width: 415px){ .product-price-info--out-stock .empty-stock div.h4{ margin-bottom: 10px; } } .mobile_catalog_link{ display: none; text-align: center; } @media all and (max-width: 520px){ .mobile_catalog_link{ display: block; } } .main_h1{ display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; } .rect-banner__title{ font-size: 22px; line-height: 28px; color: #313131; font-family: 'Arial Narrow', sans-serif; font-weight: 700; } @media (max-width: 991px){ .rect-banner__title{ font-size: 18px; line-height: 24px; } } .dropdown .basket-empty .h5{ margin-bottom: 10px; font-size: 16px; line-height: 20px; color: #313131; font-family: 'Arial Narrow', sans-serif; font-weight: 700; } /* End */ /* Start:/local/templates/.default/components/bitrix/menu/top/style.css?1673514629126*/ @media all and (max-width: 479px){ .page-header-top-nav__menu .dropdown{ left: auto; right: -30px; } } /* End */ /* Start:/local/templates/.default/components/bitrix/voting.form/index_vote_pokupki/style.css?1634803499295*/ .voting-form-box .vote-item-vote{ margin-bottom: 3px; } .voting-form-box .vote-note-box{ margin-top: 5px; margin-bottom: 5px; color: #000000; padding: 5px; } .voting-form-box .vote-note-error{ background: none repeat scroll 0 0 #FBF4B3; border: 1px solid #E0503A; } /* End */ /* Start:/local/components/newsite/catalog.compare.category.list/templates/.default/style.css?1634803498338*/ ul.compare_list, .wind {display: none; z-index: 10;} .funy_btns ul.compare_list li a {color:#004780;} .funy_btns ul.compare_list li a:hover {color:#768C1F;} /*анимация работы*/ .c_loading {position: absolute; text-align: right; padding: 5px; background: #fff; opacity: 0.7; display:none; top:42px; right:5px; z-index: 11;} /* End */ /* Start:/local/templates/.default/components/bitrix/menu/bottom/style.css?1634803499626*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/.default/components/bitrix/menu/bottom/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:/local/templates/home/styles.css?163480349952*/ .nopadding {} .nopadding td {padding: 0 !important;} /* End */ /* /css/global-styles.css?1707764953602615 */ /* /local/templates/.default/components/bitrix/menu/top/style.css?1673514629126 */ /* /local/templates/.default/components/bitrix/voting.form/index_vote_pokupki/style.css?1634803499295 */ /* /local/components/newsite/catalog.compare.category.list/templates/.default/style.css?1634803498338 */ /* /local/templates/.default/components/bitrix/menu/bottom/style.css?1634803499626 */ /* /local/templates/home/styles.css?163480349952 */