/* ========================================================================== Opinionated defaults ========================================================================== */ html { font-size: 1em; line-height: 1.4; } html, body { height: 100%; } .adm-workarea input[type="button"].bx-btn-green { background-color: #86ad00!important; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 1px 0 #cbdc00; box-shadow: 0 1px 1px rgba(0,0,0,.25), inset 0 1px 0 #cbdc00; border: solid 1px; border-color:#97c004 #7ea502 #648900; background-image: -webkit-linear-gradient(bottom, #729e00, #97ba00)!important; background-image: -moz-linear-gradient(bottom, #729e00, #97ba00)!important; background-image: -ms-linear-gradient(bottom, #729e00, #97ba00)!important; background-image: -o-linear-gradient(bottom, #729e00, #97ba00)!important; background-image: linear-gradient(bottom, #729e00, #97ba00)!important; color:#fff; text-shadow:0 1px rgba(0,0,0,0.1); -webkit-font-smoothing: antialiased; padding:0px 13px 2px; } .adm-workarea input[type="button"].bx-btn-green:hover{ background-color:#9ec710!important; background-image: -webkit-linear-gradient(top, #acce11, #8abb0d)!important; background-image: -moz-linear-gradient(top, #acce11, #8abb0d)!important; background-image: -ms-linear-gradient(top, #acce11, #8abb0d)!important; background-image: -o-linear-gradient(top, #acce11, #8abb0d)!important; background-image: linear-gradient(top, #acce11, #8abb0d)!important; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 #d5e71a inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 #d5e71a inset; border-color:#97c004 #7ea502 #648900; text-decoration:none; } .adm-workarea input[type="button"].bx-btn-green:active { background:#698f00!important; -webkit-box-shadow: inset 0 2px 1px rgba(66,84,17,.71)!important; box-shadow: inset 0 2px 1px rgba(66,84,17,.71) !important; border-color:transparent #698f00 #698f00 !important; border-top-color:transparent; padding-top: 2px; } .fotorama__wrap .fotorama__grab{cursor:pointer;cursor:-webkit-grab;cursor:-o-grab;cursor:grab} .fotorama__grabbing *{cursor:pointer;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:grabbing} .countryCodeWidget {position: relative;float: left;margin-right: 11px;margin-top: 4px;margin-right: 15px;display: flex;border: 1px solid #e5e5e5;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .countryCodeWidget .countryCodeSelectorList { position:absolute;width:44px;display: none;left:-1;z-index: 10;} .countryCodeWidget .selectedFlagCont { padding: 6px 2px 2px 2px;height: 21px;vertical-align: middle;outline: none;line-height: 16px; background: url('../img/phone-input-arrow.png') no-repeat 32px center; border-radius: 3px 0 0 3px; } .countryCodeWidget .selectedFlagCont:hover {background-color: #ddd !important;cursor: pointer;line-height: 16px;} .countryCodeWidget .selectedFlagCont img { display: inline-block; background: url('../img/flags4.png') no-repeat 0 0;width: 16px;height: 11px;overflow: hidden;margin-left: 4px; } .countryCodeWidget .selectedFlagCont .country-symb-code { display: none; } .countryCodeWidget .separator { border-top: 1px solid #ebebeb;margin-top: 9px;margin-bottom: 10px; } .countryCodeWidget .countrycode-label { display: none; border: none; text-align: center; } .countryCodeWidget .countryCodeSelectorListDropdown { display: none; background: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2);cursor: default;font-size: 13px;margin: 0; outline: none;padding: 0 0 6px;position: absolute;z-index: 1000;height: 208px;overflow-y: auto;overflow-x: hidden; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 2px 4px rgba(0,0,0,0.2); } .countryCodeWidget .countryCodeSelectorListDropdown .country-item {position: relative;color: #333;cursor: pointer;list-style: none;margin: 0;padding: 2px 6px 4px 6px;white-space: nowrap;} .countryCodeWidget .countryCodeSelectorListDropdown .country-item img { background: url('../img/flags4.png') no-repeat 0 0;width: 16px;height: 11px;overflow: hidden;margin-left: 4px; } .countryCodeWidget .countryCodeSelectorListDropdown .country-item span{ margin: 0 5px 0 7px;line-height: 16px; } .countryCodeWidget .countryCodeSelectorListDropdown .country-item em { color: #666; font-style: normal; } .countryCodeWidget .countryCodeSelectorListDropdown .country-item:hover {background-color: #eee !important;border-color: #eee !important;border-style: dotted;border-width: 1px 0;padding-top: 1px;padding-bottom: 3px;} .countryCodeWidget .countryCodeSelectorListDropdown .country-item.selected {background-color: #eee !important;} /*.fluid-field.phone-field { padding: 0; }*/ .fluid-field input.short-phone {width: 50px;float: left;margin-right: 11px;text-align: center;} .fluid-field input.long-phone { margin: 0;width: 210px; } .fluid-field input.long-phone-new { margin: 0;width: 349px;} .whSalePrc .fluid-field input.long-phone-new { width: 155px;margin-left:-2px;margin-right:-2px; } .registration-pages .profile-edit .fluid-field input.long-phone-new { width: 230px; } * { padding: 0px; margin: 0px; } img { border: none; } ul { list-style: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } textarea { resize: vertical; } fieldset { border: 0; margin: 0; padding: 0; } audio, canvas, img, video { vertical-align: middle; } .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } .filter-production ::selection { background: transparent; text-shadow: none; } #ajaxTemp { display: none; } /* ========================================================================== Helper classes ========================================================================== */ .float-right { float: right !important; } .float-left { float: left !important; } .text-right { text-align: right; } .abshidden { position: absolute !important; top: -10000px; left: -100000px; width: 100%; } a.jsLink, span.jsLink { border-bottom: dashed 1px #bab8b8; cursor: pointer; } a.jsLink:hover, span.jsLink:hover { border-bottom-color: transparent; } .actionSubject__hidden { display: none; } .adm-workarea input[type="button"].bx-btn-green { background-color: #86ad00 !important; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), inset 0 1px 0 #cbdc00; box-shadow: 0 1px 1px rgba(0, 0, 0, .25), inset 0 1px 0 #cbdc00; border: solid 1px; border-color: #97c004 #7ea502 #648900; background-image: -webkit-linear-gradient(bottom, #729e00, #97ba00) !important; background-image: -moz-linear-gradient(bottom, #729e00, #97ba00) !important; background-image: -ms-linear-gradient(bottom, #729e00, #97ba00) !important; background-image: -o-linear-gradient(bottom, #729e00, #97ba00) !important; background-image: linear-gradient(bottom, #729e00, #97ba00) !important; color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.1); -webkit-font-smoothing: antialiased; padding: 0px 13px 2px; } .text-block ul.amorph-bullets, .text-block ul { margin: 0px 0px 15px; } .text-block ul.amorph-bullets li, .text-block ul li { padding: 0px 0px 10px 20px; background: url(../img/amorph-bullet.png) no-repeat 0px 5px; } .text-block ul > li ul, .text-block ul > li ol, .text-block ol > li ul, .text-block ol > li ol {margin-top: 12px; margin-bottom: 0;} .text-block ul.bird-bullets li { padding: 0px 0px 12px 30px; background: url(../img/valid-ok.png) no-repeat 0px 1px; } .text-block ol { list-style-type: none; margin: 0px 0px 10px; } .text-block ol li, .brand-description ol li, ul.numeric-green-circles li { padding: 0px 0px 12px 30px; position: relative; } .text-block ol .circle, .brand-description ol .circle, ul.numeric-green-circles .circle { display: block; width: 19px; height: 19px; color: #fff; background: #939c3e; text-align: center; line-height: 18px; position: absolute; left: 0px; top: 0px; font-size: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .text-block ol .cursive, ul.numeric-green-circles .cursive { text-align: left; } .adm-workarea input[type="button"].bx-btn-green:hover { background-color: #9ec710 !important; background-image: -webkit-linear-gradient(top, #acce11, #8abb0d) !important; background-image: -moz-linear-gradient(top, #acce11, #8abb0d) !important; background-image: -ms-linear-gradient(top, #acce11, #8abb0d) !important; background-image: -o-linear-gradient(top, #acce11, #8abb0d) !important; background-image: linear-gradient(top, #acce11, #8abb0d) !important; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 #d5e71a inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 0 #d5e71a inset; border-color: #97c004 #7ea502 #648900; text-decoration: none; } .adm-workarea input[type="button"].bx-btn-green:active { background: #698f00 !important; -webkit-box-shadow: inset 0 2px 1px rgba(66, 84, 17, .71) !important; box-shadow: inset 0 2px 1px rgba(66, 84, 17, .71) !important; border-color: transparent #698f00 #698f00 !important; border-top-color: transparent; padding-top: 2px; } .fotorama__wrap .fotorama__grab { cursor: pointer; cursor: -webkit-grab; cursor: -o-grab; cursor: grab } .fotorama__grabbing * { cursor: pointer; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: grabbing } .countryCodeWidget { position: relative; float: left; margin-right: 11px; } .countryCodeWidget .countryCodeSelectorList { position: absolute; width: 44px; margin-right: 4px; top: 2px; display: none; top: 1px; left: 0; z-index: 10; } .countryCodeWidget .selectedFlagCont { padding: 6px 2px 2px 2px; height: 21px; vertical-align: middle; outline: none; line-height: 16px; background: url('../img/phone-input-arrow.png') no-repeat 32px center; border-radius: 3px 0 0 3px; } .countryCodeWidget .selectedFlagCont:hover { background-color: #ddd !important; cursor: pointer; line-height: 16px; } .countryCodeWidget .selectedFlagCont img { display: inline-block; background: url('../img/flags4.png') no-repeat 0 0; width: 16px; height: 11px; overflow: hidden; margin-left: 4px; } .countryCodeWidget .selectedFlagCont .country-symb-code { display: none; } .countryCodeWidget .separator { border-top: 1px solid #ebebeb; margin-top: 9px; margin-bottom: 10px; } .countryCodeWidget .countrycode-label { display: none; padding-left: 48px !important; width: 98px; } .countryCodeWidget .countryCodeSelectorListDropdown { display: none; background: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); cursor: default; font-size: 13px; margin: 0; outline: none; padding: 0 0 6px; position: absolute; z-index: 1000; height: 208px; overflow-y: auto; overflow-x: hidden; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .typical-form input:focus::-webkit-input-placeholder, .typical-form textarea:focus::-webkit-input-placeholder { color:transparent; } .typical-form input:focus:-moz-placeholder, .typical-form textarea:focus:-moz-placeholder{ color:transparent; } .typical-form input:focus::-moz-placeholder, .typical-form textarea:focus::-moz-placeholder{ color:transparent; } .typical-form input:focus:-ms-input-placeholder, .typical-form textarea:focus:-ms-input-placeholder{ color:transparent; } .countryCodeWidget .countryCodeSelectorListDropdown .country-item { position: relative; color: #333; cursor: pointer; list-style: none; margin: 0; padding: 2px 6px 4px 6px; white-space: nowrap; } .countryCodeWidget .countryCodeSelectorListDropdown .country-item img { background: url('../img/flags4.png') no-repeat 0 0; width: 16px; height: 11px; overflow: hidden; margin-left: 4px; } .countryCodeWidget .countryCodeSelectorListDropdown .country-item span { margin: 0 5px 0 7px; line-height: 16px; } .countryCodeWidget .countryCodeSelectorListDropdown .country-item em { color: #666; font-style: normal; } .fluid-field { /*padding: 0px 20px 0px 0px; */position: relative; margin-bottom: 10px;} .fluid-field input, .fluid-field textarea { width: 100%; box-sizing: border-box; } /* support box-sizing */ .fluid-field .valid, .field .valid { position: absolute; right: -30px; top: 5px; display: none; } .fluid-field .valid > img, .field .valid > img { display: block; width: 19px; height: 19px; } .fluid-field.valid-good .valid > img, .field.valid-good .valid > img { background-image: url('../img/valid-ok.png'); background-position: 50% 50%; } .fluid-field.valid-error .valid > img, .field.valid-error .valid > img { background-image: url('../img/valid-err.png'); background-position: 50% 50%; } .fluid-field.valid-good .valid, .fluid-field.valid-error .valid, .field.valid-good .valid, .field.valid-error .valid{display: block;} .countryCodeWidget .countryCodeSelectorListDropdown .country-item:hover { background-color: #eee !important; border-color: #eee !important; border-style: dotted; border-width: 1px 0; padding-top: 1px; padding-bottom: 3px; } .countryCodeWidget .countryCodeSelectorListDropdown .country-item.selected { background-color: #eee !important; } /*.fluid-field.phone-field { padding: 0; }*/ .fluid-field input.short-phone { width: 50px; float: left; margin-right: 11px; text-align: center; } .fluid-field input.long-phone { margin: 0; width: 210px; } .fluid-field input.long-phone-new { margin: 0; width: 349px; } .whSalePrc .fluid-field input.long-phone-new { width: 155px; margin-left: -2px; margin-right: -2px; } .registration-pages .profile-edit .fluid-field input.long-phone-new { width: 230px; } .fluid-field.valid-good input.short-phone[type="text"], .fluid-field.valid-error input.short-phone[type="text"] { margin: -2px 9px -2px -2px; } .input-disable { width: 98px; height: 30px; position: absolute; top: 0; left: 0; z-index: 1; } /* Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } .halfhidden { visibility: hidden; } .relativeCont { position: relative; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Clear fix */ .clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; overflow: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .curdefault, .curdefault * { cursor: default !important; } .svgLoader { position: absolute; width: 106%; left: -15px; height: 100%; background: rgba(255, 255, 255, 0.75); display: none; z-index: 15; clip: rect(auto, auto, auto, auto); } .inLoader { position: fixed; background: rgba(255, 255, 255, 0) url('../img/loader.svg') 50% 10% no-repeat; width: 718.5px; height: 200px; } @media (max-width: 992px) { .inLoader { position: fixed; background: rgba(255, 255, 255, 0) url('../img/loader.svg') 50% 10% no-repeat; left: 0; right: 0; width: 100%; height: 200px; } } .sprite { display: inline-block; overflow: hidden; text-indent: -9999px; text-align: left; } .nopadding { padding: 0 !important; } .title-section { padding: 0px 0px 25px; } .title-section h1, .title-section h2, .title-section h3, .title-section .title-section__caption{ color: #474243; font-size: 24px; line-height: 24px; font-weight: bold; padding: 0px 0px 5px; margin: 0px; } .title-section.big h1, .title-section.big h2, .title-section.big h3 { font-size: 36px; line-height: 36px; text-transform: uppercase; } .title-section .more-link a { font-size: 9px; } .title-section .more-link a span { font-size: 14px; } .title-section.center { text-align: center; } .title-section.center h1, .title-section.center h2, .title-section.center h3 { font-size: 30px; line-height: 30px; } .title-section h3 .num { font-weight: normal; color: #8b8b8b; } html, button, input, select, textarea { color: #646464; font: 14px/1.4 'p22_underground', sans-serif; } body { background: #fff; } /* Buttons */ .btn { height: 30px; color: #fff !important; padding: 0px 15px; line-height: 32px; font-weight: bold; text-transform: uppercase; background-image: url(../img/hover-button.png); background-position: -400px 0px; background-repeat: no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn.yellow { background-color: #f4be2d; } .btn.orange { background-color: #f26a36; } .btn.lime { background-color: #939c3e; } input.btn { border: none; cursor: pointer; vertical-align: middle; } a.btn { float: left; border: none; text-align: center;} .btn-red-with-coner > div { height: 30px; margin: 0px 7px 0px 0px; position: relative; } a { color: #689a8f; text-decoration: none; border-bottom: solid 1px #8db3ab; } .viewed-items-window a { border-bottom: none; } .borderedLink { border-bottom: none; display: inline-block; } .borderedLink > span { color: #689a8f; text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px; } .borderedLink:hover > span { text-decoration: none; border: none; color: #f15722; } .borderedLink--oneLine, .text-block .borderedLink--oneLine { font-size: 8px; border-bottom-style: solid; border-bottom-width: 1px; } .borderedLink--oneLine > span, .text-block .borderedLink--oneLine > span { font-size: 14px; } .linkIcon { position: relative; border-bottom: none; text-decoration: none; display: inline-block; } .linkIcon:hover .borderedLink--oneLine { border-bottom-color: transparent; } /* Icon sprite */ .pngsprite { display: inline-block; background: url('../img/sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .rating-icon-active { background-position: -5px -0px; width: 17px; height: 17px; } .rating-icon { background-position: -5px -22px; width: 17px; height: 17px; } .dislike-disable { background-position: -5px -44px; width: 15px; height: 14px; } .dislike { background-position: -5px -63px; width: 15px; height: 14px; } .like-disable { background-position: -5px -82px; width: 15px; height: 14px; } .like { background-position: -5px -101px; width: 15px; height: 14px; } #bx-messenger-popup-messenger a, #bx-messenger-popup-status-menu a { border-bottom: inherit; } #bx-messenger-popup-messenger .bx-messenger-panel a { border-bottom: none; } .fancybox-wrap a { border-bottom: inherit; } .grey-link-color { color: #a3a0a1; border-bottom-color: #bab8b8; } .dark-link-color { color: #474243; border-bottom-color: #dedede; } .dark-link-color:hover { color: #f15722; } a.dark-link-color > span { color: #474243; border-bottom-color: #dedede; } a.dark-link-color:hover > span { color: #f15722; } .lime-color { color: #939c3f !important; } .lime-color.brighter { color: #5d840d !important; } .red-color { color: #f26a36 !important; } .orange-color { color: #f15722 !important; } .black-color { color: #000 !important; } .yellow-color { color: #f5c533 !important; } .green-color { color: #49b48d !important; } .dark-brown-color { color: #474243 !important; } .grey-color { color: #8b8b8b !important; } .segoe-font { font-family: 'segoe', sans-serif; } .exibtn { font-family: FontAwesome; } .exibtn:before { content: "\f08b"; } .text-block { line-height: 20px; font-size: 14px; } .text-block p { padding: 0px 0px 15px; } .text-block a { font-size: 8px; } .text-block a span { font-size: 14px; } .text-block a.dashed { border-bottom-style: dashed; } .text-block a.dashed:hover { border: none; } .text-block a.dashed.grey { color: #a3a0a1; border-bottom-color: #d1cfd0; } .text-block p.with-icon { padding-left: 21px; } .text-block p.with-icon.metro { background: url(../img/metro.png) no-repeat 0px 2px; } .text-block p.with-icon.clock { background: url(../img/clock.png) no-repeat 0px 0px; } .text-block h2 { color: #474243; padding: 0px 0px 23px; margin: 0px; font-weight: bold; } .text-block h3 { color: #474243; padding: 0px 0px 22px; margin: 0px; font-size: 24px; line-height: 24px; font-weight: normal; } .text-block h6 { font-size: 14px; color: #474243; padding: 0px 0px 15px; margin: 0px; font-family: segoe; font-weight: bold; } .text-block .highlights { background: #f8f4ef; padding: 4px 10px; margin: 0px 0px 20px; } .text-block ul.amorph-bullets, .text-block ul { margin: 0px 0px 15px; } .text-block ul.amorph-bullets li, .text-block ul li { padding: 0px 0px 10px 20px; background: url(../img/amorph-bullet.png) no-repeat 0px 5px; } .text-block ul > li ul, .text-block ul > li ol, .text-block ol > li ul, .text-block ol > li ol { margin-top: 12px; margin-bottom: 0; } .text-block ul.bird-bullets { } .text-block ul.bird-bullets li { padding: 0px 0px 12px 30px; background: url(../img/valid-ok.png) no-repeat 0px 1px; } .text-block ol { list-style-type: none; margin: 0px 0px 10px; } .text-block ol li, .brand-description ol li, ul.numeric-green-circles li { padding: 0px 0px 12px 30px; position: relative; } .text-block ol .circle, .brand-description ol .circle, ul.numeric-green-circles .circle { display: block; width: 19px; height: 19px; color: #fff; background: #939c3e; text-align: center; line-height: 18px; position: absolute; left: 0px; top: 0px; font-size: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .text-block ol .cursive, ul.numeric-green-circles .cursive { text-align: left; } /* blockquote */ .blockquote { padding: 0px 0px 10px 30px; margin: 0px; font-size: 15px; line-height: 21px; color: #8b8b8b; background: url(../img/quote-red.png) no-repeat 0px 4px; font-family: 'segoe', sans-serif; } .blockquote__author { font-family: "p22_underground"; text-align: right; font-size: 12px; color: #8b8b8b; padding-top: 4px; } .blockquote--title { text-align: right; float: right; line-height: 21px; margin-top: 10px; } ul.numeric-green-circles li { padding: 0px 0px 7px 30px; position: relative; } ul.numeric-green-circles .circle { display: block; width: 19px; height: 19px; color: #fff; background: #939c3e; text-align: center; line-height: 18px; position: absolute; left: 0px; top: 0px; font-size: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } ul.numeric-green-circles .cursive { text-align: left; } .text-block .segoe, .text-block p.segoe { font-family: 'segoe', sans-serif; } .text-block p.subcaption { color: #8b8b8b; font-size: 15px; line-height: 24px; } .text-block p.important { text-indent: 24px; background-image: url(../img/attention.png); background-repeat: no-repeat; background-position: 0px 1px; } .text-block p.highlight { padding: 15px 20px; margin: 0px 0px 15px; position: relative; left: -20px; width: 100%; color: #474243; background-color: #f8f4ef; } .text-block p.important.highlight { background-position: 20px 16px; } .text-block a.dashed, .text-block span.dashed { cursor: pointer; border-bottom: solid 1px; } .text-block span > span { font-size: 14px; } .text-block span.dashed { border-bottom-style: dashed; color: #689a8f; } .text-block span.dashed:hover { border: none; } .text-block span.dashed.grey { color: #a3a0a1; border-bottom-color: #d1cfd0; } .note-small { font-size: 12px; line-height: 18px; color: #8b8b8b; text-indent: 20px; background: url(../img/note-red-star.png) no-repeat 0px 3px; padding: 0px 0px 18px; } .note-small.without-star { background: none; text-indent: 0px; padding-top: 5px; } .typical-tbl { width: 100%; border-collapse: separate; border-spacing: 0px; font-size: 15px; } .typical-tbl thead th { font-size: 15px; font-weight: bold; text-align: left; height: 22px; vertical-align: top; color: #474243; padding: 11px 0px 11px 10px; -webkit-box-shadow: inset 0px -1px rgba(203, 203, 203, 0.75); -moz-box-shadow: inset 0px -1px rgba(203, 203, 203, 0.75); box-shadow: inset 0px -1px rgba(203, 203, 203, 0.75); background: #f7f5f2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjVmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGYyZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7f5f2 0%, #f4f2ed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f5f2), color-stop(100%, #f4f2ed)); background: -webkit-linear-gradient(top, #f7f5f2 0%, #f4f2ed 100%); background: -o-linear-gradient(top, #f7f5f2 0%, #f4f2ed 100%); background: -ms-linear-gradient(top, #f7f5f2 0%, #f4f2ed 100%); background: linear-gradient(to bottom, #f7f5f2 0%, #f4f2ed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f5f2', endColorstr='#f4f2ed', GradientType=0); } .typical-tbl thead th:first-child { -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .typical-tbl thead th:last-child { -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .typical-tbl td { vertical-align: middle; border-bottom: solid 1px #e5e5e5; padding: 14px 10px; } .typical-tbl tr:last-child td { border-bottom-color: #cbcbcb; } .typical-tbl.zebra tbody tr:nth-child(even) td { background-color: #f9f8f6; } .brand-history-block .text-block h2, .offer-card .text-block h2 { color: #474243; font-size: 30px; line-height: 30px; padding: 0px 0px 22px; margin: 0; font-weight: bold; } .post-announce.full-post .text-block h2 { color: #474243; font-size: 24px; padding: 0px 0px 22px; margin: 0; font-weight: bold; } .post-announce.full-post .text-block h3, .brand-history-block .text-block h3, .offer-card .text-block h3 { color: #474243; font-size: 21px; line-height: 27px; padding: 0px 0px 22px; margin: 0; font-weight: normal; } .post-announce.full-post .text-block h6, .brand-history-block .text-block h6, .offer-card .text-block h6 { font-size: 18px; line-height: 27px; color: #8b8b8b; padding-bottom: 20px; font-weight: normal; margin: 0; } /* ========================================================================== Forms ========================================================================== */ .typical-form input[type="email"], .typical-form input[type="text"], .typical-form input[type="search"], .typical-form input[type="password"], .typical-form textarea { padding: 6px 10px; background: #fff; border: none; color: #474243; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25); } .typical-form input[type="text"], .typical-form input[type="search"], .typical-form input[type="password"] { height: 16px; } .typical-form button[disabled], .typical-form input[disabled] { background-color: #ddd; } .typical-form textarea { resize: none; } .typical-form input[placeholder], .typical-form [placeholder], .typical-form *[placeholder] { color: #474243; } .typical-form ::-webkit-input-placeholder { color: #474243; } .typical-form ::-moz-placeholder { color: #474243; opacity: 1 !important; } .typical-form :-moz-placeholder { color: #474243; opacity: 1 !important; } .typical-form ::-moz-placeholder { color: #474243; } .typical-form :-ms-input-placeholder { color: #474243; } .typical-form input:focus::-webkit-input-placeholder, .typical-form textarea:focus::-webkit-input-placeholder { color: transparent; } .typical-form input:focus:-moz-placeholder, .typical-form textarea:focus:-moz-placeholder { color: transparent; } .typical-form input:focus::-moz-placeholder, .typical-form textarea:focus::-moz-placeholder { color: transparent; } .typical-form input:focus:-ms-input-placeholder, .typical-form textarea:focus:-ms-input-placeholder { color: transparent; } .typical-form input[type="text"].light-brown, .typical-form input[type="password"].light-brown, .typical-form textarea.light-brown { background-color: #ede9e2; } .typical-form .input-success, .typical-form .input-error { margin: -2px; border: solid 2px #939c3e !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .typical-form .input-error { border-color: #f26a36 !important; } .typical-form .select-success .jqTransformSelectWrapper { border: solid 2px #939c3e; position: relative; top: -2px; left: -2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .typical-form .select-success .jqTransformSelectWrapper .jqTransformSelectOpen { -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .typical-form .select-error .jqTransformSelectWrapper { border: solid 2px #f26a36; position: relative; top: -2px; left: -2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .typical-form .select-error .jqTransformSelectWrapper .jqTransformSelectOpen { -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .typical-form div.label, .typical-form span.label, .typical-form .filter-production label.label { display: block; padding: 0px 0px 8px; } /*.typical-form .row { padding: 0px 15px 10px; }*/ .typical-form .form-row { padding: 0px 0 10px; } .fluid-field { /*padding: 0px 20px 0px 0px; */ position: relative; margin-bottom: 10px; } .fluid-field input, .fluid-field textarea { width: 100%; box-sizing: border-box; } /* support box-sizing */ .fluid-field input, .typical-form .fluid-field input { height: 28px; } .fluid-field .valid, .field .valid { position: absolute; right: -30px; top: 5px; display: none; } @media (max-width: 768px) { .fluid-field .valid, .field .valid { right: 30px; top: 10px; } } .fluid-field .valid > img, .field .valid > img { display: block; width: 19px; height: 19px; } .fluid-field.valid-good .valid > img, .field.valid-good .valid > img { background-image: url('../img/valid-ok.png'); background-position: 50% 50%; } .fluid-field.valid-error .valid > img, .field.valid-error .valid > img { background-image: url('../img/valid-err.png'); background-position: 50% 50%; } .fluid-field.valid-good .valid, .fluid-field.valid-error .valid, .field.valid-good .valid, .field.valid-error .valid { display: block; } .fluid-field.valid-good input[type="text"], .fluid-field.valid-error input[type="text"], .fluid-field.valid-good input[type="password"], .fluid-field.valid-error input[type="password"], .fluid-field.valid-good select, .fluid-field.valid-error select, .field.valid-good .jqTransformSelectWrapper, .field.valid-error .jqTransformSelectWrapper, .fluid-field.valid-good textarea, .fluid-field.valid-error textarea { margin-top: -2px; margin-left: -2px; margin-right: -2px; border: solid 2px #939c3e !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .fluid-field.valid-error input[type="text"], .fluid-field.valid-error input[type="password"], .fluid-field.valid-error select, .field.valid-error .jqTransformSelectWrapper, .fluid-field.valid-error textarea { border-color: #f26a36 !important; } .fluid-field.valid-error .valid.relative-under, .field.valid-good .valid.relative-under, .field.valid-error .valid.relative-under { margin-top: 12px; position: relative; top: inherit; right: inherit; } .fluid-field.valid-good .jqTransformSelectWrapper { border: solid 2px #939c3e; position: relative; top: -2px; left: -2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .fluid-field.valid-good .jqTransformSelectWrapper .jqTransformSelectOpen { -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .fluid-field.valid-error .jqTransformSelectWrapper { border: solid 2px #f26a36; position: relative; top: -2px; left: -2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .fluid-field.valid-error .jqTransformSelectWrapper .jqTransformSelectOpen { -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .fluid-field .valid .mess, .field .valid .mess { white-space: nowrap; line-height: 18px; position: absolute; left: 30px; top: 0px; display: none; } .fluid-field.valid-error .valid .mess, .field.valid-error .valid .mess { display: block; } .form-note-small { font-size: 12px; line-height: 18px; } .form-note-small .grey { color: #8b8b8b; } /* Selects */ .jqtransform select { visibility: hidden; } .typical-select { position: relative; } .typical-select .jqTransformSelectWrapper { height: 30px; background-image: url(../img/select-left-typical.png); } .typical-select .jqTransformSelectWrapper a { border: none; } .typical-select .jqTransformSelectWrapper > div.selectedCont { height: 100%; overflow: hidden; position: relative; } .typical-select .jqTransformSelectWrapper div span { height: 20px; width: 100%; padding-left: 10px; display: block; } .typical-select .jqTransformSelectWrapper a.jqTransformSelectOpen { width: 30px; height: 30px; background-image: url(../img/select-right-typical.png); background-position: 100% 0% !important; border: none; } .typical-select .jqTransformSelectWrapper ul { border: none; top: 30px; background: #fff; -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25); box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25); } .typical-select .jqTransformSelectWrapper ul a { padding: 2px 10px; color: #646464; } .typical-select .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover, .typical-select .jqTransformSelectWrapper ul a.selected { background: #f8f4ef; color: #646464; } .typical-select.on-white-bg .jqTransformSelectWrapper { background-image: url(../img/select-left-white-bg.png); } .typical-select.on-white-bg .jqTransformSelectWrapper a.jqTransformSelectOpen { background-image: url(../img/select-right-white-bg.png); } .sidebar .typical-select .jqTransformSelectWrapper { width: 170px !important; } .sidebar .typical-select .jqTransformSelectWrapper ul { width: 170px !important; } .sidebar.width-280 .typical-select .jqTransformSelectWrapper, .sidebar.width-280 .typical-select .jqTransformSelectWrapper ul { width: 220px !important; } .typical-select.age .jqTransformSelectWrapper, .typical-select.age .jqTransformSelectWrapper ul { width: 160px !important; } .comments-block.reviews.reviews-prop-comments .add-comment-block .form-row.purpose .jqTransformSelectWrapper, .comments-block.reviews.reviews-prop-comments .add-comment-block .form-row.purpose .jqTransformSelectWrapper ul { width: 236px !important; } .franchasing-order .typical-select .jqTransformSelectWrapper, .franchasing-order .typical-select .jqTransformSelectWrapper ul, .reg-form .typical-select .jqTransformSelectWrapper, .reg-form .typical-select .jqTransformSelectWrapper ul, #feedbackQuestionForm .typical-select .jqTransformSelectWrapper, #feedbackQuestionForm .typical-select .jqTransformSelectWrapper ul { width: 100%; max-width: 458px !important; /*z-index: 11 !important;*/ } .franchasing-order .field .date .typical-select .jqTransformSelectWrapper, .franchasing-order .field .date .typical-select .jqTransformSelectWrapper ul, .reg-form .field .date .typical-select .jqTransformSelectWrapper, .reg-form .field .date .typical-select .jqTransformSelectWrapper ul { width: 100% !important; max-width: 145px !important; } .reg-form.profile-edit-form .field .date .typical-select .jqTransformSelectWrapper, .reg-form.profile-edit-form .field .date .typical-select .jqTransformSelectWrapper ul { width: 105px !important; } .partnership-ideas .typical-select .jqTransformSelectWrapper, .partnership-ideas .typical-select .jqTransformSelectWrapper ul { width: 100% !important; } .opt-offer-us-form .typical-select .jqTransformSelectWrapper, .opt-offer-us-form .typical-select .jqTransformSelectWrapper ul { width: 260px !important; } .pp-activity-tabs-block .select-filter .typical-select .jqTransformSelectWrapper, .pp-activity-tabs-block .select-filter .typical-select .jqTransformSelectWrapper ul, .filter-production .typical-select .jqTransformSelectWrapper, .filter-production .typical-select .jqTransformSelectWrapper ul { width: 205px !important; } .pp-activity-tabs-block .output-money-filter .typical-select .jqTransformSelectWrapper, .pp-activity-tabs-block .output-money-filter .typical-select .jqTransformSelectWrapper ul { width: 175px !important; } .support-form-block .typical-select .jqTransformSelectWrapper, .support-form-block .typical-select .jqTransformSelectWrapper ul { width: 294px !important; } .grunge-block.order-form-block .typical-select .jqTransformSelectWrapper, .grunge-block.order-form-block .typical-select .jqTransformSelectWrapper ul { width: 270px !important; } .grunge-block.order-form-block .field-left .typical-select .jqTransformSelectWrapper, .grunge-block.order-form-block .field-left .typical-select .jqTransformSelectWrapper ul { width: 148px !important; } #basket_form .content-left { margin-bottom: 80px; } .select-popup-nostandart { background: #fff; width: 100%; max-height: 250px; padding: 10px 0px 0px; overflow: auto; z-index: 999; -webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.45); box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.45); } .select-popup-nostandart .check-row { padding-bottom: 10px; margin: 0px 10px; } /* Checkbox Radios */ .typical-form a.jqTransformCheckbox { width: 13px; height: 13px; background-image: url(../img/checkbox.png); } .check-row { position: relative; padding: 0px 0px 18px 22px; color: #474243; font-size: 14px; line-height: 18px; } .autorization .check-row.store-password { padding: 0px 0px 18px 0px; } .check-row .jqTransformRadioWrapper, .check-row span.jqTransformCheckboxWrapper { position: absolute; left: 0px; top: 3px; } .check-row.disable { color: #8b8b8b; } .check-row.disable a.jqTransformCheckbox { background: url(../img/check-dis.png) no-repeat 50% 50%; } .simple-check-row { position: relative; padding: 0px 0px 18px 22px; color: #474243; font-size: 14px; line-height: 18px; } .simple-check-row label, .simple-check-row input { cursor: pointer; } .simple-check-row input { position: absolute; left: 0px; top: 2px; } .simple-check-row .note, .check-row .note { color: #8b8b8b; font-size: 12px; line-height: 16px; display: block; padding: 3px 0px 0px; } /* Others */ .reset-link { padding: 0px 0px 0px 20px; background: url(../img/reset.png) no-repeat 0% 0%; line-height: 18px; } .reset-link a { color: #aeaba9; font-size: 9px; border-color: #aeaba9; } .reset-link a:hover { color: #474243; } .reset-link a span { font-size: 14px; } .clear-link { padding: 0px 0px 0px 20px; background: url(../img/bin.png) no-repeat 0% 42%; line-height: 18px; font-size: 14px; } .clear-link a { color: #474243; font-size: 9px; border-bottom-color: #ccccc7; } .clear-link a span { font-size: 14px; } /* Input File */ .type-file { position: relative; height: 30px; } .input-file { position: absolute; top: 0; left: 0; z-index: 2; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: 380px; cursor: pointer; } .fon-type-file { width: 380px; height: 30px; background: url(../img/input-file.png) no-repeat 100% 50%; position: absolute; top: 0; left: 0; z-index: 1; } .input-file-val { position: absolute; top: 0px; left: 0px; z-index: 2; width: 280px; background: none; border: none; } /* Range Slider */ #slider { width: 268px; float: left; } .ui-slider { position: relative; } .ui-slider a { border: none; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 13px; height: 30px; background: url(../img/handle.png) no-repeat; cursor: pointer } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; overflow: hidden; } .ui-slider-horizontal { height: 12px; } .ui-slider-horizontal .ui-slider-handle { top: -10px; margin-left: -6px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-widget-content { border: none; background: #fff; border-radius: 6px; box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25); } .ui-widget-header { border: none; border-radius: 6px; box-shadow: inset 0px -1px rgba(0, 0, 0, 0.1); background: #f3c333; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzYzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NTljM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #f3c333 0%, #959c3d 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f3c333), color-stop(100%, #959c3d)); background: -webkit-linear-gradient(left, #f3c333 0%, #959c3d 100%); background: -o-linear-gradient(left, #f3c333 0%, #959c3d 100%); background: -ms-linear-gradient(left, #f3c333 0%, #959c3d 100%); background: linear-gradient(to right, #f3c333 0%, #959c3d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c333', endColorstr='#959c3d', GradientType=1); } /* ========================================================================== Partials ========================================================================== */ /* Titles */ h1, .title-page h2 { color: #474243; font-size: 36px; font-weight: bold; line-height: 36px; margin: 0px; padding: 0px; text-transform: uppercase; position: relative; } .title-page { margin-bottom: 38px; } .title-page.with-date { margin-bottom: 22px; } .title-page .date { color: #8b8b8b; font-size: 12px; padding: 5px 0px 0px; } .title-page .addl-links { line-height: 18px; padding: 9px 0px 0px; } .title-page .addl-links .link { float: left; margin: 0px 30px 7px 0px; font-size: 15px; } .title-page .addl-links .link a { float: left; position: relative; text-decoration: none; border: none; margin-right: 5px; } .title-page .addl-links .link a span { border-bottom: 1px dashed; } .title-page .addl-links .link a .bordered { font-size: 9px; border-bottom: solid 1px #8db3ab; } .title-page .addl-links .link a:hover .bordered { border: none; } .title-page .addl-links .link a .bordered span { font-size: 15px; } .title-page .addl-links .link a .icon { display: block; position: absolute; left: 0px; top: 0px; background: no-repeat 50% 0%; } .title-page .addl-links .link a:hover .icon, .title-page .addl-links .link.active .icon { background-position: 50% 100%; } .title-page .addl-links .link.active a { font-weight: bold; color: #474243; } .title-page .addl-links .link.active a .bordered { border: none; } /*to delete*/ .title-page .addl-links .link.brand_items .icon { width: 15px; height: 17px; background-image: url(../img/catalog-ico-dbl.png); } .title-page .addl-links .link.history .icon { width: 14px; height: 17px; background-image: url(../img/calend-dbl.png); } .title-page .addl-links .link.comments .icon { width: 18px; height: 18px; background-image: url(../img/comment-dbl.png); } .title-page .addl-links .link.certificates .icon { left: 2px; width: 13px; height: 16px; background-image: url(../img/certificate-dbl.png); } /**/ /*to sprite*/ .title-page .addl-links .link .icon { background: no-repeat 0 0; background-image: url(../img/sprite/brands-sprite.png) !important; } .title-page .addl-links .link.brand_items .icon { width: 15px; height: 17px; background-position: 0 0; } .title-page .addl-links .link.history .icon { width: 14px; height: 17px; background-position: -18px 0; } .title-page .addl-links .link.comments .icon { width: 18px; height: 18px; background-position: -36px 0; } .title-page .addl-links .link.certificates .icon { left: 2px; width: 13px; height: 16px; background-position: -54px 0; } .title-page .addl-links .link.brand_items a:hover .icon, .title-page .addl-links .link.brand_items.active .icon { width: 15px; height: 17px; background-position: 0 -17px; } .title-page .addl-links .link.history a:hover .icon, .title-page .addl-links .link.history.active .icon { width: 14px; height: 17px; background-position: -18px -17px; } .title-page .addl-links .link.comments a:hover .icon, .title-page .addl-links .link.comments.active .icon { width: 18px; height: 18px; background-position: -36px -18px; } .title-page .addl-links .link.certificates a:hover .icon, .title-page .addl-links .link.certificates.active .icon { left: 2px; width: 13px; height: 16px; background-position: -54px -16px; } /**/ .title-page .subcaption, .title-section .subcaption { color: #8b8b8b; font-size: 15px; line-height: 18px; padding: 8px 0px 2px; } .title-page .subcaption a, .title-section .subcaption a { font-size: 8px; } .title-page .subcaption a span, .title-section .subcaption a span { font-size: 15px; } .subcaption.font-18 { font-size: 18px; line-height: 27px; } .title-page .addl-links .link.active { font-weight: bold; color: #474243; } .title-page .addl-links .link.active .icon { background-position: 50% 100%; display: inline-block; } .title-page .addl-links .link a .icon, .title-page .addl-links .link span .icon { display: block; position: absolute; left: 0px; top: 0px; } .title-page .addl-links .link.certificates .icon { top: 1px; } .title-page .addl-links .link > span { float: left; position: relative; border: none; } .title-page .addl-links .link .link-cnt { padding-left: 4px; } .label-title { position: relative; top: 2px; box-sizing: border-box; display: inline-block; width: 82px; height: 58px; background: url(../img/label-title.png) no-repeat 50% 0%; color: #fff; text-align: center; padding-top: 12px; font-size: 14px; font-weight: normal; line-height: 16px; text-transform: none; margin: -12px 0 -10px 8px; } .title-section { padding: 0px 0px 25px; } .title-section h1, .title-section h2, .title-section h3, .title-section .title-section__caption { color: #474243; font-size: 24px; line-height: 24px; font-weight: bold; padding: 0px 0px 5px; margin: 0px; } .title-section.big h1, .title-section.big h2, .title-section.big h3 { font-size: 36px; line-height: 36px; text-transform: uppercase; } .title-section .more-link { } .title-section .more-link a { font-size: 9px; } .title-section .more-link a span { font-size: 14px; } .title-section.center { text-align: center; } .title-section.center h1, .title-section.center h2, .title-section.center h3 { font-size: 30px; line-height: 30px; } .title-section h3 .num { font-weight: normal; color: #8b8b8b; } .title-section-cursive { padding: 0px 0px 18px; } .title-section-cursive h1, .title-section-cursive h2, .title-section-cursive h3 { padding: 0px 0px 5px; margin: 0px; font-weight: normal; font-size: 21px; line-height: 27px; color: #474243; } /* Buttons */ .btn { height: 30px; color: #fff !important; padding: 0px 15px; line-height: 32px; font-weight: bold; text-transform: uppercase; background-image: url(../img/hover-button.png); background-position: -400px 0px; background-repeat: no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn.yellow { background-color: #f4be2d; } .btn.orange { background-color: #f26a36; } .btn.lime { background-color: #939c3e; } input.btn { border: none; cursor: pointer; vertical-align: middle; } a.btn { float: left; border: none; display: inline-block; text-align: center; } .btn-red-with-coner { } .btn-red-with-coner > div { height: 30px; margin: 0px 7px 0px 0px; position: relative; } .btn-red-with-coner .coner, .btn-red-with-coner .svg-corner { width: 7px; height: 30px; position: absolute; right: -7px; top: 0px; background: url(../img/btn-red-with-coner.png) no-repeat 0% 0%; } /* 1389cc1 отменён .btn-red-with-coner .coner, .btn-red-with-coner .svg-corner { position: absolute; right: -7px; top: 0px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 7px solid #F26A36; } */ .btn-red-with-coner input, .btn-red-with-coner a, .btn-red-with-coner span { display: block; width: 100%; height: 30px; background: #f26a36; border: none; text-decoration: none; color: #fff; font-size: 14px; line-height: 30px; font-weight: bold; text-transform: uppercase; text-shadow: 0px -1px rgba(0, 0, 0, 0.25); -webkit-border-radius: 3px 0px 1px 3px; -moz-border-radius: 3px 0px 1px 3px; border-radius: 3px 0px 1px 3px; -webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.25); box-shadow: inset 0px -1px rgba(0, 0, 0, 0.25); } .btn-red-with-coner.bigger > div { height: 39px; margin-right: 10px; } .btn-red-with-coner.bigger.disabled > div { opacity: 0.5; cursor: default; } .btn-red-with-coner.bigger.disabled a, .btn-red-with-coner.bigger.disabled span, .btn-red-with-coner.bigger.disabled input { background: #999; cursor: default; } .btn-red-with-coner.bigger .coner { width: 10px; height: 39px; right: -10px; background-image: url(../img/btn-red-with-coner-bigger.png); } .btn-red-with-coner.bigger.disabled .coner { background-image: url('../img/btn-red-with-coner-bigger-disabled.png'); } .btn-red-with-coner.bigger input, .btn-red-with-coner.bigger a, .btn-red-with-coner.bigger span { height: 39px; font-size: 16px; line-height: 40px; } .btn-red-with-coner.bigger-50 > div { height: 50px; margin-right: 10px; } .btn-red-with-coner.bigger-50.disabled > div { opacity: 0.5; cursor: default; } .btn-red-with-coner.bigger-50 .coner { width: 10px; height: 50px; right: -10px; background-image: url(../img/btn-red-with-coner-bigger-50.png); } .btn-red-with-coner.bigger-50 .svg-corner { width: 13px; height: 50px; right: -12px; background-image: url(../img/btn-red-with-coner-bigger-50.png); fill: #F26A36; } .btn-red-with-coner.bigger-50.disabled .svg-corner { fill: #999; } .btn-red-with-coner.bigger-50 input, .btn-red-with-coner.bigger-50 a { height: 50px; line-height: 52px; font-size: 20px; } .btn-red-with-coner.bigger-50.disabled a, .btn-red-with-coner.bigger-50.disabled span, .btn-red-with-coner.bigger-50.disabled input { background: #999; cursor: default; } .btn-red-with-coner.yellow input, .btn-red-with-coner.yellow a { background: #f4be2d; } .btn-red-with-coner.yellow.bigger .coner { background-image: url(../img/btn-yellow-with-coner-bigger.png); } .btn-del { display: block; height: 26px; width: 26px; background: url(../img/del.png) no-repeat 50% 50%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn-del, .btn-del:hover { border: solid 1px #689a8f; } .btn-transparent-on-form { height: 28px; line-height: 28px; padding: 0px 15px; border: solid 1px #c4d6d0; color: #689a8f; font-size: 14px; background: none; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } a.btn-transparent-on-form { text-decoration: none; float: left; } a.btn-transparent-on-form:hover { border: solid 1px #f15722; } .btn-square-icon { display: block; width: 26px; height: 26px; background: no-repeat 50% 0%; border: solid 1px #000; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-square-icon:hover { background-position: 50% -26px; border: solid 1px #000; } .btn-square-icon.del { border-color: #689a8f; background-image: url(../img/btn-del.png); } .btn-square-icon.del:hover { background-color: #689a8f; } .btn-square-icon.to-cart { border-color: #939c3e; background-image: url(../img/btn-to-cart.png); } .btn-square-icon.to-cart:hover { background-color: #939c3e; } .btn-square-icon.to-cart.active { background-color: #939c3e; background-position: 0 -26px; } .btn-square-icon.to-cart.disabled { border-color: #000 !important; cursor: default; background-position: 0 -52px; opacity: 0.35; } .btn-square-icon.to-cart.disabled:hover { background-color: transparent; } .link-clean { height: 18px; padding: 0px 0px 0px 16px; background: url(../img/clean.png) no-repeat 0% 45%; line-height: 18px; font-size: 14px; } .link-clean a { color: #474243; font-size: 8px; border-bottom-color: #dcdcdc; } .link-clean a span { font-size: 14px; } /* Nav */ .crumbs { min-height: 18px; padding: 11px 0px 0px; line-height: 18px; font-size: 12px; color: #a3a0a1; margin: 0px 0px 27px; position: relative; z-index: 10; } .crumbs__level { position: relative; } .crumbs__link { font-size: 8px; color: #a3a0a1; border-bottom: dashed 1px rgba(163, 160, 161, 0.5); } .crumbs__link span { font-size: 12px; } .crumbs__link:hover { border: none; color: #646464; } .crumbs__link.to-home { border: none; } .crumbs__bullet { vertical-align: middle; margin: 0px 4px; } .crumbs .popup { display: none; width: 180px; position: absolute; left: -20px; top: 30px; padding: 10px 10px 10px 20px; background: #fff; line-height: 16px; z-index: 50; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.45); } .crumbs .popup .pipka { width: 24px; height: 12px; background: url(../img/last-views-pipka.png) no-repeat 50% 100%; position: absolute; top: -12px; left: 30px; } .crumbs .popup li { padding: 4px 0px; } .crumbs .popup a { font-size: 9px; border: none; color: #474243; } .crumbs .popup a:hover { border-bottom: solid 1px #dcdcdc; } .crumbs .popup a span { font-size: 14px; } .back-forward-nav { line-height: 18px; } .back-forward-nav .back { float: left; padding: 0px 0px 0px 25px; background: url(../img/back.png) no-repeat 0% 0%; } .back-forward-nav a { color: #a3a0a1; border-bottom-color: #eeeded; font-size: 8px; } .back-forward-nav a:hover { color: #474243; } .back-forward-nav a span { font-size: 15px; } .pagination { } .pagination li { float: left; margin: 0px 6px 0px 0px; } .pagination a, .pagination span { float: left; border: solid 1px #c4d6d0; height: 22px; line-height: 25px; min-width: 14px; padding: 0px 4px; position: relative; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .pagination a:hover { color: #f15722; border-color: #f15722; } .pagination span { color: #fff; border-color: #f15722; background-color: #f15722; } .pagination span i { display: none; width: 6px; height: 3px; position: absolute; left: 50%; top: -3px; margin-left: -3px; background: url(../img/pagination-pipka.png) no-repeat 50% -3px; } .pagination span i { display: block; } .pagination a.prev, .pagination a.next { padding: 0px; width: 22px; background-image: url(../img/pagination-arrs.png); background-repeat: no-repeat; } .pagination a.prev { background-position: 0% 0%; } .pagination a.prev:hover { background-position: 0% -44px; } .pagination a.next { background-position: 100% 0%; } .pagination a.next:hover { background-position: 100% -44px; } /* Icons */ .icon-54 { width: 54px; height: 54px; background: no-repeat 50% 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .icon-54.yellow { background-color: #f5c533; } .icon-54.lime { background-color: #929b3d; } .icon-54.gift { background-image: url(../img/icon-gift-white.png); } .icon-54.cart { background-image: url(../img/icon-cart-white.png); } /* Others */ .date-label { width: 40px; height: 50px; background: no-repeat 50% 0%; color: #fff; text-align: center; } .date-label.yellow { background-image: url(../img/date-label-yellow.png); } .date-label.green { background-image: url(../img/date-label-green.png); } .date-label.red { background-image: url(../img/date-label-red.png); } .date-label.lime { background-image: url(../img/date-label-lime.png); } .date-label span { display: block; } .date-label .num { font-size: 18px; line-height: 14px; font-weight: bold; padding: 9px 0px 0px; } .date-label .month { font-size: 14px; line-height: 14px; position: relative; top: -1px; } .stamp-border { height: 5px; width: 100%; position: absolute; left: 0px; background: repeat-x 0% 50%; } /*.stamp-border.top { background-image: url(../img/stamp-border-top.png); } .stamp-border.bottom { background-image: url(../img/stamp-border-bottom.png); }*/ .stamp-border.top { top: 0px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAFCAYAAABM6GxJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzQzMzg1QjUwNUVDMTFFNUEwMUE4QTJCOUNCMTM4RTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzQzMzg1QjYwNUVDMTFFNUEwMUE4QTJCOUNCMTM4RTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNDMzODVCMzA1RUMxMUU1QTAxQThBMkI5Q0IxMzhFNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNDMzODVCNDA1RUMxMUU1QTAxQThBMkI5Q0IxMzhFNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuCQwOEAAABFSURBVHjaYvwPBAyo4AsQ8zJgB5/Q5ZiwKDrNgBucwRD5jwl8QY7CgX3RFaMb0IJHMwy3oBvwBYj3EbAZHftB9XwBCDAAI/GqmsoVs7gAAAAASUVORK5CYII=); } .stamp-border.bottom { bottom: 0px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAFCAYAAABM6GxJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0Y0RURCNzUwNUVDMTFFNUI2RDFFQTE3REU3QTExNTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0Y0RURCNzYwNUVDMTFFNUI2RDFFQTE3REU3QTExNTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3RjRFREI3MzA1RUMxMUU1QjZEMUVBMTdERTdBMTE1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RjRFREI3NDA1RUMxMUU1QjZEMUVBMTdERTdBMTE1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv1KkPEAAABISURBVHjaYvj///8XIN4HxL5AzEAk9oPq+QLiIIMWIjS3IGtAN+A/AZf4oivGZsA+PAbsQ1fMCDYFFXwBYl4G7OATuhxAgAEA+TfiRQowjUUAAAAASUVORK5CYII=); } .stamp-border.top { background: url("../img/svg/white-circle.svg") -4px bottom repeat-x; } .stamp-border.bottom { background: url("../img/svg/white-circle.svg") -4px top repeat-x; } .stamp-block { position: relative; } .stamp-block:before, .stamp-block:after { content: ""; width: 100%; height: 4px; position: absolute; left: 0; } .stamp-block:before { background: url("../img/svg/white-circle.svg") -4px bottom repeat-x; top: 0; } .stamp-block:after { background: url("../img/svg/white-circle.svg") -4px top repeat-x; bottom: 0; } .stamp-block--2 { padding-top: 4px; } .stamp-block--2:before { background: url("../img/svg/gray-circle.svg") -4px top repeat-x; } .center { text-align: center; } .float-none { float: none !important; } .grunge-block { position: relative; background: #f8f4ef; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15); box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15); } .grunge-block .pipka { display: block; width: 18px; height: 19px; position: absolute; left: 33px; bottom: -18px; background: url(../img/grey-plashka-pipka.png); } .grunge-block .divider-hor, .grey-block .divider-hor { border-top: solid 1px #dddcd8; border-bottom: solid 1px #fafaf8; height: 0px; overflow: hidden; } .content-block { background: #f8f4ef; padding: 20px 25px; } .stars { width: 80px; height: 14px; background: repeat-x 0% 0%; cursor: pointer; } .stars span { float: left; height: 14px; background: repeat-x 0% 100%; } .stars, .stars span { background-image: url(../img/stars.png); } .stars.bigger { height: 18px; width: 115px; } .stars.bigger span { height: 18px; } .stars.bigger, .stars.bigger span { background-image: url(../img/stars-b.png); background-repeat: repeat; } .stars.red, .stars.red span { background-image: url(../img/stars-red.png); } .grunge-section { background: #f8f4ef; } /* Blocks */ .payment-delivery-block { overflow: hidden; } .payment-delivery-block.noborder { border: none; } .payment-delivery-block .col { padding: 0 0 38px; } .payment-delivery-block .col.payment { padding-left: 0; float: left; } .payment-delivery-block .col.delivery { float: right; padding-right: 0; } .payment-delivery-block .caption { font-weight: bold; text-transform: uppercase; padding: 0px 0px 15px; } .payment-delivery-block .icon { float: left; margin: 0px 16px 0px 0px; } .payment-delivery-block .payment .icons__all { background-image: url('../img/sprite/payment-delivery.png?v=2'); background-repeat: no-repeat; width: 320px; height: 40px; } .payment-delivery-block .delivery .icons__all { background-image: url('../img/sprite/payment-delivery.png?v=2'); background-position: 0 -40px; background-repeat: no-repeat; width: 609px; height: 40px; } /* Popups */ .typical-popup { padding: 20px; background: #fff; border: solid 3px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .typical-popup .pipka-bottom { position: absolute; width: 23px; height: 13px; position: absolute; left: 50%; bottom: -13px; margin-left: -11px; background: url(../img/popup-pipka-bottom.png) no-repeat 50% 0%; } .typical-popup .pipka-top { position: absolute; width: 23px; height: 13px; position: absolute; left: 50%; top: -13px; margin-left: -11px; background: url(../img/popup-pipka-top.png) no-repeat 50% 100%; } .typical-popup .pipka-left { position: absolute; height: 23px; width: 13px; position: absolute; top: 25px; left: -13px; background: url(../img/popup-pipka-left.png) no-repeat 100% 50%; } .typical-popup-shadow { background: #fff; position: absolute; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.45); } .typical-popup-shadow .pipka { position: absolute; } .typical-popup-shadow .pipka.top { width: 24px; height: 12px; position: absolute; top: -12px; left: 70px; background: url(../img/popup-typical-pipka-top.png) no-repeat 50% 100%; } .popup-hint { background: #fff; color: #000; position: relative; padding: 5px 10px; z-index: 10; -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .popup-hint .text-block { padding: 0 !important; line-height: 20px !important; } .popup-hint .text-block p { padding-bottom: 0px; } .popup-hint .pipka-bottom { width: 15px; height: 8px; position: absolute; bottom: -8px; left: 17px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUyNDQ1OTJDQ0VBQjExRTM5QzQ3RDRGRDlBMUVFMDkyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUyNDQ1OTJEQ0VBQjExRTM5QzQ3RDRGRDlBMUVFMDkyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTI0NDU5MkFDRUFCMTFFMzlDNDdENEZEOUExRUUwOTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTI0NDU5MkJDRUFCMTFFMzlDNDdENEZEOUExRUUwOTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7uCszxAAAAKElEQVR42mL6TwRgYmBgYGTADxiZYAxcCkAEE7oANj4TDgkUDQABBgBbQiPvXSmw/QAAAABJRU5ErkJggg==) no-repeat 50% 0%; } .popup-hint.resultHint { background: #febe0d; } .popup-hint.resultHint .pipka-bottom { bottom: -6px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAICAYAAAAm06XyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzVGQzMyMzI1MjBGMTFFNDgwMkRBNTVFNzdFMDE4NzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzVGQzMyMzM1MjBGMTFFNDgwMkRBNTVFNzdFMDE4NzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NUZDMzIzMDUyMEYxMUU0ODAyREE1NUU3N0UwMTg3MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NUZDMzIzMTUyMEYxMUU0ODAyREE1NUU3N0UwMTg3MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pui573YAAABASURBVHjaYvy3j/c/A5mACYgZydTLyARjkKoRZjMDiQYwIjubgQQDGNH9zECkAYzYAowYhYy4QpuQE3F6BSDAAGOuAuZbYsXFAAAAAElFTkSuQmCC) no-repeat 50% 0%; } .popup-layout { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../img/popup-layout.png); z-index: 99; } .popup-layout .white-box { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.65); box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.65); } .popup-layout .label-close { position: absolute; right: 20px; top: -5px; } .popup-mini { background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.45); -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.45); box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.45); } /* Links with Icons */ .link-with-icon { line-height: 20px; padding: 0px 0px 0px 30px !important; background: no-repeat 0% 50%; font-size: 14px; } .link-with-icon a { font-size: 9px; } .link-with-icon a:hover { color: #f15722; } .link-with-icon a span { font-size: 14px; } .link-with-icon.user { background-image: url(../img/user.png); background-position: 0px 0%; } .link-with-icon.i { background-image: url(../img/i.png); } .link-with-icon.diagram { background-image: url(../img/diagram.png); background-position: 2px 50%; } .link-with-icon.comment { padding-left: 24px !important; background-image: url(../img/comment-icon.png); } .link-with-icon.arr-down { line-height: 22px; background-image: url(../img/arr-circle-down.png); } .link-with-icon.arr-down a { border-bottom: dashed 1px #b2cbc6; } .link-with-icon.arr-down a:hover { border: none; } .link-with-icon.arr-right { background-image: url(../img/bullet-arr.png); } .link-with-icon.print-red { background-image: url(../img/print.png); } .link-with-icon.pdf-red { background-image: url(../img/pdf-red.png); } .link-with-icon.print-red, .link-with-icon.pdf-red { padding-left: 24px; } .link-with-icon-15 { line-height: 22px; height: 22px; padding: 0px 0px 0px 25px; font-size: 15px; } .link-with-icon-15 a { font-size: 9px; border-bottom-color: #d7e5e2; } .link-with-icon-15 a span { font-size: 15px; } .link-with-icon-15.list { background: url(../img/list-2.png) no-repeat 0% 3px; } .link-with-icon-15.ok { background: url(../img/valid-ok.png) no-repeat 0% 1px; } .link-with-icon-new { height: 22px; } .link-with-icon-new a { border: none; float: left; height: 22px; line-height: 22px; padding: 0px 0px 0px 30px; position: relative; } .link-with-icon-new a:hover { color: #f15722; } .link-with-icon-new .bordered { font-size: 9px; border-bottom: solid 1px #8db3ab; } .link-with-icon-new .bordered.dashed { border-bottom-style: dashed; } .link-with-icon-new .bordered span { font-size: 14px; } .link-with-icon-new.font-15 .bordered span { font-size: 15px; } .link-with-icon-new a:hover .icon { background-position: 50% 100%; } .link-with-icon-new a:hover .bordered { border: none; } .link-with-icon-new .icon { display: block; position: absolute; left: 0px; top: 50%; background: no-repeat 50% 0%; } .link-with-icon-new.arr-right .icon { width: 19px; height: 19px; margin-top: -9px; background-image: url(../img/bullet-arr-dbl.png); } .link-with-icon-new.arr-right .bordered { border-bottom-style: dashed; } .link-with-icon-new.arr-right .bordered span { font-size: 15px; } .link-with-icon-new.user .icon { width: 19px; height: 19px; margin-top: -9px; background-image: url(../img/user-dbl.png); } .link-with-icon-new.comment .icon { width: 18px; height: 18px; margin-top: -9px; background-image: url(../img/comment-dbl.png); } .link-with-icon-new.card a { padding-left: 25px; } .link-with-icon-new.card .icon { width: 15px; height: 12px; margin-top: -7px; background-image: url(../img/card-dbl.png); } .link-with-icon-new.pencil .icon { width: 16px; height: 16px; margin-top: -8px; background-image: url(../img/pencil-16-dbl.png); } .link-with-icon-new.list .icon { width: 16px; height: 14px; margin-top: -8px; background-image: url(../img/list-2-dbl.png); } .link-with-icon-new.ok a { padding-left: 25px; } .link-with-icon-new.ok .icon { width: 19px; height: 19px; margin-top: -9px; background-image: url(../img/valid-ok-dbl.png); } .link-with-icon-new.i a { padding-left: 25px; } .link-with-icon-new.i .icon { width: 17px; height: 17px; margin-top: -9px; background-image: url(../img/i-dbl.png); } .link-with-icon-new.diagram a { padding-left: 25px; } .link-with-icon-new.diagram .icon { width: 15px; height: 13px; margin-top: -7px; background-image: url(../img/diagram-dbl.png); } /* ========================================================================== Base blocks ========================================================================== */ /* Base */ .wrapper-out { overflow: hidden; min-width: 0px; min-height: 650px; } .wrapper { margin: 0 auto; max-width: 998px; width: auto; position: relative; } .content-left { float: left; width: 738px; } .width-668 { width: 668px; } .fixed-btns { position: fixed; top: 50%; margin-top: -240px; right: 0px; z-index: 100; display: flex; flex-direction: column; align-items: flex-end; } .fixed-btns img { display: block; margin: 0px 0px 20px; } .fixed-btns a { border: none; } .fixed-btns a img { right: -5px; position: relative; background: url('../img/v2/main-sprites.png') -42px -198px no-repeat; } .fixed-btns a:hover img { right: 0; } .fixed-btns a.redhlp_button { display: block !important; } .fixed-btns a.redhlp_button img { background-position: -3px -198px; } .fixed-btns .favorite-product-notification { display: flex; transition: 0.5s; } .fixed-btns .favorite-product-notification.active { margin-right: 325px; } .fixed-btns .favorite-product-notification.active .toggle-button{ opacity:0; } .favorite-product-notification .toggle-button img { max-width: 100%; } .favorite-product-notification .toggle-button { cursor: pointer; width: 32px; margin-right: 0px; transition: 0.5s; } .favorite-product-notification .item-favorite-product { width: 320px; position: absolute; left: 39px; } .favorite-product-notification .item-favorite-product .item-favorite-product-header { display: flex; justify-content: space-between; align-items: center; } .favorite-product-notification .item-favorite-product .item-favorite-product-header .header-title { /* border-radius: 3px; */ background-image: linear-gradient(80deg, #ff8a95, #ffc182); color: white; text-transform: uppercase; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 5px 14px 3px; } .favorite-product-notification .item-favorite-product .item-favorite-product-header .close { cursor:pointer; display: flex; align-items: center; margin-right: 5px; } .favorite-product-notification .item-favorite-product .item-favorite-product-header .close img { margin-bottom: 0; } .favorite-product-notification .item-favorite-product .item-favorite-product-body{ padding: 16px; background: white; border: solid 2px #fb9892; border-radius: 3px; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.1); border-top-left-radius: 0!important; display: flex; justify-content: space-between; } .favorite-product-notification .item-favorite-product .item-favorite-product-body a.product-name { display:initial!important; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; color: #474243; } .item-favorite-product-body .image { display: block; width: 60px; height: 60px; } .item-favorite-product-body .image img { right:initial; width: 100%; background: none; } .item-favorite-product-body .detail-info { width: calc(100% - 70px); } .item-favorite-product-body .detail-info .product-price { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 20px; min-width: 70px; } .item-favorite-product-body .detail-info .main-price { font-size: 18px; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #474243; font-weight: bold; } .item-favorite-product-body .detail-info .old-price { position: relative; font-size: 12px; color: #9b9b9b; } .item-favorite-product-body .detail-info .old-price:before { display: block; position: absolute; border-top: 1px solid #ee6b3f; left: 0; right: 0; top: 42%; transform: rotate(-8deg); content:''; } .item-favorite-product-body .detail-info .variants { display: flex; } .item-favorite-product-body .detail-info .variants .variant-list{ display: flex; flex-flow: row wrap; align-items: flex-start; } .item-favorite-product-body .detail-info .variants .variant-list .variant-item{ border-radius: 3px; transition: all 0.1s ease; -moz-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease; cursor: pointer; margin: 2px 3px; line-height: 1; padding: 6px 7px 3px; border-width: 0; } .item-favorite-product-body .detail-info .variants .variant-list .variant-item.checked { background-color: #e1ebe9; border-color: #6b998f; } .item-favorite-product-body .detail-info .variants .variant-list .variant-item > span{ border-bottom: 1px dashed #c8d9d5; } .item-favorite-product-body .detail-info .variants .variant-list .variant-item .variant-item-title { font-weight: normal; border-bottom: none; line-height: 16px; font-size: 14px; border-bottom: dashed 1px #c8d9d5; color: #6b998f; } .item-favorite-product-body .detail-info .control-panel .btn{ border: none; margin-top: 10px; font-size: 15px; } .btn-up { position: fixed; bottom: 95px; right: 25px; cursor: pointer; z-index: 10; } .btn-up:hover { background-position: -84px -279px; } /* Header */ .hoverStripe { height: 2px; width: 100%; background: transparent; position: absolute; top: 0; left: 0; } .tPnl { background: #f8f4ef; position: relative; z-index: 50; } .tPnl .wrapper { height: 40px; } .tPnl .chsRgn { float: left; width: 252px; position: relative; z-index: 1; } .tPnl .chsRgn .choose { float: left; position: relative; top: 4px; } .tPnl .chsRgn .choose.lang { margin-right: 16px; } .tPnl .chsRgn .choose.city { padding-left: 14px; } .tPnl .chsRgn .choose-caption { display: inline-block; padding: 0px 15px 0px 0px; height: 30px; text-decoration: none; color: #443c3d; background: url(../img/arr-choose.png) no-repeat 100% 50%; line-height: 28px; border: none; white-space: nowrap; } .tPnl .chsRgn .choose-caption .dotted { border-bottom: dashed 1px rgba(68, 60, 61, 0.5); font-size: 8px; } .tPnl .chsRgn .choose-caption .dotted span { font-size: 14px; } .tPnl .chsRgn .choose-caption:hover .dotted { border: none; } .tPnl .chsRgn .choose-caption .flag { margin-right: 5px; } .tPnl .addl-menu { float: right; line-height: 30px; position: relative; left: -37px; padding: 4px 0px 0px; z-index: 2; } .tPnl .addl-menu > ul > li { float: left; padding: 0px 10px; position: relative; } .tPnl .addl-menu > ul > li.about { padding: 0px; width: 65px; text-align: center; } .tPnl .addl-menu > ul > li.cooperation { text-align: center; } .tPnl .addl-menu a { color: #646464; border-color: #c1c0be; font-size: 8px; } .tPnl .addl-menu a span { font-size: 14px; } .tPnl .addl-menu .selected-tab { display: none; height: 30px; width: 100%; padding: 0px 5px; line-height: 30px; text-align: center; font-weight: bold; background: #fff; position: absolute; left: -5px; top: 0px; -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45); } .tPnl .addl-menu .selected-tab .line { height: 15px; width: 100%; padding-left: 15px; position: absolute; left: 0px; bottom: -15px; background: #fff; z-index: 5; } .tPnl .addl-menu .expand-list { display: none; text-align: left; position: absolute; left: -5px; top: 30px; background: #fff; width: 140px; padding: 15px 15px 5px 15px; line-height: 16px; -webkit-border-radius: 0px 4px 4px 4px; -moz-border-radius: 0px 4px 4px 4px; border-radius: 0px 4px 4px 4px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45); } .tPnl .addl-menu li:first-child .expand-list { width: 180px; } .tPnl .addl-menu .expand-list li { padding: 0px 0px 10px; } .tPnl .addl-menu .expand-list a { color: #443c3d; border: none; } .tPnl .addl-menu .expand-list a:hover { border-bottom: solid 1px #dcdada; } .tPnl .addl-menu li.about:hover .expand-list, .tPnl .addl-menu li.about:hover .selected-tab { display: block; } .tPnl .addl-menu li.cooperation:hover .expand-list, .tPnl .addl-menu li.cooperation:hover .selected-tab { display: block; } .tPnl .addl-menu li:hover .selected-tab a { border-bottom: none; } .tPnl .search { float: right; width: 272px; position: relative; padding: 6px 0px 0px; } .tPnl .search .field { height: 26px; background: #fff; position: relative; z-index: 180; -webkit-box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tPnl .search.open .field { -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } .tPnl .search input[type="submit"] { position: absolute; right: 0px; top: 0px; display: block; width: 30px; height: 26px; border: none; background: url(../img/search-top-panel.png) no-repeat 50% 50%; } .tPnl .search input[type="text"] { width: 91%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; top: 5px; padding: 0px 0px 0px 9px; color: #a3a0a1; border: none; background: none; height: 16px; } .tPnl .search input[placeholder], .tPnl .search [placeholder], .tPnl .search *[placeholder] { color: #a3a0a1; } .tPnl .search ::-webkit-input-placeholder { color: #a3a0a1; } .tPnl .search ::-moz-placeholder { color: #a3a0a1; opacity: 1 !important; } .tPnl .search :-moz-placeholder { color: #a3a0a1; opacity: 1 !important; } .tPnl .search ::-moz-placeholder { color: #a3a0a1; } .tPnl .search :-ms-input-placeholder { color: #a3a0a1; } .tPnl .search .popup { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0px; top: 30px; background: #fff; z-index: 60; line-height: 18px; border-radius: 0px 0px 3px 3px; } .tPnl .search .popup .svgLoader { height: 60px; display: block; position: relative; width: 100%; } /*.tPnl .search .popup > div { padding: 0; -webkit-box-shadow: 0px 10px 25px rgba(0,0,0,0.45); -moz-box-shadow: 0px 10px 25px rgba(0,0,0,0.45); box-shadow: 0px 10px 25px rgba(0,0,0,0.45); -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; }*/ .tPnl .search .popup section { margin: 0px 0px 15px; } .tPnl .search .title { line-height: 18px; font-weight: bold; color: #f26a36; text-transform: uppercase; padding: 0px 0px 10px; } .tPnl .search .tbl { display: table; width: 100%; border-collapse: collapse; } .tPnl .search .tbl-row { display: table-row; } .tPnl .search .tbl-cell { display: table-cell; vertical-align: top; padding: 0px 0px 8px; } .tPnl .search .lbl { font-weight: bold; padding-right: 10px; color: #000; } .tPnl .popup a > span { font-size: 9px; } .tPnl .popup a > span > span { font-size: 14px; } .tPnl .popup .link a > span { color: #646464; border-bottom: 1px solid #dcdcdc; } .tPnl .popup a:hover > span { border-bottom: none; } .tPnl .search .banner { margin: 0px 0px 20px; } .tPnl .search .banner img { display: block; margin: 0 auto; } .tPnl .search .recomended { border-bottom: solid 1px #cbcbcb; width: 204px; margin-bottom: 25px !important; } .tPnl .search .recomended .title { padding-bottom: 0px; } .tPnl .search .recomended .item { border-top: solid 1px #e5e5e5; padding: 15px 0px; } .tPnl .search .recomended .item:first-child { border: none; } .tPnl .search .recomended .name { padding: 0px 0px 5px; } .tPnl .search .recomended .price { float: left; font-size: 15px; font-weight: bold; color: #000; margin: 0px 5px 0px 0px; } .tPnl .search .recomended .vol { position: relative; top: 3px; float: left; font-size: 10px; color: #000; line-height: 12px; padding: 0px 0px 0px 12px; background: url(../img/crumbs-bullet.png) no-repeat 0% 50%; margin: 0px 3px 0px 0px; } .tPnl .search .recomended .art { float: right; font-size: 11px; } /*.site-header{padding-top: 31px; padding-bottom: 7px;}*/ .site-header { padding-top: 21px; } .site-header__logo { position: relative; float: left; margin-left: 2px; display: inline-block; width: 202px; height: 75px; border-bottom: none; } .site-header__logo > span { position: relative; display: block; text-align: center; color: #8b8b8b; line-height: 16px; } .site-header__phones { position: relative; display: flex; align-items: center; float: left; text-align: right; color: #8b8b8b; line-height: 16px; margin-top: 3px; padding-right: 67px; padding-left: 91px; } .site-header__phones__phone { display: block; color: #474243; font-size: 21px; font-weight: bold; line-height: 18px; padding: 0px 0px 1px; border-bottom: none; cursor: default; } .site-header__phones__phone:hover { color: #474243; } .site-header__phones__phone .spb { letter-spacing: 2px; } .site-header__sign { position: relative; float: left; margin-top: 2px; padding-bottom: 10px; } .site-header__phones { position: relative; display: flex; align-items: center; float: left; text-align: right; color: #8b8b8b; line-height: 16px; margin-top: 3px; padding-right: 67px; padding-left: 91px;} .site-header__phones__phone { display: block; color: #474243; font-size: 21px; font-weight: bold; line-height: 18px; padding: 0px 0px 1px; border-bottom:none; cursor: default;} .site-header__phones__phone:hover{color: #474243;} .site-header__phones__phone .spb {letter-spacing: 2px;} .site-header__sign__button { display: inline-block; height: 24px; margin: 0px 6px 13px 0px; color: #fff; text-decoration: none; line-height: 24px; text-align: center; border: none; background-image: url(../img/hover-button.png); background-position: -400px 0px; background-repeat: no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .site-header__sign__button:hover { color: #fff } .button--sign-in { width: 61px; background-color: #929b3d; } .button--sign-up { width: 100px; background-color: #f5c533; } .site-header__sign__link { position: relative; padding-left: 23px; line-height: 23px; margin-left: -2px; } .site-header__sign__link__inner { color: #646464; border-color: #dcdcdc; } .site-header__sign__link__inner:hover { color: #646464; } .site-header__sign__user { margin-bottom: 18px; } .site-header__sign__user__link { color: #646464; border-color: #dcdcdc; } .site-header__sign__user__link:hover { color: #646464; } .site-header__sign__exit { color: #646464; text-decoration: none; border-bottom: none; font-size: 14px; position: relative; margin-left: 5px; top: 1px; } .site-header__sign__exit:hover { color: #f26a36; } .last-views { position: relative; min-height: 25px; } .last-views .popup-cont { position: absolute; z-index: 50; left: -100000px; top: 23px; padding: 7px 0px 0px; margin: 0px; } .last-views .popup { width: 422px; background: #fff; padding: 20px; display: block; z-index: auto; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45); } .last-views .popup .pipka { width: 24px; height: 12px; position: absolute; left: 70px; top: -12px; background: url(../img/last-views-pipka.png); } .last-views .popup .cont .price .rub { padding: 0px; white-space: nowrap; margin-right: 5px; } .last-views .popup .cont .price .rub.oldprice { font-size: 15px; text-decoration: line-through; font-weight: normal; color: #666; } .last-views .popup .prod-row-card-small .params .vol { font-size: 12px; top: -2px; } .last-views .popup .prod-row-card-small .params .comments { font-size: 12px; top: -2px; } .last-views .popup .scroll-pane { width: 100%; max-height: 370px; overflow: auto; } .last-views .prod-row-card-small { padding: 14px 0px 0px; margin: 0px 17px 14px 0px; border-top: solid 1px #e5e5e5; } .last-views .prod-row-card-small:first-child { border: none; } .last-views .prod-row-card-small .photo { width: 80px; height: 80px; } /*.last-views .prod-row-card-small .cont { margin-left: -120px; }*/ .last-views .prod-row-card-small .cont > div { margin-left: 100px; padding-bottom: 0px; } .last-views .prod-row-card-small .caption { padding-top: 0px; } .last-views .prod-row-card-small .photo .prod-label { bottom: -2px; width: 100%; top: auto; } .last-views .prod-row-card-small .favorite { bottom: 0px; } .site-header__cart { width: 226px; position: relative; float: right; } .site-header__cart__caption { display: block; border-bottom: none; text-decoration: none; position: relative; padding: 0px 0px 0px 35px; height: 25px; line-height: 25px; font-weight: bold; font-size: 24px; text-transform: uppercase; color: #f26a36; } .site-header__cart__caption.filled { background-position: 0 -50px; } .site-header__cart__caption > span { border-bottom-color: rgba(242, 106, 54, 0.3); font-size: 8px; color: #f26a36; top: -1px; position: relative; } .site-header__cart__caption > span > span { font-size: 24px; } .site-header__cart__gift { position: relative; left: 3px; display: block; font-size: 13px; width: 196px; height: 38px; color: #646464; line-height: 38px; text-decoration: none; border-bottom: none; padding-top: 2px; padding-left: 14px; margin-bottom: 2px; background: url(../img/v2/main-sprites@2x.png) no-repeat -11px -534px; background-size: 300px 601px; box-sizing: border-box; } .site-header__cart__gift:hover { color: #646464; } .site-header__cart__link { margin-left: 17px; color: #646464; border-color: #dcdcdc; } .site-header__cart__link :hover { color: #646464; } .site-header__cart-cont strong { color: #000; font-weight: normal; } .site-header__cart-cont__price { padding: 0; white-space: nowrap; } .site-header__cart-cont { border: none; display: block; padding: 14px 0 10px 2px; line-height: 20px; font-size: 13px; position: relative; color: #646464; } .site-header__cart-cont:hover { color: #646464 } .site-header__cart-cont__order-btn { text-align: center; background: url('../img/top-cart-bg.png') 0 0 no-repeat; position: absolute; top: 7px; right: 1px; width: 76px; display: inline-block; color: #fff; padding: 9px 17px 9px 9px; border-bottom: none; text-decoration: none; line-height: 17px; } .main-menu { position: relative; z-index: 15; } .main-menu .wrapper { border-bottom: solid 1px #cbcbcb; position: relative; min-height: 51px; } .main-menu .tbl { display: table; width: 100%; } .main-menu .tbl-row { display: table-row; } .main-menu .tbl-cell { display: table-cell; height: 50px; padding: 0px 18px; } .main-menu .tbl-cell.march8 { padding: 0px; width: 100px; } .main-menu .tbl-cell.march8 > a { margin: 0px; padding: 0px; } .main-menu .tbl-cell > a, .main-menu .tbl-cell > span { display: block; width: 100%; height: 50px; text-align: center; border: none; color: #000; position: relative; top: 1px; padding: 0px 18px; margin: 0px -18px; white-space: nowrap; line-height: 50px; font-weight: bold; font-size: 14px; text-transform: uppercase; } .main-menu .tbl-cell > a:hover, .main-menu .tbl-cell > span:hover { color: #f26a36; } .main-menu .tbl-cell > span { cursor: default; } .main-menu .tbl-cell.with-expand.active > a, .main-menu .tbl-cell.with-expand.active > span { background: #fff; z-index: 59; color: #f26a36; -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); } .main-menu .tbl-cell.with-expand.active > a .line, .main-menu .tbl-cell.with-expand.active > span .line { display: block; width: 100%; height: 25px; padding: 0px 25px; position: absolute; bottom: -24px; left: -24px; background: #fff; } .main-menu .tbl-cell.with-expand.cosmetic.active > a .line { background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAABCAIAAACE4s0/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVDQjBEMjMzNTEwMTFFNEI2NjVDMkU0NDg4ODVBMkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVDQjBEMjQzNTEwMTFFNEI2NjVDMkU0NDg4ODVBMkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUNCMEQyMTM1MTAxMUU0QjY2NUMyRTQ0ODg4NUEyQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUNCMEQyMjM1MTAxMUU0QjY2NUMyRTQ0ODg4NUEyQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjQOxDsAAAAXSURBVHjaYvnx4yPDKKAZePHiPUCAAQAE6gWlJIZ3xwAAAABJRU5ErkJggg==) repeat-y left; } .main-menu .tbl-cell.with-expand.prod.active > a .line { left: auto; right: 0px; } .main-menu .submenu-block { display: block; position: absolute; left: -10000px; top: 50px; width: 100%; background: #fff; z-index: 50; color: #443c3d; line-height: 18px; max-height: 534px; -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*.main-menu .tbl-cell.with-expand:hover .submenu-block { left: 0px; }*/ .main-menu .tbl-cell.with-expand.active .submenu-block { left: 0px; } .main-menu .tbl-cell.with-expand .submenu-block > div { padding: 25px 0px 15px 4px; } .main-menu .submenu-block .borderedLink { border: none; } .main-menu .submenu-block .borderedLink > span { border: none; font-size: 9px; color: #474243; } .main-menu .submenu-block .borderedLink:hover > span { border-bottom: solid 1px #bab8b8; } .main-menu .submenu-block .borderedLink > span > span { font-size: 14px; } .main-menu .submenu-block.typical-expand > div { padding: 0px !important; min-height: 534px; } .main-menu .submenu-block .section-cont { width: 784px; margin: 0px 40px 0px 190px; padding: 25px 0px 0px; } .main-menu .submenu-block .section-cont .col { float: left; width: 156px; margin: 0px 0px 0px 40px; } .main-menu .submenu-block .section-cont .caption { color: #000; text-transform: uppercase; font-weight: bold; line-height: 20px; padding: 0px 0px 10px; } .main-menu .submenu-block .section-cont .caption img { position: relative; left: 6px; } .main-menu .submenu-block .section-cont .text-block ul { position: relative; left: -20px; } .main-menu .submenu-block .section-cont .text-block ul li { width: 100%; padding-bottom: 9px; line-height: 14px; } .main-menu .submenu-block .section-cont .text-block ul li .borderedLink { border: none; } .main-menu .submenu-block .section-cont .text-block ul li .borderedLink > span { font-size: 9px; color: #72a196; border: none; } .main-menu .submenu-block .section-cont .text-block ul li .borderedLink > span > span { font-size: 14px; } .main-menu .submenu-block .section-cont .text-block ul li .borderedLink:hover > span { border-bottom: solid 1px #c8cd9e; color: #000; } .main-menu .submenu-block .section-cont ul li { padding-bottom: 8px; line-height: 14px; } /* было padding-bottom: 9px; */ .main-menu .submenu-block .section-cont ul li a { font-size: 14px; } .main-menu .submenu-block .section-cont ul li a:hover { } .main-menu .submenu-block .section-cont .scroll-brands, .main-menu .submenu-block .section-cont .scroll-types { height: 445px; width: 100%; overflow: auto; box-sizing: border-box; } .main-menu .submenu-block .section-cont .scroll-filters { height: 200px; width: 100%; overflow: auto; box-sizing: border-box; } .main-menu .submenu-block .section-cont .scroll-brands ul { margin-right: 10px; } .main-menu .submenu-block .section-cont .scroll-types ul { margin-bottom: 0; } .main-menu .tbl-cell.prod .letter.active { color: #fff; background: #929b3d; border-color: #929b3d; } .main-menu .tbl-cell.prod .letter { width: auto; min-width: 12px; } .main-menu .submenu-block a.jsLink { border: none; color: #474243; } .main-menu .submenu-block a.jsLink:hover { border-bottom: dotted 1px #bab8b8; } .main-menu .submenu-block a.active > span { color: #333; border-bottom: dotted 1px #bab8b8; color: #222; } .main-menu .tbl-cell.exp-items .col { float: left; width: 145px; padding: 0px 0px 0px 16px; margin-left: 30px; } .main-menu .tbl-cell.exp-items .col .caption { line-height: 18px; font-weight: bold; text-transform: uppercase; padding: 0px 0px 14px; } .main-menu .tbl-cell.exp-items .col .caption .borderedLink > span { border-bottom: solid 1px #dcdcdc; } .main-menu .tbl-cell.exp-items .col .caption .borderedLink img { display: block; padding: 0px 0px 12px; background: url('../img/empty.gif') 0 0 no-repeat; background-size: contain; } .main-menu .tbl-cell.exp-items .col .caption .borderedLink:hover > span { border: none; } .main-menu .submenu-block .section-cont ul li .borderedLink > span { font-size: 9px; } .main-menu .tbl-cell.exp-items .col li, .main-menu .tbl-cell.exp-items .submenu-block .section-cont .col li { line-height: 16px; background-position: 0 3px; } .main-menu .submenu-block .section-cont { margin-right: 20px; } /* перекраиваем меню */ .main-menu .submenu-block .sections-nav { float: left; width: 190px; min-height: 534px; background: #f8f8f1; border-right: solid 1px #e0e0e0; position: relative; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .main-menu .submenu-block .sections-nav > ul { width: 190px; padding: 20px 0px 20px 0; line-height: 20px; font-size: 14px; font-weight: bold; text-transform: uppercase; float: left; } .main-menu .submenu-block .sections-nav > ul > li { position: relative; } .main-menu .submenu-block .sections-nav > ul > li .section-cont { display: none; position: absolute; top: 0; left: 200px; } .main-menu .submenu-block .sections-nav > ul > li.active .section-cont { display: block; } .main-menu .submenu-block .sections-nav > ul > li > a { display: block; border: none; position: relative; color: #443c3d; font-size: 14px; line-height: 18px; padding: 7px 25px 7px 25px; } /*.main-menu .submenu-block .sections-nav > ul > li > a:hover,*/ .main-menu .submenu-block .sections-nav > ul > li.active > a { color: #f26a36; } .main-menu .submenu-block .sections-nav > ul > li > a i { display: block; width: 9px; height: 18px; position: absolute; right: -9px; top: 50%; margin-top: -9px; } /*.main-menu .submenu-block .sections-nav > ul > li > a:hover i,*/ .main-menu .submenu-block .sections-nav > ul > li.active > a > i { background: url(../img/typical-expand-pipka.png) no-repeat 0% 50%; } .main-menu .tbl-cell.aroma .col { float: left; width: 180px; padding: 0px 0px 0px 16px; } .main-menu .tbl-cell.aroma .col .caption { line-height: 18px; font-weight: bold; text-transform: uppercase; padding: 0px 0px 14px; } .main-menu .tbl-cell.aroma .col .caption a { border-bottom: solid 1px #dcdcdc; } .main-menu .tbl-cell.aroma .col .caption a:hover { border: none; } .main-menu .tbl-cell.aroma .col li { line-height: 16px; padding: 0px 0px 8px; } .main-menu .tbl-cell.prod .submenu-block > div { padding: 20px 0px 20px 20px; } .main-menu .tbl-cell.prod .divider { border-top: solid 1px #cbcbcb; overflow: hidden; height: 0px; margin: 15px 0px; } .main-menu .tbl-cell.prod .caption { line-height: 18px; font-weight: bold; text-transform: uppercase; padding: 4px 0px 10px; } .main-menu .tbl-cell.prod .left-block { float: left; width: 480px; border-right: solid 1px #cbcbcb; } .main-menu .tbl-cell.prod .right-block { float: left; width: 450px; padding: 0px 0px 0px 29px; } .main-menu .tbl-cell.prod .right-block .col { width: 215px; } .main-menu .tbl-cell.prod .right-block .col.left { float: left; } .main-menu .tbl-cell.prod .right-block .col.right { float: right; } .main-menu .tbl-cell.prod .right-block .divider { margin-bottom: 25px; } .main-menu .tbl-cell.prod .letters-block { float: left; width: 270px; } .main-menu .tbl-cell.prod .letters-block .divider { margin-right: 6px; } .main-menu .tbl-cell.prod .list { width: 160px; } .main-menu .tbl-cell.prod .scroll-pane { float: left; width: 175px; height: 337px; overflow: auto; margin: 0px 0px 0px 20px; box-sizing: border-box; } .main-menu .tbl-cell.prod .letter { float: left; margin: 0px 6px 6px 0px; width: 22px; height: 22px; line-height: 22px; text-align: center; border: solid 1px #cbcbcb; text-transform: uppercase; color: #443c3d; font-size: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .main-menu .tbl-cell.prod .letter:hover { color: #fff; background: #929b3d; border-color: #929b3d; } .main-menu .tbl-cell.prod .letter.letter__numbers { width: 52px; } .main-menu .tbl-cell.prod .letters-caption { color: #8b8b8b; padding: 0px 0px 8px; } .main-menu .tbl-cell.prod li { line-height: 16px; padding: 0px 0px 10px; } .popup-layout.sign-in { overflow: auto; } .popup-layout.sign-in .white-box { padding: 20px 0px; width: 605px; position: absolute; left: 50%; top: 50%; margin: -140px 0px 0px -302px; } .popup-layout.sign-in .autorization { float: left; width: 300px; padding: 0px 0px 0px 52px; } .popup-layout.sign-in .autorization .header { line-height: 30px; padding: 20px 0px 25px; } .popup-layout.sign-in .autorization .header .caption { float: left; color: #443c3d; font-size: 24px; font-weight: bold; text-transform: uppercase; } .popup-layout.sign-in .autorization .header .reg { float: right; line-height: 24px; } .popup-layout.sign-in .autorization .header .reg a { font-size: 9px; border-bottom-color: #c7d9d5; } .popup-layout.sign-in .autorization .header .reg a span { font-size: 14px; } .popup-layout.sign-in .or { float: left; width: 26px; height: 240px; background: url(../img/sign-in-or.png); margin: 0px 0px 0px 27px; } .popup-layout.sign-in .form-row { padding-bottom: 20px; } /*.popup-layout.sign-in .fluid-field { padding-right: 40px; }*/ .popup-layout.sign-in .fluid-field input[type="text"], .popup-layout.sign-in .fluid-field input[type="password"] { padding-right: 30px; background-position: 96% 50%; background-repeat: no-repeat; } .popup-layout.sign-in .fluid-field input[type="text"].mail { background-image: url(../img/mail-red.png); } .popup-layout.sign-in .fluid-field input[type="password"].lock { background-image: url(../img/lock.png); } .popup-layout.sign-in .btn { float: left; width: 90px; text-align: center; padding-right: 0px; padding-left: 0px; } .popup-layout.sign-in .recovery { float: right; line-height: 15px; text-align: right; font-size: 13px; color: #8b8b8b; } .popup-layout.sign-in .recovery a { font-size: 9px; border-bottom-color: #d9e6e3; } .popup-layout.sign-in .recovery a span { font-size: 13px; } .popup-layout.sign-in .soc { float: left; padding: 20px 0px 0px 26px; width: 130px; } .popup-layout.sign-in .soc .caption { line-height: 18px; color: #474243; font-weight: bold; text-transform: uppercase; padding: 0px 0px 15px; } .popup-layout.sign-in .soc a { border: none; } .popup-layout.sign-in .soc img { float: left; margin: 0px 10px 10px 0px; } /* Footer */ .footer-push { height: 373px; } .footer-top { background: url(../img/footer-top-bgr.png) repeat; height: 5px; } .stFtr { margin: 0; min-width: 0px; overflow: hidden; background: #f8f4ef; padding-top: 47px; padding-bottom: 50px; position: relative; } .stFtr:before { content: ""; height: 8px; width: 100%; position: absolute; top: -3px; left: 0px; background: url(../img/svg/white-circle.svg) 0 0 repeat-x; } .stFtr .logo { display: block; position: relative; background: url('../img/v2/main-sprites.png') -5px -466px no-repeat; } .stFtr .apps { margin-top: 25px; position: relative; top: 0; left: 0; } .stFtr .apps .apple { text-align: right; margin: 0 auto 9px; width: 119px; height: 40px; background: url('../img/svg/newest_app_store.svg') no-repeat; background-size: contain; } .stFtr .apps .android { text-align: right; margin: 0 auto 9px; width: 135px; height: 40px; background: url('../img/svg/newest_googleplay.svg') no-repeat; background-size: contain; } .stFtr .social { position: relative; top: 0; left: 0; float: right; margin-top: 10px; width: 200px; } .stFtr .social p { text-align: left; padding: 0px 3px 14px 0px; text-transform: uppercase; line-height: 16px; } .stFtr .social img { display: block; position: relative; top: 5px; } .stFtr .social a { border: none; float: left; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /*.stFtr .social a.vk:hover { background: #8ba0b2; } .stFtr .social a.fb:hover { background: #7386b3; } .stFtr .social a.ok:hover { background: #fcb453; } .stFtr .social a.gp:hover { background: #ef8692; } .stFtr .social a.inst:hover { background: #617b92; } .stFtr .social a.tw:hover { background: #6fdbfe; } .stFtr .social a.vm:hover { background: #63c4df; } .stFtr .social a.yt:hover { background: #d56d6a; }*/ .stFtr .phones { position: relative; top: 0; left: 0; color: #8b8b8b; line-height: 16px; margin-top: 6px; width: 200px; } .stFtr .phones .phone { color: #474243; font-size: 21px; font-weight: bold; line-height: 18px; padding: 0px 0px 5px; } .stFtr .phones .phone a { color: #474243; border-bottom: none; cursor: default; } .stFtr .phones .phone .spb { letter-spacing: 2px; } .stFtr .phones .item { padding: 0px 0px 16px; } .stFtr .bottom-menu { position: relative; top: 0; left: 0; line-height: 24px; } .stFtr .bottom-menu ul { float: left; width: 149px; } .stFtr .bottom-menu ul li { height: 24px; } .stFtr .bottom-menu a { border-color: #dad9d5; color: #646464; font-size: 8px; } .stFtr .bottom-menu a span { font-size: 14px; } .stFtr .addl-links { padding-top: 30px; position: relative; top: 0; left: 0; } .stFtr .addl-links p { height: 24px; padding: 0px 0px 0px 25px; position: relative; line-height: 14px; } .stFtr .addl-links a { border-color: rgba(110, 169, 208, 0.5); color: #6ea9d0; font-size: 8px; } .stFtr .addl-links a span { font-size: 14px; } .stFtr .addl-links .icon { display: block; position: absolute; left: 3px; top: 0px; background: url('../img/v2/main-sprites.png') -71px -38px no-repeat; } .stFtr .addl-links .opt .icon { left: 2px; top: 1px; background-position: -1px -38px; } .stFtr .egg { position: absolute; top: -10px; right: -50px; width: 265px; height: 230px; /*background: url(../img/v2/egg-footer.gif) no-repeat 0% 0%;*/ } .stFtr .egg .yandex { width: 156px; text-align: center; padding: 36px 0px 0px 17px; } .stFtr .egg .yandex .logotype { display: block; margin: 0px auto 5px; background: url('../img/v2/main-sprites.png') 1px -148px no-repeat; } .stFtr .egg .yandex .reviews { font-size: 12px; color: #666; line-height: 14px; padding: 14px 0px 0px; } .stFtr .egg a { font-size: 8px; color: #4791c3; border-bottom-color: #7db2d5; } .stFtr .egg a span { font-size: 12px; } .stFtr .egg a span.link { color: #6ea9d0; text-decoration: underline; font-weight: bold; } .stFtr .egg a:hover span.link { text-decoration: none; } .stFtr .egg .icons { position: absolute; top: 24px; right: -2px; background: url('../img/v2/main-sprites.png') -77px -131px no-repeat; width: 123px; height: 40px; } .stFtr .egg .icons img { float: left; margin: 0px 0px 0px 4px; } .stFtr .developers { position: absolute; right: 15px; bottom: -5px; } .stFtr .developers a { color: #646464; border: none; } .stFtr .developers a:hover { color: #000; } .stFtr .developers a img { width: 25px; height: 29px; padding-right: 5px; } /* ========================================================================== Main Page ========================================================================== */ .main-banner { text-align: center; padding: 0px; max-width: 998px; margin: 30px auto 10px; overflow: hidden; position: relative; } .swiper-pagination { position: initial; margin-bottom: 10px; } .swiper-pagination-bullet { width: 14px; height: 14px; background: #eee; opacity: 1; border: 2px solid #fff; margin-right: 5px; } @media(max-width: 768px) { .swiper-pagination-bullet { width: 12px; height: 12px; } } .swiper-pagination-bullet-active { background: #f06a35; } .main-banner .stamp-border { display: none; } .main-second-banner { margin: 0 0px 15px; background: #232c34 url(../img/main-ban-second-bg.jpg) no-repeat 50% 0%; } .main-second-banner .wrapper { height: 230px; } .main-second-banner .pic-iphones { display: block; position: absolute; left: -55px; bottom: 0px; } .main-second-banner .wrapper { height: 230px; } .main-second-banner .container { position: absolute; left: 0px; top: 27px; } .main-second-banner .action-title { line-height: 52px; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 45px; } .main-second-banner .action-title p { float: left; } .main-second-banner .action-title .lbl { width: 146px; height: 46px; background: url(../img/action-lbl.png) no-repeat 50% 50%; text-align: center; font-size: 28px; margin: 0px 18px 0px 0px; } .main-second-banner .box { position: absolute; top: 18px; right: 0px; width: 280px; text-align: center; background: rgba(0, 0, 0, 0.3); min-height: 194px; } .main-second-banner .box .iphone { margin: 20px 0px 5px; } .main-second-banner .box .gift { color: #929b3f; text-transform: uppercase; font-weight: bold; font-size: 32px; padding: 0px 0px 15px; } .main-second-banner .box .button { display: block; width: 220px; height: 42px; line-height: 44px; border: none; margin: 0px auto; text-align: center; color: #252f37; font-size: 26px; text-transform: uppercase; font-weight: bold; background: #f5c533; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px rgba(255, 255, 255, 0.5); } .main-second-banner .date-block { float: right; width: 170px; text-align: center; padding: 45px 0px 0px; } .main-second-banner .date-block .date { height: 23px; width: 170px; line-height: 26px; background: url(../img/action-date.png) no-repeat 50% 50%; color: #2a333b; font-size: 16px; text-transform: uppercase; font-weight: bold; } .main-second-banner .date-block p { color: #b8b8b8; font-size: 15px; text-transform: uppercase; padding: 0px 0px 10px; } .main-subscribe { background: #40b081 url(../img/main-subscribe-ban-bg.png) 50% 0%; margin: 0px 0px 70px; } .main-subscribe .wrapper { height: 230px; background: url(../img/corona.png) no-repeat 43% 0%; } .main-subscribe .left { float: left; padding: 40px 0px 0px; } .main-subscribe .left .club { color: #f5c533; font-size: 45px; line-height: 44px; text-transform: uppercase; } .main-subscribe .left .club img { margin: 0px 0px 0px 7px; position: relative; top: -7px; } .main-subscribe .left .white { font-size: 45px; line-height: 44px; text-transform: uppercase; font-weight: bold; color: #fff; } .main-subscribe .left .white .smile { font-size: 24px; color: #f5c533; position: relative; top: -7px; } .main-subscribe .link { } .main-subscribe .link a { font-size: 9px; color: #f5c533; border-bottom-color: #f5c533; } .main-subscribe .link a span { font-size: 14px; } .main-subscribe .right { float: right; padding: 45px 0px 0px; } .main-subscribe .right .white { color: #fff; font-size: 20px; line-height: 30px; text-transform: uppercase; padding: 0px 0px 15px; } .main-subscribe .right .link { padding: 15px 0px 0px; text-align: center; } .main-subscribe .button { display: block; border: none; height: 42px; line-height: 46px; background: #f5c533; text-align: center; font-weight: bold; text-transform: uppercase; color: #000; font-size: 21px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .expert-block-on-main { float: none; width: auto; margin: 0px 0px 30px !important; } .expert-block-on-main .grey-block { padding: 30px !important; background: #f8f4ef; position: relative; } .expert-block-on-main .header { position: relative; font-size: 24px; line-height: 24px; font-weight: bold; margin: 0px 0px 20px; } .expert-block-on-main .header a { border-bottom-color: #d1d0d0; font-size: 14px; } .expert-block-on-main .header a span { font-size: 24px; } .expert-block-on-main .header .expert-girl { display: block; position: absolute; right: 0px; bottom: -5px; } .expert-block-on-main .btn { padding: 0px; width: 190px; float: none; display: block; margin: 0px auto; text-align: center; } .expert-block-on-main .expert-article { padding: 0px 0px 40px; } .expert-block-on-main .expert-article p { text-indent: 30px; color: #474243; line-height: 20px; padding: 0px 0px 8px; } .expert-block-on-main .expert-article .q { padding: 0px 0px 25px; } .expert-block-on-main .expert-article .q p { background: url(../img/qa.png) no-repeat 0px 0px; } .expert-block-on-main .expert-article .a p { background: url(../img/comment-red.png) no-repeat 0px 0px; } .expert-block-on-main .expert-article .author { text-align: right; font-size: 12px; color: #8b8b8b; } .expert-block-on-main .expert-article .more { text-align: right; } .expert-block-on-main .expert-article .more a { border-bottom-color: #d2ded9; font-size: 9px; } .expert-block-on-main .expert-article .more a span { font-size: 14px; } .expert-block-on-main .slider-nav { float: right; padding: 0px 0px 10px; } .expert-block-on-main .slider-nav .arr { border: none; float: left; width: 21px; height: 21px; background: url(../img/expert-slider-arrs.png) no-repeat; } .expert-block-on-main .slider-nav .arr.prev { background-position: 0% 0%; } .expert-block-on-main .slider-nav .arr.prev:hover { background-position: 0% 100%; } .expert-block-on-main .slider-nav .arr.next { background-position: 100% 0%; } .expert-block-on-main .slider-nav .arr.next:hover { background-position: 100% 100%; } .expert-block-on-main .slider-nav .counter { float: left; width: 52px; text-align: center; line-height: 22px; } .expert-block-on-main .bx-wrapper .bx-viewport { background: none; border: none; left: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .col-text-on-main-page { float: none; width: auto; padding: 30px 0px 0px; margin: 0; } .col-text-on-main-page .text-block h3 { margin: 0px 0px 12px; padding: 0px; font-weight: normal; font-size: 18px; line-height: 21px; color: #000; } .col-certs-on-main-page { width: auto; float: none; margin: 0; padding: 30px 0px 0px; } .col-certs-on-main-page .title { font-size: 24px; line-height: 24px; font-weight: bold; padding: 0px 0px 8px; } .col-certs-on-main-page .title a { border-bottom-color: #d1d0d0; font-size: 14px; } .col-certs-on-main-page .title a span { font-size: 24px; } .col-certs-on-main-page .text-block { margin: 0px 0px -10px; } .col-certs-on-main-page .cert { text-align: center; height: 110px; margin-bottom: 10px; overflow: hidden; padding: 0; } .col-certs-on-main-page .cert .logotype { height: 75px; line-height: 75px; } .col-certs-on-main-page .cert .logotype img { vertical-align: middle; } .col-certs-on-main-page .cert a { line-height: 16px; font-size: 9px; } .col-certs-on-main-page .cert a span { font-size: 14px; } .col-certs-on-main-page .more { padding-top: 10px; } /* ========================================================================== Sidebar ========================================================================== */ .cursive { font-size: 14px; color: #f15722; line-height: 18px; text-align: center; padding: 0px 0px 18px; } .sidebar { float: right; width: 210px; margin: 0px 0px 30px; } .width-280 { width: 280px; } .sidebar.width-280.right-checkorder-block { position: relative; } .sidebar.width-280.personal { position: relative; } .sidebar .grey-block { background: #f8f4ef; padding: 20px; position: relative; } .sidebar.width-280 .grey-block { padding: 28px 30px; } .sidebar.width-280.right-checkorder-block > article { position: relative; top: 0; left: 0; width: 220px; } .sidebar .grey-block .typical-form .form-row .cursive { font-size: 13px; padding-bottom: 8px; } .sidebar .grey-block.with-coner { -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .sidebar.width-280 .grey-block.with-coner { margin-bottom: 35px; } .sidebar .grey-block.with-coner .coner { width: 100%; position: absolute; left: 0px; height: 25px; bottom: -24.89999px; background: url(../img/grey-block-side-coner-210.png) no-repeat 50% 0%; } .sidebar.width-280 .grey-block.with-coner .coner { background: url(../img/side-greyblock-280-coner.png) no-repeat 50% 0%; } .sidebar.width-280 .grey-block.with-coner .coner.shadow { background-image: url(../img/side-greyblock-280-coner-with-shadow.png); } .sidebar .divider { width: 110px; border-top: solid 1px #cbcbcb; margin: 35px auto; clear: both; height: 0px; overflow: hidden; } .sidebar .divider.wide { width: 100%; } .sidebar .blog-filter { position: relative; padding-bottom: 8px; padding-top: 18px; margin: 0px 0px 46px; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } .sidebar .blog-filter .coner { height: 25px; width: 100%; position: absolute; bottom: -25px; left: 0px; background: url(../img/grey-block-side-coner.png) no-repeat 50% 0%; } .sidebar .blog-filter .coner.lbl { height: 30px; bottom: -30px; background-image: url(../img/grey-block-side-coner-lbl.png); } .sidebar .banner-section { padding-top: 38px; padding-bottom: 30px; } .sidebar .banner-section .interesting .text-block p { padding-bottom: 5px; } .sidebar .banner-section .partner-program .text-block p { padding-bottom: 5px; } .sidebar .banner-section .partner-program .link { text-align: center; padding-top: 12px; } .sidebar .banner-section .link a { color: #474243; border-color: #d1d0d0; font-size: 8px; } .sidebar .banner-section .link a span { font-size: 14px; } .title-side { font-size: 24px; line-height: 26px; color: #474243; text-align: center; text-transform: uppercase; font-weight: bold; padding: 0px 0px 21px; } .side-subscribe { text-align: center; } .side-subscribe input[type='text'] { padding-right: 30px; background: #fff url(../img/mail.png) no-repeat right 10px top 50%; display: block; margin: 0px 0px 12px; } .side-subscribe .btn { padding: 0px; width: 130px; margin: 0px 0px 20px; } .side-subscribe .link a { color: #474243; border-color: #d1d0d0; font-size: 8px; } .side-subscribe .link a span { font-size: 14px; } /* ========================================================================== Blog ========================================================================== */ .post-announce { position: relative; padding: 0px 0px 59px 55px; z-index: 1; } .post-announce .date-label { position: absolute; left: 0px; top: 0px; } .post-announce .title { position: relative; top: -5px; margin: 0px 0px 10px; } .post-announce .title h2, .post-announce .title h3, .post-announce .title h4 { font-size: 24px; line-height: 28px; font-weight: normal; margin: 0px; padding: 0px; } /*.post-announce .title a { color: #474243; border-color: #d1d0d0; font-size: 16px; } .post-announce .title a:hover { color: #f15722; } .post-announce .title a span { font-size: 24px; }*/ .post-announce .title .borderedLink { border: none; } .post-announce .title .borderedLink > span { color: #474243; border-color: #d1d0d0; font-size: 16px; } .post-announce .title .borderedLink:hover > span { color: #f15722; } .post-announce .title .borderedLink > span > span { font-size: 24px; } .post-announce .pic { position: relative; margin: 0px 0px 10px; } .post-announce .pic img { display: block; } .post-announce .pic .date-label { left: 20px; top: -10px; } .post-announce .read-more { float: left; width: 350px; letter-spacing: -0.2px; } /*.post-announce .read-more a { font-size: 8px; } .post-announce .read-more a span { font-size: 14px; }*/ .post-announce .read-more .borderedLink > span { font-size: 8px; } .post-announce .read-more .borderedLink > span > span { font-size: 14px; } .post-announce .shared { min-width: 260px; float: left; line-height: 20px; } .post-announce .shared > div { float: left; position: relative; top: -2px; } .post-announce .shared .caption { float: left; margin: 0px 5px 0px 0px; } .post-announce .shared img { float: left; margin: 0px 6px 0px 0px; } .post-announce .meta-article { float: right; } .post-announce.full-post { padding-left: 0px; border-bottom: solid 1px #cbcbcb; padding-bottom: 40px; margin: 0px 0px 32px; } .meta-article .item { float: left; margin: 0px 0px 0px 10px; } .meta-article .item.views .icon { width: 16px; height: 12px; top: 3px; left: 4px; background-image: url(../img/eye-dbl.png); } .meta-article .item.comments .icon { width: 14px; height: 12px; left: 8px; top: 3px; background-image: url(../img/comment-icon-dbl.png); } .meta-article .item.bookmark { display: none; } .meta-article .item.bookmark .icon { width: 12px; height: 12px; left: 10px; top: 3px; background-image: url(../img/star-bookmark.png); } .meta-article .item .lime-color { float: left; margin: 0px 0px 0px 5px; } .meta-article a { float: left; padding: 0px 0px 0px 28px; border: none; position: relative; } .meta-article a .icon { display: block; position: absolute; left: 0px; background: no-repeat 50% 0%; } .meta-article a:hover .icon { display: block; position: absolute; left: 0px; background: no-repeat 50% 100%; } .meta-article a .bordered { font-size: 8px; border-bottom: 1px solid #8db3ab; } .meta-article a:hover .bordered { border: none; } .meta-article a .bordered span { font-size: 14px; } .meta-tags { line-height: 26px; padding: 13px 0px 24px 20px; background: url(../img/tag.png) no-repeat 0px 18px; font-size: 14px; } .meta-tags .caption { float: left; font-weight: bold; height: 26px; margin: 0px 0px 5px; } .meta-tags a { float: left; margin: 0px 0px 5px 5px; white-space: nowrap; height: 24px; line-height: 24px; padding: 0px 10px; border: solid 1px #cbcbcb; text-decoration: none; color: #646464; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .meta-tags a:hover, .meta-tags a.selected { text-decoration: none; color: #fff; background: #929b3d; border-color: #929b3d; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .want-more-articles { width: auto; } .want-more-articles .link-with-icon-new a { padding-left: 24px; } .want-more-articles.comments { float: none; } .want-more-articles .center-nav-block { float: left; text-align: center; width: auto; } .want-more-articles .center-nav-block li { float: none; display: inline-block; } .want-more-articles .center-nav-block .pagination a, .want-more-articles .center-nav-block .pagination span, .want-more-articles .center-nav-block .pagination li { float: none; display: inline-block; } .want-more-articles .center-nav-block .pagination a, .want-more-articles .center-nav-block .pagination span { position: relative; /*top: -1px;*/ } /*.want-more-articles .center-nav-block .pagination a.prev, .want-more-articles .center-nav-block .pagination a.next { top: 0px; margin-bottom: -7px; }*/ .want-more-articles .right-nav-block { width: 140px; float: right; } .want-more-articles .right-nav-block > span.icon { height: 20px; display: inline-block; } .want-more-articles .right-nav-block a.showmore { border-bottom: dashed 1px rgba(104, 154, 143, 0.5); } .want-more-articles .right-nav-block a.showmore:hover { border-bottom: none; } /* .want-more-articles a { text-decoration: none; border-bottom: dashed 1px rgba(104,154,143,0.5); font-size: 9px; } .want-more-articles a:hover { border: none; } .want-more-articles a span { font-size: 15px; } .want-more-articles .icon { padding: 0px 0px 0px 20px; background: url(../img/articles-icon.png) no-repeat 0% 50%; } .want-more-articles.comments .icon { padding-left: 24px; background: url(../img/comment-green.png) no-repeat 0% 50%; } */ .want-more-articles .num { font-size: 12px; color: #8b8b8b; } .std-nav-parent { width: 450px; margin: 40px auto 0; } .std-nav-parent .center-nav-block { float: left; width: 100%; max-width: 306px; text-align: center; } .std-nav-parent .right-nav-block { width: 140px; float: right; } .post-announce-card { text-align: center; } .post-announce-card .photo { position: relative; margin: 0px 0px 35px; } .post-announce-card .photo img { display: block; width: 100%; } .blog-grid-on-main .post-announce-card .photo img { display: inline-block; width: inherit; } .post-announce-card .date-label { position: absolute; left: 50%; bottom: -20px; margin-left: -20px; } .post-announce-card .title { line-height: 20px; font-size: 18px; padding: 0px 0px 8px; } .post-announce-card .title a { font-size: 8px; } .post-announce-card .title a span { font-size: 18px; } .post-announce-card .text { color: #8b8b8b; padding: 0px 0px 15px; line-height: 18px; } .post-announce-card .views, .post-announce-card .comments { display: inline-block; position: relative; padding: 0px 0px 0px 20px; font-size: 11px; color: #474243; } .post-announce-card .views .icon, .post-announce-card .comments .icon { display: block; position: absolute; left: 0px; top: 50%; height: 12px; margin-top: -7px; background: no-repeat 50% 0%; } .post-announce-card .views .icon { width: 16px; background-image: url(../img/eye-dbl.png); } .post-announce-card .comments .icon { width: 14px; background-image: url(../img/comment-icon-dbl.png); } .blog-grid-on-main { float: none; } .blog-grid-on-main .col { margin: 0 0 25px 0; } .blog-grid-on-main .col .comments { padding: 0; } .blog-grid-on-main .col .comments a { text-decoration: none; border-bottom: none; font-size: 12px; line-height: 12px; color: #000; } .blog-grid-on-main .col .comments a img { margin-right: 3px; } .blog-section-on-main { padding: 15px 0px 30px; } .blog-section-on-main .ttl { padding: 0px 0px 30px; } .blog-section-on-main .ttl h3 { float: left; margin: 0 25px 0 0; color: #474243; font-size: 36px; line-height: 36px; color: #474243; text-transform: uppercase; } .blog-section-on-main .ttl .link-with-icon-new { float: left; position: relative; top: 3px; } .blog-section-on-main .title-side { padding: 10px 0px; } .blog-section-on-main .cursive { font-size: 13px; line-height: 18px; padding-bottom: 25px; } .blog-section-on-main .grey-block { width: 210px; padding-bottom: 20px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .blog-section-on-main .sidebar { margin: 0 auto 40px; float: none; } /* ========================================================================== Comment Block ========================================================================== */ .comments-block { max-width: 738px; } .comments-block.reviews { width: 100%; } .comments-block .comments-block-header { /*margin: 0px 0px 10px;*/ min-height: 45px; position: relative; padding-bottom: 40px; } .comments-block .comments-block-header .title { float: left; width: 222px; padding: 10px 20px 10px 0px; /*BLOG comments*/ } .comments-block .comments-block-header .title h3 { color: #474243; font-weight: bold; font-size: 24px; line-height: 1.4; float: left; margin: 0px; padding: 0px; } .comments-block .comments-block-header .title .num { float: left; color: #5d840d; margin: 0px 0px 0px 7px; position: relative; top: 3px; } .comments-block .follow-comments { padding: 0px 0px 0px 22px; position: relative; line-height: 16px; } .comments-block .follow-comments span { position: absolute; left: 0px; top: 1px; } .comments-block .comments-block-header .follow-comments { float: left; font-size: 14px; line-height: 17px; position: relative; top: 21px; } .comments-block .comments-block-header .tab { display: none; float: right; padding: 0px 16px; color: #443c3d; font-size: 14px; font-weight: bold; text-transform: uppercase; height: 45px; overflow: hidden; background: #f8f4ef; -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; } .comments-block .comments-block-header .tab span { display: block; height: 30px; line-height: 30px; position: relative; top: 10px; } .comments-block .comments-block-header .btn { float: right; position: relative; top: 10px; } .comments-block .comments-block-header .want-more-articles { float: right; position: relative; top: -2px; } .comments-block .hidden-form { margin: -40px 0px 0px; padding: 0px 0px 40px; display: none; } .comments-block .halfhidden-form { margin: -20px 0px 0px; padding: 0px 0px 40px; position: absolute; top: -100000px; left: -100000px; } .comments-block.reviews .comments-block-header .btn { float: left; } .comments-block.reviews .comments-block-header .tab { float: left; } .comments-block.reviews.reviews-prop-comments .comments-block-header .title { font-size: 24px; } .comments-block.reviews.reviews-prop-comments .comments-block-header .title h3 { float: none; color: #646464; display: inline; } .comments-block.reviews.reviews-prop-comments .comments-block-header .title .big-number { color: #8b8b8b; } .comments-block.reviews.reviews-prop-comments .comments-block-header .btn, .comments-block.reviews.reviews-prop-comments .comments-block-header .tab { float: right; } .comments-block.reviews.reviews-prop-comments .comments-block-header.bottom .tab { float: left; } .comments-block.reviews.reviews-prop-comments .comments-block-header.bottom { padding-top: 5px; } .comments-block.reviews.reviews-prop-comments .comments-block-header.bottom .btn { float: left !important; } .add-comment-block { padding: 22px 30px 30px; position: relative; } .add-comment-block .label-close { position: absolute; right: 20px; top: -5px; } .add-comment-block.main { background: #f8f4ef; -webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15); box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15); -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } .add-comment-block .col-left { float: left; width: 350px; } .add-comment-block .col-right { float: right; width: 272px; } .add-comment-block textarea { height: 78px; margin-bottom: 8px; } .add-comment-block .form-row { padding-bottom: 13px; } .add-comment-block .label { padding-bottom: 4px; } /*.add-comment-block .btn { float: left; padding-left: 0px; padding-right: 0px; width: 153px; text-align: center; margin: 0px 10px 0px 0px; }*/ .add-comment-block .close { height: 30px; line-height: 30px; } .add-comment-block .close a { color: #443c3d; border-color: #d8d6d5; font-size: 9px; } .add-comment-block .close a:hover { color: #f15722; } .add-comment-block .close a span { font-size: 14px; } .add-comment-block .attention { float: left; padding: 180px 0px 0px 61px; width: 218px; color: #8b8b8b; } .add-comment-block .attention .text-block p:first-child { text-indent: 0px !important; } .add-comment-block .segoe-font { color: #443c3d; font-size: 15px; padding: 0px 0px 12px; } .comments-block.reviews .add-comment-block .col-left { width: 350px; } .comments-block.reviews .add-comment-block .label { color: #474243; } .comments-block.reviews .add-comment-block .col-right .label { padding-bottom: 5px; } .comments-block.reviews .add-comment-block .col-right .rating-review { margin: 5px 0px 3px; cursor: pointer; } .comments-block.reviews .add-comment-block .col-right .stars { cursor: pointer; } .comments-block.reviews .add-comment-block .col-right .btn { width: 212px; margin-top: 18px; margin-bottom: 5px; } .comments-block.reviews .add-comment-block .form-note-small { padding-top: 12px; } /*.comments-block.reviews.reviews-prop-comments .add-comment-block { padding-left: 30px; }*/ .comments-block.reviews.reviews-prop-comments .add-comment-block .col-right { width: 193px; margin-right: 30px; } .comments-block.reviews.reviews-prop-comments .add-comment-block .col-right .btn { width: 100%; } .comments-block.reviews.reviews-prop-comments .add-comment-block .col-left { width: 386px; } .comments-block.reviews.reviews-prop-comments .add-comment-block .form-row.name { float: left; width: 182px; } .comments-block.reviews.reviews-prop-comments .add-comment-block .form-row.mail { float: right; width: 182px; } .comments-block.reviews.reviews-prop-comments .add-comment-block .form-row.order-number { float: right; width: 130px; } .comments-block.reviews.reviews-prop-comments .add-comment-block .form-row.purpose { float: left; width: 236px; } .comments-block.reviews.reviews-prop-comments .add-comment-block textarea { height: 76px; } .add-comment-files { margin: 5px 0 10px; } .add-comment-files span, .add-comment-files button { height: 36px; width: 36px; border: 1px dashed #939c3e; color: #939c3e; text-align: center; font: 37px/1 Arial, Helvetica, sans-serif; display: inline-block; margin-right: 12px; border-radius: 4px; vertical-align: top; overflow: hidden; position: relative; } .add-comment-files button.remove { border-color: #e3e3e3; color: #e3e3e3; overflow: hidden; position: relative; } .add-comment-files button.remove:after { height: 100%; width: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, .4); z-index: 1; content: ""; } .add-comment-files button.remove i { position: absolute; top: 0; left: 0; height: 100%; width: 100%; color: #000; transform: rotate(45deg); z-index: 2; } .add-comment-files span input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px !important; direction: ltr; cursor: pointer; } .js-uploadedPreview { box-sizing: content-box; } .js-uploadedPreview img { vertical-align: top; width: 36px; height: 36px; } .add-comment-files #progress .bar { background-color: #939b3e; width: 0%; height: 100%; font-size: 12px; color: #f8ebfa; line-height: 35px; float: left; } .grade-row { padding-bottom: 3px; } .grade { height: 11px; width: 138px; background: url(../img/rating-review.png) no-repeat 0% 0%; } .grade__inner { float: left; height: 11px; background: url(../img/rating-review.png) no-repeat 0% 100%; } .grade__label { box-sizing: border-box; } .grade--inline { display: inline-block; vertical-align: middle; } .grade__label--inline { display: inline-block; padding-right: 10px; vertical-align: middle; } .vertical-grade { position: relative; display: inline-block; width: 40px; height: 79px; background: url(../img/grade-vertical.png) no-repeat left bottom; } .vertical-grade__inner { position: absolute; width: 100%; left: 0; bottom: 0; background: url(../img/grade-vertical.png) no-repeat right bottom; } .rating-review { height: 11px; width: 138px; background: url(../img/rating-review.png) no-repeat 0% 0%; cursor: pointer; } .rating-review span { float: left; height: 11px; background: url(../img/rating-review.png) no-repeat 0% 100%; } .comment-single { margin: 0px 0px 40px; padding: 15px 34px; position: relative; background: #f8f4ef; -webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15); box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .comment-single .pipka { display: block; width: 18px; height: 19px; position: absolute; left: 33px; bottom: -18px; background: url(../img/grey-plashka-pipka.png); } .comment-single .header { position: relative; min-height: 40px; padding: 0px 0px 10px 50px; } .comment-single .header .photo { position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; } .comment-single .header .photo .circle { width: 36px; height: 36px; position: absolute; left: 1px; top: 1px; border: solid #fff 1px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .comment-single .header .photo img { display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .comment-single .header .photo.no-photo { background: url(../img/no-photo-40.png) no-repeat 50% 50%; } .comment-single .name { color: #000; font-size: 14px; padding: 2px 0px 0px; } .comment-single .name span { font-size: 14px; color: #8b8b8b; } .comment-single .name .grey { color: #8b8b8b; } .comment-single .meta { font-size: 12px; } .stars-m, .stars-m span { width: 96px; background: url(../img/stars-m.png) repeat; height: 16px; display: block; } .comment-single .meta .stars-m { position: absolute; top: 0; right: 0; } .stars-m span { background-position: 0 -16px; } .comment-info { margin-bottom: 12px; } .comment-usefull-user { } .comment-usefull-user a { border-radius: 5px; display: inline-block; margin-right: 9px; overflow: hidden; height: 39px; width: 39px; box-sizing: border-box; border: 3px solid transparent; } .comment-usefull-user a:hover { border: 3px solid #939c3e; } .comment-but-fresh { height: 19px; border: 1px solid #939b3d; font-size: 12px; line-height: 20px; position: absolute; top: 23px; right: 0; letter-spacing: -1px; color: #939c3e; text-align: center; padding: 0 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .comment-usefull { font-size: 12px; line-height: 39px; color: #8b8b8b; } .comment-usefull a img { width: 100%; height: 100%; } .comment-usefull a, .comment-usefull div { text-decoration: none !important; border: 0; color: #8b8b8b; display: inline-block; margin-left: 5px; } .comment-usefull a span, .comment-usefull div span { color: #8b8b8b } .comment-usefull a span.active { color: #000; } .comment-usefull a:hover span.active { color: #689a8f; } .comment-usefull a.comment-like i { background: url(../img/sprite/lapa.png) no-repeat -56px 0; background-size: 84px 15px; height: 15px; width: 14px; display: inline-block; margin-right: 5px; vertical-align: middle; position: relative; top: -2px; } .comment-usefull a.comment-dislike i { background: url(../img/sprite/lapa.png) no-repeat -70px 0; background-size: 84px 15px; height: 15px; width: 14px; display: inline-block; margin-right: 5px; vertical-align: middle; } .comment-usefull a.comment-like.userVoted i { background-position: -28px 0; } .comment-usefull a.comment-dislike.userVoted i { background-position: -42px 0; } .comment-usefull a:hover span { border-bottom: 1px dashed; margin-bottom: 0; } .comment-usefull a span, .comment-usefull div span { border: 0; margin-bottom: 1px; } .comment-usefull em { font-style: normal; } .comment-usefull.voted a.comment-like.voted i, .comment-usefull.voted a.comment-like.voted:hover i { background-position: 0 0; } .comment-usefull.voted a.comment-dislike.voted i, .comment-usefull.voted a.comment-dislike.voted:hover i { background-position: -14px 0; } .comment-usefull.voted .voted, .comment-usefull.voted .voted span { color: #000; } .comment-single .meta p { float: left; margin-left: -2px; margin-right: 7px; } .comment-single .meta .date { color: #8b8b8b; margin-left: 0; margin-right: 7px; } .comment-single .meta .link { background: url(../img/link-s.png) no-repeat 0% 50%; } .comment-single .meta .bookmark { background: url(../img/star-bookmark.png) no-repeat 0% 50%; } .comment-single .meta .link, .comment-single .meta .bookmark { padding: 0px 0px 0px 18px; } .comment-single .text-block { line-height: 21px; word-wrap: break-word; } .comment-single .text-block p:first-child { text-indent: 30px; } .comment-single .text-block.quote { background: url(../img/quote.png) no-repeat 0% 3px; } .comment-single .text-block.question { background: url(../img/qa.png) no-repeat 0px 1px; } .comment-single .text-block.comment-green { background: url(../img/comment-green.png) no-repeat 0px 2px; } .comment-single .comment-item.admin > .comment-container > .text-block.comment-green { background: url(../img/comment-red.png) no-repeat 0px 2px; } .comment-single .text-block.comment-red { background: url(../img/comment-red.png) no-repeat 0px 2px; } .comment-single .reply, .comment-single .ask-question { padding: 0px 0px 0px 28px; background: url(../img/pencil-s.png) no-repeat 5px 50%; font-size: 12px; margin: -5px 0px 0px; } .comment-single .meta a, .comment-single .reply a, .comment-single .moderate a, .comment-single .inform a, .comment-single .show-answer a { font-size: 6px; } .comment-single .meta a span, .comment-single .mark-answered a span, .comment-single .reply a span, .comment-single .moderate a span, .comment-single .inform a span, .comment-single .show-answer a span { font-size: 12px; } .comment-single .ask-question { font-size: 14px; float: left; } .comment-single .ask-question a { font-size: 9px; } .comment-single .ask-question a span { font-size: 14px; } .comment-single .show-answer > a, .comment-single .reply > a { border-bottom-style: dashed; } .comment-single .mark-answered > a { border-bottom-style: solid; } .comment-single .show-answer > a:hover, .comment-single .reply > a:hover { border: none; } .comment-single .mark-answered > a:hover { border: none; } .comment-single .buttons .reply, .comment-single .buttons .mark-answered, .comment-single .buttons .moderate { float: left; } .comment-single .mark-answered { font-size: 12px; margin: -5px 0px 0px 15px; } .comment-single .mark-answered a { color: rgb(241, 87, 34); border-color: rgb(241, 87, 34); } .comment-single .moderate { font-size: 12px; margin: -5px 0px 0px 15px; } .comment-single .moderate a { color: rgb(241, 87, 34); border-color: rgb(241, 87, 34); } .comment-single .shared { float: right; line-height: 20px; min-width: 260px; position: relative; top: -6px; } .comment-single .shared .caption { float: left; margin: 0px 10px 0px 0px; } .comment-single .shared img { float: left; margin: 0px 6px 0px 0px; } .comment-single .comment-item.admin { margin-top: 18px; padding-top: 20px; border-top: solid 1px #cbcbcb; } /*.comments-block.reviews-prop-comments .comment-single .comment-item.admin { margin-top: 0px; }*/ .comment-single .comment-item.sub { margin-top: 18px; padding-top: 20px; margin-left: 32px; border-top: solid 1px #cbcbcb; } .comment-single .comment-item.sub.level-2 { margin-left: 64px; } /*.comment-single .comment-item .add-comment-block { width: 706px; padding-top: 0; padding-bottom: 10px; }*/ .comment-single .comment-item .add-comment-block form { padding-top: 38px; } .comment-single .comment-item .add-comment-block .top-line { width: 638px; } .comment-single .comment-item .add-comment-block .col-left { width: 98%; } .comment-single .comment-item.sub .sub .add-comment-block { width: 672px; } .comment-single .comment-item.sub .sub .add-comment-block .top-line { width: 606px; } .comment-single .comment-item.sub .sub .add-comment-block .attention { padding-left: 28px; } /*.comment-single .add-comment-block { display: none; padding-top: 38px; margin: 0px 0px 0px -34px; width: 738px; position: relative; }*/ .comment-single .add-comment-block { display: none; padding: 20px 0 10px 10px; position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .comment-single .add-comment-block .attention { padding: 10px 0px 0px 0; } .comment-single .add-comment-block .top-line { border-top: solid 1px #cbcbcb; width: 670px; height: 0px; overflow: hidden; position: absolute; top: 18px; left: 34px; } .comment-single .add-comment-block .label-close { position: absolute; top: 8px; right: 46px; } .comment-single.outerGlow { -webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15), 0px 0px 15px rgba(237, 223, 182, 0.9); -moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15), 0px 0px 15px rgba(237, 223, 182, 0.9); box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15), 0px 0px 15px rgba(197, 153, 23, 0.9); } .label-close { width: 30px; height: 36px; display: block; background: url(../img/label-close.png) no-repeat 50% 0%; border: none; } .voting-yes-no { line-height: 21px; position: relative; margin: -27px 0px 25px; } .voting-yes-no .caption { float: right; color: #646464; } .voting-yes-no .variant { float: right; padding: 0px 0px 0px 25px; background: no-repeat 0% 50%; margin: 0px 0px 0px 15px; } .voting-yes-no .variant a { border-bottom-style: dashed; font-size: 9px; } .voting-yes-no .variant a:hover { border: none; } .voting-yes-no .variant a span { font-size: 14px; } .voting-yes-no .variant.yes { background-image: url(../img/yes.png); } .voting-yes-no .variant.no { background-image: url(../img/no.png); } /* ========================================================================== Delivery and Payment ========================================================================== */ .delivery-payment-page { } .delivery-payment-page .title-page { margin-bottom: 15px; } .delivery-payment-page .title-page .subcaption { line-height: 24px; } .delivery-payment-page .text-block.top-note-text { color: #474344; line-height: 24px; font-size: 15px; padding: 0px 0px 10px; } .delivery-payment-ways { border-top: solid 1px #cbcbcb; border-bottom: solid 1px #cbcbcb; padding: 20px 0px 0px; margin: 0px 0px 25px; } .delivery-payment-ways.delivery { min-height: 192px; } .delivery-payment-ways.payment { min-height: 192px; } .delivery-payment-ways.payment .way:first-child { width: 136px; } .delivery-payment-ways .way { text-align: center; min-height: 180px; } .delivery-payment-ways .icon { height: 118px; } .delivery-payment-ways .icon img { display: block; margin: 0 auto; } .delivery-payment-ways p a { border-bottom-style: dashed; font-size: 9px; } .delivery-payment-ways p a span { font-size: 14px; } .delivery-payment-ways p a:hover { border: none; } .list-text-records { margin: 0px 0px 70px; } .list-text-records .divider, .post-announce.full-post .divider { border-top: solid 1px #e5e5e5; height: 0px; overflow: hidden; clear: both; margin: 10px 0px 30px; } .list-text-records-item { position: relative; padding: 0px 0px 0px 60px; } .list-text-records-item .icon { display: block; position: absolute; left: 0px; top: 0px; } .list-text-records-item .title { font-size: 21px; line-height: 27px; color: #474243; padding: 0px 0px 12px; } .list-text-records-item .title.single-line { position: relative; top: -5px; padding-bottom: 18px; } .list-text-records-item .text-block p.padding-bottom { padding-bottom: 5px; } .list-text-records-item .text-block ul.numeric-green-circles { margin: 5px 0px; } .list-text-records-item .text-block .grey-text { display: inline-block; padding: 5px 10px 6px; background: #f8f4ef; color: #474243; position: relative; left: -10px; } .list-text-records-item .text-block p.highlight { padding: 12px 15px; left: -15px; } .list-text-records-item .expand-block { display: none; } .calc-delivery .divider { margin: 20px auto 25px; } .calc-delivery { padding-bottom: 22px !important; } .calc-delivery .typical-form .form-row { padding-bottom: 25px; } .calc-delivery .typical-form .form-row.where { padding-bottom: 5px; } .calc-delivery .typical-form .typical-select { margin-bottom: 20px; } .calc-delivery .typical-form .btn { width: 130px; text-align: center; padding-left: 0px; padding-right: 0px; margin: -10px auto 0px; display: block; } .calc-delivery .typical-form .btn { width: 130px; text-align: center; padding-left: 0px; padding-right: 0px; margin: -10px auto 0px; display: block; } .calc-delivery .typical-form .total-price { text-align: center; font-size: 48px; line-height: 26px; color: #000; font-weight: bold; padding: 15px 0px 0px; } .calc-delivery .typical-form .total-price span { padding: 0px 42px 0px 0px; background: url(../img/rub-48-black.png) no-repeat 100% 50%; } .out-requisites { color: #474243; text-align: center; } .out-requisites .text-block .cursive { font-size: 13px; padding-bottom: 2px; } .out-requisites .print { padding: 5px 0px 0px; } .out-requisites .print > span { padding: 0px 0px 0px 25px; background: url(../img/print.png) no-repeat 0% 60%; } /* ========================================================================== Brands ========================================================================== */ .filter-brands { min-height: 106px; margin: -5px 0px 40px; } .filter-brands > div { padding: 23px 0px 10px 10px; } .filter-brands .label { font-weight: bold; } .filter-brands .col { float: left; margin: 0px 0px 0px 20px; } .filter-brands .col.width-224 { width: 224px; } .filter-brands .col.width-214 { width: 214px; } .filter-brands .col.width-224 .jqTransformSelectWrapper, .filter-brands .col.width-224 .jqTransformSelectWrapper ul { width: 224px !important; } .filter-brands .col.width-214 .jqTransformSelectWrapper, .filter-brands .col.width-214 .jqTransformSelectWrapper ul { width: 214px !important; } .filter-brands .reset-link { margin: 0px 0px 8px; } .letter-list { position: relative; padding: 0px 0px 63px 40px; } .letter-list .label-letter { position: absolute; left: 0px; top: 0px; } .letter-list .col { float: left; width: 224px; margin: -0px 0px 0px 20px; } .letter-list .col:last-child { width: 206px; } .letter-list .col > li { position: relative; padding: 0px 0px 11px; } .letter-list .col > li .container { float: left; } .letter-list .col .name { font-size: 10px; color: #474243; border-bottom: solid 1px #d3d3d3; } .letter-list .col a.name:hover { border: none; color: #f15722; } .letter-list .col .name span { font-size: 18px; } .letter-list .popup-describe, .field .i-block .popup-describe { display: none; position: absolute; left: 50%; bottom: 28px; margin-left: -228px; z-index: 55; } .letter-list .i-block, .field .i-block { display: inline-block; position: relative; width: 18px; height: 18px; left: 3px; top: 3px; } .letter-list .i-block i, .field .i-block i { display: inline-block; width: 18px; height: 18px; background: url(../img/i-2-dbl.png) no-repeat 50% 0%; cursor: pointer; } @media (min-width: 992px) { .letter-list .i-block:hover i, .field .i-block:hover i { background-position: 50% 100%; } } .letter-list .i-block.active .popup-describe, .field .i-block.active .popup-describe { display: block; } .field .i-block { position: absolute; top: 6px; right: -27px; left: auto; } .label-letter { width: 40px; height: 49px; text-align: center; font-size: 24px; font-weight: bold; text-transform: uppercase; color: #fff; line-height: 42px; background: no-repeat 50% 0%; } .label-letter.yellow { background-image: url(../img/date-label-yellow.png); } .label-letter.lime { background-image: url(../img/date-label-lime.png); } .label-letter.green { background-image: url(../img/date-label-green.png); } .label-letter.red { background-image: url(../img/date-label-red.png); } .popup-describe { padding: 20px 20px 25px; width: 410px; background: #fff; border: solid 3px #d2d2d2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .popup-describe .logotype { float: left; width: 90px; } .popup-describe .logotype img { display: block; } .popup-describe .logotype a { border: none; } .popup-describe .text { float: left; width: 310px; } .popup-describe .brand { padding: 0px 0px 12px; } .popup-describe .country, .popup-describe .rating { float: left; line-height: 18px; margin: 0px 0px 10px; } .popup-describe .country { width: 224px; } .popup-describe .rating .cursive, .popup-describe .country .cursive { margin-right: 8px; font-size: 13px; padding: 0px; } .popup-describe .rating .cursive { float: left; } .popup-describe .rating .stars { float: left; position: relative; top: 2px; } .popup-describe .country-with-flag { line-height: 18px; white-space: nowrap; } .popup-describe .country-with-flag .flag { top: -1px; } .popup-describe .pipka-bottom { position: absolute; width: 23px; height: 13px; position: absolute; left: 50%; bottom: -13px; margin-left: -11px; background: url(../img/popup-pipka-bottom.png) no-repeat 50% 0%; } .country-with-flag { font-size: 14px; position: relative; padding: 0px 0px 0px 22px; line-height: 18px; color: #646464; } .country-with-flag .flag { display: block; position: absolute; left: 0px; top: 4px; } /* ========================================================================== Brand Card ========================================================================== */ .brand-card-block { padding: 0px 0px 74px; } .brand-card-block .right-col { float: right; } .brand-card-block .banners { float: right; width: 227px; margin: -5px 0px 0px; position: relative; z-index: 5; } /* ========================================================================== Brand Card main page ========================================================================== */ .brand-card-block .center-text { float: right; width: 453px; margin: -9px 40px 10px 0; } .brand-card-block .center-text.text-block { line-height: 21px; } .brand-card-block .center-text .caption { font-size: 21px; line-height: 27px; color: #474243; padding: 15px 0px 8px; } /* ========================================================================== Brand Card main page ========================================================================== */ .brand-card-block .reviews { } .brand-card-block .reviews .title { font-size: 24px; color: #474243; line-height: 24px; font-weight: bold; margin: 0px 0px 28px; } .brand-card-block .reviews .btn { float: left; } .brand-card-block .reviews .want-more-articles { position: relative; top: 3px; margin-bottom: 0; } .brand-card-block .comment-single.for-brand-card { padding-bottom: 5px; } .brand-card-block .comment-single.for-brand-card .name { font-size: 15px; } .brand-card-block .comment-single.for-brand-card .meta .date { font-size: 13px; } .brand-card-block .comment-single.for-brand-card .text-block { font-size: 15px; line-height: 24px; } .brand-card-block .comment-single.for-brand-card .header { float: left; margin-bottom: 8px; } .brand-card-block .comment-single.for-brand-card .stars { float: right; position: relative; top: 15px; } .brand-meta-data { float: left; width: 227px; } .brand-meta-data .jsLink { border-color: rgba(141, 179, 171, 0.7); } .brand-meta-data .logotype { height: 210px; margin: 0px 0px 40px; } .brand-meta-data .logotype img { display: block; } .brand-meta-data .brandButtons { text-align: center; } .brand-meta-data .brandButtons a { display: inline-block; width: 80px; margin: 0 14px; } .brand-meta-data .brandButtons a > span { font-size: 9px; } .brand-meta-data .brandButtons a > span > span { font-size: 14px; } .brand-meta-data .brandButtons .icon { background: url('../img/sprite/brands-sprite.png') 0 0 no-repeat; display: block; margin: 0 auto; margin-bottom: 10px; } .brand-meta-data .brandButtons .videoLink .icon { background-position: 0 -43px; width: 34px; height: 34px; } .brand-meta-data .brandButtons .certLink .icon { background-position: -40px -42px; width: 26px; height: 34px; } .brand-card-block .banners .grey-block { position: relative; padding: 34px 0px; margin: 0px 0px 30px; line-height: 18px; background: #f8f4ef; } .brand-card-block .banners .grey-block .label-letter { position: absolute; left: 50%; top: -23px; margin-left: -20px; } .brand-card-block .banners .grey-block .quest { position: absolute; right: 12px; overflow: hidden; } .brand-card-block .banners .grey-block .quest:hover { overflow: visible; } .brand-card-block .banners .grey-block .quest .icon { display: block; cursor: pointer; } .quest__text { color: #689a8f; border-bottom: dashed 1px #bab8b8; cursor: pointer; } .rating-popup { z-index: -5; position: absolute; width: 464px; left: auto; right: 232px; top: -65px; padding: 24px 25px 21px; opacity: 0; transition: opacity .3s, z-index .1s step-end; } .rating-popup .pipka-right { top: 60px; right: -13px; width: 13px; height: 23px; position: absolute; background: url(../img/popup-pipka-left.png) no-repeat 50% 0%; transform: rotate(180deg); } .quest:hover .rating-popup { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; z-index: 10; -webkit-transition: opacity .3s, z-index .1s step-start; -moz-transition: opacity .3s, z-index .1s step-start; -o-transition: opacity .3s, z-index .1s step-start; transition: opacity .3s, z-index .1s step-start; } .lt-ie9 .rating-popup { display: none; } .lt-ie9 .quest:hover .rating-popup { display: block; } .rating-popup__title { text-transform: uppercase; font-size: 24px; font-weight: bold; } .rating-popup__score { margin: 20px -25px; } .rp__score__inner { min-height: 112px; padding-left: 175px; padding-bottom: 12px; } .rp__score__total { float: left; margin-left: -150px; font-size: 48px; font-weight: bold; padding-top: 17px; } .rp__score__total__value { display: inline-block; vertical-align: bottom; line-height: .8; margin-left: -4px; } .rp__score__detail__label { width: 168px; font-size: 13px; line-height: 1.154; } .rating-link .rating-icon { vertical-align: top; margin-right: 6px; } .rating-link:hover .rating-icon { background-position: -5px -0px; } .brand-card-block .banners .grey-block .caption { text-align: center; color: #474243; font-size: 16px; line-height: 18px; text-transform: uppercase; font-weight: bold; } .brand-card-block .banners .grey-block .item { text-align: center; padding: 0px 0px 15px; } .brand-card-block .banners .grey-block .item.last { padding-bottom: 0 } .brand-card-block .banners .grey-block .cursive { font-size: 13px; padding-bottom: 8px; } .brand-card-block .banners .grey-block .country-with-flag { font-weight: normal; } .brand-card-block .banners .grey-block .country-with-flag .flag { top: 1px; } .brand-card-block .banners .grey-block .stars { margin: 0px auto; } .brand-card-block .banners .grey-block .divider { margin: 25px auto 22px; } .brand-card-block .banners .grey-block .shared { padding-top: 8px; } .brand-card-block .banners .grey-block .shared .icons { width: 170px; margin: 0px auto; } .shared a { width: 21px; height: 21px; border-bottom: none; } .shared .b-share-icon_facebook { background: url('../img/fb-s.png') 0 0 no-repeat; width: 21px; height: 21px; } .shared .b-share-icon_twitter { background: url('../img/tw-s.png') 0 0 no-repeat; width: 21px; height: 21px; } .shared .b-share-icon_vkontakte { background: url('../img/vk-s.png') 0 0 no-repeat; width: 21px; height: 21px; } .shared .b-share-icon_gplus { background: url('../img/gp-s.png') 0 0 no-repeat; width: 21px; height: 21px; } .shared .b-share-icon_lj { background: url('../img/fb-lj.png') 0 0 no-repeat; width: 21px; height: 21px; } .shared .b-share-icon_odnoklassniki { background: url('../img/ok-s.png') 0 0 no-repeat; width: 21px; height: 21px; } .shared .b-share__handle { padding: 0 3px !important; } .shared .ya-share2__item_service_vkontakte .ya-share2__badge { background: transparent url('../img/vk-s.png') 0 0 no-repeat; width: 21px; height: 21px; } .shared .ya-share2__item_service_vkontakte .ya-share2__icon { background: none !important; } .shared .ya-share2__item_service_facebook .ya-share2__badge { background: transparent url('../img/fb-s.png') 0 0 no-repeat; width: 21px; height: 21px; } .shared .ya-share2__item_service_facebook .ya-share2__icon { background: none !important; } .shared .ya-share2__item_service_odnoklassniki .ya-share2__badge { background: transparent url('../img/ok-s.png') 0 0 no-repeat; width: 21px; height: 21px; } .shared .ya-share2__item_service_odnoklassniki .ya-share2__icon { background: none !important; } .shared .ya-share2__item_service_twitter .ya-share2__badge { background: transparent url('../img/tw-s.png') 0 0 no-repeat; width: 21px; height: 21px; } .shared .ya-share2__item_service_twitter .ya-share2__icon { background: none !important; } .shared .ya-share2__item_service_gplus .ya-share2__badge { background: transparent url('../img/gp-s.png') 0 0 no-repeat; width: 21px; height: 21px; } .shared .ya-share2__item_service_gplus .ya-share2__icon { background: none !important; } .shared .ya-share2__item_service_lj .ya-share2__badge { background: transparent url('../img/fb-lj.png') 0 0 no-repeat; width: 21px; height: 21px; } .shared .ya-share2__item_service_lj .ya-share2__icon { background: none !important; } .shared img { float: left; margin: 0px 3px; } .brand-meta-data .soc-likes { margin: 0px 0px 30px; } .off-certificate { margin: 0px 0px 30px; } .off-certificate .pic { width: 154px; height: 213px; padding: 8px; margin: 0px auto 13px; background: url(../img/certificate-border.png) no-repeat 50% 0%; } .off-certificate .pic img { display: block; } .off-certificate .caption { text-align: center; font-size: 18px; line-height: 21px; color: #474243; } .off-certificate .caption a { color: #474243; border-bottom-color: #d1d0d0; font-size: 10px; } .off-certificate .caption a:hover { color: #f15722; } .off-certificate .caption a span { font-size: 18px; } .off-certificate .more { text-align: center; } .off-certificate .more a { font-size: 9px; } .off-certificate .more a span { font-size: 15px; } .prod-series-block { margin-top: -50px; } .history-of-brand { height: 184px; width: 227px; position: relative; } .history-of-brand .img { display: block; } .history-of-brand .caption { background: #929b3d; position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; } .history-of-brand .caption > div { padding: 12px 10px 14px; line-height: 18px; } .history-of-brand .caption a { color: #fff; font-size: 9px; border-bottom-color: rgba(255, 255, 255, 0.4); } .history-of-brand .caption a:hover { border: none; } .history-of-brand .caption a span { font-size: 15px; } .brand-history-block { } .brand-history-block .divider { border-top: solid 1px #cbcbcb; height: 0px; overflow: hidden; clear: both; margin: 16px auto 35px; } .brand-history-block .fotorama { margin: 20px 0px; } .brand-history-article .caption { color: #474243; font-size: 21px; line-height: 27px; padding: 0px 0px 22px; } .brand-history-article .text-block { float: left; width: 500px; line-height: 21px; } .brand-history-article .photo { float: right; width: 210px; position: relative; margin: 0px 0px 18px; } .brand-history-article .photo img { display: block; } .brand-history-popular-prods { border-top: solid 1px #cbcbcb; padding: 55px 0px 100px; margin: -30px 0px 0px; } .brand-history-popular-prods .btn.show-all { float: none; display: block; width: 200px; padding-left: 0px; padding-right: 0px; text-align: center; margin: 25px auto 0px; } .company-history-side { padding: 2px 2px 0px; position: relative; -webkit-border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; background: #f3c63d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyOWIzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2M2M2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #929b3d 0%, #f3c63d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #929b3d), color-stop(100%, #f3c63d)); background: -webkit-linear-gradient(top, #929b3d 0%, #f3c63d 100%); background: -o-linear-gradient(top, #929b3d 0%, #f3c63d 100%); background: -ms-linear-gradient(top, #929b3d 0%, #f3c63d 100%); background: linear-gradient(to bottom, #929b3d 0%, #f3c63d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#929b3d', endColorstr='#f3c63d', GradientType=0); } .company-history-side > div { padding: 15px 0px 30px; background: #fff; -webkit-border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; } .company-history-side .coner { display: block; width: 100%; height: 25px; position: absolute; left: 0px; bottom: -25px; background: url(../img/company-history-coner.png) no-repeat 50% 0%; } .company-history-side .title { text-align: center; font-size: 24px; line-height: 24px; font-weight: bold; color: #474243; padding: 0px 0px 22px; } .hronology-lenta { width: 206px; margin: 0px auto; } .hronology-lenta .date-single { } .hronology-lenta .date-single .date { float: left; width: 83px; height: 52px; position: relative; } .hronology-lenta .date-single .date.left { text-align: right; } .hronology-lenta .date-single .date > div { position: absolute; bottom: 0px; } .hronology-lenta .date-single .date.left > div { right: 0px; } .hronology-lenta .date-single .date.right > div { left: 0px; } .hronology-lenta .date-single .date .month { font-size: 14px; text-transform: uppercase; line-height: 16px; padding: 0px 0px 8px; } .hronology-lenta .date-single .date .year { color: #474243; font-size: 30px; font-weight: bold; line-height: 14px; } .hronology-lenta .date-single .date .year span.dashed { font-size: 8px; border-bottom: dashed 1px #d1d0d0; cursor: pointer; } .hronology-lenta .date-single .date:hover .year span.dashed { border: none; } .hronology-lenta .date-single .date .year span.dashed span { font-size: 30px; } .hronology-lenta .date-single .date .typical-popup { display: none; position: absolute; top: -3px; padding: 30px 30px 10px; z-index: 99; width: 395px; } .hronology-lenta .date-single .date:hover .typical-popup { display: block; } .hronology-lenta .date-single .date.left .typical-popup { left: 93px; text-align: left; } .hronology-lenta .date-single .date.right .typical-popup { left: 78px; } .hronology-lenta .date-single .date .typical-popup .preview { float: left; width: 120px; position: relative; } .hronology-lenta .date-single .date .typical-popup .preview .img { display: block; } .hronology-lenta .date-single .date .typical-popup .preview .caption { background: #929b3d; position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: center; color: #fff; } .hronology-lenta .date-single .date .typical-popup .preview .caption > div { padding: 10px 10px 16px; } .hronology-lenta .date-single .date .typical-popup .text-block { float: right; width: 254px; margin: -5px 0px 0px; } .hronology-lenta .date-single .date .typical-popup .text-block p.highlight { padding: 5px 10px; left: -10px; } .hronology-lenta .date-single .date .typical-popup .event-capiton { color: #474243; font-size: 18px; line-height: 21px; padding: 0px 0px 8px; } .hronology-lenta .date-single .dashes { float: left; margin: 0px 10px; width: 20px; } .hronology-lenta .date-single .dash { margin: 3px 0px 0px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: inset 0px -1px rgba(0, 0, 0, 0.1); } .hronology-lenta .date-single .dash.yellow { background: #ffc108; } .hronology-lenta .date-single .dash.brown { background: #664c4e; } .hronology-lenta .date-single .dash.lime { background: #929b3d; } .hronology-lenta .date-single .dash.red { background: #f26a36; } .hronology-lenta { width: 206px; margin: 0px auto; } .hronology-lenta .date-single { } .hronology-lenta .date-single .date { float: left; width: 83px; height: 52px; position: relative; } .hronology-lenta .date-single .date.left { text-align: right; } .hronology-lenta .date-single .date > div { position: absolute; bottom: 0px; } .hronology-lenta .date-single .date.left > div { right: 0px; } .hronology-lenta .date-single .date.right > div { left: 0px; } .hronology-lenta .date-single .date .month { font-size: 14px; text-transform: uppercase; line-height: 16px; padding: 0px 0px 8px; } .hronology-lenta .date-single .date .year { color: #474243; font-size: 30px; font-weight: bold; line-height: 14px; } .hronology-lenta .date-single .date .year span.dashed { font-size: 8px; border-bottom: dashed 1px #d1d0d0; cursor: pointer; } .hronology-lenta .date-single .date:hover .year span.dashed { border: none; } .hronology-lenta .date-single .date .year span.dashed span { font-size: 30px; } .hronology-lenta .date-single .date .typical-popup { display: none; position: absolute; top: -3px; padding: 30px 30px 10px; z-index: 99; width: 395px; } .hronology-lenta .date-single .date:hover .typical-popup { display: block; } .hronology-lenta .date-single .date.left .typical-popup { left: 93px; text-align: left; } .hronology-lenta .date-single .date.right .typical-popup { left: 78px; } .hronology-lenta .date-single .date .typical-popup .preview { float: left; width: 120px; position: relative; } .hronology-lenta .date-single .date .typical-popup .preview .img { display: block; } .hronology-lenta .date-single .date .typical-popup .preview .caption { background: #929b3d; position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: center; color: #fff; } .hronology-lenta .date-single .date .typical-popup .preview .caption > div { padding: 10px 10px 16px; } .hronology-lenta .date-single .date .typical-popup .text-block { float: right; width: 254px; margin: -5px 0px 0px; } .hronology-lenta .date-single .date .typical-popup .text-block p.highlight { padding: 5px 10px; left:-10px; } .hronology-lenta .date-single .date .typical-popup .event-capiton { color: #474243; font-size: 18px; line-height: 21px; padding: 0px 0px 8px; } .hronology-lenta .date-single .dashes { float: left; margin: 0px 10px; width: 20px; } .hronology-lenta .date-single .dash { margin: 3px 0px 0px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: inset 0px -1px rgba(0,0,0,0.1); } .hronology-lenta .date-single .dash.yellow { background: #ffc108; } .hronology-lenta .date-single .dash.brown { background: #664c4e; } .hronology-lenta .date-single .dash.lime { background: #929b3d; } .hronology-lenta .date-single .dash.red { background: #f26a36; } .hronology-lenta .date-single .dash.green { background: #3db488; } .hronology-lenta .date-single .dash.green { background: #3db488; } .brand-certificates { } /* ========================================================================== Brand Card certificates page ========================================================================== */ .brand-certificates .certificate-info { min-height: 376px; position: relative; padding: 0px 370px 0px 0px; margin: 0 0px 55px; border-bottom: solid 1px #cbcbcb; } .brand-certificates .certificate-info .text { padding: 26px 0px 0px; } .brand-certificates .certificate-info .pic { position: absolute; right: 0px; bottom: 0; width: 340px; height: 420px; overflow: hidden; } .brand-certificates .certificate-info .pic img { display: block; } .brand-certificates .certificate-info .text .text-block { color: #8b8b8b; padding: 5px 0px 30px; } .brand-certificates .certificate-info .title-section h3 { line-height: 27px; } .brand-certificates .certificate-info .brand-stamp img { display: inline-block; border: 8px solid #333; } .brand-certificates .certificate-info .brand-stamp a.galopener { display: inline-block; width: 200px; margin: 0 16px 27px; text-align: center; border-bottom: none; cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0RBQTkzMjg0QTJDMTFFNDlCNDFDNEQ5NTEyRkRFMjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0RBQTkzMjk0QTJDMTFFNDlCNDFDNEQ5NTEyRkRFMjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozREFBOTMyNjRBMkMxMUU0OUI0MUM0RDk1MTJGREUyNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozREFBOTMyNzRBMkMxMUU0OUI0MUM0RDk1MTJGREUyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUdZYcAAACBSURBVHjapFIBCsAgCPTC/3/ZTahhTsW2gxg1vbsuISJkAWA7uP+DCrBvzAgzImiDFvnGVyEQkoysWFcHo6O+rubz2TJYytG+Ehj0E+xtdpUfB5psJ7DsFTgLrAsY29kgUTWZ6I6yPbckOLIbkBw946Y8yY4cRE4+DdJyot9LgAEAiC1dEU+FESoAAAAASUVORK5CYII=), default; } .certificates-list { padding: 0px 0px 27px; border-bottom: solid 1px #cbcbcb; margin: 0px 0px 55px; } .certificates-list .title-section { padding-bottom: 30px; } .certificates-list .off-certificate { width: 200px; float: left; } .certificates-list .grid-3 { width: 762px; margin: 0px -11px; } .certificates-list .grid-3 .off-certificate { margin: 0px 27px 27px; } .certificates-list .grid-3 .off-certificate a { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0RBQTkzMjg0QTJDMTFFNDlCNDFDNEQ5NTEyRkRFMjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0RBQTkzMjk0QTJDMTFFNDlCNDFDNEQ5NTEyRkRFMjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozREFBOTMyNjRBMkMxMUU0OUI0MUM0RDk1MTJGREUyNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozREFBOTMyNzRBMkMxMUU0OUI0MUM0RDk1MTJGREUyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUdZYcAAACBSURBVHjapFIBCsAgCPTC/3/ZTahhTsW2gxg1vbsuISJkAWA7uP+DCrBvzAgzImiDFvnGVyEQkoysWFcHo6O+rubz2TJYytG+Ehj0E+xtdpUfB5psJ7DsFTgLrAsY29kgUTWZ6I6yPbckOLIbkBw946Y8yY4cRE4+DdJyot9LgAEAiC1dEU+FESoAAAAASUVORK5CYII=), default; } .garanties-list { } .garanties-list .garanty-item { margin: 0px 34px 34px 0px; float: left; } .garanties-list .grid-5 { width: 774px; margin: 0px -34px 0px 0px; } .garanty-item { width: 120px; text-align: center; } .garanty-item .pic { width: 120px; height: 120px; margin: 0px 0px 10px; } .garanty-item .pic img { width: 120px; height: 120px; display: block; padding-bottom: 10px; } .garanty-item .pic a { border: none; line-height: 18px; font-size: 14px; } .garanty-item .pic a > span { font-size: 9px; color: #474243; border-bottom: 1px solid #dcdbdb; } .garanty-item .pic a > span > span { font-size: 14px; } .garanty-item .pic a:hover > span { border-bottom-color: transparent; } .garanty-item .pic a:hover > span > span { color: #f15722; } .expanded-tabs-block { margin: 0px 0px 45px; } .expanded-tabs-block.border { border-bottom: solid 1px #d2d1cd; } .expanded-tabs-block .tabs li { float: left; height: 56px; line-height: 56px; text-align: center; font-size: 18px; color: #6b998f; padding: 0px 30px; /* ========================================================================== ie fix rounded ========================================================================== */ position: relative; top: 1px; } .expanded-tabs-block .tabs li .bordered, .expanded-tabs-block-spoiler .bordered { font-size: 10px; border-bottom: dashed 1px #b3ccc7; cursor: pointer; } .expanded-tabs-block .tabs li .bordered:hover, .expanded-tabs-block-spoiler .bordered:hover { border: none; color: #f15722; } .expanded-tabs-block .tabs li .bordered span { font-size: 18px; } .expanded-tabs-block-spoiler .bordered span { color: #6b998f; font-size: 14px; } .expanded-tabs-block .tabs li.current { background: #f8f4ef; text-transform: uppercase; color: #474243; font-weight: bold; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .expanded-tabs-block .tabs li.current .bordered { border: none; cursor: default; color: #474243; } .expanded-tabs-block .tabs li.categories { } .expanded-tabs-block .tabs li.series { } .expanded-tabs-block .tab-cont { display: none; padding: 35px 0px 0px 30px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; max-height: 177px; overflow: hidden; transition: max-height 0.5s ease-in-out; } .expanded-tabs-block .tab-cont.categories { -webkit-border-radius: 0px 5px 5px 5px; -moz-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; } .expanded-tabs-block .tab-cont.series { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .expanded-tabs-block .col { float: left; margin: 0px 27px 0px 0px; width: 205px; } .expanded-tabs-block .caption { font-size: 14px; line-height: 18px; font-weight: bold; text-transform: uppercase; color: #474243; padding: 0px 0px 10px; } .expanded-tabs-block .caption.sale { color: #f26a36; } .expanded-tabs-block .col ul { margin: 0px 0px 30px; } .expanded-tabs-block .col ul li { padding: 0px 0px 7px; position: relative; } .expanded-tabs-block .col ul li.ico { padding: 0 0 10px 24px; } .expanded-tabs-block .col ul li .sprite { width: 24px; height: 24px; position: absolute; top: -3px; left: -5px; } .expanded-tabs-block .col ul a { color: #474243; border-bottom-color: #dadad9; font-size: 9px; } .expanded-tabs-block .all-cat .col a { color: #474243; border-bottom-color: #dadad9; font-size: 9px; } .expanded-tabs-block .col ul a:hover { color: #f15722; } .expanded-tabs-block .col ul a span { font-size: 14px; } .expanded-tabs-block .all-cat { padding: 0px 0px 40px; } .expanded-tabs-block .all-cat ul li { display: inline; margin: 0px 30px 0px 0px; } .expanded-tabs-block .all-cat a { font-size: 8px; border-bottom-color: #474243; color: #474243; } .expanded-tabs-block .all-cat a:hover { color: #f15722; } .expanded-tabs-block .all-cat a span { font-size: 14px; } /* ========================================================================== Catalog ========================================================================== */ .prod-card-small-catalog { width: auto; margin: 0; border-bottom: solid 1px #cbcbcb; } /*brand-index page*/ .sectionItems .prod-card-small-catalog { border-bottom: none; } .main-page-wrapper .prod-card-small-catalog { border-bottom: none; margin-bottom: 0; margin-top: 20px; } .prod-card-small-catalog .prod-card-small { float: left; margin: 0; } .prod-card-small-catalog.typical-catalog .prod-card-small { margin-bottom: 65px; } .prod-card-small.favorite-item{ border: 1px solid #fb9892; } .prod-card-small.favorite-item:hover{ border:none; } .prod-card-small.favorite-item:hover .hover-bg { border: 1px solid #fb9892; justify-content: center; display: flex; } .prod-card-small.favorite-item:hover:before{ display:none; } .prod-card-small.favorite-item:before{ z-index:99; content: 'Любимый товар'; color: white; padding: 4px 22px 2px; border-radius: 3px; background-image: linear-gradient(81deg, #ff8a95, #ffc182); top: -12px; position: absolute; text-transform: uppercase; } .prod-card-small.favorite-item:hover .hover-bg:before{ content: 'Любимый товар'; color: white; padding: 4px 22px 2px; border-radius: 3px; background-image: linear-gradient(81deg, #ff8a95, #ffc182); top: -12px; position: absolute; text-transform: uppercase; } .prod-card-small.favorite-item .ci-list-item__sign { display: none; } .prod-card-small-catalog .divider { border-top: solid 1px #cbcbcb; margin: 60px auto 45px; height: 0px; overflow: hidden; } .prod-card-small-catalog.pcscSwiper { text-align: center; padding: 0px; width: 100%; padding-top: 30px; overflow: hidden; position: relative; } .prod-card-small-catalog.pcscSwiper .swiper-slide { } .prod-card-small-catalog.pcscSwiper .swiper-slide:hover { z-index: 1; } /*main-page new best recommend*/ .catalog-header-switcher h1 { float: left; padding-right: .6em; } .catalog-header-switcher .main-caption { margin-right: 30px; float: left; font-size: 36px; color: #474243; text-transform: uppercase; font-weight: bold; line-height: 39px; } .catalog-header-switcher { padding: 0px 0px 30px; } .catalog-header-switcher ul { float: left; } .catalog-header-switcher li { float: left; margin: 0px 30px 0px 0px; } .catalog-header-switcher .caption { line-height: 30px; } .catalog-header-switcher .caption a { font-size: 10px; border-bottom-style: dashed; border-bottom-color: #b3ccc7; border-bottom-width: 1px; } .catalog-header-switcher .caption a:hover { border: none; } .catalog-header-switcher .caption a span { font-size: 18px; } .catalog-header-switcher .caption a.solid { border-bottom: 1px solid #b3ccc7; border-bottom-width: 1px; } .catalog-header-switcher .caption a.solid:hover { border-bottom: none; } .catalog-header-switcher .active .caption a { color: #646464; border-bottom: none; } .catalog-header-switcher .active .more { display: block; } .main-page-wrapper .prod-card-small-catalog .more { position: relative; top: -30px; } .main-page-wrapper .prod-card-small-catalog .more a { color: #a3a0a1; border-bottom-color: #bab8b8; font-size: 9px; } .main-page-wrapper .prod-card-small-catalog .more a:hover { color: #474243; } .main-page-wrapper .prod-card-small-catalog .more a span { font-size: 14px; } .btn.to-cart, .btn.go-cart { text-align: left; padding: 0px 12px; width: 90px; font-weight: normal; text-transform: none; line-height: 30px; background-color: #939c3e; } span.bx_notavailable { cursor: default; float: left; text-align: center; padding: 0; width: 114px; height: 28px; font-weight: normal; text-transform: none; line-height: 28px !important; color: #f26a36 !important; } .btn.go-cart { background-color: #f26a36; } .btn.to-cart .icon, .btn.go-cart .icon { display: inline-block; width: 16px; height: 16px; background: url(../img/cart-16.png) no-repeat 50% 50%; margin: 0px 5px 0px 0px; position: relative; top: 3px; } .btn.go-cart .icon { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0QwRTMwQjE0MjFGMTFFNDk2RTdFOTM3ODgzREQ3MzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0QwRTMwQjI0MjFGMTFFNDk2RTdFOTM3ODgzREQ3MzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRDBFMzBBRjQyMUYxMUU0OTZFN0U5Mzc4ODNERDczNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRDBFMzBCMDQyMUYxMUU0OTZFN0U5Mzc4ODNERDczNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psef24EAAACfSURBVHjaYvr///8kIN7+HwLOATEDIQxjKAHxD2I0gDALAwQIADE7EP9nIAyuMEEZ54D4GANxYBcTEucEkZrOIGvaSqSmC4zg0ECAz0DMQ0ATPxOawCkCGu4C8XcWNEEPINYF4n9A/BCIGaHiwkAsBsSXgfg3ehzwAvExID4KxGxI4kuA+BoQO4D46M7jgPqJB81vfEDMDcScIA5AgAEADFaOvaJg16IAAAAASUVORK5CYII=) no-repeat 50% 50%; } .prod-card-small { line-height: 18px; position: relative; width: 100%; } .prod-card-small .photo { height: 210px; position: relative; text-align: center; } .prod-card-small .photo .img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .prod-card-small .photo .icons { position: absolute; right: 0px; top: 10px; width: 50px; text-align: center; } .prod-card-small .photo .icons img { margin: 0px 0px 5px; width: 32px; height: 32px; } .prod-card-small .photo .prod-label { position: absolute; bottom: 0; left: 0; display: flex; width: 100%; justify-content: center; } .prod-card-small .photo .prod-label.hit { left: -8px; } .prod-card-small .photo .prod-label.lenta { top: 113px; left: 0px; } .prod-card-small .photo .prod-label.green-label, .prod-card-small .photo .prod-label.black-label { top: 15px; left: -2px; } .prod-card-small .name { text-align: center; line-height: 22px; position: relative; margin: 0 0 14px; } .prod-card-small .name a > span { font-size: 10px; color: #474243; border-bottom-color: #d1d0d0; } .prod-card-small .name a:hover > span { color: #f15722; } .prod-card-small .name a > span > span { font-size: 18px; } .prod-card-small .art { text-align: center; font-size: 12px; color: #d6d6d6; margin: 0px 0px 22px; position: relative; } .prod-card-small .art .code { color: #646464; } .prod-card-small .art > a { font-size: 8px; } .prod-card-small .art > a > span { font-size: 12px; } .prod-card-small .params { text-align: center; position: relative; width: 190px; margin: 0 auto; } .prod-card-small .params .price { font-size: 18px; font-weight: bold; color: #000; margin: 0px 2px 0px 0px; } .prod-card-small .params .price.rub { padding: 0px; white-space: nowrap; margin-right: 5px; display: inline-block; height: 18px; } .prod-card-small .params .price.rub.old-price { text-decoration: line-through; color: #8b8b8b; font-weight: normal; font-size: 16px; } .prod-card-small .params .vol { font-size: 12px; color: #000; line-height: 12px; padding: 0px 0px 0px 12px; background: url(../img/crumbs-bullet.png) no-repeat 0% 50%; margin: 0px 3px 0px 0px; } .prod-card-small .comments { font-size: 12px; line-height: 12px; color: #000; } .prod-card-small .comments a { color: #000; border: none; } .prod-card-small .comments img { position: relative; top: -1px; } .prod-card-small .params .vol, .prod-card-small .params .comments { position: relative; top: -2px; } .prod-card-small .hover-bg { display: none; width: 100%; height: 100%; position: absolute; left: 0; top: -15px; padding: 15px 0px 80px; background: #fff; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); } .prod-card-small .hover-btns { position: absolute; left: 0; bottom: 30px; width: 100%; } .prod-card-small .hover-btns .btn__cont { width: 160px; margin: 0 auto; } .prod-card-small .hover-btns .favorite { float: right; margin: 0px 0px 0px 10px; } .prod-card-small .hover-btns .btn.to-cart, .prod-card-small .hover-btns .btn.go-cart { height: 28px; line-height: 29px; font-size: 14px; } .prod-card-small:hover { z-index: 9; } .prod-card-small:hover .hover-bg { display: block; } .prod-row-card-small-catalog { } .prod-row-card-small-catalog {} .prod-row-card-small-catalog .col {} .prod-row-card-small-catalog .divider { border-top: solid 1px #e5e5e5; margin: 10px auto; clear: both; height: 0px; overflow: hidden; } .prod-row-card-small-catalog .divider { border-top: solid 1px #e5e5e5; margin: 10px auto; clear: both; height: 0px; overflow: hidden; } .prod-row-card-small { line-height: 18px; position: relative; padding-top: 10px; margin-top: 10px; border-top: solid 1px #e5e5e5; } .prod-row-card-small .photo { float: left; width: 120px; height: 120px; position: relative; } .prod-row-card-small .photo .img { display: block; } .brand-history-popular-prods .prod-row-card-small .photo a, .brand-history-popular-prods .prod-row-card-small .photo img { display: block; width: 120px; height: 120px; border: none; } .prod-row-card-small .photo .prod-label { position: absolute; left: 0px; top: 44px; } .prod-row-card-small .container-prod { padding-left: 130px; } .prod-row-card-small .container-prod > div { position: relative; } .prod-row-card-small .caption { font-size: 15px; padding: 10px 0px 5px; } .prod-row-card-small .caption a { border-bottom-color: #bab8b8; color: #474243; font-size: 9px; } .prod-row-card-small .caption a:hover { color: #f15722; } .prod-row-card-small .caption a span { font-size: 15px; } .prod-row-card-small .caption .borderedLink > span { border-bottom-color: #bab8b8; color: #474243; font-size: 9px; } .prod-row-card-small .caption .borderedLink:hover > span { color: #f15722; } .prod-row-card-small .caption .borderedLink > span > span { font-size: 15px; } .prod-row-card-small .art { font-size: 12px; color: #d6d6d6; margin: 0px 0px 10px; } .prod-row-card-small .art .code { color: #646464; } .prod-row-card-small .art a { font-size: 8px; } .prod-row-card-small .art a span { font-size: 12px; } .prod-row-card-small .params { } .prod-row-card-small .params .price { font-size: 18px; font-weight: bold; color: #000; margin: 0px 2px 0px 0px; } .prod-row-card-small .params .price.rub { padding: 0px; white-space: nowrap; margin-right: 5px; } .prod-row-card-small .params .vol { font-size: 12px; color: #000; line-height: 12px; padding: 0px 0px 0px 12px; background: url(../img/crumbs-bullet.png) no-repeat 0% 50%; margin: 0px 3px 0px 0px; } .prod-row-card-small .params .comments { font-size: 12px; line-height: 12px; color: #000; } .prod-row-card-small .params .comments a { color: #000; border: none; } .prod-row-card-small .params .comments img { position: relative; top: -1px; } .prod-row-card-small .params .vol, .prod-row-card-small .params .comments { position: relative; top: -2px; } .prod-row-card-small .favorite { position: absolute; right: 0px; bottom: 11px; } .prod-row-card-small .favorite .popup-hint { display: none; white-space: nowrap; position: absolute; bottom: 36px; left: -10px; } .prod-row-card-small .favorite:hover .popup-hint { display: block; } .favorite.independ { position: relative; } .favorite.independ .popup-hint { display: none; white-space: nowrap; position: absolute; bottom: 36px; left: -10px; } .favorite.independ:hover .popup-hint { display: block; } /*.prod-row-card-small .favorite .popup-hint { left: -174px; } ГДЕ Я ЭТО ДЕЛАЛ?????*/ .prod-row-card-small .favorite .popup-hint { right: -10px; left: auto; } .prod-row-card-small .favorite .popup-hint .pipka-bottom { right: 17px; left: auto; } .prod-label { text-align: center; font-size: 12px; color: #fff; overflow: hidden; } .prod-label.blue-circle { width: 41px; height: 41px; line-height: 40px; background: url(../img/prod-label-1.png) no-repeat 50% 50%; left: 3px; top: 61px; } .prod-label.green-label { width: 47px !important; height: 44px; line-height: 44px; background: url(../img/prod-label-2.png) no-repeat 50% 50%; } .prod-label.black-label { width: 47px; height: 44px; line-height: 44px; background: url(../img/prod-label-black.png) no-repeat; background-size: contain; } .prod-label.green-label.small { width: 35px; height: 33px; background-image: url(../img/prod-label-2-s.png); } .prod-label.hit { width: 62px; height: 37px; padding-top: 6px; line-height: 14px; background: url(../img/prod-label-3.png) no-repeat 50% 50%; } .prod-label.hit.small { width: 41px; height: 27px; background-image: url(../img/prod-label-3-s.png); } .prod-label.lenta { width: 93px; height: 24px; line-height: 24px; background: url(../img/prod-label-4.png) no-repeat 50% 50%; } .prod-label.lenta.small { width: 61px; height: 17px; background-image: url(../img/prod-label-4-s.png); } .add-to-favorite { display: block; width: 28px; height: 28px; border: none; background: url(../img/favorite.png) no-repeat 50% 0%; } .add-to-favorite svg { display: none; } .add-to-favorite:hover { background-position: 50% 50%; } .add-to-favorite.width-40 { width: 40px; height: 40px; background-image: url(../img/favorite-40.png); } span.add-to-favorite, .add-to-favorite.inFav { background-position: 50% 100% !important; } /* ========================================================================== */ .catalog-first-level { margin: -20px 0px 85px; padding: 0px 0px 76px; border-bottom: solid 1px #cbcbcb; } .catalog-first-level .text-block blockquote .citate { font-size: 18px; line-height: 26px; padding-left: 0px; text-indent: 30px; } .catalog-first-level .grid { width: 1050px; } .catalog-first-level .cat-name.third { margin-right: 0; } .catalog-first-level .cat-name .pic { display: inline-block; width: 100%; max-width: 298px; margin-bottom: 30px } .catalog-first-level .cat-name a { margin-bottom: 40px; position: relative; display: block; border-bottom: none; } .catalog-first-level .cat-name a .caption { position: relative; line-height: 20px; color: #474243; font-size: 8px; border-bottom: 1px solid #d1d0d0; font-weight: bold; text-transform: uppercase; } .catalog-first-level .cat-name a .caption span { font-size: 2em; } .catalog-first-level .cat-name a:hover .caption { color: #f15722; border-bottom: none; } .catalog-first-level .cat-name a .caption .num { color: #5d840d; font-size: 15px; line-height: 24px; } .catalog-first-level .cat-name.cosmetic { } .catalog-first-level .cat-name.aroma .pic { left: -52px; } .catalog-first-level .cat-name.food { margin-right: 0px; } .catalog-first-level .cat-name.food .pic { left: -20px; } .catalog-first-level .cat-name.bio { } .catalog-first-level .cat-name.for-home .pic { left: -20px; } .catalog-first-level .cat-name.others { margin-right: 0px; } .catalog-first-level.face-care .cat-name { height: 430px; } .catalog-first-level.face-care .cat-name .caption { bottom: auto; top: 370px; } .catalog-first-level.face-care .grid-wrapper { width: 1050px; } .block-under-catalog { padding: 0px 0px 70px; } .block-under-catalog .title-section { padding-bottom: 20px; } .block-under-catalog .title-section h3 { font-size: 30px; line-height: 30px; } .block-under-catalog .col-left .text-block { line-height: 21px; } .block-under-catalog .col-left .text-block p { padding-bottom: 21px; } .block-under-catalog .col-left .pic { position: relative; margin: 0px 0px 21px; } .block-under-catalog .col-left .pic img { display: block; } .block-under-catalog .col-left .pic .caption { position: absolute; left: 0px; bottom: 32px; max-width: 470px; color: #fff; font-size: 15px; line-height: 21px; background: rgba(0, 0, 0, 0.75); } .block-under-catalog .col-left .pic .caption > div { padding: 3px 20px 5px; } .block-under-catalog .item { position: relative; padding: 0px 0px 0px 80px; color: #474243; line-height: 21px; min-height: 110px; margin: 0px 0px 30px; } .block-under-catalog .item .caption { position: relative; top: -3px; font-size: 16px; line-height: 21px; text-transform: uppercase; font-weight: bold; padding: 0px 0px 6px; } .block-under-catalog .item .label { display: block; position: absolute; left: 0px; top: 0px; } /* ========================================================================== */ /* Cosmetic */ .cosmetic-page { padding: 0px 0px 40px; } .cosmetic-page .title-page { margin-bottom: 14px; } .cosmetic-page .title-page h1 { float: left } .catalog__top-text { font-size: 15px; color: #474243; margin-bottom: 24px; line-height: 21px; } .catalog-second-level { padding-bottom: 21px; border-bottom: solid 1px #cbcbcb; margin-bottom: 88px; margin-left: -91px } .cat-item { margin-bottom: 40px; text-align: center; } .cat-item__pic { margin: 0 auto; display: block; padding: 0px 0px 20px; width: 100%; max-width: 181px; } .cat-item .cat-item__name { font-size: 16px; color: #474243; font-weight: bold; text-transform: uppercase; font-size: 9px; border-bottom-color: #d1d0d0; } .cat-item__name > span { font-size: 16px; } .cat-item .borderedLink:hover > span > span { color: #f26a36; } .cat-item .num { font-size: 15px; line-height: 24px; color: #5d840d; } .text-block-cols-2 { } .text-block-cols-2 .col { width: 470px; } .text-block-cols-2 .col.left { float: left; } .text-block-cols-2 .col.right { float: right; } .text-block-cols-2 .text-block { line-height: 21px; } .text-block-cols-2 .text-block p { padding-bottom: 21px; } .text-block-cols-2 .text-block ul.amorph-bullets { line-height: 18px; } .text-block-cols-2 .text-block ul.amorph-bullets li { padding-bottom: 10px; } .text-block-cols-2 .text-block a { border-bottom-color: #d7e5e2; } /* ========================================================================== Glossary ========================================================================== */ .glossary-top-text-block { padding: 0px 0px 40px; } .glossary-top-text-block .text-block { float: left; width: 640px; font-size: 18px; line-height: 27px; } .glossary-top-text-block .text-block blockquote { padding-bottom: 25px; } .glossary-top-text-block .text-block blockquote .citate { font-size: 18px; line-height: 27px; } .glossary-top-text-block .text-block blockquote .author { font-size: 14px; } .glossary-top-text-block .book { float: right; width: 315px; text-align: center; position: relative; margin: -67px 0px 0px; } .glossary-top-text-block .pic { float: right; margin: -20px 0px 0px; } .glossary-top-text-block .pic img { display: block; } .typical-search-block { min-height: 88px; margin: 0px 0px 48px; } .typical-search-block .form-row { padding: 18px 30px 10px; } /*.typical-search-block .btn-red-with-coner { float: right; width: 130px; }*/ .typical-search-block input[type="text"].search { width: 100%; box-sizing: border-box; height: 30px; padding: 7px 10px 7px 30px; background: #fff url(../img/search-top-panel.png) no-repeat 8px 50%; font-size: 15px; } .typical-search-block .example { padding: 8px 0px 0px 11px; clear: both; } .typical-search-block .example a { border-bottom-style: dashed; } .typical-search-block .example a:hover { border: none; } .glossary-table-of-content { } .glossary-table-of-content .col { width: 474px; } .glossary-table-of-content .col.left { float: left; } .glossary-table-of-content .col.right { float: right; } .record-item-with-big-label { position: relative; padding: 0px 0px 50px 80px; color: #474243; height: 210px; } .record-item-with-big-label .label { display: block; position: absolute; left: 0px; top: 0px; } .record-item-with-big-label .caption { line-height: 22px; font-size: 16px; font-weight: bold; text-transform: uppercase; margin: -2px 0px 10px; } .record-item-with-big-label .caption a { color: #474243; font-size: 10px; border-bottom-color: #d1d0d0; } .record-item-with-big-label .caption a span { font-size: 16px; } .record-item-with-big-label .caption a:hover { color: #f26a36; } .record-item-with-big-label .text-block { font-size: 18px; line-height: 24px; } .glossary-letters { padding: 17px 30px 15px; margin: -5px 0px 40px; } .glossary-letters .letters-line { padding: 8px 0px; } .glossary-letters .letters-line li { float: left; margin: 0px 6px 0px 0px; } .glossary-letters .letter { float: left; min-width: 22px; height: 22px; line-height: 24px; text-align: center; border: solid 1px #c4d6d0; text-transform: uppercase; font-size: 13px; color: #689a8f; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .glossary-letters .letter.nums { min-width: 32px; } .glossary-letters .letter:hover { color: #fff; border-color: #929b3d; background: #929b3d; } /*.glossary-terms-list { line-height: 22px; width: 427px; padding: 0px 0px 0px 55px; } .glossary-terms-list.left { float: left; } .glossary-terms-list.right { float: right; }*/ .glossary-terms-list { margin-bottom: 30px; } .glossary-terms-list li { padding: 0px 0px 11px; } .glossary-terms-list a.term { font-size: 10px; border-bottom-color: #689a8f; } .glossary-terms-list a.term span { font-size: 18px; } .glossary-single-letter-block { position: relative; padding: 0px 0px 30px; } /*.glossary-single-letter-block .label-letter { position: absolute; left: 0px; top: 0px; z-index: 5; }*/ .glossary-single-letter-block .glossary-terms-list { position: relative; } .glossary-about-cat {} .glossary-about-cat h2, .glossary-about-cat h3, .glossary-about-cat h4 { color: #474243; padding: 0px 0px 18px; font-size: 24px; line-height: 24px; margin: 0px; } .glossary-about-cat table { width: 514px; margin: 10px 0px 32px; border-collapse: collapse; } .glossary-about-cat table td { float: left; margin: 0px 31px 0px 0px; vertical-align: top; } .glossary-about-cat table td { width: 140px; } .glossary-about-cat table .value { height: 30px; position: relative; color: #474243; font-size: 15px; line-height: 14px; } .glossary-about-cat table .value > div { position: absolute; left: 0px; bottom: 0px; width: 100%; } .glossary-about-cat table .value .percent { font-size: 36px; font-weight: bold; line-height: 32px; } .glossary-about-cat .pic { height: 116px; } .glossary-about-cat .pic img { display: block; } .glossary-about-cat .text-block { line-height: 21px; } .glossary-about-cat .grunge-note-box { margin: 30px 0px 0px; } .grunge-note-box { padding: 20px 32px; position: relative; background: #f8f4ef; } .grunge-note-box .note { text-indent: 24px; font-size: 15px; line-height: 24px; background: url(../img/attention.png) no-repeat 0px 4px; } .text-block .grunge-note-box { margin-bottom: 20px; } .text-block .videoBlock { padding-bottom: 20px; } .glossary-article .list-text-records-item .title { padding-bottom: 6px !important; } .glossary-article .list-text-records-item .text-block p { padding-bottom: 20px; } .glossary-article .list-text-records-item .text-block p.highlight { padding-bottom: 14px; margin-bottom: 20px; } .glossary-article .list-text-records .divider, .post-announce.full-post .divider { border-top-color: #cbcbcb; margin-bottom: 42px; } .red-gradient-message-box { padding: 2px; font-size: 15px; line-height: 21px; color: #646464; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f5c433; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1YzQzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMjZhMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5c433 0%, #f26a36 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5c433), color-stop(100%, #f26a36)); background: -webkit-linear-gradient(top, #f5c433 0%, #f26a36 100%); background: -o-linear-gradient(top, #f5c433 0%, #f26a36 100%); background: -ms-linear-gradient(top, #f5c433 0%, #f26a36 100%); background: linear-gradient(to bottom, #f5c433 0%, #f26a36 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5c433', endColorstr='#f26a36', GradientType=0); } .red-gradient-message-box > div { background: #fff; padding: 25px 30px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .red-gradient-message-box .caption { padding: 0px 0px 10px 25px; color: #f15722; font-size: 18px; line-height: 21px; background: url(../img/attention.png) no-repeat 0px 2px; } .sidebar .plant-type { position: relative; margin: 0px 0px 28px; width: 280px; height: 280px; overflow: hidden; } .sidebar .plant-type .img { display: block; } .sidebar .plant-type .caption { position: absolute; left: 0px; bottom: 0px; width: 100%; background: #929b3d; color: #fff; text-align: center; font-size: 14px; line-height: 18px; } .sidebar .plant-type .caption > div { padding: 10px 10px 17px; } .sidebar .from-history { margin: 0px 0px 18px; } .sidebar .from-history .caption { padding: 0px 0px 0px 25px; line-height: 17px; background: url(../img/history.png) no-repeat 0% 50%; color: #474243; font-size: 18px; margin: 0px 0px 12px; } .glossary-article-prods { border-top: solid 1px #cbcbcb; padding: 55px 0px 90px; margin: 35px 0px 0px; } /* ========================================================================== Contacts ========================================================================== */ .contacts-list-block { padding: 10px 0px 0px; } .contacts-list-block .contact-4fresh-item { margin: 0px 0px 58px 0px; float: left; } .contacts-list-block.new-style { margin-bottom: 20px; } .contacts-list-block.new-style .contact-4fresh-item { padding: 0 20px 0 70px; width: 33%; box-sizing: border-box; } .contacts-list-block.new-style .contact-4fresh-item .phone { font-size: 22px; } .contact-4fresh-item { width: 250px; padding: 0px 0px 0px 56px; position: relative; } .contact-4fresh-item .icon-label { display: block; position: absolute; left: 0px; top: 0px; } .contact-4fresh-item .caption { font-size: 15px; color: #8b8b8b; margin: -5px 0px 4px; white-space: nowrap; } .contact-4fresh-item .phone { color: #000; font-size: 27px; line-height: 36px; font-weight: bold; } .contact-4fresh-item .time-table { color: #474243; font-size: 14px; line-height: 21px; padding: 0px 0px 8px 26px; background: url(../img/clock.png) no-repeat 0px 3px; } .contact-4fresh-item .link { float: left; border: none; font-size: 18px; padding: 0px 0px 0px 26px; position: relative; } .contact-4fresh-item .link:hover { color: #f15722; } .contact-4fresh-item .link .icon { display: block; position: absolute; left: 0px; top: 50%; background: no-repeat 50% 0%; } .contact-4fresh-item .link:hover .icon { background-position: 50% 100%; } .contact-4fresh-item .link.mail .icon { width: 16px; height: 12px; margin-top: -6px; background-image: url(../img/mail-2-dbl.png); } .contact-4fresh-item .link.feedback .icon { width: 16px; height: 16px; margin-top: -8px; background-image: url(../img/pencil-16-dbl.png); } .contact-4fresh-item .link .bordered { font-size: 10px; border-bottom: solid 1px #cfdad4; } .contact-4fresh-item .link:hover .bordered { border: none; } .contact-4fresh-item .link .bordered span { font-size: 18px; } .contact-4fresh-item .btn { margin: 0px 0px 15px; } .contacts-feedback-container { border-top: solid #e5e5e5 1px; padding: 0px 0px 68px; } .contacts-feedback-container .col-left { width: 648px; float: left; padding: 25px 0px 0px; } .contacts-feedback-container .col-right { width: 280px; float: right; padding: 34px 0px 0px; } .contacts-feedback-container .note-info { margin: 0px 0px 20px; } .feedback-form { padding: 45px 84px 30px 30px; color: #474243; } .feedback-form .title { font-size: 21px; line-height: 24px; font-weight: bold; color: #474243; padding: 0px 0px 0px 30px; background: url(../img/pencil-24.png) no-repeat 0% 50%; margin: 0px 0px 12px; } .feedback-form .note { color: #8b8b8b; font-size: 14px; line-height: 18px; white-space: nowrap; padding: 0px 0px 20px; } .feedback-form .left { float: left; width: 157px; } .feedback-form .right { float: none; padding-left: 170px; } .feedback-form .label { line-height: 30px; padding-bottom: 0px; } .feedback-form input[type="text"], .feedback-form textarea { padding-top: 7px; padding-bottom: 7px; } .feedback-form .form-row { padding-bottom: 20px; } .feedback-form .message { height: 104px; } .feedback-form .clear-link { line-height: 38px; } .feedback-form .check-row { padding-bottom: 0px; } .feedback-form .right .long-phone-new { width: 267px; } .feedback-form .add-phone { float: right; border: none; display: inline-block; width: 30px; height: 30px; background: url('../img/add-phone.png') 0 0 no-repeat; } .feedback-form .add-phone:hover { background-position: 0 100%; } .feedback-form .add-phone img { display: none; } .note-info { line-height: 21px; font-size: 14px; text-indent: 30px; background: url(../img/i.png) no-repeat 0px 0px; } .contacts-social { } .contacts-social .title { color: #474243; font-size: 21px; line-height: 27px; margin: 0px 0px 22px; } .contacts-social .icons { width: 296px; margin: 0px -16px 0px 0px; } .contacts-social .icons img { float: left; margin: 0px 16px 14px 0px; } .contacts-social .icons a { border: none; } .contacts-shops-block { margin: 0px 0px 50px; } .contacts-shops-block .tabs { } .contacts-shops-block .tabs li { float: left; height: 56px; line-height: 56px; padding: 0px 30px; font-size: 18px; cursor: pointer; } .contacts-shops-block .tabs li .bordered { color: #689a8f; border-bottom: dashed 1px #b3ccc7; font-size: 10px; } .contacts-shops-block .tabs li:hover .bordered { border: none; color: #f26a36; } .contacts-shops-block .tabs li .bordered span { font-size: 18px; } .contacts-shops-block .tabs li .flag { margin: 0px 4px 0px 0px; position: relative; top: -1px; } .contacts-shops-block .tabs li.current { padding: 0px 36px; background: #f8f4ef; cursor: default; font-weight: bold; text-transform: uppercase; -webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; } .contacts-shops-block .tabs li.current .bordered { border: none; } .contacts-shops-block .tabs li.current .bordered span { font-size: 18px; color: #474243; } .contacts-shops-block .tab-content { background: #f8f4ef; -webkit-border-radius: 0px 4px 0px 0px; -moz-border-radius: 0px 4px 0px 0px; border-radius: 0px 4px 0px 0px; } .contacts-shops-block .filter { padding: 27px 0px 26px; } .contacts-shops-block .filter .filter-item { float: left; padding: 0px 10px 0px 30px; } .contacts-shops-block .filter .filter-item .label { float: left; padding: 0px 12px 0px 0px; line-height: 30px; } .contacts-shops-block .filter .filter-item .typical-select { float: left; } .contacts-shops-block .filter .filter-item .typical-select .jqTransformSelectWrapper, .contacts-shops-block .filter .filter-item .typical-select .jqTransformSelectWrapper ul { width: 160px !important; } .contacts-shops-block .filter .views { float: right; line-height: 30px; font-size: 14px; } .contacts-shops-block .filter .views .view { float: left; margin: 0px 32px 0px 10px; padding: 0px 0px 0px 24px; background: no-repeat 0% 0%; cursor: pointer; position: relative; } .contacts-shops-block .filter .views .view .icon { display: block; width: 30px; height: 30px; position: absolute; left: 0px; top: 50%; margin-top: -17px; background: no-repeat 50% 0%; } .contacts-shops-block .filter .views .view:hover .icon, .contacts-shops-block .filter .views .view.current .icon { background-position: 50% 100%; } .contacts-shops-block .filter .views .view.map .icon { background-image: url(../img/view-map.png); } .contacts-shops-block .filter .views .view.list .icon { background-image: url(../img/view-list.png); } .contacts-shops-block .filter .views .view .bordered { font-size: 9px; color: #689a8f; border-bottom: dashed 1px #adc5bd; } .contacts-shops-block .filter .views .view .bordered span { font-size: 14px; } .contacts-shops-block .filter .views .view:hover .bordered { border: none; color: #f26a36; } .contacts-shops-block .filter .views .view.current { background-position: 0% 100%; cursor: default; } .contacts-shops-block .filter .views .view.current .bordered { border: none; } .contacts-shops-block .filter .views .view.current .bordered span { color: #474243; } .contacts-shops-block .tab-change { border: solid 1px #d0cfca; background: #fff; height: 598px; display: none; } .contacts-shops-block .tab-change.visible { display: block; } .contacts-shops-block .tab-change.shops { overflow: auto; overflow-y: scroll; } .contacts-shops-block .tab-change.map img { display: block; } .contacts-shops-block .shops-grid { padding: 25px 0px; } .contacts-shops-block .shops-grid .shop-contact-card { float: left; margin: 0px 10px 40px 30px; } .contacts-shops-block .shops-grid .title { color: #474243; font-size: 18px; line-height: 24px; font-weight: bold; padding: 0px 0px 16px 30px; } .contacts-shops-block .shops-grid .city-list { padding: 0px 0px 10px; } .shop-contact-card { width: 286px; position: relative; } .shop-contact-card .preview { float: left; width: 60px; text-align: center; position: relative; } .shop-contact-card .preview .pic { position: relative; width: 60px; height: 60px; margin: 0px 0px 15px; } .shop-contact-card .preview .pic a { border: none; } .shop-contact-card .preview .pic .img { display: block; } .shop-contact-card .preview .pic .label { display: block; position: absolute; left: 50%; margin-left: -11px; top: 50px; } .shop-contact-card .preview .on-map a { font-size: 9px; } .shop-contact-card .preview .on-map a:hover { color: #f15722; } .shop-contact-card .preview .on-map a span { font-size: 12px; } .shop-contact-card .text { float: right; width: 205px; font-size: 14px; line-height: 18px; color: #474243; margin: -4px 0px 0px; } .shop-contact-card .text .grey { color: #8b8b8b; } .shop-contact-card .text .small { font-size: 12px; } .shop-contact-card .text p { padding: 0px 0px 5px; } .shop-contact-card .typical-popup { display: none; z-index: 99; position: absolute; left: 80px; top: -30px; width: 445px; padding: 0px; text-align: left; } .shop-contact-card .typical-popup > div { padding: 30px; } .shop-contact-card .typical-popup .photo { float: left; width: 120px; height: 120px; overflow: hidden; position: relative; } .shop-contact-card .typical-popup .cont { float: right; width: 240px; } .shop-contact-card .typical-popup .cptn { font-size: 21px; line-height: 22px; color: #474243; padding: 0px 0px 10px; } .shop-contact-card .typical-popup .addr { color: #474243; } .shop-contact-card .typical-popup .distance { color: #8b8b8b; font-size: 12px; } .shop-contact-card .typical-popup .phone { font-size: 18px; font-weight: bold; color: #f26a36; padding: 5px 0px; } .shop-contact-card .typical-popup .label-close { position: absolute; top: 0px; right: 10px; } /* ========================================================================== Help ========================================================================== */ .help-page { } .help-top-text-block { position: relative; padding: 0px 330px 48px 0px; background: url(../img/help.jpg) no-repeat 100% 0%; } .help-nav { width: 1052px; margin: 0px -54px 64px 0px; } .help-nav .item { float: left; width: 140px; margin: 0px 52px 57px 0px; min-height: 54px; position: relative; line-height: 21px; font-weight: bold; text-transform: uppercase; font-size: 16px; padding: 0px 0px 0px 70px; } .help-nav .item .circle-icon { position: absolute; left: 0px; top: 0px; width: 54px; height: 54px; text-align: center; line-height: 54px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .help-nav .item .circle-icon img { vertical-align: middle; position: relative; top: -2px; } .help-nav .item .circle-icon.lime { background: #929b3d; } .help-nav .item .circle-icon.yellow { background: #ffc108; } .help-nav .item .circle-icon.red { background: #f15722; } .help-nav .item .circle-icon.green { background: #3db488; } .help-nav .item .circle-icon.brown { background: #664c4e; } .help-nav .item .caption { padding: 7px 0px 0px; } .help-nav .item .caption a { color: #474243; border-bottom-color: #d1d0d0; font-size: 8px; } .help-nav .item .caption a span { font-size: 16px; } .help-nav .item .caption a:hover { color: #f26a36; } .help-feedback { min-height: 259px; margin: 0px 0px 100px; } .help-feedback .girl { display: block; position: absolute; left: 27px; bottom: 0px; } .help-feedback .text { padding: 34px 30px 0px 310px; } .help-feedback .text .text-block p { font-size: 16px; } .help-feedback .text .text-block p a > span { font-size: 16px; } .help-feedback .caption { font-size: 18px; line-height: 27px; color: #474243; padding: 0px 0px 16px; } .help-feedback .big-phone { font-size: 36px; line-height: 36px; color: #f26a36; font-weight: bold; padding: 0px 0px 5px; } .help-feedback .time-table { line-height: 18px; color: #8b8b8b; padding: 0px 0px 18px; } .help-feedback .time-table .time-tbl-icon { position: relative; top: 1px; margin: 0px 0px 0px 3px; } .help-feedback.style-2 { margin-top: 90px; } .help-feedback.style-2 .ttl { width: 100%; z-index: 10; position: absolute; left: 0px; top: -90px; text-align: center; font-weight: bold; font-size: 30px; line-height: 30px; color: #474243; padding: 15px 0px 0px; } .help-feedback.style-2 .col { float: left; width: 50%; } .help-feedback.style-2 .big-phone { font-size: 30px; } .help-feedback .link { float: left; border: none; font-size: 18px; position: relative; } .help-feedback .link:hover { color: #f15722; } .help-feedback .link .icon { display: block; position: absolute; left: 0px; top: 50%; background: no-repeat 50% 0%; } .help-feedback .link:hover .icon { background-position: 50% 100%; } .help-feedback .link.mail .icon { width: 16px; height: 12px; margin-top: -6px; background-image: url(../img/mail-2-dbl.png); } .help-feedback .link.feedback .icon { width: 16px; height: 16px; margin-top: -8px; background-image: url(../img/pencil-16-dbl.png); } .help-feedback .link .bordered { font-size: 10px; border-bottom: solid 1px #cfdad4; } .help-feedback .link:hover .bordered { border: none; } .help-feedback .link .bordered span { font-size: 18px; } .help-feedback .link.feedback a, .help-feedback .link.mail a { font-size: 12px; } .help-feedback .link.feedback a span, .help-feedback .link.mail a span { font-size: 18px; } .help-feedback.on-contacts-page { min-height: 249px; position: relative; top: 15px; margin-bottom: 45px; } .help-feedback.on-contacts-page .girl { left: auto; right: 55px; } .help-feedback.on-contacts-page .text { padding-left: 30px; } .help-feedback.on-contacts-page .big-phone { float: left; margin-bottom: 5px; } .help-feedback.on-contacts-page .btn { position: relative; top: 2px; margin-left: 50px; } .time-tbl-icon { display: inline-block; } .time-tbl-icon span { display: inline-block; width: 2px; height: 12px; margin: 0px 1px 0px 0px; background: #cbcbcb; } .time-tbl-icon span.fill { background: #939c3e; } /*.help-items-list { width: 1048px; margin: 0px -50px 80px 0px; } .help-items-list .col { float: left; width: 300px; margin: 0px 49px 0px 0px; }*/ .qa-item { padding: 20px 10px 10px 0px; } .qa-item .question { margin: 0px 0px 0px 20px; line-height: 18px; } .qa-item .question a { display: block; padding: 0px 0px 10px 30px; border: none; position: relative; } .qa-item .question a .bordered { font-size: 10px; border-bottom: 1px dashed #8db3ab; } .qa-item.open .question a .bordered { border: none; } .qa-item .question a .bordered span { font-size: 18px; } .qa-item .question a .icon { display: block; width: 19px; height: 19px; position: absolute; left: 0px; top: -1px; background: url(../img/qa-dbl.png) no-repeat 50% 0%; } .qa-item.open .question a .icon { background-position: 50% 100%; } .qa-item .expand { padding: 0px 0px 0px 20px; color: #474243; display: none; } .qa-item .answer { padding: 0px 0px 0px 30px; background: url(../img/comment-red.png) no-repeat 0px 0px; } .qa-item.open { background: #f8f4ef; } .qa-item.open .question a { border: none; color: #000; } .ask-question-side { margin: -25px 0px 0px; } .ask-question-side .grey-block { padding-bottom: 20px !important; } .ask-question-side .pic { } .ask-question-side .pic img { display: block; } .ask-question-side .text-block { color: #474243; text-align: center; padding: 0px 0px 5px; } .ask-question-side .text-block .caption { font-size: 18px; line-height: 24px; } .ask-question-side .btn.show-form { float: none; display: block; margin: 0px auto; width: 140px; text-align: center; padding-left: 0px; padding-right: 0px; } .ask-question-side .form-row { padding-bottom: 15px; } .ask-question-side .label-cursive { text-align: center; font-size: 13px; line-height: 16px; color: #f26a36; padding: 0px 0px 5px; } .ask-question-side textarea { height: 106px; } .ask-question-side .btn.send { float: none; display: block; text-align: center; width: 170px; padding-left: 0px; padding-right: 0px; margin: 5px auto 15px; } .ask-question-side .or { text-align: center; font-size: 14px; } .ask-question-side .or a { color: #443c3d; font-size: 9px; border-bottom-color: #d8d6d5; } .ask-question-side .or a:hover { color: #f26a36; } .ask-question-side .or a span { font-size: 14px; } .ask-question-side .hidden-form { display: none; } /* ========================================================================== Site map ========================================================================== */ .site-map-page { margin: 0px 0px 85px; } .site-map-page .cols { width: 1044px; margin: 0px -46px 0px 0px; font-size: 15px; line-height: 20px; } .site-map-page .col { float: left; width: 215px; margin: 0px 46px 0px 0px; } .site-map-page .title-col { color: #474243; text-transform: uppercase; font-weight: bold; font-size: 16px; line-height: 20px; padding: 0px 0px 15px; } .site-map-page .divider { border-top: solid 1px #cbcbcb; height: 0px; overflow: hidden; clear: both; margin: 15px auto 15px; } .site-map-page a { color: #474243; border-bottom-color: #dedede; font-size: 9px; } .site-map-page a:hover { color: #689a8f; border-bottom: solid 1px #8db3ab !important; } .site-map-page a span { font-size: 15px; } .site-map-page ul.first-level.with-margin-bot { margin-bottom: 30px; } .site-map-page ul.first-level > li { margin: 0px 0px 8px; } .site-map-page ul.first-level > li.our-shops { height: 24px; line-height: 24px; padding: 0px 0px 0px 30px; background: url(../img/our-coordinates.png) no-repeat 0px 0px; } .site-map-page ul.first-level > li.our-shops a { border-bottom-color: #474243; } .site-map-page ul.first-level > li.with-label { padding: 0px 0px 0px 30px; position: relative; } .site-map-page ul.first-level > li.with-label .label { display: block; position: absolute; left: 0px; top: 0px; } .site-map-page ul.first-level > li.march8 { padding: 0px 0px 0px 30px; background: url(../img/8march-leaf.png) no-repeat 6px 0px; } .site-map-page ul.first-level > li.march8 p { color: #8b8b8b; font-size: 13px; margin: -3px 0px 0px; } .site-map-page ul.first-level ul { padding: 5px 0px 0px; } .site-map-page ul.first-level li li { padding: 0px 0px 0px 15px; font-size: 13px; line-height: 18px; background: url(../img/amorph-bullet.png) no-repeat 0px 7px; margin: 0px 0px 5px; } .site-map-page ul.first-level li li a span { font-size: 13px; } .site-map-page .cursive-caption { color: #f15722; font-size: 18px; line-height: 21px; padding: 2px 0px 12px; } .site-map-page .cursive-caption a { color: #f15722; border-bottom: none; } .site-map-page .cursive-caption a:hover { border-bottom: none !important; } /* ========================================================================== Cosmetologist ========================================================================== */ .cosmetologist-top-text-block { margin: -10px 0px 0px; position: relative; } .cosmetologist-top-text-block .text { float: left; width: 320px; } .cosmetologist-top-text-block .text blockquote { margin-bottom: 14px; width: 660px; } .cosmetologist-top-text-block > img { position: absolute; bottom: -8px; right: 0; } .cosmetologist-top-text-block p { line-height: 21px; } .question-filter { position: relative; margin: -45px 0px 28px; } .question-filter .title { font-size: 24px; line-height: 24px; color: #474243; font-weight: bold; height: 35px; padding: 20px 20px 0px 0px; } .question-filter .grunge-block { padding: 18px 30px; margin-bottom: 25px; } .question-filter .select-questions { float: left; width: 200px; margin: 0px 55px 0px 0px; padding: 0px; } .question-filter .select-questions .jqTransformSelectWrapper, .question-filter .select-questions .jqTransformSelectWrapper ul { width: 200px !important; color: #474243; } .question-filter .only-with-answers { float: left; position: relative; top: 5px; margin: 0px; padding-bottom: 0px; } .question-filter .btn.show-form { padding-left: 0px; padding-right: 0px; } .question-filter .btn.show-form, .question-filter .instead-btn, .question-filter .button--sign-in { float: right; width: 150px; text-align: center; } .question-filter .instead-btn { line-height: 30px; font-weight: bold; text-transform: uppercase; color: #474243; font-size: 14px; display: none; } .question-filter .hidden-form { padding: 25px 0px 12px; display: none; } .question-filter .hidden-form.halfhidden-form { display: block; position: absolute; top: -100000px; left: -100000px; } .question-filter .hidden-form .col-left { float: left; width: 200px; } .question-filter .hidden-form .col-right { float: right; width: 390px; color: #474243; } .question-filter .hidden-form .col-right .label { padding: 2px 0px 6px; } .question-filter .theme-block { } .question-filter .theme-block .caption { color: #f26a36; font-size: 15px; font-weight: bold; padding: 0px 0px 10px; } .question-filter .theme-block .check-row { padding-bottom: 9px; } .question-filter .name-field, .question-filter .mail-field { width: 185px; } .question-filter .name-field { float: left; } .question-filter .mail-field { float: right; } .question-filter textarea { height: 76px; } .question-filter .get-copy { margin: 8px 0px 3px; } .question-filter .btn.send { float: left; width: 120px; padding-left: 0px; padding-right: 0px; margin: 0px 10px 0px 0px; } .question-filter .or-close-link { float: left; } .or-close-link { line-height: 28px; color: #646464; font-size: 14px; } .or-close-link a { color: #443c3d; font-size: 9px; border-bottom-color: #d8d7d5; } .or-close-link a:hover { color: #f15722; } .or-close-link a span { font-size: 14px; } .cosmetologist-experts-list-side { margin: 60px 0px 0px; } .cosmetologist-experts-list-side .title-side { padding-top: 5px; } .cosmetologist-experts-list-side .about { color: #8b8b8b; font-size: 13px; line-height: 18px; text-align: center; } .cosmetologist-experts-list-side .divider { margin: 18px auto; width: 100%; } .cosmetologist-experts-list-side .divider.short { width: 110px; } .expert-single-side { } .expert-single-side .caption { text-align: center; color: #f15722; font-size: 18px; line-height: 18px; padding: 0px 0px 10px; } .expert-single-side .header { position: relative; min-height: 60px; padding: 0px 0px 10px 70px; } .expert-single-side .photo { position: absolute; width: 60px; height: 60px; left: 0px; top: 0px; } .expert-single-side .photo img { display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .expert-single-side .photo .mask { width: 54px; height: 54px; position: absolute; left: 2px; top: 2px; border: solid 1px #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .expert-single-side .text-block { color: #8b8b8b; } .expert-single-side .name { line-height: 21px; font-size: 15px; padding: 12px 0px 0px; } .expert-single-side .name a { font-size: 9px; } .expert-single-side .name a span { font-size: 15px; } .expert-single-side .btn { width: 140px; padding-right: 0px; padding-left: 0px; float: none; display: block; text-align: center; margin: 0px auto; } .cosmetologist-card { margin: -5px 0px 45px; border-bottom: solid 1px #cbcbcb; padding: 0px 0px 45px; } .cosmetologist-card .preview { text-align: center; } .cosmetologist-card .preview .info { text-align: center; font-size: 13px; line-height: 21px; color: #000; padding: 12px 0px 0px; max-width: 210px; } .cosmetologist-card .cont { padding: 12px 0px 0px; } .cosmetologist-card .cont .text-block { line-height: 21px; font-size: 14px; } .cosmetologist-card .cont .text-block h6 { font-size: 14px; color: #474243; padding: 0px; margin: 0px; font-family: segoe; font-weight: normal; } .cosmetologist-card .show-card { line-height: 18px; font-size: 14px; padding: 0px 0px 0px 20px; background: url(../img/card.png) no-repeat 0% 50%; margin: 5px 0px; } .cosmetologist-card .show-card a { border-bottom-style: dashed; font-size: 9px; } .cosmetologist-card .show-card a:hover { border: none; } .cosmetologist-card .show-card a span { font-size: 14px; } .photo-person-210 { width: 210px; height: 210px; position: relative; } .photo-person-210 .photo { display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .photo-person-210 .mask { width: 198px; height: 198px; position: absolute; left: 4px; top: 4px; border: solid 2px #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .photo-person-210 .label-4fresh { position: absolute; right: 4px; bottom: 4px; } .photo-person-210 .label-4fresh img { display: block; } .photo-person-160 { width: 160px; height: 160px; position: relative; } .photo-person-160 .photo { display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .photo-person-160 .mask { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url(../img/photo-circle-160.png) no-repeat 50% 50%; } .photo-person-160 .label-4fresh { position: absolute; right: 0px; bottom: 0px; } .photo-person-160 .label-4fresh img { display: block; } .photo-person-180 { width: 180px; height: 180px; position: relative; } .photo-person-180 .photo { display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .photo-person-180 .mask { width: 168px; height: 168px; position: absolute; left: 4px; top: 4px; border: solid #fff 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .photo-person-180 .label-4fresh { position: absolute; right: 0px; bottom: 0px; } .photo-person-180 .label-4fresh img { display: block; } .expert-answers-list .title-section { padding-bottom: 20px; } .expert-answers-list .title { text-transform: uppercase; font-weight: bold; font-size: 24px; line-height: 24px; color: #474243; padding: 0px 0px 25px; } .expert-answers-list .comment-single .shared { float: none; margin: 15px 0px 0px; } .expert-answers-list .comment-single .comment-item.admin.answered { display: none; } .expert-answers-list .comment-single .bookmark { display: none; } .side-form-ask-expert { color: #474243; } .side-form-ask-expert .title-side { padding-bottom: 12px; } .side-form-ask-expert .theme { text-align: center; line-height: 18px; padding: 0px 0px 15px; } .side-form-ask-expert .theme .segoe-font { color: #f26a36; font-size: 13px; } /*.side-form-ask-expert .fluid-field { padding-right: 40px; }*/ .side-form-ask-expert .fluid-field input[type="text"], .side-form-ask-expert .fluid-field textarea { padding-right: 30px; background: #fff no-repeat 95% 50%; } .side-form-ask-expert .fluid-field input[disabled] { background: #ddd no-repeat 95% 50%; } .side-form-ask-expert .form-row { padding-bottom: 22px; } .side-form-ask-expert .name input[type="text"] { background-image: url(../img/user-red.png); } .side-form-ask-expert .mail input[type="text"] { background-image: url(../img/mail-red.png); } .side-form-ask-expert .mess textarea { height: 136px; background: #fff url(../img/doc-red.png) no-repeat 95% 9px; } .side-form-ask-expert .btn.ask { float: none; display: block; padding-right: 0px; padding-left: 0px; text-align: center; margin: 0px auto 20px; width: 140px; } .side-form-ask-expert .clean { text-align: center; font-size: 14px; } .side-form-ask-expert .clean a { font-size: 9px; } .side-form-ask-expert .clean a span { font-size: 14px; } .popup-layout { overflow-y: scroll; display: none; } .popup-layout.expert > div { padding: 200px 0px 100px; } .popup-layout.expert .white-box { width: 700px; padding: 40px 50px; margin: 0px auto; position: relative; } .popup-layout.expert .print { padding: 0px 0px 0px 24px; background: url(../img/print.png) no-repeat 0% 50%; position: absolute; right: 75px; top: 12px; } .popup-layout.expert .print a { font-size: 9px; } .popup-layout.expert .print a span { font-size: 14px; } .expert-card { } .expert-card .preview { float: left; width: 160px; margin: 0px 0px 35px; } .expert-card .head { float: right; width: 508px; color: #443c3d; padding: 15px 0px 35px; } .expert-card .head .name { font-size: 36px; line-height: 39px; font-weight: bold; padding: 0px 0px 17px; } .expert-card .head .info { line-height: 21px; font-size: 13px; } .expert-card .head .info p { padding: 0px 0px 0px 25px; background: no-repeat 0% 50%; } .expert-card .head .info p.comment { background-image: url(../img/comment-green.png); } .expert-card .head .info p.clock { background-image: url(../img/clock.png); } .expert-card .text-block h6 { font-size: 15px; line-height: 21px; color: #474243; padding: 0px 0px 5px; margin: 0px; font-family: 'segoe', sans-serif; font-weight: normal; } .expert-card .text-block .char { padding: 0px 0px 14px; } .expert-card .text-block ul { margin: 0px 0px 10px; } .expert-card .text-block ul li { padding: 0px 0px 8px 20px; background: url(../img/amorph-bullet.png) no-repeat 0px 5px; } /* ========================================================================== Our Team ========================================================================== */ .our-team-top-text-block { padding: 10px 0px 55px; } .our-team-top-text-block .pic { float: left; } .our-team-top-text-block .pic img { display: block; } .our-team-top-text-block .text-block p { padding-bottom: 23px; } .our-team-top-text-block .text-block p.segoe-font { color: #8b8b8b; font-size: 15px; line-height: 27px; padding-bottom: 16px; } .our-team-top-text-block h2 { color: #474243; font-size: 30px; line-height: 30px; padding: 0px; margin: 0px 0px 20px; } .team-person-list-block { padding: 42px 0px 14px; } .team-person-list-block .title-section-cursive { padding: 0 20px; } .grunge-section .team-person-list-block { padding-top: 47px; } .crewman-card { min-height: 492px; width: 240px; text-align: center; line-height: 18px; position: relative; } .crewman-card:hover, .crewman-card.hover { -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); } .crewman-card > div { padding: 15px 20px 60px; } .crewman-card .photo-person-180 { margin: 0px auto; } .crewman-card .name { font-size: 18px; line-height: 24px; padding: 15px 0px 5px; } .crewman-card .name a { font-size: 10px; } .crewman-card .name a span { font-size: 18px; } .crewman-card .function { color: #8b8b8b; padding: 0px 0px 8px; } .crewman-card .text-block { color: #474243; line-height: 21px; } .crewman-card .text-block p { padding-bottom: 0px; } .crewman-card .quote { padding: 22px 0px 0px; background: url(../img/quote.png) no-repeat 50% 0%; } .crewman-card .btn.write { width: 105px; padding: 0px 0px 0px 10px; float: none; display: none; margin: 0px auto; position: absolute; left: 50%; bottom: 15px; margin: 0px 0px 0px -57px; text-align: center; font-weight: normal; text-transform: none; } .crewman-card .btn.write img { position: relative; top: -2px; left: -8px; } .crewman-card:hover .btn.write { display: block; } .crewman-card .form-feedback { display: none; width: 100%; height: 100%; position: absolute; left: -3px; top: -3px; background: #f8f4ef; border: solid 3px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .crewman-card .form-feedback .label-close { position: absolute; right: 10px; top: -8px; } .crewman-card .form-feedback > div { padding: 25px 20px 0px; } .crewman-card .form-feedback .lbl { font-size: 13px; color: #f26a36; text-align: center; display: block; padding: 0px 0px 8px; } .crewman-card .form-feedback textarea { height: 136px; } .crewman-card .form-feedback .form-row { padding-bottom: 15px; } .crewman-card .form-feedback .btn { margin-top: 10px; } /* ========================================================================== Reviews and Propositions ========================================================================== */ .reviews-prop-top-text-block { margin: -10px 0px 0px; position: relative; } .reviews-prop-top-text-block .text { float: left; width: 310px; } .reviews-prop-top-text-block .text blockquote { margin-bottom: 14px; width: 690px; } .reviews-prop-top-text-block .text p { line-height: 21px; } .reviews-prop-top-text-block .egg { float: right; width: 222px; position: relative; top: -5px; } .reviews-prop-top-text-block > img { position: absolute; bottom: -55px; right: 0; } .yandex-egg { width: 222px; height: 210px; background: url(../img/v2/main-sprites.png) no-repeat 0% 50%; position: relative; } .yandex-egg .icons { position: absolute; left: 107px; top: 11px; min-width: 150px; } .yandex-egg .icons img { float: left; margin: 0px 4px 0px 0px; } .yandex-egg .yandex-widget { padding: 23px 0px 0px 30px; } .side-visitors-assessment { margin: -20px 0px 0px; padding-top: 32px !important; padding-bottom: 40px !important; } .side-visitors-assessment .divider { margin: 30px auto 24px; } .side-visitors-assessment .title-side { padding-bottom: 12px; } .side-visitors-assessment .label-cursive { text-align: center; line-height: 18px; font-size: 13px; color: #f15722; padding: 0px 0px 5px; } .side-visitors-assessment .marks .stars, .side-visitors-assessment .marks .rating-review { margin: 0px auto 18px; } .side-visitors-assessment .marks .rating-review { margin-top: 8px; } .side-visitors-assessment .review-types { line-height: 18px; } .side-visitors-assessment .review-types a { font-size: 9px; } .side-visitors-assessment .review-types a:hover { border: none; } .side-visitors-assessment .review-types a span { font-size: 14px; } .side-visitors-assessment .review-types .row { padding: 7px 0px 4px; } .side-visitors-assessment .review-types .left { width: 110px; text-align: right; float: left; } .side-visitors-assessment .review-types .right { float: left; padding: 0px 0px 0px 12px; color: #000; } .side-visitors-assessment .other-reviews { } .side-visitors-assessment .other-reviews .label-cursive { padding-bottom: 18px; } .side-visitors-assessment .other-reviews .service { padding: 0px 0px 0px 25px; line-height: 24px; background: no-repeat 0% 50%; font-size: 24px; } .side-visitors-assessment .other-reviews .service a { font-size: 9px; } .side-visitors-assessment .other-reviews .service a span { font-size: 14px; } .side-visitors-assessment .other-reviews .service.yandex-market { background-image: url(../img/service-yandex.png); } .side-visitors-assessment .other-reviews .service.irecommend { background-image: url(../img/irecommend.png); } .side-visitors-assessment .other-reviews .service.torgmail { background-image: url(../img/tovar-mail.png); } /* ========================================================================== Search Results ========================================================================== */ .search-results-form { min-height: 88px; margin: -5px 0px 5px; } .search-results-form > div { padding: 18px 0px 3px 30px; } .search-results-form .label { float: left; width: 110px; line-height: 28px; font-weight: bold; font-size: 18px; } .search-results-form .search-field { float: left; padding: 0px 20px 0px 0px; } .search-results-form .search-field .input-field { float: left; } .search-results-form .search-field input[type="text"] { width: 648px; padding-left: 30px; background: #fff url(../img/search-top-panel.png) no-repeat 8px 50%; padding-top: 7px; padding-bottom: 7px; } .search-results-form .search-field .typical-select { float: left; } .search-results-form .search-field label { font: 14px/18px 'p22_underground', sans-serif; margin-top: 7px; margin-left: 15px; width: 55px; } .search-results-form .search-field .typical-select .jqTransformSelectWrapper, .search-results-form .search-field .typical-select .jqTransformSelectWrapper ul { width: 140px; } .search-results-form .example { line-height: 18px; color: #8b8b8b; padding: 6px 0px 0px 140px; } .search-results-form .example a { border-bottom-style: dashed; font-size: 9px; border-bottom-color: #acc5bd; } .search-results-form .example a span { font-size: 14px; } .search-results-form .example a:hover { border: none; } .search-results-form .btn-red-with-coner { display: inline-block; width: 130px; margin-left: 15px; } .search-results-note { font-size: 15px; line-height: 24px; color: #474243; padding: 0px 0px 10px; } .search-results-note .not-found { padding-left: 28px } .search-tabs ul { margin: 6px 0 25px 30px; } .search-tabs li { float: left; margin: 0px 32px 0px 0px; } .search-tabs a { font-size: 17px; border-bottom-style: dashed; border-bottom-color: #b3ccc7; } .search-tabs a:hover { border: none; } .search-tabs a.solid { border-bottom: 1px solid #b3ccc7; } .search-tabs a.solid:hover { border-bottom: none; } .search-tabs .active a { color: #646464; border-bottom: none; } .search-tabs .active .more { display: block; } .search-results-single { margin: 0px 0px 40px; width: 100% } .search-results-single .brand-block { margin: 0px 0px 10px 35px; display: flex; min-height: 80px; } .search-results-single .brand-block a { color: #474243; display: flex; flex-direction: row; align-items: center; text-decoration: none; border-bottom: none; } .search-results-single .brand-block a:hover { color: #689a8f; } .search-results-single .brand-block .logotype { margin-right: 20px; } .search-results-single .brand-block .logotype img { display: inline-block; width: 80px; height: 80px; } .search-results-single .brand-block .logotype a { border: none; } .search-results-single .brand-block .name { font-size: 21px; line-height: 21px; color: #474243; font-weight: bold; padding: 9px 10px 8px 0; margin-top: -5px; } .search-results-single .brand-block .country { min-width: 180px; padding: 0px 10px 0px 0px; } .search-results-single .brand-block .country .segoe-font { font-size: 13px; color: #f15722; line-height: 18px; } .search-results-single .brand-block .country .country-with-flag { font-weight: normal; } /*.search-results-single .brand-block .country .country-with-flag .flag { top: 3px; }*/ .search-results-single .brand-block .meta { float: left; line-height: 18px; color: #8b8b8b; } .search-results-single .brand-block .meta a { font-size: 9px; } .search-results-single .brand-block .meta a span { font-size: 14px; } .search-results-single .prod-single { margin: 0px 24px 0px 35px; position: relative; padding: 10px 0px 10px 100px; min-height: 80px; border-top: solid 1px #e5e5e5; } .search-results-single .prod-single:first-child { border: none; } .search-results-single .prod-single.no-photo { padding: 10px 0px 10px 2px; min-height: 0; } .search-results-single .prod-single .photo { position: absolute; left: 0px; top: 10px; } .search-results-single .prod-single .photo img.img { display: block; } .search-results-single .prod-single .photo .prod-label { position: absolute; left: 0px; top: 25px; } .search-results-single .prod-single .number { position: absolute; left: -35px; top: 13px; padding: 0 3px 2px 3px; min-width: 14px; height: 18px; text-align: center; line-height: 20px; color: #fff; font-size: 12px; background: #939c3e; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .search-results-single .prod-single .caption { font-size: 18px; line-height: 24px; padding: 0px 0px 8px; } .search-results-single .prod-single .caption a { font-size: 12px; } .search-results-single .prod-single .caption a span { font-size: 18px; } .search-results-single .prod-single p a > span { font-size: 9px; } .search-results-single .prod-single p a > span > span { font-size: 14px; } .search-results-single .prod-single .cat { font-size: 12px; line-height: 16px; color: #8b8b8b; } .search-results-single .prod-single-wrap:first-child { border: none; } .search-results-single .prod-single-wrap { border-top: solid 1px #e5e5e5; } .search-results-single .prod-single-wrap .prod-single { border: none; display: inline-block; max-width: 84%; } .search-results-filter .title-side { padding-bottom: 15px; } .search-results-filter .btn { width: 130px; text-align: center; padding-left: 0px; padding-right: 0px; float: none; display: block; margin: 15px auto 0px; } .search-results-filter .caption { font-weight: bold; padding: 5px 0px 5px; } .search-results-filter .check-row { padding-bottom: 8px; } .search-page-loader { position: relative; min-height: 120px; } .search-page-loader .loading-wait { position: absolute; width: 100%; height: 100%; background-color: white; z-index: 13; display: none; } .search-page-loader .loading-wait .svgLoader { display: block; width: 100%; height: 60px; top: 20px; } /* ========================================================================== Prod Card ========================================================================== */ .full-prod-card { } .full-prod-card .labels-list { color: #474243; font-size: 15px; margin: 0px; position: absolute; z-index: 2 } /*.full-prod-card .labels-list .item { float: left; height: 24px; line-height: 24px; padding: 0px 0px 0px 30px; margin: 0px 20px 0px 0px; position: relative; } .full-prod-card .labels-list .item .icon { position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; text-align: center; line-height: 24px; } .full-prod-card .labels-list .item .icon img { vertical-align: middle; }*/ .full-prod-card .left-previews-block { margin: 0px 0px 20px; position: relative; } .full-prod-card .left-previews-block .item__certificates { z-index: 2; position: absolute; top: 250px; left: 0; } .full-prod-card .left-previews-block .item__certificates a { border: none; display: inline-block; } .full-prod-card .left-previews-block .item__certificates a img { width: 36px; height: 36px; } .full-prod-card .left-previews-block .photo-gall { min-height: 300px; } .full-prod-card .left-previews-block .photo-gall .thumbnailGallery > a { border: none; } .full-prod-card .left-previews-block .photo-gall .thumbnailGallery > a > img { min-width: 300px; min-height: 300px; display: inline-block; } .full-prod-card .left-previews-block .photo-gall .zoomInPhoto { position: absolute; padding: 0; top: 5px; right: 9px; width: 48px; height: 48px; z-index: 10; cursor: pointer; } .full-prod-card .left-previews-block .likes { padding: 0px 0px 18px; } .full-prod-card .left-previews-block .likes img { display: block; } .full-prod-card .left-previews-block .shared { padding: 15px 0px 0px; border-top: solid 1px #e5e5e5; } .full-prod-card .left-previews-block .shared .label { float: left; line-height: 23px; margin: 0px 10px 0px 0px; font-size: 13px; color: #f15722; } .full-prod-card .left-previews-block .shared img { float: left; margin: 0px 6px 0px 0px; } .full-prod-card .left-previews-block .shared a { border: none; } .full-prod-card .right-info-block { float: right; width: 665px; margin: 0px 0px 20px; } .full-prod-card .prod-info-block { float: left; width: 422px; margin: 0px 0px 14px 20px; } .full-prod-card .prod-info-block .header { margin: 0px 0px 21px; } .full-prod-card .prod-info-block .header .brand { float: left; padding: 0 0px 0px 70px; min-height: 60px; max-width: 210px; position: relative; } .full-prod-card .prod-info-block .header .brand .logotype { width: 60px; height: 60px; position: absolute; left: 0px; top: 0px; } .full-prod-card .prod-info-block .header .brand .logotype img { display: block; } .full-prod-card .prod-info-block .header .brand a.brand-name { line-height: 18px; position: relative; top: 5px; border-bottom: solid 1px #bab8b8; color: #474243; text-decoration: none; padding: 0; margin: 0; font-weight: bold; font-size: 10px; } .full-prod-card .prod-info-block .header .brand a.brand-name:hover { border-bottom: none; margin: 5px 0 6px; } .full-prod-card .prod-info-block .header .brand a.brand-name span { font-size: 21px; } .full-prod-card .prod-info-block .header .brand .country-with-flag { margin-top: 0; font-weight: normal; line-height: 21px; } .full-prod-card .prod-info-block .header .art { float: right; padding: 34px 0px 0px 0px; line-height: 21px; font-size: 12px; color: #8b8b8b; } .full-prod-card .prod-info-block .header .art span { color: #646464; } .full-prod-card .prod-info-block .card-items-list { margin: 0; } .full-prod-card .prod-info-block .card-items-list .tab-cont { position: relative; padding: 25px 0px 30px 20px; } .full-prod-card .prod-info-block .row { padding: 0px 0px 20px; margin: 0; } .full-prod-card .prod-info-block .row .jqTransformRadioWrapper { left: 0; } .full-prod-card .itemtype__title { padding-left: 17px; position: relative; font-size: 18px; font-weight: bold; color: #474243; margin-bottom: 18px; } .full-prod-card .itemtype__title .sprite { position: absolute; top: -1px; left: -11px; width: 24px; height: 24px; } .full-prod-card .prod-info-block .price-item { float: left; width: 160px; position: relative; } .full-prod-card .prod-info-block .price-item .price { display: inline-block; font-size: 18px; line-height: 24px; font-weight: bold; color: #000; margin: 0px 2px 0px 0px; position: relative; position: relative; top: 2px; padding: 0px; white-space: nowrap; } .full-prod-card .prod-info-block .price-item .price .old { position: absolute; left: 0px; top: -12px; color: #646464; font-size: 14px; line-height: 14px; text-decoration: line-through; font-weight: normal; } .full-prod-card .prod-info-block .price-item .vol { display: inline-block; font-size: 12px; color: #000; line-height: 12px; padding: 0px; margin: 0px; top: 2px; position: relative; } .full-prod-card .prod-info-block .unconditionalDesc, .full-prod-card .prod-info-block .dateActiveTo { font-size: 12px; bottom: -17px; position: absolute; } .full-prod-card .prod-info-block .switcher { float: left; margin: 0px 20px 0px 0px; } .full-prod-card .prod-info-block .stock { float: left; height: 34px; } .full-prod-card .prod-info-block .stock .caption { float: left; margin: 0px 5px 0px 0px; line-height: 30px; } .full-prod-card .prod-info-block .stock .stock-indicate { float: left; position: relative; top: 5px; } .full-prod-card .prod-info-block .stock .stock0 { line-height: 16px; font-size: 12px; color: #333; position: relative; top: -3px; } .full-prod-card .prod-info-block .stock .stock0 a { font-size: 8px; border-bottom-color: #adc6be; } .full-prod-card .prod-info-block .stock .stock0 a span { font-size: 12px; } form.nosubscribe { position: relative; padding: 0; } form.nosubscribe input[type="submit"] { border: 0; background: #fff url(../img/mail-red.png) 50% 50% no-repeat; display: inline-block; width: 30px; height: 24px; position: absolute; top: 2px; right: 3px; } form.nosubscribe input[type="text"] { padding-right: 30px; } form.nosubscribe .popup-hint { display: none; white-space: nowrap; position: absolute; margin-top: -7px; top: -100%; left: -5px; } form.nosubscribe .popup-hint.visible-hint { display: block; } .full-prod-card .prod-info-block .bottom-block { padding: 20px 0px 0px; } .full-prod-card .prod-info-block .to-cart-cont { position: relative; float: left; height: 40px; } .full-prod-card .prod-info-block .to-cart-cont .cart-popup { top: -36px; position: absolute; left: 11px; white-space: nowrap; display: none; } .full-prod-card .prod-info-block .to-cart, .full-prod-card .prod-info-block .go-cart { height: 40px; display: inline-block; line-height: 40px; border: none; width: 156px; padding: 0px 0px 0px 26px; cursor: pointer; color: #fff; text-transform: uppercase; font-size: 18px; font-weight: bold; text-align: left; margin: 0px 30px 0px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ie .full-prod-card .prod-info-block .to-cart, .ie .full-prod-card .prod-info-block .go-cart { line-height: 44px; } .full-prod-card .prod-info-block .to-cart { background-color: #939c3e; } .full-prod-card .prod-info-block .go-cart { background-color: #f26a36; } .full-prod-card .prod-info-block .btn.disabled { opacity: 0.5; cursor: default; background: rgb(153, 153, 153); } .full-prod-card .prod-info-block .quick-order { float: left; line-height: 18px; font-size: 15px; } .full-prod-card .prod-info-block .quick-order a > span { font-size: 8px; position: relative; border-bottom-color: #c3d6d0; top: 1px; } .full-prod-card .prod-info-block .quick-order a > span > span { font-size: 15px; } .full-prod-card .prod-info-block .favorite { float: right; width: 40px; height: 40px; position: relative; margin: 0px 20px 0px 0px; } .full-prod-card .prod-info-block .favorite .popup-hint { display: none; white-space: nowrap; position: absolute; bottom: 48px; right: 0; } .full-prod-card .prod-info-block .favorite .popup-hint .pipka-bottom { left: auto; right: 12px; } .full-prod-card .prod-info-block .favorite:hover .popup-hint { display: block; } .full-prod-card .marks-block { float: right; width: 210px; margin: 0px 0px 14px; } .full-prod-card .marks-block .print { padding: 36px 0px 20px; text-align: right; line-height: 18px; } .full-prod-card .marks-block .print > span { padding: 0px 0px 0px 25px; background: url(../img/print.png) no-repeat 0% 60%; } .full-prod-card .marks-block .print a { font-size: 9px; border-bottom-color: #c7d9d5; } .full-prod-card .marks-block .print a span { font-size: 14px; } .full-prod-card .marks-block .segoe-font { font-size: 15px; line-height: 21px; color: #474243; padding: 0px 0px 10px; } .full-prod-card .marks-block .mark-item { padding: 0px 0px 7px; line-height: 18px; } .full-prod-card .marks-block .mark-item p { padding: 0px 0px 5px; } .full-prod-card .marks-block .stars { margin-bottom: 10px; } .full-prod-card .marks-block .link-with-icon { white-space: nowrap; } .full-prod-card .about-prod { padding: 27px 0px 40px; } .full-prod-card .about-prod .title-section { text-transform: uppercase; padding-bottom: 14px; } .full-prod-card .about-prod h3.segoe-font { color: #474243; font-size: 21px; line-height: 24px; font-weight: normal; margin: 0px 0px 22px; } .full-prod-card .about-prod .text-block { line-height: 21px; } .full-prod-card .about-prod .text-block p { padding-bottom: 20px; } .full-prod-card .typical-tabs-block { margin: 0px 0px 80px; } .full-prod-card .typical-tabs-block .tab-cont { min-height: 30px; } .full-prod-card .typical-tabs-block .tab-cont .text-block { padding: 40px 30px 10px 30px; line-height: 21px; } .full-prod-card .typical-tabs-block .tab-cont > .text-block { padding: 30px 30px 20px 30px; } .full-prod-card .typical-tabs-block .tab-cont .text-block ul.numeric-green-circles li { padding-bottom: 22px; } .full-prod-card .typical-tabs-block .tab-cont .rules { padding: 40px 30px 10px 30px; line-height: 21px; color: #b8b8b8; } .full-prod-card .typical-tabs-block .tab-cont.consistency p.segoe-font { font-size: 15px; } .full-prod-card .rules .tbl { display: block; width: 100%; border-collapse: collapse; } .full-prod-card .rules .tbl-row { display: table-row; } .full-prod-card .rules .tbl-cell { display: table-cell; vertical-align: top; padding: 0px 0px 11px; } .full-prod-card .rules .tbl-cell.label { width: 190px; padding-right: 10px; font-size: 15px; color: #f15722; } .full-prod-card .rules .item { display: inline; position: relative; } .full-prod-card .rules .bordered { border-bottom: dashed 1px #d1d0d0; color: #646464; font-size: 9px; cursor: pointer; } .full-prod-card .rules .bordered span { font-size: 14px; } .full-prod-card .rules .item:hover .bordered { border: none; } .full-prod-card .rules .item .typical-popup { display: none; position: absolute; left: 50%; top: 30px; width: 270px; padding: 15px 15px 15px 20px; color: #646464; line-height: 18px; z-index: 50; margin-left: -152px; } .full-prod-card .rules .item:hover .typical-popup { display: block; } .full-prod-card .compos { padding: 0px 30px 0 20px; } .full-prod-card .compos .components { float: left; width: 200px; } .full-prod-card .compos .components .item { padding: 0px 0px 7px; } .full-prod-card .compos .components .component { height: 29px; padding: 0px 0px 0px 10px; line-height: 29px; color: #689a8f; font-size: 15px; cursor: pointer; margin: 0px 8px 0px 0px; position: relative; } .full-prod-card .compos .components .component .bordered { border-bottom: dashed 1px #b3ccc7; font-size: 8px; } .full-prod-card .compos .components .component:hover .bordered, .full-prod-card .compos .components .component.active .bordered { border: none; } .full-prod-card .compos .components .component:hover .bordered { color: #f15722; } .full-prod-card .compos .components .component .bordered span { font-size: 15px; } .full-prod-card .compos .components .component.active { color: #fff; background: #939c3e; cursor: default; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } .full-prod-card .compos .components .component.active i { display: block; width: 8px; height: 29px; position: absolute; right: -7.99999px; top: 0px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAdCAYAAACXFC2jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ2OTBERTkyREI2MTExRTNBMjExQjgxQTY2QzJBNTI4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ2OTBERTkzREI2MTExRTNBMjExQjgxQTY2QzJBNTI4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzVGRTJERkZEQjQ3MTFFM0EyMTFCODFBNjZDMkE1MjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzVGRTJFMDBEQjQ3MTFFM0EyMTFCODFBNjZDMkE1MjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz73kHl+AAAAuklEQVR42oTSrw9BURyG8XNvsNkESVRlTTDRZKJp/gDB5le/bDZFtWmmoJqq2WQ2QVQFQTDzfJtwz3vf7dOecM69J5gvKhvnXB83F7MQdZxQ8AW2LCIV2KpJQQZlFdiGSUENRRUEGKjA1vi/cug5eE8FtibyKkihqwJbGzkVpNFRga2VFKxV8MZMBUs8fMEHU3XNFe6+4IuJ+tQ7XFQwVr97j7MKIvXkXjiq4KCe/RMjX7BFCde44CfAAKovHKmhNi0pAAAAAElFTkSuQmCC) no-repeat 100% 50%; } .full-prod-card .compos .components .component.active:hover .bordered { color: #fff; } .full-prod-card .compos .components .note { font-size: 12px; line-height: 16px; padding: 0px 0px 0px 10px; color: #8b8b8b; margin: -2px 0px 0px; } .full-prod-card .compos .text-block { padding: 5px 0px 0px !important; float: right; width: 400px; } .full-prod-card .compos .text-block .pic { position: relative; float: right; margin: 0px 0px 8px 15px; } .full-prod-card .compos .text-block .pic img { display: block; } .full-prod-card .compos .text-block .pic .stamp-border.top { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAFCAYAAABM6GxJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzQzMzg1QjUwNUVDMTFFNUEwMUE4QTJCOUNCMTM4RTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzQzMzg1QjYwNUVDMTFFNUEwMUE4QTJCOUNCMTM4RTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNDMzODVCMzA1RUMxMUU1QTAxQThBMkI5Q0IxMzhFNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNDMzODVCNDA1RUMxMUU1QTAxQThBMkI5Q0IxMzhFNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuCQwOEAAABFSURBVHjaYvwPBAyo4AsQ8zJgB5/Q5ZiwKDrNgBucwRD5jwl8QY7CgX3RFaMb0IJHMwy3oBvwBYj3EbAZHftB9XwBCDAAI/GqmsoVs7gAAAAASUVORK5CYII=); } .full-prod-card .compos .text-block .pic .stamp-border.bottom { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAFCAYAAABM6GxJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0Y0RURCNzUwNUVDMTFFNUI2RDFFQTE3REU3QTExNTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0Y0RURCNzYwNUVDMTFFNUI2RDFFQTE3REU3QTExNTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3RjRFREI3MzA1RUMxMUU1QjZEMUVBMTdERTdBMTE1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RjRFREI3NDA1RUMxMUU1QjZEMUVBMTdERTdBMTE1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv1KkPEAAABISURBVHjaYvj///8XIN4HxL5AzEAk9oPq+QLiIIMWIjS3IGtAN+A/AZf4oivGZsA+PAbsQ1fMCDYFFXwBYl4G7OATuhxAgAEA+TfiRQowjUUAAAAASUVORK5CYII=); } .full-prod-card .add-comment-block .col-right { width: 213px; } /*.full-prod-card .add-comment-block .col-left { width: 340px !important; }*/ .full-prod-card .comments-block.reviews.reviews-prop-comments .add-comment-block .col-left .form-row.name { width: 140px; } .full-prod-card .comments-block.reviews.reviews-prop-comments .add-comment-block .col-left .form-row.mail { width: 180px; } .full-prod-card .comments-block .comments-block-header .btn { float: right; } .full-prod-card .comments-block .comments-block-header .title { text-transform: uppercase; width: auto; } .full-prod-card .comments-block .comments-block-header.bottom .btn { float: left; } .full-prod-card .question-filter .hidden-form { padding-top: 0; } #brandGallery { display: none; padding: 20px 30px; background: #fff; width: 650px; height: 655px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #itemGallery h3, #brandGallery h3 { height: 45px; margin: 0; overflow: hidden; font-size: 18px; position: relative; padding-right: 20px; } #itemGallery .fotorama__wrap, #brandGallery .fotorama__wrap { margin: 0 auto; } #itemGallery .fotorama__nav-wrap { position: relative; } #brandGallery .fotorama__nav-wrap { position: relative; float: right; } #brandGallery .fotorama__video { top: 0; } #brandGallery .object-tabs { position: relative; height: 620px; } #itemGallery .object-tabs { position: relative; } #brandGallery .object-tabs .tab { position: absolute; top: 0; left: 0; width: 100%; height: 500px; background: #fff; } #itemGallery .object-tabs .tab { position: absolute; top: 0; left: -10000px; width: 100%; background: #fff; } #brandGallery .object-tabs .tab { display: none; } #itemGallery .object-tabs .tab.visibleTab, #brandGallery .object-tabs .tab.visibleTab { position: relative; left: 0; display: block; z-index: 10; } #itemGallery .watch-video { margin: 15px 0px 0; width: 100%; max-width: 300px; background: none; z-index: 15; height: auto; } #itemGallery .watch-video .watch { display: inline-block; float: left; width: 33%; position: relative; background: #febe0d; height: 90px; border: 3px solid #febe0d; line-height: 22px; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #itemGallery .watch-video .watch.w360 { background: #f26a36; border: 3px solid #f26a36; } #itemGallery .watch-video .watch.active { color: #000; background: transparent; border: 3px solid #febe0d; } #itemGallery .watch-video .watch.w360.active { border: 3px solid #f26a36; } .brandGuaranties .caption { text-align: center; color: #474243; font-size: 16px; line-height: 18px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; } .brandGuaranties .list a { float: left; width: 113px; text-align: center; margin-bottom: 15px; } .brandGuaranties .list a img { width: 80px; height: 80px; display: block; margin: 0 auto; } .brandGuaranties .list a > span { border-bottom-color: #dcdcdc; font-size: 9px; } .brandGuaranties .list a > span > span { color: #474243; font-size: 14px; } .cosmetologist-about-prod { margin: 0px 0px 52px; } .cosmetologist-about-prod .title { position: relative; margin: 0px 0px 20px; } .cosmetologist-about-prod .title h3 { margin: 0px; padding: 0px; color: #474243; font-size: 24px; line-height: 24px; position: relative; z-index: 1; } .cosmetologist-about-prod .title img { display: block; position: absolute; right: -65px; top: -43px; } .cosmetologist-about-prod .text-block p { padding: 0px; text-indent: 25px; background: url(../img/comment-red.png) no-repeat 0px 0px; } .cosmetologist-about-prod .more { text-align: right; padding: 12px 0px 0px; } .cosmetologist-about-prod .more a { font-size: 9px; border-bottom-color: #d2ded9; } .cosmetologist-about-prod .more a span { font-size: 14px; } .cosmetologist-about-prod .btn { width: 220px; height: 39px; float: none; display: block; text-align: center; padding: 5px 0px 0px; line-height: 18px; margin: 24px auto 10px; } .switcher { width: 70px; height: 30px; position: relative; background: #fff; color: #474243; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25); } .switcher .arr { width: 27px; height: 14px; position: absolute; right: -2px; cursor: pointer; } .switcher .arr.up { top: 0px; background: url(../img/arr-s-up.png) no-repeat 50% 9px; } .switcher .arr.down { bottom: 0px; background: url(../img/arr-s-down.png) no-repeat 50% 3px; } .switcher input[type="number"], .switcher input[type="text"] { float: left; background: none; border: none; margin: 0px 0px 0px 9px; padding: 0px; width: 20px; color: #474243; font-size: 14px; line-height: 19px; height: 19px; } .switcher .units { float: left; } .switcher input[type="number"], .switcher input[type="text"], .switcher .units { position: relative; top: 5px; } .stock-indicate { width: 55px; height: 20px; background: url(../img/stock.png) no-repeat 0% 0%; } .stock-indicate span { float: left; height: 20px; background: url(../img/stock.png) no-repeat 0% 100%; } .tabs-block-rainbow { width: 648px; float: right; margin-bottom: 25px; } .tabs-block-rainbow .tabs { position: relative; z-index: 5; } .tabs-block-rainbow .tabs li { float: left; padding: 2px 2px 0px; color: #689a8f; font-size: 18px; cursor: pointer; position: relative; z-index: 6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tabs-block-rainbow .tabs li > div { height: 54px; background: #fff; line-height: 52px; padding: 0px 18px; } .tabs-block-rainbow .tabs .bordered { font-size: 10px; border-bottom: dashed 1px #b3ccc7; } .tabs-block-rainbow .tabs li:hover .bordered { border: none; } .tabs-block-rainbow .tabs .bordered span { font-size: 18px; } .tabs-block-rainbow .tabs li:hover { color: #f15722; } .tabs-block-rainbow .tabs li.current { cursor: default; font-weight: bold; color: #474243; background: #f5c433; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1YzQzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWI3MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5c433 0%, #f5b733 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5c433), color-stop(100%, #f5b733)); background: -webkit-linear-gradient(top, #f5c433 0%, #f5b733 100%); background: -o-linear-gradient(top, #f5c433 0%, #f5b733 100%); background: -ms-linear-gradient(top, #f5c433 0%, #f5b733 100%); background: linear-gradient(to bottom, #f5c433 0%, #f5b733 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5c433', endColorstr='#f5b733', GradientType=0); } .tabs-block-rainbow .tabs li.current > div { height: 56px; } .tabs-block-rainbow .tabs li.current .bordered { border: none; } .tabs-block-rainbow .tab-cont { display: none; padding: 2px; margin: -2px 0px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f5b733; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1YjczMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMjZhMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5b733 0%, #f26a36 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5b733), color-stop(100%, #f26a36)); background: -webkit-linear-gradient(top, #f5b733 0%, #f26a36 100%); background: -o-linear-gradient(top, #f5b733 0%, #f26a36 100%); background: -ms-linear-gradient(top, #f5b733 0%, #f26a36 100%); background: linear-gradient(to bottom, #f5b733 0%, #f26a36 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5b733', endColorstr='#f26a36', GradientType=0); } .tabs-block-rainbow .tab-cont.visible { display: block; } .tabs-block-rainbow .tab-cont > div { background: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .tabs-block-rainbow .tab-cont .text-block { padding: 20px 20px 10px; line-height: 21px; } .tabs-block-rainbow .tab-cont .text-block ul.numeric-green-circles { margin-bottom: 10px; } .tabs-block-rainbow .tab-cont .text-block ul.numeric-green-circles li .circle { top: 2px; } .tabs-block-rainbow .tab-cont .mathematics { padding: 28px 0px 10px 18px; } .mathematics { } .mathematics .summand { float: left; width: 140px; } .mathematics .summand .photo { width: 120px; height: 120px; padding: 0px 10px 10px; } .mathematics .summand .photo a { border: none; } .mathematics .summand .photo img { display: block; } .mathematics .summand .name { text-align: center; font-size: 15px; line-height: 18px; } .mathematics .summand .name a { font-size: 9px; } .mathematics .summand .name a span { font-size: 15px; } .mathematics .plus { float: left; width: 20px; height: 120px; background: url(../img/plus.png) no-repeat 1px 54px; } .mathematics .equally { float: left; height: 120px; width: 30px; background: url(../img/equally.png) no-repeat 1px 55px; } .mathematics .result { float: left; width: 140px; padding: 28px 0px 0px; } .mathematics .result .old-price { color: #646464; font-size: 15px; text-decoration: line-through; } .mathematics .result .price { color: #000; font-size: 24px; line-height: 24px; font-weight: bold; padding: 0px 0px 15px; } .mathematics .result .btn { line-height: 28px; float: none; display: block; width: 84px; padding-left: 30px; text-align: left; font-weight: normal; text-transform: none; background-image: url(../img/to-cart-s.png); background-repeat: no-repeat; background-position: 11px 45%; padding-right: 0px; } .mathematics .results { float: left; } .watch-video { position: relative; margin: 5px 0px 18px; background: url('../img/video360plate.png') 0 0 no-repeat; width: 300px; height: 100px; } .watch-video .img { float: right; } .watch-video .watch { width: 150px; padding: 0; height: 100px; position: absolute; right: 0px; top: 0px; text-align: center; line-height: 18px; font-size: 15px; border-bottom: none; color: #fff; text-decoration: none; cursor: pointer; } .watch-video .watch > span { font-size: 9px; border-bottom: dotted 1px #fff; } .watch-video .watch > span > span { font-size: 15px; } .watch-video .watch:hover > span { border-bottom: none; text-decoration: none; } .watch-video .watch .icon { margin: 20px 0px 5px; } .watch-video.no3D { background-position: 0 80%; } .watch-video.noVideo { background-position: 0 100%; } .watch-video.no3D.noVideo { background-position: 0 60%; display: none; } .watch-video.no3D .watch.w360, .watch-video.noVideo .watch.video { cursor: default; } .watch-video.no3D .watch.w360 > span, .watch-video.noVideo .watch.video > span { border-bottom: none; text-decoration: none; } .watch-video .w360 { right: inherit; left: 0; } .typical-tabs-block { } .typical-tabs-block ul.tabs { min-height: 52px; } .typical-tabs-block ul.tabs li { float: left; height: 52px; line-height: 52px; padding: 0px 19px; color: #689a8f; font-size: 18px; cursor: pointer; } .typical-tabs-block ul.tabs li .sprite { width: 24px; height: 24px; position: relative; top: 6px; left: -5px; } .typical-tabs-block ul.tabs li .bordered { font-size: 10px; border-bottom: dashed 1px #b3ccc7; } .typical-tabs-block ul.tabs li.current .bordered, .typical-tabs-block ul.tabs li:hover .bordered { border: none; } .typical-tabs-block ul.tabs li:hover { color: #f15722; } .typical-tabs-block ul.tabs li .bordered span { font-size: 18px; } .typical-tabs-block ul.tabs li.current { font-weight: bold; color: #474243; background: #f8f4ef; cursor: default; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .typical-tabs-block .tab-cont { display: none; background: #f8f4ef; -webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15); box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15); -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .typical-tabs-block .tab-cont.visible, .typical-tabs-block .tab-cont.activeTab { display: block; } .side-related-prods { } .side-related-prods .title { color: #474243; margin: 0px 0px 25px; } .side-related-prods .title h3 { font-size: 24px; line-height: 27px; margin: 0px; padding: 0px; } .side-related-prods .prod-item { min-height: 80px; position: relative; padding: 0px 0px 0px 100px; margin: 0px 0px 20px; } .side-related-prods .prod-item .photo { position: absolute; left: 0px; top: 0px; } .side-related-prods .prod-item .photo img { display: block; width: 80px; height: 80px; } .side-related-prods .prod-item .name { font-size: 15px; line-height: 18px; padding: 4px 0px 0px; } .side-related-prods .prod-item .name .borderedLink > span { font-size: 9px; } .side-related-prods .prod-item .name .borderedLink > span > span { font-size: 15px; } .side-related-prods .all { padding: 5px 0px 0px; } .side-related-prods .all a { font-size: 9px; } .side-related-prods .all a span { font-size: 14px; } .prods-on-full-card-page { padding: 50px 0px 150px; border-top: solid 1px #cbcbcb; } /* View Prod */ .view-prod-top-text { margin: -38px 0px 30px; position: relative; } .view-prod-top-text .text-block { font-size: 15px; line-height: 21px; } .filter-production { padding: 25px 30px 10px; color: #474243; margin: 0px 0px 20px; } .filter-production .title { float: left; width: 245px; font-size: 16px; line-height: 30px; text-transform: uppercase; font-weight: bold; margin: 0px 0px 20px; } .filter-production .title > div { padding: 0px 0px 0px 35px; background: url(../img/filter.png) no-repeat 0% 50%; } .filter-production .foundGoods { float: left; margin-right: 15px; font-size: 15px; padding: 3px 0px 0px; } .filter-production .foundGoods .segoe-font { color: #8b8b8b; } .filter-production .instock { float: right; padding: 6px 0px 0px; margin-right: 20px; } .filter-production .instock .check-row span.jqTransformCheckboxWrapper { top: 2px; } .filter-production .open-btn { float: right; padding: 0px; height: 21px; line-height: 21px; position: relative; top: 4px; width: 185px; text-align: right; } .filter-production .open-btn.open .icon { background-position: 50% 100%; } .filter-production .open-btn.open a { color: #8b8b8b; } .filter-production .open-btn a { font-size: 9px; text-decoration: none; border-bottom: none; padding-left: 28px; position: relative; display: inline-block; height: 21px; } .filter-production .open-btn a:hover { border: none; } .filter-production .open-btn a span { font-size: 15px; border-bottom: 1px dashed; } .filter-production .open-btn a:hover span { border-bottom: none; } .filter-production .open-btn .icon { border-bottom: none; display: block; width: 17px; height: 17px; position: absolute; left: 3px; top: 50%; margin-top: -9px; background: url(../img/arr-open-close.png) no-repeat 50% 0%; } .filter-production .brand-select { float: left; width: 205px; } .filter-production .range-slider { float: left; width: 460px; margin: 0px 0px 0px 30px; } .filter-production .range-slider input[type="text"] { float: left; width: 55px; padding: 7px 5px 7px; } .filter-production .range-slider #maxCost { float: right; } .filter-production .range-slider .lbl { float: left; line-height: 30px; color: #646464; } .filter-production .range-slider .lbl.from { width: 20px; } .filter-production .range-slider .lbl.to { width: 24px; text-align: right; padding-left: 4px; padding-right: 3px; } .filter-production .range-slider #slider { margin-left: 10px; position: relative; top: 10px; } .filter-production .age-select { float: right; width: 205px; } .filter-production .expand-block { padding: 25px 0px 0px; display: none; } .filter-production .cols { margin: 0px -40px 0px 0px; } .filter-production .col { float: left; width: 205px; margin: 0px 40px 20px 0px; } .filter-production .col:last-child { margin-bottom: 0; } .filter-production .group-caption { color: #f26a36; font-size: 14px; line-height: 18px; padding: 0px 0px 10px; } .filter-production .check-row { padding-bottom: 9px; } .filter-production .quest { display: inline; position: relative; left: 2px; top: -1px; } .filter-production .quest .typical-popup { display: none; bottom: 35px; left: 50%; margin-left: -148px; padding: 15px 20px; position: absolute; width: 245px; z-index: 10; color: #474243; font-family: 'p22_underground', sans-serif; } .filter-production .quest .typical-popup .text-block p { padding-bottom: 0px; } .filter-production .quest:hover .typical-popup { display: block; } .filter-production .divider { border-top: 1px solid #cbcbcb; height: 0px; overflow: hidden; margin: 12px 0px 18px; } .filter-production .btn-red-with-coner { width: 205px; margin: 15px auto 12px; } .filter-production #showFilteredGoods { width: 125px; margin: 0 0 12px 0; float: left; position: relative; top: -1px; } .sorting-block { min-height: 49px; border: solid 1px #cbcbcb; margin: 0px 0px 25px; color: #474243; font-size: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .sorting-block > div { padding: 14px 30px 0px; } .sorting-block .sorting-caption { float: left; margin-right: 20px; padding-bottom: 5px; } .sorting-block .sorting-items { white-space: nowrap; float: left; padding-bottom: 10px; } .sorting-block .item { margin-left: 20px; } .sorting-block .item:first-child { margin-left: 0; } .sorting-block .item a { border-bottom: solid 1px #8db3ab; font-size: 9px; } .sorting-block .item a:hover { border: none; color: #f15722 !important; } .sorting-block .item a span { font-size: 15px; } .sorting-block .item.active a { color: #474243; } .sorting-block .item i { display: inline-block; width: 7px; height: 5px; margin: 0px 0px 0px 3px; position: relative; top: -2px; background: url(../img/sorting-arrs.png) no-repeat; } .sorting-block .item i.up { background-position: 0% 0%; } .sorting-block .item.active i.up { background-position: 100% 0%; } .sorting-block .item i.down { background-position: 0% 100%; } .sorting-block .item.active i.down { background-position: 100% 100%; } .catalog-nav { padding: 0px 0px 10px; position: relative; } .catalog-nav .cat { position: absolute; top: 0; } .catalog-nav .cat.prev { left: 0; } .catalog-nav .cat.next { right: 0; } .catalog-nav .cat.prev > div { padding: 0px 0px 0px 30px; background: url(../img/back.png) no-repeat 0px 2px; } .catalog-nav .cat.next > div { padding: 0px 30px 0px 0px; background: url(../img/forward.png) no-repeat 100% 2px; text-align: right; } .catalog-nav .cat a { font-size: 9px; border-bottom-color: #d7e5e2; } .catalog-nav .cat a span { font-size: 15px; } .catalog-nav .center-block { margin: 0 auto; width: 50%; text-align: center; } .catalog-nav .center-block .pagination { } .catalog-nav .center-block .pagination a, .catalog-nav .center-block .pagination span, .catalog-nav .center-block .pagination li { float: none; display: inline-block; } .catalog-nav .center-block .pagination a, .catalog-nav .center-block .pagination span { position: relative; /*top: -1px;*/ } /*.catalog-nav .center-block .pagination a.prev, .catalog-nav .center-block .pagination a.next { top: 0px; margin-bottom: -7px; }*/ .catalog-nav .center-block .all { padding: 15px 0px 0px; } .catalog-nav .center-block .all a { font-size: 9px; border-bottom: dashed 1px #b3ccc7; } .catalog-nav .center-block .all a:hover { border: none; } .catalog-nav .center-block .all a span { font-size: 14px; } .text-under-filter-catalog { padding: 0 0px 90px; } .text-under-filter-catalog .text-block { font-size: 15px; line-height: 21px; margin-bottom: 40px; } .text-under-filter-catalog .text-block p { padding-bottom: 17px; font-size: 15px; line-height: 21px; } .text-under-filter-catalog .text-block h3 { font-size: 30px; line-height: 30px; } .text-under-filter-catalog .text-block ul.amorph-bullets { line-height: 18px; } .text-under-filter-catalog .text-block ul.amorph-bullets li { padding-bottom: 10px; } .text-under-filter-catalog .text-block a { border-bottom-color: #d7e5e2; } /* ========================================================================== search-basket ========================================================================== */ .search-basket { float: right; margin: 10px 0px 0 0; min-width: 130px; } .search-basket .price-item { margin-bottom: 10px; } .search-basket .price-item .price { font-size: 16px; } .search-basket .btn.to-cart, .search-basket .btn.go-cart { height: 28px; line-height: 29px; font-size: 14px; } .search-basket span.bx_notavailable { float: right; margin-right: 17px; } .search-basket .price { font-size: 18px; font-weight: bold; color: #000; margin: 0px 2px 0px 0px; } .search-basket .price.rub { padding: 0px; white-space: nowrap; margin-right: 5px; display: inline-block; height: 18px; } .search-basket .price.rub.old-price { text-decoration: line-through; color: #8b8b8b; font-weight: normal; font-size: 16px; } .search-basket .vol { font-size: 12px; color: #000; line-height: 12px; padding: 0px 0px 0px 3px; margin: 0px 3px 0px 0px; display: inline-block; } /* ========================================================================== Franchasing ========================================================================== */ .franchasing-order-page { } .franchasing-order-page .title-page { margin-bottom: 33px; } .franchasing-order-page .title-page .subcaption { line-height: 24px; padding-top: 12px; } .franchasing-order { padding: 42px 30px 57px; margin: 0px 0px 70px; } .franchasing-order .section-form { margin: 0px 0px 25px; } .franchasing-order .form-row { padding-bottom: 20px; } .franchasing-order .label { float: left; width: 212px; margin: 0px 25px 0px 0px; text-align: right; color: #474243; line-height: 15px; padding: 6px 0px 0px; } .franchasing-order .label.two-lines { padding-top: 0px; } .franchasing-order .label .grey { font-size: 12px; color: #8b8b8b; } .franchasing-order .field { float: left; width: 100%; max-width: 458px; } .franchasing-order .field .date { float: left; width: 145px; margin-right: 11px; } .franchasing-order .field .date.last { margin-right: 0px; } .franchasing-order textarea { height: 68px; } .franchasing-order .btn-red-with-coner { width: 100%; max-width: 300px; margin: -5px 0px 0px 320px; } .franchasing-order input[type="text"] { padding-top: 7px; padding-bottom: 7px; } .title-form-section { padding: 0px 0px 0px 30px; font-size: 21px; line-height: 26px; color: #474243; font-weight: bold; position: relative; margin: 0px 0px 24px; } .title-form-section .icon { position: absolute; left: 0px; top: 0px; } .title-form-section .icon img { display: block; } .title-form-section .jsLink { font-size: 8px; margin-left: 20px; font-weight: normal; } .title-form-section .jsLink > span { font-size: 14px; } .title-form-section .jsLink.active { color: #f26a36; border-bottom: none; } .title-form-section .icon__delivery { left: -5px; top: 1px; } /* ========================================================================== About Us ========================================================================== */ .about-us-page { } .about-us-page .title-page .subcaption { padding-top: 15px; } .about-us-page .video-block { padding: 15px 0px 80px; } .about-us-page .video-block .top-caption { font-size: 21px; line-height: 27px; color: #474243; text-align: center; padding: 0px 0px 45px; } .about-us-tabs-block { padding: 24px 0px 70px; } .about-us-tabs-block .tabs { } .about-us-tabs-block .tabs li { float: left; width: 25%; height: 44px; text-align: center; line-height: 44px; font-size: 18px; color: #474243; font-weight: bold; cursor: pointer; -webkit-box-shadow: inset 1px -1px rgba(203, 203, 203, 0.75); -moz-box-shadow: inset 1px -1px rgba(203, 203, 203, 0.75); box-shadow: inset 1px -1px rgba(203, 203, 203, 0.75); background: #f7f5f2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjVmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGYyZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7f5f2 0%, #f4f2ed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f5f2), color-stop(100%, #f4f2ed)); background: -webkit-linear-gradient(top, #f7f5f2 0%, #f4f2ed 100%); background: -o-linear-gradient(top, #f7f5f2 0%, #f4f2ed 100%); background: -ms-linear-gradient(top, #f7f5f2 0%, #f4f2ed 100%); background: linear-gradient(to bottom, #f7f5f2 0%, #f4f2ed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f5f2', endColorstr='#f4f2ed', GradientType=0); } .about-us-tabs-block .tabs .icon { display: inline-block; width: 24px; height: 24px; background: no-repeat 50% 0%; margin: 0px 6px 0px 0px; position: relative; top: 5px; } .about-us-tabs-block .tabs li.active, .about-us-tabs-block .tabs li:hover { color: #fff; -webkit-box-shadow: inset 1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 1px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 1px rgba(0, 0, 0, 0.3); } .about-us-tabs-block .tabs li.active .icon, .about-us-tabs-block .tabs li:hover .icon { background-position: 50% 100%; } .about-us-tabs-block .tabs li.item-1 { -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .about-us-tabs-block .tabs li.item-1 .icon { background-image: url(../img/icon-24-double-cup.png); } .about-us-tabs-block .tabs li.item-1.active, .about-us-tabs-block .tabs li.item-1:hover { background: #f16331; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNjMzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMzcyM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f16331 0%, #f3723f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f16331), color-stop(100%, #f3723f)); background: -webkit-linear-gradient(top, #f16331 0%, #f3723f 100%); background: -o-linear-gradient(top, #f16331 0%, #f3723f 100%); background: -ms-linear-gradient(top, #f16331 0%, #f3723f 100%); background: linear-gradient(to bottom, #f16331 0%, #f3723f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16331', endColorstr='#f3723f', GradientType=0); } .about-us-tabs-block .tabs li.item-2 { } .about-us-tabs-block .tabs li.item-2 .icon { background-image: url(../img/icon-24-double-setting.png); } .about-us-tabs-block .tabs li.item-2.active, .about-us-tabs-block .tabs li.item-2:hover { background: #8b9438; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiOTQzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OWExNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #8b9438 0%, #99a146 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8b9438), color-stop(100%, #99a146)); background: -webkit-linear-gradient(top, #8b9438 0%, #99a146 100%); background: -o-linear-gradient(top, #8b9438 0%, #99a146 100%); background: -ms-linear-gradient(top, #8b9438 0%, #99a146 100%); background: linear-gradient(to bottom, #8b9438 0%, #99a146 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b9438', endColorstr='#99a146', GradientType=0); } .about-us-tabs-block .tabs li.item-3 { } .about-us-tabs-block .tabs li.item-3 .icon { background-image: url(../img/icon-24-double-num.png); } .about-us-tabs-block .tabs li.item-3.active { cursor: default; } .about-us-tabs-block .tabs li.item-3.active, .about-us-tabs-block .tabs li.item-3:hover { background: #ffbc07; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmMwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmM1MGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffbc07 0%, #ffc50b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffbc07), color-stop(100%, #ffc50b)); background: -webkit-linear-gradient(top, #ffbc07 0%, #ffc50b 100%); background: -o-linear-gradient(top, #ffbc07 0%, #ffc50b 100%); background: -ms-linear-gradient(top, #ffbc07 0%, #ffc50b 100%); background: linear-gradient(to bottom, #ffbc07 0%, #ffc50b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbc07', endColorstr='#ffc50b', GradientType=0); } .about-us-tabs-block .tabs li.item-4 { -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .about-us-tabs-block .tabs li.item-4 .icon { background-image: url(../img/icon-24-double-calend.png); } .about-us-tabs-block .tabs li.item-4.active, .about-us-tabs-block .tabs li.item-4:hover { background: #38ae81; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4YWU4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NmI5OGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #38ae81 0%, #46b98f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #38ae81), color-stop(100%, #46b98f)); background: -webkit-linear-gradient(top, #38ae81 0%, #46b98f 100%); background: -o-linear-gradient(top, #38ae81 0%, #46b98f 100%); background: -ms-linear-gradient(top, #38ae81 0%, #46b98f 100%); background: linear-gradient(to bottom, #38ae81 0%, #46b98f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38ae81', endColorstr='#46b98f', GradientType=0); } .about-us-tabs-block .tabs li .icon.users { background-image: url(../img/icon-24-double-users.png); } .about-us-tabs-block .tabs li .icon.cool { background-image: url(../img/icon-24-double-cool.png); } .about-us-tabs-block .tabs li .icon.book { background-image: url(../img/icon-24-double-book.png); } .about-us-tabs-block .tabs li .icon.heart { background-image: url(../img/icon-24-double-heart.png); } .about-us-tabs-block .tabs li .icon.store { background-image: url(../img/icon-24-double-store.png); } .about-us-tabs-block .tabs li .icon.ruby { background-image: url(../img/icon-24-double-ruby.png); } .about-us-tabs-block .tabs li .icon.mouse { background-image: url(../img/icon-24-double-mouse.png); } .about-us-tabs-block .tabs li .icon.bag { background-image: url(../img/icon-24-double-bag.png); } .about-us-tabs-block .tab-cont { position: relative; height: 330px; color: #474243; display: none; } .about-us-tabs-block .tab-cont.visible { display: block; } .about-us-tabs-block .tab-cont .ttl { font-size: 30px; line-height: 30px; font-weight: bold; padding: 0px 0px 27px; } .about-us-tabs-block .tab-cont .text-block { font-size: 21px; line-height: 27px; } .about-us-tabs-block .tab-cont .text-block blockquote .citate { font-size: 18px; line-height: 27px; } .about-us-tabs-block .tab-cont .text-block p { padding-bottom: 27px; } .about-us-tabs-block .tab-cont .col-right { float: right; } .about-us-tabs-block .tab-cont .col-left { float: left; } .about-us-tabs-block .tab-cont .col-right, .about-us-tabs-block .tab-cont .col-left { padding: 14px 0px 0px; width: 480px; } .about-us-tabs-block .tab-cont .pic-left { float: left; } .about-us-tabs-block .tab-cont .pic-right { float: right; } .about-us-tabs-block .tab-cont .pic-left, .about-us-tabs-block .tab-cont .pic-right { padding: 20px 0px 0px; } .about-us-tabs-block .tab-cont .pic-left img, .about-us-tabs-block .tab-cont .pic-right img { display: block; } .about-us-tabs-block.vacancies { margin-top: -48px; } .about-us-tabs-block.vacancies .tab-cont { height: 375px; } .about-us-tabs-block.vacancies .tab-cont .pic-left, .about-us-tabs-block.vacancies .tab-cont .pic-right { padding-top: 0px; } .about-us-tabs-block.vacancies .tab-cont .col-right, .about-us-tabs-block.vacancies .tab-cont .col-left { padding-top: 62px; position: relative; z-index: 2; } .video-player { position: relative; } .video-player .bg { display: block; } .video-player .mask { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } .video-player .date { width: 60px; height: 71px; background: url(../img/label-red-b.png) no-repeat 50% 0%; position: absolute; right: 30px; top: -10px; text-align: center; color: #fff; font-size: 15px; line-height: 15px; } .video-player .date > div { padding: 15px 0px 0px; } .video-player .date .numbers { font-size: 18px; } .video-player .info { position: absolute; left: 80px; top: 78px; color: #fff; } .video-player .caption { padding: 0px 0px 10px 52px; min-height: 36px; background: url(../img/video-icon.png) no-repeat 0% 3px; font-size: 36px; line-height: 40px; font-weight: bold; text-transform: uppercase; } .video-player .caption a { font-size: 10px; border-bottom-color: rgba(255, 255, 255, 0.5); color: #fff; } .video-player .caption a span { font-size: 36px; } .video-player .describe { font-size: 18px; line-height: 24px; } .video-player .progress { position: absolute; left: 0px; bottom: 10px; width: 100%; } .video-player .progress > div { margin: 0px 10px; background: rgba(71, 66, 67, 0.75); padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .video-player .progress .border { border: solid 1px #898f8f; padding: 1px; } .video-player .progress .inner { height: 8px; } .video-player .progress .downloaded { height: 8px; float: left; background: #666; } .video-player .progress .play { float: left; height: 8px; background: #929b3d; } .video-player.wide { } .video-player.wide.height-430 { height: 430px; } .video-player.wide .mask { background: url(../img/video-player-wide-mask.png) no-repeat 50% 50%; } .video-player.wide .info { width: 510px; } .about-us-banners { color: #474243; line-height: 18px; padding: 15px 0px 0px; position: relative; z-index: 9; } .about-us-banners .banner { float: left; position: relative; height: 180px; } .about-us-banners.on-main-page .banner { height: 155px; } .about-us-banners .banner.item-1 { width: 275px; margin: 0px 84px 0px 0px; } .about-us-banners .banner.item-1 .pic { top: -25px; } .about-us-banners .banner.item-2 { width: 275px; } .about-us-banners .banner.item-2 .pic { top: -40px; } .about-us-banners .banner.item-3 { width: 280px; float: right; } .about-us-banners .banner.item-3 .pic { top: -25px; } .about-us-banners .caption { font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0px 0px 4px; } .about-us-banners .pic { position: absolute; right: 0px; top: 0px; } .about-us-banners .pic img { display: block; } .about-us-banners .title-section { padding-bottom: 65px; } .about-us-banners .hover { display: none; position: absolute; top: -53px; left: -33px; padding: 50px 144px 40px 30px; background: #fff; width: 165px; border: solid 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .about-us-banners .banner:hover .hover { display: block; } .about-us-banners .hover .caption { color: #67821c; } .about-us-banners .hover ul { padding: 3px 0px 0px; } .about-us-banners .hover ul li { padding: 7px 0px 0px 0px; } .about-us-banners .hover ul a { color: #474243; border: none; font-size: 9px; } .about-us-banners .hover ul a:hover { border-bottom: solid 1px #bab8b8; } .about-us-banners .hover ul a span { font-size: 14px; } .about-us-banners .hover .pic { right: 34px; top: 25px !important; } .about-us-banners .banner.item-2 .hover .pic { top: 10px !important; } .about-us-banners .banner.item-3 .hover .pic { right: 29px; } /* ========================================================================== Vacancies ========================================================================== */ .vacancies-list-block .title-section h2 { text-align: center; font-size: 30px; } .vacancies-list-block .countries { } .vacancies-list-block .countries .country { height: 205px; float: left; text-align: center; background: url(../img/vacancy-countries.png) no-repeat; border: none; } .vacancies-list-block .countries .country span { display: block; } .vacancies-list-block .countries .country .caption { padding: 164px 0px 0px; font-size: 30px; line-height: 30px; color: #474243; } .vacancies-list-block .countries .country.active .caption { font-weight: bold; } .vacancies-list-block .countries .country .caption .bordered { display: inline; border-bottom: dashed 1px #b3ccc7; font-size: 16px; color: #689a8f; } .vacancies-list-block .countries .country:hover .caption .bordered { border: none; color: #f15722; } .vacancies-list-block .countries .country .caption .bordered span { display: inline; font-size: 30px; } .vacancies-list-block .countries .country.russia { background-position: 0% 0%; } .vacancies-list-block .countries .country.russia:hover, .vacancies-list-block .countries .country.russia.active { background-position: 0% 100%; } .vacancies-list-block .countries .country.kazakhstan { background-position: -332px 0%; } .vacancies-list-block .countries .country.kazakhstan:hover, .vacancies-list-block .countries .country.kazakhstan.active { background-position: -332px 100%; } .vacancies-list-block .countries .country.ukraine { background-position: 100% 0%; } .vacancies-list-block .countries .country.ukraine:hover, .vacancies-list-block .countries .country.ukraine.active { background-position: 100% 100%; } .vacancies-list-block .countries .country.active .caption span { border-bottom: none; color: #000; } .vacancies-list-block .section-city { padding: 8px 0px 20px; } .vacancies-list-block .section-city .title-section { padding-bottom: 10px; } .vacancies-list-block .section-city .title-section h3, .vacancies-list-block .section-city .title-section .subcaption { padding-left: 30px; } .vacancies-list-block > .title-section > .subcaption { text-align: center; } .vacancy-item { padding: 10px 0px 0px; margin: 0px 0px 10px; width: 517px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .vacancy-item.open { background: #f8f4ef; -webkit-box-shadow: 0px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px rgba(0, 0, 0, 0.15); } .vacancy-item .caption { padding: 0px 15px 0px 30px; font-size: 18px; line-height: 24px; } .vacancy-item .caption > div { padding: 0px 0px 0px 30px; min-height: 24px; position: relative; float: left; } .vacancy-item .caption > div .icon { display: block; width: 19px; height: 19px; position: absolute; left: 0px; top: 2px; background: url(../img/user-dbl.png) no-repeat 50% 0; } .vacancy-item .caption .bordered { color: #689a8f; font-size: 10px; border-bottom: dashed 1px #b3ccc7; cursor: pointer; } .vacancy-item .caption .bordered span { font-size: 18px; } .vacancy-item.open .caption .bordered { color: #474243; border: none; } .vacancy-item .caption > div:hover .icon, .vacancy-item.open .caption .icon { background-position: 50% 100%; } .vacancy-item .caption > div:hover .bordered { border: none; color: #f15722; } .vacancy-item .cont { padding: 15px 15px 0px 30px; color: #474243; } .vacancy-item .cont .text-block { font-size: 15px; line-height: 18px; } .vacancy-item .cont .text-block ul { margin-bottom: 5px; } .vacancy-item .cont .text-block ul li { padding-bottom: 14px; } .vacancy-item .cont .text-block .grey { font-size: 12px; color: #8b8b8b; } .vacancy-item .cont .text-block .segoe-font { color: #f15722; font-size: 15px; line-height: 18px; padding: 0px 0px 12px; } .vacancy-item .cont .price { padding: 0px 0px 0px 20px; background: url(../img/price-mini.png) no-repeat 0% 4px; } .vacancy-item .cont .link-with-icon-new { margin: 20px 0px 0px; } .vacancy-item .cont .link-with-icon a span { font-size: 15px; } .vacancy-item .cont .link-with-icon a { border-bottom-style: dashed; } .vacancy-item .cont .link-with-icon a:hover { border: none; color: #f15722; } .vacancy-item .label-close { display: none; } .vacancy-item .label-close, .frmAddExpertQ .label-close { position: absolute; right: 20px; top: -5px; } .vacancy-item .col-left { display: none; float: left; width: 517px; padding: 0px 0px 15px; } .vacancy-item .col-right { display: none; float: right; width: 380px; padding: 20px 50px 15px 0px; } .vacancy-item .typical-form input[type="text"], .vacancy-item .typical-form textarea { padding-top: 7px; padding-bottom: 7px; } .vacancy-item .typical-form textarea { height: 116px; } .vacancy-item .typical-form .form-row { padding-bottom: 20px; } .vacancy-item .btn { float: left; } .vacancy-item .or-close { float: left; height: 30px; line-height: 30px; margin-left: 15px; } .vacancy-item .or-close a { color: #443c3d; border-color: #d8d6d5; font-size: 9px; } .vacancy-item .or-close a:hover { color: #f15722; } .vacancy-item .or-close a span { font-size: 14px; } /* ========================================================================== Partnership ========================================================================== */ .partnership-top-text { border-bottom: solid 1px #cbcbcb; position: relative; padding: 0px 0px 35px; margin: 0px 0px 90px; } .partnership-top-text .pic { position: absolute; right: 0px; top: -70px; } .partnership-top-text .pic img { display: block; } .partnership-top-text .text-block { width: 530px; font-size: 21px; line-height: 27px; color: #474243; margin: -5px 0px 0px; } .partnership-top-text .text-block .segoe-font { font-size: 18px; line-height: 27px; color: #8b8b8b; padding-bottom: 25px; } .our-propositions-block { } .our-propositions-block .title-section h2 { font-size: 30px; text-align: center; } .our-propositions-block .text-block.top-text { text-align: center; font-size: 15px; line-height: 24px; padding: 0px 0px 11px; } .our-propositions-block .text-block.top-text a { font-size: 9px; border-bottom-color: #d7e5e2; } .our-propositions-block .text-block.top-text a span { font-size: 15px; } .partnership-card { height: 420px; text-align: center; opacity: 0.95; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .partnership-card > div { padding: 38px 20px 0px; } .partnership-card .circle-icon { width: 54px; height: 54px; margin: 0px auto 13px; background: #000 no-repeat 50% 0%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .partnership-card:hover { opacity: 1; } .partnership-card:hover .circle-icon { background-color: #fff !important; background-position: 50% 100%; } .partnership-card .ttl { font-size: 21px; line-height: 24px; padding: 0px 0px 20px; } .partnership-card .ttl a { color: #474243; font-size: 8px; border-bottom-color: #d1d0d0; } .partnership-card .ttl a span { font-size: 21px; } .partnership-card:hover .ttl a { border-bottom-color: transparent; } .partnership-card .describe { line-height: 21px; padding: 0px 0px 20px; } .partnership-card .markered { color: #fff; font-size: 15px; line-height: 21px; } .partnership-card .markered span { padding: 2px 10px; background: #000; } .partnership-card .link { line-height: 18px; padding: 45px 0px 0px; } .partnership-card .link a { font-size: 9px; border-bottom-color: #c7d9d5; } .partnership-card .link a span { font-size: 14px; } .partnership-card:hover .link a { color: #f26a36; border-bottom-color: transparent; } .partnership-card.yellow-card { border-color: #ffc108; } .partnership-card.yellow-card .circle-icon { background-color: #ffc108; background-image: url(../img/icon-54-double-case.png); } .partnership-card.yellow-card .markered span { background: #ffc108; } .partnership-card.green-card { border-color: #3db488; } .partnership-card.green-card .circle-icon { background-color: #3db488; background-image: url(../img/icon-54-double-users.png); } .partnership-card.green-card .markered span { background: #3db488; } .partnership-card.green-card .link { padding-top: 32px; } .partnership-card.red-card { border-color: #f15722; } .partnership-card.red-card .circle-icon { background-color: #f15722; background-image: url(../img/icon-54-double-box.png); } .partnership-card.red-card .markered span { background: #f15722; } .partnership-card.red-card .link { padding-top: 18px; } .partnership-cards { padding: 0px 0px 90px; } .partnership-ideas { margin: 0px 0px 105px; } .partnership-ideas .title-section h3 { font-size: 30px; text-align: center; } .partnership-ideas .grunge-block { width: 398px; position: relative; margin: 5px auto; min-height: 575px; color: #474243; } .partnership-ideas .grunge-block .pic { display: block; position: absolute; top: 10px; } .partnership-ideas .grunge-block .pic.man { right: 378px; } .partnership-ideas .grunge-block.wide .pic.man { right: 478px; } .partnership-ideas .grunge-block .pic.woman { left: 100%; } .partnership-ideas .grunge-block > div { padding: 35px 40px 20px; } .partnership-ideas .ttl { font-size: 24px; line-height: 30px; font-weight: bold; text-align: center; text-transform: uppercase; padding: 0px 0px 20px; } .partnership-ideas .label { padding-bottom: 4px; } .partnership-ideas .form-row { padding-bottom: 14px; } .partnership-ideas .fluid-field input[type="text"], .partnership-ideas .fluid-field textarea { padding-right: 30px; } .partnership-ideas input[type="text"] { background-repeat: no-repeat; background-position: 97% 50%; } .partnership-ideas input[type="text"].name { background-image: url(../img/user-red.png); } .partnership-ideas input[type="text"].phone { background-image: url(../img/phone-red.png); width: 189px; } .partnership-ideas input[type="text"].email { background-image: url(../img/mail.png); } .partnership-ideas textarea.mess { height: 148px; background: #fff url(../img/pencil-red.png) no-repeat 97% 7px; } .partnership-ideas input[type="text"].countrycode-label { padding-right: 0; } .partnership-ideas .btn-red-with-coner { margin-top: 21px; } /* ========================================================================== 4fresh Club ========================================================================== */ .fresh-club-top-text { position: relative; margin: -5px 0px 77px; } .fresh-club-top-text .pic { float: left; } .fresh-club-top-text .pic img { display: block; } .fresh-club-top-text .text-block { float: right; width: 478px; color: #474243; font-size: 21px; line-height: 27px; } .fresh-club-top-text .text-block h3 { font-size: 30px; line-height: 33px; margin: 20px 0px 27px; } .fresh-club-top-text .text-block .note { font-size: 18px; line-height: 20px; color: #8b8b8b; padding: 0px 0px 0px 30px; background: url(../img/attention-green.png) no-repeat 0% 50%; margin: 12px 0px 0px; } .usial-vs-member { padding: 60px 10px 95px; background: #f8f4ef; } .usial-vs-member .usial-col { float: left; width: 470px; padding-top: 180px; } .usial-vs-member .member-col { float: right; width: 470px; } .usial-vs-member .ttl { text-align: center; padding: 0px 0px 27px; } .usial-vs-member .ttl .icon { width: 54px; height: 54px; margin: 0px auto 17px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .usial-vs-member .ttl h3 { font-size: 24px; line-height: 24px; text-transform: uppercase; color: #474243; margin: 0px; } .usial-vs-member .usial-col .ttl .icon { background: #ffc108 url(../img/icon-users-white.png) no-repeat 50% 50%; } .usial-vs-member .member-col .ttl .icon { background: #3db488 url(../img/icon-crown-white.png) no-repeat 50% 50%; } .client-bonus-item { display: block; color: #474243; background: #000; padding: 2px; border: none; margin: 0px 0px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /*.client-bonus-item:hover { color: #fff; }*/ .client-bonus-item span { display: block; } .client-bonus-item > span { background: #f8f4ef; min-height: 61px; padding: 10px 10px 10px 90px; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /*.client-bonus-item:hover > span { background: none; }*/ .client-bonus-item .label-coner { display: block; position: absolute; right: -2px; top: -2px; } .client-bonus-item .label { width: 40px; height: 49px; position: absolute; left: 30px; top: -2px; background: url(../img/labels-client-bonus.png) no-repeat; } .client-bonus-item .text { display: table; width: 100%; } .client-bonus-item .text .segoe-font { height: 61px; display: table-cell; vertical-align: middle; font-size: 21px; line-height: 27px; } .client-bonus-item.usial-1 { background: #ffc108; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzEwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGIwMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffc108 0%, #fdb011 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc108), color-stop(100%, #fdb011)); background: -webkit-linear-gradient(top, #ffc108 0%, #fdb011 100%); background: -o-linear-gradient(top, #ffc108 0%, #fdb011 100%); background: -ms-linear-gradient(top, #ffc108 0%, #fdb011 100%); background: linear-gradient(to bottom, #ffc108 0%, #fdb011 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc108', endColorstr='#fdb011', GradientType=0); } .client-bonus-item.usial-1 .label { background-position: 0% 0%; } /*.client-bonus-item.usial-1:hover .label { background-position: 0% 100%; }*/ .client-bonus-item.usial-2 { background: #fcaf12; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjYWYxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTk3MWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fcaf12 0%, #f9971e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcaf12), color-stop(100%, #f9971e)); background: -webkit-linear-gradient(top, #fcaf12 0%, #f9971e 100%); background: -o-linear-gradient(top, #fcaf12 0%, #f9971e 100%); background: -ms-linear-gradient(top, #fcaf12 0%, #f9971e 100%); background: linear-gradient(to bottom, #fcaf12 0%, #f9971e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcaf12', endColorstr='#f9971e', GradientType=0); } .client-bonus-item.usial-2 .label { background-position: -40px 0%; } /*.client-bonus-item.usial-2:hover .label { background-position: -40px 100%; }*/ .client-bonus-item.usial-3 { background: #f8951f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4OTUxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTdjMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f8951f 0%, #f57c2c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8951f), color-stop(100%, #f57c2c)); background: -webkit-linear-gradient(top, #f8951f 0%, #f57c2c 100%); background: -o-linear-gradient(top, #f8951f 0%, #f57c2c 100%); background: -ms-linear-gradient(top, #f8951f 0%, #f57c2c 100%); background: linear-gradient(to bottom, #f8951f 0%, #f57c2c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8951f', endColorstr='#f57c2c', GradientType=0); } .client-bonus-item.usial-3 .label { background-position: -80px 0%; } /*.client-bonus-item.usial-3:hover .label { background-position: -80px 100%; }*/ .client-bonus-item.usial-4 { background: #f57b2d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1N2IyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMjZhMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f57b2d 0%, #f26a36 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f57b2d), color-stop(100%, #f26a36)); background: -webkit-linear-gradient(top, #f57b2d 0%, #f26a36 100%); background: -o-linear-gradient(top, #f57b2d 0%, #f26a36 100%); background: -ms-linear-gradient(top, #f57b2d 0%, #f26a36 100%); background: linear-gradient(to bottom, #f57b2d 0%, #f26a36 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f57b2d', endColorstr='#f26a36', GradientType=0); } .client-bonus-item.usial-4 .label { background-position: -120px 0%; } /*.client-bonus-item.usial-4:hover .label { background-position: -120px 100%; }*/ .client-bonus-item.member-1 { background: #3db488; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkYjQ4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0N2IxODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3db488 0%, #47b180 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3db488), color-stop(100%, #47b180)); background: -webkit-linear-gradient(top, #3db488 0%, #47b180 100%); background: -o-linear-gradient(top, #3db488 0%, #47b180 100%); background: -ms-linear-gradient(top, #3db488 0%, #47b180 100%); background: linear-gradient(to bottom, #3db488 0%, #47b180 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3db488', endColorstr='#47b180', GradientType=0); } .client-bonus-item.member-1 .label { background-position: -160px 0%; } /*.client-bonus-item.member-1:hover .label { background-position: -160px 100%; }*/ .client-bonus-item.member-2 { background: #47b17f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3YjE3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NWFkNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #47b17f 0%, #55ad72 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47b17f), color-stop(100%, #55ad72)); background: -webkit-linear-gradient(top, #47b17f 0%, #55ad72 100%); background: -o-linear-gradient(top, #47b17f 0%, #55ad72 100%); background: -ms-linear-gradient(top, #47b17f 0%, #55ad72 100%); background: linear-gradient(to bottom, #47b17f 0%, #55ad72 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47b17f', endColorstr='#55ad72', GradientType=0); } .client-bonus-item.member-2 .label { background-position: -200px 0%; } /*.client-bonus-item.member-2:hover .label { background-position: -200px 100%; }*/ .client-bonus-item.member-3 { background: #47b17f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3YjE3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2N2E4NjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #47b17f 0%, #67a863 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47b17f), color-stop(100%, #67a863)); background: -webkit-linear-gradient(top, #47b17f 0%, #67a863 100%); background: -o-linear-gradient(top, #47b17f 0%, #67a863 100%); background: -ms-linear-gradient(top, #47b17f 0%, #67a863 100%); background: linear-gradient(to bottom, #47b17f 0%, #67a863 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47b17f', endColorstr='#67a863', GradientType=0); } .client-bonus-item.member-3 .label { background-position: -240px 0%; } /*.client-bonus-item.member-3:hover .label { background-position: -240px 100%; }*/ .client-bonus-item.member-4 { background: #68a762; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4YTc2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OGEzNTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #68a762 0%, #78a354 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68a762), color-stop(100%, #78a354)); background: -webkit-linear-gradient(top, #68a762 0%, #78a354 100%); background: -o-linear-gradient(top, #68a762 0%, #78a354 100%); background: -ms-linear-gradient(top, #68a762 0%, #78a354 100%); background: linear-gradient(to bottom, #68a762 0%, #78a354 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a762', endColorstr='#78a354', GradientType=0); } .client-bonus-item.member-4 .label { background-position: -280px 0%; } /*.client-bonus-item.member-4:hover .label { background-position: -280px 100%; }*/ .client-bonus-item.member-5 { background: #79a253; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5YTI1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NzllNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #79a253 0%, #879e46 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79a253), color-stop(100%, #879e46)); background: -webkit-linear-gradient(top, #79a253 0%, #879e46 100%); background: -o-linear-gradient(top, #79a253 0%, #879e46 100%); background: -ms-linear-gradient(top, #79a253 0%, #879e46 100%); background: linear-gradient(to bottom, #79a253 0%, #879e46 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79a253', endColorstr='#879e46', GradientType=0); } .client-bonus-item.member-5 .label { background-position: -320px 0%; } /*.client-bonus-item.member-5:hover .label { background-position: -320px 100%; }*/ .client-bonus-item.member-6 { background: #79a253; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5YTI1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NzllNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #79a253 0%, #879e46 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79a253), color-stop(100%, #879e46)); background: -webkit-linear-gradient(top, #79a253 0%, #879e46 100%); background: -o-linear-gradient(top, #79a253 0%, #879e46 100%); background: -ms-linear-gradient(top, #79a253 0%, #879e46 100%); background: linear-gradient(to bottom, #79a253 0%, #879e46 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79a253', endColorstr='#879e46', GradientType=0); } .client-bonus-item.member-6 .label { background-position: -360px 0%; } /*.client-bonus-item.member-6:hover .label { background-position: -360px 100%; }*/ .how-become-member { padding: 88px 0px 96px; } .how-become-member .title-section { padding-bottom: 62px; } .how-become-member .title-section h3 { margin: 0px; text-align: center; font-size: 30px; line-height: 30px; } .how-become-member .caption { float: left; width: 25%; text-align: center; color: #474243; font-size: 18px; line-height: 24px; padding: 35px 0px 0px; } .how-become-member .conditions { height: 129px; margin: 55px 0px 0px; position: relative; color: #474243; font-size: 21px; line-height: 30px; } .how-become-member .conditions > div { padding: 18px 0px 0px 50px; } .how-become-member .conditions .img { display: block; position: absolute; right: 30px; top: 0px; } .how-become-member .conditions a { border-bottom-color: #c2d3cc; font-size: 12px; } .how-become-member .conditions a:hover { color: #f15722; } .how-become-member .conditions a span { font-size: 21px; } .steps4line { width: 790px; margin: 0px auto; } .steps4line .num { width: 40px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 24px; position: absolute; top: -15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .steps4line .num.hover, .steps4line .num:hover { width: 60px; height: 60px; line-height: 60px; font-size: 32px; top: -25px; } .steps4line .num.num-1 { left: -3px; background: #664c4e; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NGM0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YTUwNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #664c4e 0%, #7a504b 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #664c4e), color-stop(100%, #7a504b)); background: -webkit-linear-gradient(left, #664c4e 0%, #7a504b 100%); background: -o-linear-gradient(left, #664c4e 0%, #7a504b 100%); background: -ms-linear-gradient(left, #664c4e 0%, #7a504b 100%); background: linear-gradient(to right, #664c4e 0%, #7a504b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#664c4e', endColorstr='#7a504b', GradientType=1); } .steps4line .num.num-1:hover, .steps4line .num.num-1.hover { left: -13px; } .steps4line .num.num-2 { left: -14px; background: #ea6938; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhNjkzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMzc0MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #ea6938 0%, #f37436 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ea6938), color-stop(100%, #f37436)); background: -webkit-linear-gradient(left, #ea6938 0%, #f37436 100%); background: -o-linear-gradient(left, #ea6938 0%, #f37436 100%); background: -ms-linear-gradient(left, #ea6938 0%, #f37436 100%); background: linear-gradient(to right, #ea6938 0%, #f37436 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea6938', endColorstr='#f37436', GradientType=1); } .steps4line .num.num-2:hover, .steps4line .num.num-2.hover { left: -24px; } .steps4line .num.num-3 { left: -26px; background: #f5bb33; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1YmIzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGMyMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #f5bb33 0%, #f0c234 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f5bb33), color-stop(100%, #f0c234)); background: -webkit-linear-gradient(left, #f5bb33 0%, #f0c234 100%); background: -o-linear-gradient(left, #f5bb33 0%, #f0c234 100%); background: -ms-linear-gradient(left, #f5bb33 0%, #f0c234 100%); background: linear-gradient(to right, #f5bb33 0%, #f0c234 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5bb33', endColorstr='#f0c234', GradientType=1); } .steps4line .num.num-3:hover, .steps4line .num.num-3.hover { left: -36px; } .steps4line .num.num-4 { right: -3px; background: #a1a13b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExYTEzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MjliM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #a1a13b 0%, #929b3d 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #a1a13b), color-stop(100%, #929b3d)); background: -webkit-linear-gradient(left, #a1a13b 0%, #929b3d 100%); background: -o-linear-gradient(left, #a1a13b 0%, #929b3d 100%); background: -ms-linear-gradient(left, #a1a13b 0%, #929b3d 100%); background: linear-gradient(to right, #a1a13b 0%, #929b3d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1a13b', endColorstr='#929b3d', GradientType=1); } .steps4line .num.num-4:hover, .steps4line .num.num-4.hover { right: -13px; } .steps4line .segment { float: left; width: 33.333333%; height: 10px; position: relative; } .steps4line .segment.item-1 { background: #664c4e; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NGM0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMjZhMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #664c4e 0%, #f26a36 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #664c4e), color-stop(100%, #f26a36)); background: -webkit-linear-gradient(left, #664c4e 0%, #f26a36 100%); background: -o-linear-gradient(left, #664c4e 0%, #f26a36 100%); background: -ms-linear-gradient(left, #664c4e 0%, #f26a36 100%); background: linear-gradient(to right, #664c4e 0%, #f26a36 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#664c4e', endColorstr='#f26a36', GradientType=1); } .steps4line .segment.item-2 { background: #f26a36; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyNmEzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWM0MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #f26a36 0%, #f5c433 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f26a36), color-stop(100%, #f5c433)); background: -webkit-linear-gradient(left, #f26a36 0%, #f5c433 100%); background: -o-linear-gradient(left, #f26a36 0%, #f5c433 100%); background: -ms-linear-gradient(left, #f26a36 0%, #f5c433 100%); background: linear-gradient(to right, #f26a36 0%, #f5c433 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f26a36', endColorstr='#f5c433', GradientType=1); } .steps4line .segment.item-3 { background: #f5c433; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1YzQzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MjliM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #f5c433 0%, #929b3d 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f5c433), color-stop(100%, #929b3d)); background: -webkit-linear-gradient(left, #f5c433 0%, #929b3d 100%); background: -o-linear-gradient(left, #f5c433 0%, #929b3d 100%); background: -ms-linear-gradient(left, #f5c433 0%, #929b3d 100%); background: linear-gradient(to right, #f5c433 0%, #929b3d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5c433', endColorstr='#929b3d', GradientType=1); } .opinions-of-members { padding: 0px 0px 36px; } .opinions-of-members .title-section { padding-bottom: 15px; } .opinions-of-members .title-section h3 { margin: 0px; text-align: center; font-size: 30px; line-height: 30px; } .opinions-of-members .grid-wrap { width: 1048px; margin: 0px -50px 0px 0px; } .opinions-of-members .grid-wrap .opinion-of-member { float: left; margin: 0px 49px 50px 0px; } .opinion-of-member { width: 300px; } .opinion-of-member .photo { height: 290px; overflow: hidden; } .opinion-of-member .photo img { display: block; } .opinion-of-member .opinion-text { min-height: 284px; } .opinion-of-member .opinion-text > div { padding: 25px 30px 15px; } .opinion-of-member .opinion-text .header { line-height: 18px; padding: 0px 0px 9px; } .opinion-of-member .opinion-text .header { line-height: 18px; padding: 0px 0px 9px; } .opinion-of-member .opinion-text .name { font-size: 14px; color: #000; } .opinion-of-member .opinion-text .date { font-size: 12px; color: #8b8b8b; } .opinion-of-member .text-block { font-size: 15px; line-height: 24px; } .opinion-of-member .text-block p { padding-bottom: 0px; } .opinion-of-member .text-block p.citate { padding-bottom: 24px; text-indent: 30px; background: url(../img/quote.png) no-repeat 0% 5px; } .life-and-events-of-club { padding: 0px 0px 30px; } .life-and-events-of-club .title-section { padding-bottom: 40px; } .life-and-events-of-club .title-section h3 { margin: 0px; text-align: center; font-size: 30px; line-height: 30px; } .life-and-events-of-club .photo-gall { position: relative; } .life-and-events-of-club .photo-gall .label-photo { display: block; position: absolute; left: 50%; top: -20px; margin-left: -20px; z-index: 15; } .fresh-club-bottom-btns { height: 390px; background: url(../img/fresh-club-bottom-btns.jpg) no-repeat 50% 100%; position: relative; } .fresh-club-bottom-btns .block { width: 220px; text-align: center; position: absolute; top: 135px; } .fresh-club-bottom-btns .block .caption { color: #474243; font-size: 24px; line-height: 27px; font-weight: bold; padding: 0px 0px 20px; } .fresh-club-bottom-btns .block .btn { height: 40px; line-height: 38px; padding: 0px; float: none; display: block; font-size: 18px; text-transform: none; font-weight: normal; } .fresh-club-bottom-btns .block.reg { left: 59px; } .fresh-club-bottom-btns .block.count { right: 59px; } /* ========================================================================== Opt ========================================================================== */ .opt-page .title-page .subcaption { font-size: 18px; padding-top: 18px; padding-bottom: 17px; } .opt-page .title-section h3 { margin: 0px; font-size: 30px; line-height: 33px; text-align: center; } .opt-page .partnership-ideas { } .opt-offer-us-form { margin: 0px 0px 90px; } .opt-offer-us-form .left-text { float: left; width: 585px; padding: 38px 0px 10px 40px; background: url(../img/opt-offer-form.jpg) no-repeat 100% 76px; } .opt-offer-us-form .left-text .text-block { width: 260px; color: #474243; font-size: 18px; line-height: 24px; } .opt-offer-us-form .left-text .text-block h3 { font-size: 24px; line-height: 24px; margin: 0px; } .opt-offer-us-form .left-text .text-block p { padding-bottom: 24px; } .opt-offer-us-form .right-form { height: 100%; position: absolute; top: 0; right: 0; border-left: solid 1px #d2d1cd; color: #474243; } .opt-offer-us-form .right-form > div { height: 100%; border-left: solid 1px #fcfbfa; width: 260px; padding: 0px 40px; } .opt-offer-us-form .right-form .ttl { text-align: center; font-size: 24px; font-weight: bold; line-height: 26px; text-transform: uppercase; padding: 38px 0px 20px; } .opt-offer-us-form .label { padding-bottom: 7px; } .opt-offer-us-form input[type="text"].name { background: #fff url(../img/user-red.png) no-repeat 97% 50%; } .opt-offer-us-form input[type="text"].phone { background: #fff url(../img/phone-red.png) no-repeat 97% 50%; } .opt-offer-us-form textarea.mess { height: 76px; background: #fff url(../img/pencil-red.png) no-repeat 97% 7px; } .opt-offer-us-form .btn-red-with-coner { margin-top: 20px; } .opt-why-success { padding: 0px 0px 32px; border-bottom: solid 1px #cbcbcb; margin: 0px 0px 50px; } .opt-why-success .title-section { padding-bottom: 50px; } .opt-why-success .success-item { padding-bottom: 22px; font-size: 18px; line-height: 24px; color: #8b8b8b; text-align: center; } .opt-why-success .success-item .segoe-font { font-size: 21px; line-height: 33px; color: #474243; padding: 0px 0px 15px; } .opt-why-success .success-item .icon { width: 54px; height: 54px; margin: 0px auto 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .opt-why-success .success-item .icon.money { background: #f15722 url(../img/icon-money-white.png) no-repeat 50% 50%; } .opt-why-success .success-item .icon.map { background: #929b3d url(../img/icon-map-white.png) no-repeat 50% 50%; } .opt-why-success .success-item .icon.calend { background: #ffc108 url(../img/icon-calend-white.png) no-repeat 50% 50%; } .opt-why-success .success-item .icon.ok { background: #3db488 url(../img/icon-ok-white.png) no-repeat 80% 50%; } .opt-advantages { padding: 12px 0 0; color: #474243; border-bottom: solid 1px #cbcbcb; margin: 0px 0px 50px; } .opt-advantages .title-section { padding-bottom: 25px; } .opt-advantages .col-left { float: left; width: 470px; } .opt-advantages .col-right { float: right; width: 470px; } .opt-advantages .adv-item { position: relative; padding: 0px 0px 0px 80px; min-height: 90px; margin: 0px 0px 45px; } .opt-advantages .adv-item .label { display: block; position: absolute; left: 0px; top: 0px; } .opt-advantages .adv-item .caption { font-size: 16px; line-height: 21px; font-weight: bold; text-transform: uppercase; padding: 0px 0px 10px; } .opt-advantages .adv-item .text-block { line-height: 21px; } .our-productions { padding: 0px 0px 115px; } .our-productions .title-section h2 { font-size: 30px; text-transform: uppercase; } .our-productions .prod-item { text-align: center; margin-bottom: 20px; } .our-productions .prod-item .logotype { } .our-productions .prod-item .logotype a { border: none; } .our-productions .prod-item .name { padding: 4px 10px; min-height: 40px; } .our-productions .prod-item .name a { color: #474243; border-bottom-color: #dedede; font-size: 9px; } .our-productions .prod-item .name a:hover { color: #f15722; } .our-productions .prod-item .name a span { font-size: 14px; } /* ========================================================================== Franshiza ========================================================================== */ .franshiza-top-text-block { padding: 40px 0px 15px; margin: -45px 0px 0px; background: url(../img/franshiza.jpg) no-repeat 100% 100%; } .franshiza-top-text-block .text-block { font-size: 18px; line-height: 27px; color: #474243; } .franshiza-top-text-block .text-block p { padding-bottom: 27px; } .franshiza-top-text-block .text-block .segoe-font { color: #8b8b8b; } .franshiza-link-to-order { min-height: 220px; margin: 0px 0px 88px; } .franshiza-link-to-order > div { padding: 35px 0px 30px; } .franshiza-link-to-order .caption { color: #474243; font-size: 21px; line-height: 27px; text-align: center; padding: 0px 0px 32px; } .franshiza-link-to-order .btn-red-with-coner, .btn-red-with-coner.franshiza-order-btn { max-width: 495px; width: 100%; margin: 0px auto; text-align: center; } .btn-red-with-coner.franshiza-order-btn { margin-top: -50px; margin-bottom: 100px; } .franshiza-how-work { padding: 0px 0px 6px; } .franshiza-how-work .title-section { padding-bottom: 66px; } .franshiza-how-work .title-section h3 { font-size: 30px; text-align: center; } .franshiza-how-work .coners-block { float: left; width: 15px; padding: 10px 10px 10px 0px; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px; background: #919a3d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxOWEzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NzRkNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #919a3d 0%, #674d4e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #919a3d), color-stop(100%, #674d4e)); background: -webkit-linear-gradient(top, #919a3d 0%, #674d4e 100%); background: -o-linear-gradient(top, #919a3d 0%, #674d4e 100%); background: -ms-linear-gradient(top, #919a3d 0%, #674d4e 100%); background: linear-gradient(to bottom, #919a3d 0%, #674d4e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#919a3d', endColorstr='#674d4e', GradientType=0); } .franshiza-how-work .coners-block > div { height: 160px; background: #fff; -webkit-border-radius: 0px 12px 12px 0px; -moz-border-radius: 0px 12px 12px 0px; border-radius: 0px 12px 12px 0px; } .franshiza-how-work .steps-container { float: left; width: 973px; } .franshiza-how-work .steps-container .row { height: 170px; } .franshiza-how-work .segment { float: left; height: 10px; width: 260px; position: relative; } .franshiza-how-work .segment.item-1 { margin-left: 240px; background: #f15722; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNTcyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmMxMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #f15722 0%, #ffc108 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f15722), color-stop(100%, #ffc108)); background: -webkit-linear-gradient(left, #f15722 0%, #ffc108 100%); background: -o-linear-gradient(left, #f15722 0%, #ffc108 100%); background: -ms-linear-gradient(left, #f15722 0%, #ffc108 100%); background: linear-gradient(to right, #f15722 0%, #ffc108 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15722', endColorstr='#ffc108', GradientType=1); } .franshiza-how-work .segment.item-1 .step .icon { background-color: #f15722; background-image: url(../img/icon-cinema-white.png); background-position: 50% 8px; } .franshiza-how-work .segment.item-1 .step:hover .icon { background-position: 50% 22px; } .franshiza-how-work .segment.item-2 { background: #ffc108; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzEwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MjliM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #ffc108 0%, #929b3d 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffc108), color-stop(100%, #929b3d)); background: -webkit-linear-gradient(left, #ffc108 0%, #929b3d 100%); background: -o-linear-gradient(left, #ffc108 0%, #929b3d 100%); background: -ms-linear-gradient(left, #ffc108 0%, #929b3d 100%); background: linear-gradient(to right, #ffc108 0%, #929b3d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc108', endColorstr='#929b3d', GradientType=1); } .franshiza-how-work .segment.item-2 .step .icon { background-color: #ffc108; background-image: url(../img/icon-case-white.png); } .franshiza-how-work .segment.item-3 { width: 213px; background: #929b3d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyOWIzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MTlhM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #929b3d 0%, #919a3d 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #929b3d), color-stop(100%, #919a3d)); background: -webkit-linear-gradient(left, #929b3d 0%, #919a3d 100%); background: -o-linear-gradient(left, #929b3d 0%, #919a3d 100%); background: -ms-linear-gradient(left, #929b3d 0%, #919a3d 100%); background: linear-gradient(to right, #929b3d 0%, #919a3d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#929b3d', endColorstr='#919a3d', GradientType=1); } .franshiza-how-work .segment.item-3 .step .icon { background-color: #929b3d; background-image: url(../img/icon-truck-white.png); } .franshiza-how-work .segment.item-4 { margin-left: 110px; background: #ffc108; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzEwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMTU3MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #ffc108 0%, #f15722 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffc108), color-stop(100%, #f15722)); background: -webkit-linear-gradient(left, #ffc108 0%, #f15722 100%); background: -o-linear-gradient(left, #ffc108 0%, #f15722 100%); background: -ms-linear-gradient(left, #ffc108 0%, #f15722 100%); background: linear-gradient(to right, #ffc108 0%, #f15722 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc108', endColorstr='#f15722', GradientType=1); } .franshiza-how-work .segment.item-4 .step .icon { background-color: #ffc108; background-image: url(../img/icon-satellitte-white.png); } .franshiza-how-work .segment.item-5 { background: #f15722; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNTcyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZGI0ODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #f15722 0%, #3db488 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f15722), color-stop(100%, #3db488)); background: -webkit-linear-gradient(left, #f15722 0%, #3db488 100%); background: -o-linear-gradient(left, #f15722 0%, #3db488 100%); background: -ms-linear-gradient(left, #f15722 0%, #3db488 100%); background: linear-gradient(to right, #f15722 0%, #3db488 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15722', endColorstr='#3db488', GradientType=1); } .franshiza-how-work .segment.item-5 .step .icon { background-color: #f15722; background-image: url(../img/icon-globe-white.png); } .franshiza-how-work .segment.item-6 { background: #3db488; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkYjQ4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjRjNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #3db488 0%, #664c4e 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3db488), color-stop(100%, #664c4e)); background: -webkit-linear-gradient(left, #3db488 0%, #664c4e 100%); background: -o-linear-gradient(left, #3db488 0%, #664c4e 100%); background: -ms-linear-gradient(left, #3db488 0%, #664c4e 100%); background: linear-gradient(to right, #3db488 0%, #664c4e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3db488', endColorstr='#664c4e', GradientType=1); } .franshiza-how-work .segment.item-6 .step .icon { background-color: #3db488; background-image: url(../img/icon-tag-white.png); } .franshiza-how-work .segment.item-7 { width: 83px; background: #664c4e; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NGM0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NzRkNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #664c4e 0%, #674d4e 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #664c4e), color-stop(100%, #674d4e)); background: -webkit-linear-gradient(left, #664c4e 0%, #674d4e 100%); background: -o-linear-gradient(left, #664c4e 0%, #674d4e 100%); background: -ms-linear-gradient(left, #664c4e 0%, #674d4e 100%); background: linear-gradient(to right, #664c4e 0%, #674d4e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#664c4e', endColorstr='#674d4e', GradientType=1); } .franshiza-how-work .segment.item-7 .step .icon { background-color: #664c4e; background-image: url(../img/icon-airplan-white.png); } .franshiza-how-work .step { display: block; position: absolute; top: -22px; left: -110px; width: 220px; height: 123px; border: none; text-align: center; cursor: pointer; } .franshiza-how-work .step span { display: inline-block; } .franshiza-how-work .step .icon { width: 54px; height: 54px; background: no-repeat 50% 50%; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .franshiza-how-work .step:hover .icon { width: 82px; height: 82px; left: 0px; top: -14px; } .franshiza-how-work .step .caption { width: 220px; position: absolute; top: 75px; left: 50%; margin-left: -110px; color: #474243; font-size: 18px; line-height: 24px; text-align: center; } .franshiza-maintenance { padding: 77px 0px 0px; margin: 0px 0px 120px; } .franshiza-maintenance .title-section { padding-bottom: 15px; } .franshiza-maintenance .title-section h3 { font-size: 30px; line-height: 30px; text-align: center; } .franshiza-maintenance .item { position: relative; padding: 0px 0px 0px 80px; color: #474243; font-size: 15px; line-height: 21px; min-height: 145px; } .franshiza-maintenance .item p { position: relative; top: -3px; } .franshiza-maintenance .item .label { display: block; position: absolute; left: 0px; top: 0px; } /* ========================================================================== Partner Program ========================================================================== */ .partner-program-top-block { padding: 0px 0px 50px; background: url(../img/partner-program-pic.jpg) no-repeat 100% 100%; } .partner-program-top-block .text { width: 670px; margin: -5px 0px 0px; } .partner-program-top-block .text .segoe-font { color: #8b8b8b; font-size: 15px; line-height: 24px; } .partner-program-top-block .statistic { padding: 36px 0px 0px; } .partner-program-top-block .statistic .ttl { font-size: 24px; line-height: 24px; color: #474243; font-weight: bold; padding: 0px 0px 24px; } .partner-program-top-block .statistic .box { float: left; width: 315px; height: 94px; margin: 0px 20px 0px 0px; } .partner-program-top-block .statistic .box > div { padding: 20px 0px 0px 30px; } .partner-program-top-block .statistic .box .icon { width: 54px; height: 54px; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .partner-program-top-block .statistic .box .icon.users { background: #929b3d url(../img/icon-users-white.png) no-repeat 50% 45%; } .partner-program-top-block .statistic .box .icon.coins { background: #664c4e url(../img/icon-coins-white.png) no-repeat 50% 50%; } .partner-program-top-block .statistic .box .caption { float: left; padding: 6px 0px 0px 17px; color: #8b8b8b; } .partner-program-top-block .statistic .box .caption .num { font-size: 24px; font-weight: bold; line-height: 24px; color: #474243; } .partner-program-top-block .statistic .box .caption .rub { padding: 0px 20px 0px 0px; background: url(../img/rub-24-bold-black.png) no-repeat 100% 50%; } .partner-program-how-it-work { padding: 55px 0px 120px; } .partner-program-how-it-work .title-section { padding-bottom: 75px; } .partner-program-how-it-work .rainbow-line { width: 698px; margin: 0px auto 50px; position: relative; } .partner-program-how-it-work .rainbow-line .segment { height: 10px; width: 50%; float: left; } .partner-program-how-it-work .rainbow-line .segment.item-1 { background: #f15722; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNTcyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmMxMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #f15722 0%, #ffc108 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f15722), color-stop(100%, #ffc108)); background: -webkit-linear-gradient(left, #f15722 0%, #ffc108 100%); background: -o-linear-gradient(left, #f15722 0%, #ffc108 100%); background: -ms-linear-gradient(left, #f15722 0%, #ffc108 100%); background: linear-gradient(to right, #f15722 0%, #ffc108 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15722', endColorstr='#ffc108', GradientType=1); } .partner-program-how-it-work .rainbow-line .segment.item-2 { background: #ffc108; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzEwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MjliM2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #ffc108 0%, #929b3d 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffc108), color-stop(100%, #929b3d)); background: -webkit-linear-gradient(left, #ffc108 0%, #929b3d 100%); background: -o-linear-gradient(left, #ffc108 0%, #929b3d 100%); background: -ms-linear-gradient(left, #ffc108 0%, #929b3d 100%); background: linear-gradient(to right, #ffc108 0%, #929b3d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc108', endColorstr='#929b3d', GradientType=1); } .partner-program-how-it-work .rainbow-line .icon { position: absolute; top: -22px; width: 54px; height: 54px; background: no-repeat 50% 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .partner-program-how-it-work .rainbow-line .icon.item-1 { left: -27px; background-color: #f15722; background-image: url(../img/icon-tags-white.png); } .partner-program-how-it-work .rainbow-line .icon.item-2 { left: 50%; margin-left: -27px; background-color: #ffc108; background-image: url(../img/icon-run-white.png); } .partner-program-how-it-work .rainbow-line .icon.item-3 { right: -27px; background-color: #929b3d; background-image: url(../img/icon-money-white.png); } .partner-program-how-it-work .step { float: left; width: 33.333333%; text-align: center; font-size: 15px; line-height: 24px; color: #8b8b8b; position: relative; } .partner-program-how-it-work .step .caption { color: #474243; font-size: 18px; padding: 0px 0px 15px; } .partner-program-how-it-work .step .num { width: 40px; height: 43px; margin: 22px auto 0px; color: #fff; font-weight: bold; font-size: 24px; line-height: 34px; } .partner-program-how-it-work .step .num.red { background: url(../img/label-red.png) no-repeat 50% 0%; } .partner-program-how-it-work .step .num.yellow { background: url(../img/label-yellow.png) no-repeat 50% 0%; } .partner-program-how-it-work .step .num.lime { background: url(../img/label-lime.png) no-repeat 50% 0%; } .partner-program-how-it-work .step.item-1 { left: -20px; } .partner-program-how-it-work .step.item-3 { right: -20px; } .for-become-partner { margin: 110px 0px 85px; position: relative; height: 172px; } .for-become-partner .girl { display: block; position: absolute; left: 20px; bottom: 1px; } .for-become-partner .bag { display: block; position: absolute; right: 10px; bottom: 1px; } .for-become-partner .text { font-size: 18px; line-height: 27px; padding: 35px 0px 0px 350px; } .for-become-partner .text .segoe-font { color: #474243; font-size: 21px; padding: 0px 0px 14px; } .for-become-partner .text a { border-bottom-color: #b3ccc7; font-size: 10px; } .for-become-partner .text a span { font-size: 18px; } .partner-program-pluses .grid { width: 1048px; margin: 0px -50px 0px 0px; padding: 22px 0px 0px; } .partner-program-pluses .grid .col { float: left; width: 300px; margin: 0px 49px 40px 0px; } .partner-program-pluses .item { position: relative; padding: 0px 0px 0px 80px; color: #474243; line-height: 21px; min-height: 170px; } .partner-program-pluses .item .caption { position: relative; top: -3px; font-size: 16px; line-height: 21px; text-transform: uppercase; font-weight: bold; padding: 0px 0px 6px; } .partner-program-pluses .item .label { display: block; position: absolute; left: 0px; top: 0px; } .btn-red-with-coner.go-to-lk { width: 380px; margin: 0px auto 75px; text-align: center; } /* ========================================================================== LK Partner Program ========================================================================== */ .pp-side-nav { padding-left: 30px; padding-right: 30px; margin-top: -5px; } .pp-side-nav .sb-thank { text-align: center; padding: 0px 0px 20px; } .pp-side-nav .menu { font-size: 18px; line-height: 18px; color: #474243; } .pp-side-nav .menu li { padding: 0px 0px 15px 25px; position: relative; } .pp-side-nav .menu > li > ul { margin-top: 15px; } .pp-side-nav .menu .icon { width: 18px; height: 18px; position: absolute; left: 0px; top: -2px; background: url(../img/pp-icons-menu.png) no-repeat 0% 0%; } .pp-side-nav .menu .item-1 .icon { background-position: 0% 0%; } .pp-side-nav .menu .item-1.active .icon { background-position: 0% 100%; } .pp-side-nav .menu .item-2 .icon { background-position: -18px 0%; } .pp-side-nav .menu .item-2.active .icon { background-position: -18px 100%; } .pp-side-nav .menu .item-3 .icon { background-position: -36px 0%; } .pp-side-nav .menu .item-3.active .icon { background-position: -36px 100%; } .pp-side-nav .menu .item-4 .icon { background-position: -54px 0%; } .pp-side-nav .menu .item-4.active .icon { background-position: -54px 100%; } .pp-side-nav .menu .item-5 .icon { background-position: -72px 0%; } .pp-side-nav .menu .item-5.active .icon { background-position: -72px 100%; } .pp-side-nav .menu .item-6 .icon { background-position: -90px 0%; } .pp-side-nav .menu .item-6.active .icon { background-position: -90px 100%; } .pp-side-nav .menu .item-7 .icon { background-position: -108px 0%; } .pp-side-nav .menu .item-7.active .icon { background-position: -108px 100%; } .pp-side-nav .menu .item-8 .icon { background-position: -126px 0%; } .pp-side-nav .menu .item-8.active .icon { background-position: -126px 100%; } .pp-side-nav .menu .item-9 .icon { background-position: -144px 0%; } .pp-side-nav .menu .item-9.active .icon { background-position: -144px 100%; } .pp-side-nav .menu .item-10 .icon { background-position: -162px 0%; } .pp-side-nav .menu .item-10.active .icon { background-position: -162px 100%; } .pp-side-nav .menu .item-11 .icon { background-position: -180px 0%; } .pp-side-nav .menu .item-11.active .icon { background-position: -180px 100%; } .pp-side-nav .menu .item-12 .icon { background-position: -198px 0%; } .pp-side-nav .menu .item-12.active .icon { background-position: -198px 100%; } .pp-side-nav .menu .item-13 .icon { background-position: -216px 0%; } .pp-side-nav .menu .item-13.active .icon { background-position: -216px 100%; } .pp-side-nav .menu .item-14 .icon { background-position: -234px 0%; } .pp-side-nav .menu .item-14.active .icon { background-position: -234px 100%; } .pp-side-nav .menu .item-15 .icon { background-position: -252px 0%; } .pp-side-nav .menu .item-15.active .icon { background-position: -252px 100%; } .pp-side-nav .menu .item-16 .icon { background-position: -270px 0%; } .pp-side-nav .menu .item-16.active .icon { background-position: -270px 100%; } .pp-side-nav .menu a { border-bottom-color: #adc6be; font-size: 9px; } .pp-side-nav .menu a span { font-size: 18px; } .pp-side-nav .menu .parent-item > .icon { display: none; } .pp-side-nav .menu .parent-item > a { color: #474243; font-weight: bold; border-bottom-color: transparent; } .pp-how-it-work { padding: 0px 0px 100px; } .pp-how-it-work .text-block { font-size: 15px; line-height: 24px; } .pp-how-it-work .text-block p { padding-bottom: 24px; } .pp-how-it-work .text-block.top-text { margin-top: -5px; } .pp-how-it-work .steps { margin: 0px 0px 25px; } .pp-how-it-work .steps .more { text-align: right; padding: 8px 0px 0px; } .pp-how-it-work .steps .more .link-with-icon-new { float: right; } .pp-how-it-work .steps .more .link-with-icon { display: inline; } .pp-how-it-work .steps .more .link-with-icon a { border-bottom-color: #c7d9d5; } .pp-how-it-work .steps .more .link-with-icon a span { font-size: 15px; } .pp-how-it-work .steps .step-block:first-child { border: none; } .pp-how-it-work .step-block { position: relative; padding: 40px 0px 8px 90px; border-top: solid 1px #e5e5e5; color: #474243; } .pp-how-it-work .step-block .num { width: 20px; height: 20px; position: absolute; left: 0px; top: 42px; background: #f3ecdc; text-align: center; line-height: 20px; color: #8b8b8b; font-size: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .pp-how-it-work .step-block .label { display: block; position: absolute; left: 30px; top: 40px; } .pp-how-it-work .step-block .ttl { font-size: 21px; line-height: 27px; color: #474243; padding: 0px 0px 7px; } .pp-how-it-work .step-block .your-code { padding: 5px 0px 40px; } .pp-how-it-work .step-block .your-code .ttl { float: left; padding: 0px 15px 0px 0px; line-height: 38px; } .pp-how-it-work .step-block .your-code .code { float: left; width: 120px; height: 40px; padding: 0px 18px 0px 0px; text-align: center; line-height: 38px; font-size: 21px; color: #8b8b8b; font-weight: bold; background: url(../img/code-label.png) no-repeat 50% 0%; } .pp-how-it-work .step-block .your-code .code.active { background-position: 50% 100%; color: #939c3e; } .pp-how-it-work .step-block .your-code .status { float: right; position: relative; } .pp-how-it-work .step-block .your-code .status > a { display: block; height: 39px; padding: 0px 0px 0px 26px; background: url(../img/quest.png) no-repeat 0% 50%; border: none; line-height: 38px; color: #8b8b8b; font-size: 15px; } .pp-how-it-work .step-block .your-code .status .bordered { font-size: 9px; border-bottom: dashed 1px #d1cfd0; } .pp-how-it-work .step-block .your-code .status a:hover .bordered { border: none; } .pp-how-it-work .step-block .your-code .status .bordered span { font-size: 15px; } .pp-how-it-work .step-block .your-code .status.active .bordered { color: #689a8f; } .pp-how-it-work .step-block .your-code .status .typical-popup { display: none; position: absolute; left: 50%; bottom: 37px; margin-left: -110px; color: #474243; font-size: 15px; line-height: 21px; width: 200px; z-index: 99; padding-top: 15px; } .pp-how-it-work .step-block .your-code .status:hover .typical-popup { display: block; } .pp-how-it-work .step-block .soc { margin: -8px 0px 18px; } .pp-how-it-work .step-block .soc a { border: none; } .pp-how-it-work .step-block .soc img { float: left; margin: 0px 10px 0px 0px; } .pp-statistic { padding: 36px 0px 0px; } .pp-statistic .ttl { font-size: 24px; line-height: 24px; color: #474243; font-weight: bold; padding: 0px 0px 24px; } .pp-statistic .box { width: 324px; height: 190px; } .pp-statistic .box.left { float: left; } .pp-statistic .box.right { float: right; } .pp-statistic .box > div { padding: 20px 0px 0px 30px; } .pp-statistic .box .icon { width: 54px; height: 54px; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .pp-statistic .box .icon.users { background: #929b3d url(../img/icon-users-white.png) no-repeat 50% 45%; } .pp-statistic .box .icon.coins { background: #664c4e url(../img/icon-coins-white.png) no-repeat 50% 50%; } .pp-statistic .box .cont { float: left; padding: 6px 0px 0px 0px; margin-left: 17px; color: #8b8b8b; } .pp-statistic .box .caption { width: 194px; border-bottom: solid 1px #dcdbd7; padding: 0px 0px 15px; } .pp-statistic .box .caption .num { font-size: 24px; font-weight: bold; line-height: 24px; color: #474243; } .pp-statistic .box .caption .rub { padding: 0px 20px 0px 0px; background: url(../img/rub-24-bold-black.png) no-repeat 100% 50%; } .pp-statistic .box .note { border-top: solid 1px #f9f8f6; line-height: 18px; padding: 15px 0px 0px; font-size: 15px; } .pp-statistic .box .note .orange-color { font-size: 18px; font-weight: bold; } .pp-press-proof-tbl { color: #474243; font-size: 18px; line-height: 24px; margin: -5px 0px 32px; } .pp-press-proof-tbl .tbl { display: table; width: 100%; border-collapse: separate; border-spacing: 0px; table-layout: fixed; } .pp-press-proof-tbl .tbl-row { display: table-row; } .pp-press-proof-tbl .tbl-cell { display: table-cell; vertical-align: top; border-right: solid 1px #d1d1cc; border-left: solid 1px #fcfbfa; padding: 0px 8px; } .pp-press-proof-tbl .tbl-cell:first-child { border-left: none; padding-left: 20px; } .pp-press-proof-tbl .tbl-cell:last-child { border-right: none; } .pp-press-proof-tbl .thead { line-height: 18px; font-size: 14px; } .pp-press-proof-tbl .thead .tbl-cell { padding-top: 20px; } .pp-press-proof-tbl .rub { padding: 0px 15px 0px 0px; background: url(../img/rub-18-bold-black.png) no-repeat 100% 1px; } .pp-press-proof-tbl .rub.orange-color { background-image: url(../img/rub-18-bold-orange.png); } .pp-press-proof-tbl .tfooter .tbl-cell { padding-bottom: 20px; vertical-align: middle; font-size: 14px; } .pp-press-proof-tbl .tfooter a { font-size: 9px; } .pp-press-proof-tbl .tfooter a span { font-size: 14px; } .pp-press-proof-tbl .tfooter .btn { width: 90px; padding-left: 0px; padding-right: 0px; text-align: center; font-size: 14px; } .pp-press-proof-tbl .act { padding: 0px 0px 0px 10px; background: url(../img/amorph-bullet.png) no-repeat 0% 70%; color: #939c3e; font-size: 14px; line-height: 16px; } .pp-income-outlay-tbl { } .pp-income-outlay-tbl .ttl { font-size: 24px; line-height: 30px; color: #474243; font-weight: bold; padding: 0px 0px 7px; } .pp-income-outlay-tbl table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 18px; } .pp-income-outlay-tbl td { vertical-align: top; border-top: solid 1px #cbcbcb; padding: 12px 0px 11px; } .pp-income-outlay-tbl tr:first-child td { border: none; } .pp-income-outlay-tbl .label { color: #8b8b8b; } .pp-income-outlay-tbl .value { color: #474243; text-align: right; } .pp-income-outlay-tbl .rub { padding: 0px 13px 0px 0px; background: url(../img/rub-15-black.png) no-repeat 100% 50%; } .pp-income-outlay-tbl b.rub { background-image: url(../img/rub-15-bold-black.png); } .pp-income-col { float: left; } .pp-outlay-col { float: right; } .pp-income-col, .pp-outlay-col { width: 324px; margin: 0px 0px 40px; } .pp-total-statistic-diagram { } .pp-total-statistic-diagram .link-with-icon.diagram a { border-bottom-color: #c7d9d5; } .pp-total-statistic-diagram .link-with-icon.diagram a span { font-size: 15px; } .pp-activity-tabs-block { margin: -5px 0px 100px; } .pp-activity-tabs-block .tabs { } .pp-activity-tabs-block .tabs li { float: left; width: 50%; height: 44px; text-align: center; line-height: 44px; font-size: 18px; color: #474243; font-weight: bold; cursor: pointer; -webkit-box-shadow: inset 1px -1px rgba(203, 203, 203, 0.75); -moz-box-shadow: inset 1px -1px rgba(203, 203, 203, 0.75); box-shadow: inset 1px -1px rgba(203, 203, 203, 0.75); background: #f7f5f2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjVmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGYyZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f7f5f2 0%, #f4f2ed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f5f2), color-stop(100%, #f4f2ed)); background: -webkit-linear-gradient(top, #f7f5f2 0%, #f4f2ed 100%); background: -o-linear-gradient(top, #f7f5f2 0%, #f4f2ed 100%); background: -ms-linear-gradient(top, #f7f5f2 0%, #f4f2ed 100%); background: linear-gradient(to bottom, #f7f5f2 0%, #f4f2ed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f5f2', endColorstr='#f4f2ed', GradientType=0); } .pp-activity-tabs-block .tabs .icon { display: inline-block; width: 24px; height: 24px; background: no-repeat 50% 0%; margin: 0px 6px 0px 0px; position: relative; top: 5px; } .pp-activity-tabs-block .tabs li.active, .pp-activity-tabs-block .tabs li:hover { color: #fff; -webkit-box-shadow: inset 1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 1px 1px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 1px rgba(0, 0, 0, 0.3); } .pp-activity-tabs-block .tabs li.active .icon, .pp-activity-tabs-block .tabs li:hover .icon { background-position: 50% 100%; } .pp-activity-tabs-block .tabs li.item-1 { -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .pp-activity-tabs-block .tabs li.item-2 { -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } .pp-activity-tabs-block .tabs li.item-1 .icon { background-image: url(../img/icon-24-double-diagram-red.png); } .pp-activity-tabs-block .tabs li.item-2 .icon { background-image: url(../img/icon-24-double-diagram-green.png); } .pp-activity-tabs-block .tabs li.item-1.active, .pp-activity-tabs-block .tabs li.item-1:hover { background: #f26b37; } .pp-activity-tabs-block .tabs li.item-2.active, .pp-activity-tabs-block .tabs li.item-2:hover { background: #929b3d; } .pp-activity-tabs-block .tab-cont { display: none; padding: 40px 0px 0px; } .pp-activity-tabs-block .tab-cont.visible { display: block; } .pp-activity-tabs-block .select-filter { color: #474243; margin: 0px 0px 40px; } .pp-activity-tabs-block .select-filter .label { float: left; line-height: 30px; font-weight: bold; padding: 0px 10px 0px 0px; } .pp-activity-tabs-block .output-money-block { } .pp-activity-tabs-block .output-money-block .title-section { padding-bottom: 20px; } .pp-activity-tabs-block .output-money-block .typical-tbl td.td-btn { padding-left: 0px; padding-top: 10px; padding-bottom: 10px; } .pp-activity-tabs-block .output-money-block .bottom-links { text-align: right; padding: 25px 0px; } .pp-activity-tabs-block .output-money-block .bottom-links .link-with-icon { margin: 0px 0px 0px 30px; } .pp-activity-tabs-block .output-money-filter { min-height: 93px; color: #474243; margin: 0px 0px 30px; } .pp-activity-tabs-block .output-money-filter > div { padding: 15px 0px 15px; } .pp-activity-tabs-block .output-money-filter .col { float: left; width: 175px; padding: 0px 11px 0px 30px; } .pp-activity-tabs-block .output-money-filter .label { font-weight: bold; } .pp-activity-tabs-block .typical-tbl.diagram-tbl { width: 205px; } .pp-activity-tabs-block .typical-tbl.diagram-tbl thead th { font-weight: normal; padding-top: 5px; padding-bottom: 5px; } .pp-activity-tabs-block .typical-tbl.diagram-tbl td { padding-top: 8px; padding-bottom: 8px; } .payment-system { display: inline-block; padding: 3px 0px 3px 22px; margin: -3px 0px; line-height: 15px; color: #474243; background: no-repeat 0% 50%; } .payment-system.wm { background-image: url(../img/ps-wm.png); } .payment-system.cash { background-image: url(../img/ps-cash.png); } .payment-system.yad { background-image: url(../img/ps-yad.png); } .payment-system.qiwi { background-image: url(../img/ps-qiwi.png); } .pp-outlay-tabs { margin: -5px 0px 55px; } .pp-outlay-tabs .tabs li { padding: 0px !important; text-align: center; } .pp-outlay-tabs .tabs li.item-1 { width: 22%; } .pp-outlay-tabs .tabs li.item-2 { width: 28%; } .pp-outlay-tabs .tabs li.item-3 { width: 20%; } .pp-outlay-tabs .tabs li.item-4 { width: 30%; } .pp-outlay-tabs .about-payment-system { padding: 34px 30px 40px; border-bottom: solid 1px #dbdad6; color: #474243; } .pp-outlay-tabs .about-payment-system .logotype { text-align: center; } .pp-outlay-tabs .about-payment-system .text-block { font-size: 15px; line-height: 24px; padding-bottom: 15px; } .pp-outlay-tabs .about-payment-system .attention-gradient-box > div { background: #f8f4ef; } .pp-outlay-tabs .about-payment-system .ttl { padding: 0px 0px 20px; } .pp-outlay-tabs .form-block { padding: 22px 30px 40px; border-top: solid 1px #faf9f7; color: #474243; } .pp-outlay-tabs .form-block .label { font-size: 15px; font-weight: bold; padding-bottom: 10px; } .pp-outlay-tabs .form-block input[type="text"] { float: left; width: 378px; padding-left: 40px; padding-top: 7px; padding-bottom: 7px; } .pp-outlay-tabs .form-block input[type="text"].wm { background: #fff url(../img/ps-wm.png) no-repeat 12px 50%; } .pp-outlay-tabs .form-block .btn-red-with-coner { float: right; width: 170px; } .pp-outlay-tabs .add-materials { padding: 34px 30px 40px; color: #474243; } .pp-outlay-tabs .add-materials .col-left, .pp-outlay-tabs .about-payment-system .col-left { width: 394px; float: left; } .pp-outlay-tabs .add-materials .col-right, .pp-outlay-tabs .about-payment-system .col-right { width: 176px; float: right; } .pp-outlay-tabs .about-payment-system .ttl, .pp-outlay-tabs .add-materials .ttl { font-size: 21px; line-height: 27px; } .pp-outlay-tabs .add-materials .ttl { padding-bottom: 30px; } .pp-outlay-tabs .add-materials .label { font-size: 15px; line-height: 18px; font-weight: bold; } .pp-outlay-tabs .add-materials .code { font-size: 15px; line-height: 27px; } .pp-outlay-tabs .url-block { border: solid 1px #cbcbcb; padding: 24px 10px 24px 30px; margin: 30px 0px 0px; color: #8b8b8b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .pp-outlay-tabs .url-block > div { min-height: 54px; padding: 0px 0px 0px 70px; position: relative; } .pp-outlay-tabs .url-block .icon { width: 54px; height: 54px; position: absolute; left: 0px; top: 0px; background: #929b3d url(../img/icon-url-white.png) no-repeat 50% 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .pp-outlay-tabs .url-block .link { padding: 0px 0px 10px; } .pp-outlay-tabs .url-block .link a { font-size: 9px; } .pp-outlay-tabs .url-block .link a span { font-size: 18px; } .attention-gradient-box { padding: 2px; font-size: 15px; line-height: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #f5c433; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1YzQzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMjZiMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5c433 0%, #f26b36 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5c433), color-stop(100%, #f26b36)); background: -webkit-linear-gradient(top, #f5c433 0%, #f26b36 100%); background: -o-linear-gradient(top, #f5c433 0%, #f26b36 100%); background: -ms-linear-gradient(top, #f5c433 0%, #f26b36 100%); background: linear-gradient(to bottom, #f5c433 0%, #f26b36 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5c433', endColorstr='#f26b36', GradientType=0); } .attention-gradient-box > div { padding: 15px 18px 12px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .attention-gradient-box .attention { text-indent: 30px; background: url(../img/attention.png) no-repeat 0% 3px; } .pp-outlay-tbl-block { padding: 0px 0px 100px; } .pp-outlay-tbl-block .title-section { padding-bottom: 23px; } .pp-outlay-tbl-block .filter-radios { border: solid 1px #cbcbcb; padding: 15px 0px; margin: 0px 0px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .pp-outlay-tbl-block .filter-radios .check-row { float: left; margin: 0px 0px 0px 20px; padding-bottom: 0px; font-size: 15px; color: #8b8b8b; } .pp-outlay-tbl-block .founded { padding: 0px 0px 0px 20px; background: url(../img/search-top-panel.png) no-repeat 0% 50%; font-size: 15px; line-height: 24px; color: #8b8b8b; margin: 0px 0px 32px; } .pp-outlay-tbl-block .typical-tbl { margin-bottom: 50px; } .pp-qa-block { margin: -15px 0px 100px; } .pp-qa-block .qa-item { padding-bottom: 0px; } .pp-qa-block .qa-item .question { line-height: 24px; background-position: 0px 5px; } .pp-qa-block .qa-item .question a { font-size: 10px; } .pp-qa-block .qa-item .question a span { font-size: 21px; } .pp-qa-block .qa-item .answer { font-size: 15px; line-height: 24px; } .pp-qa-block .help-feedback { margin: 110px 0px 0px; } .pp-qa-block .help-feedback .text { padding-left: 270px; } .pp-conditions-block { color: #474243; padding: 10px 0px 100px; } .pp-conditions-block .text-block { font-size: 15px; line-height: 24px; } .pp-conditions-block .text-block p { padding-bottom: 24px; } .pp-conditions-block .text-block .segoe-font { color: #8b8b8b; } .pp-conditions-block .graphic { padding: 28px 0px 0px; } .pp-conditions-block .graphic .title-section { text-align: center; padding-bottom: 40px; } .pp-conditions-block .graphic .pic { height: 330px; position: relative; background: url(../img/pp-cond-graphic.png) no-repeat 50% 0%; } .pp-conditions-block .graphic .pic .data { position: absolute; left: 394px; padding: 0px 0px 0px 75px; } .pp-conditions-block .graphic .pic .icon { position: absolute; left: 0px; top: 0px; width: 54px; height: 54px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .pp-conditions-block .graphic .pic .percent { font-size: 30px; line-height: 30px; font-weight: bold; color: #474243; } .pp-conditions-block .graphic .pic .segoe-font { font-size: 14px; line-height: 18px; color: #8b8b8b; } .pp-conditions-block .graphic .pic .data.item-1 { top: 25px; } .pp-conditions-block .graphic .pic .data.item-1 .icon { background: #939c3e url(../img/icon-users-2-white.png) no-repeat 50% 38%; } .pp-conditions-block .graphic .pic .data.item-2 { top: 165px; } .pp-conditions-block .graphic .pic .data.item-2 .icon { background: #f5c533 url(../img/icon-users-3-white.png) no-repeat 50% 38%; } .pp-conditions-block .attention-gradient-box { margin-bottom: 57px; } .pp-conditions-block .attention-gradient-box > div { padding-bottom: 20px; } .pp-conditions-block .attention-gradient-box .segoe-font { font-size: 21px; line-height: 27px; padding: 0px 0px 24px 30px; background: url(../img/attention.png) no-repeat 0% 0px; margin: 10px 0px 0px; } .pp-conditions-block .rules { font-size: 15px; line-height: 24px; padding: 0px 0px 80px; } .pp-conditions-block .rules .note { padding: 0px 0px 27px; } .pp-conditions-block .rules .note a { font-size: 9px; } .pp-conditions-block .rules .note a span { font-size: 15px; } .pp-conditions-block .rules .item { position: relative; padding: 0px 0px 24px 60px; } .pp-conditions-block .rules .item .num { width: 40px; height: 49px; position: absolute; left: 0px; top: 3px; text-align: center; line-height: 34px; color: #fff; font-size: 24px; background: no-repeat 50% 0%; } .pp-conditions-block .rules .item .num.yellow { background-image: url(../img/label-yellow.png); } .pp-conditions-block .rules .item .num.lime { background-image: url(../img/label-lime.png); } .pp-conditions-block .rules .item .num.green { background-image: url(../img/label-green.png); } .pp-conditions-block .rules .item .num.red { background-image: url(../img/label-red.png); } .grunge-block.most-important-rule { height: 249px; position: relative; color: #474243; font-size: 18px; line-height: 27px; } .grunge-block.most-important-rule .girl { display: block; position: absolute; right: 20px; bottom: 1px; } .grunge-block.most-important-rule .text { padding: 38px 0px 0px 30px; width: 400px; } .pp-support { padding: 10px 0px 100px; } .pp-support .text-block.top-text { font-size: 15px; line-height: 24px; margin: 0px 0px 15px; } .pp-support .text-block.top-text p { padding-bottom: 24px; } .pp-support .text-block.top-text a { font-size: 9px; } .pp-support .text-block.top-text a span { font-size: 15px; } .pp-support .typical-tbl.support-tbl { margin-top: 30px; } .support-manager { min-height: 207px; color: #474243; } .support-manager .photo-person-160 { float: left; margin: 22px 0px 20px 30px; } .support-manager .cont { float: right; width: 400px; padding: 30px 30px 20px 0px; } .support-manager .name { font-size: 24px; line-height: 27px; font-weight: bold; } .support-manager .pos { color: #8b8b8b; font-size: 15px; line-height: 27px; } .support-manager .phone { font-size: 30px; line-height: 39px; font-weight: bold; padding: 0px 0px 15px; } .support-manager .btn-red-with-coner { width: 248px; text-align: center; } .support-form-block { border-top: solid 1px #d1d0cc; position: relative; top: -5px; color: #474243; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .support-form-block > div { border-top: solid 1px #fcfcfa; padding: 30px; } .support-form-block .label-close { position: absolute; right: 20px; top: -1px; } .support-form-block .col { width: 294px; } .support-form-block .col.right { float: right; } .support-form-block .col.left { float: left; } .support-form-block textarea { height: 82px; } .support-form-block .input-file, .support-form-block .fon-type-file { width: 608px; } .support-form-block .input-file-val { width: 447px; } .support-form-block .fon-type-file { background: url(../img/input-file2.png) no-repeat 100% 50%; } .support-form-block .note-small { padding: 4px 0px 15px; background: none; text-indent: 0px; } .support-form-block .or-close-link { float: left; margin-left: 10px; } .support-form-block .btn { float: left; } .typical-tbl.support-tbl { margin-bottom: 50px; } .typical-tbl.support-tbl tbody { font-size: 14px; line-height: 15px; } .typical-tbl.support-tbl td { padding-top: 10px; padding-bottom: 10px; } .typical-tbl.support-tbl .opacity td { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .typical-tbl.support-tbl .mess { padding-left: 5px; } .typical-tbl.support-tbl .mess a { font-size: 9px; } .typical-tbl.support-tbl .mess a span { font-size: 14px; } .typical-tbl.support-tbl .icon { padding-right: 0px; } /* ========================================================================== LK Registration ========================================================================== */ .reg-form { padding: 42px 30px 57px; margin: 0px 0px 70px; } .reg-form .gift { clear: both; padding: 10px 0 0 0; margin-bottom: 15px; } .reg-form .gift .icon { float: left; width: 100px; margin-left: 200px; margin-top: 4px; } .reg-form .gift .icon img { margin-left: 32px; position: relative; top: -12px; width: 54px; height: 54px; } .reg-form.profile-edit-form .gift .icon { margin-left: 165px; } .reg-form .gift .text { float: left; width: 290px; } .reg-form .section-form { } .reg-form .row { padding-bottom: 20px; } .reg-form .label { float: left; width: 212px; margin: 0px 25px 0px 0px; text-align: right; color: #474243; line-height: 15px; padding: 6px 0px 0px; } .reg-form.profile-edit-form .label { width: 172px; } .reg-form .label.two-lines { padding-top: 0px; } .reg-form .label .grey { font-size: 12px; color: #8b8b8b; } .reg-form .field { float: left; width: 458px; position: relative; } .reg-form .field .date { float: left; width: 145px; margin-right: 11px; } .reg-form.profile-edit-form .field .date { width: 105px; } .reg-form .field .date.check-row { padding-bottom: 0; margin-top: 6px; width: 90px; } .reg-form .field .date.last { margin-right: 0px; } .reg-form.profile-edit-form .field { width: 340px; } .reg-form .field.f-label { line-height: 15px; padding: 6px 0px 0px; } .reg-form textarea { height: 68px; } .reg-form .btn-red-with-coner { float: left; width: 300px; margin: 0px 0px 0px 110px; } .reg-form input[type="email"], .reg-form input[type="text"] { padding-top: 7px; padding-bottom: 7px; } .reg-form input[type="password"].lock { background-image: url(../img/lock.png); background-position: 97% 50%; background-repeat: no-repeat; } .reg-form input[type="email"], .reg-form input[type="text"].mail { background-image: url(../img/mail-red.png); background-position: 97% 50%; background-repeat: no-repeat; } .reg-form .post-index input[type='text'] { float: left; width: 128px; margin-right: 10px; } .reg-form .add-phone { float: right; border: none; display: inline-block; width: 30px; height: 30px; background: url('../img/add-phone.png') 0 0 no-repeat; } .reg-form .add-phone:hover { background-position: 0 100%; } .reg-form .add-phone img { display: none; } .reg-form .check-row a { font-size: 9px; } .reg-form .check-row a span { font-size: 14px; } .reg-form .bottom-row { } .reg-form .privacy { float: left; width: 242px; text-align: right; position: relative; left: -30px; } .reg-form .privacy a { font-size: 9px; } .reg-form .privacy a span { font-size: 14px; } .reg-form .notes { float: right; color: #8b8b8b; font-size: 13px; line-height: 18px; } .reg-form .privacy, .reg-form .notes { padding-top: 5px; } .reg-form.profile-edit-form .notes { margin: 0 0px 0 0; } .reg-form .valid .mess { width: 210px; white-space: normal; margin-top: -8px; } .title-page.reg-title h1 { float: left; } .title-page.reg-title .pluses { float: right; } .title-page.reg-title .plus { float: left; min-height: 54px; padding: 0px 0px 0px 70px; position: relative; margin: 0px 0px 0px 35px; font-size: 15px; line-height: 18px; color: #474243; } .title-page.reg-title .plus .icon { position: absolute; left: 0px; top: 0px; width: 54px; height: 54px; background: no-repeat 50% 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .title-page.reg-title .plus .icon.hand { background-color: #f15722; background-image: url(../img/icon-hand-white.png); } .title-page.reg-title .plus .icon.percent { background-color: #929b3d; background-image: url(../img/icon-percent-white.png); } .title-page.reg-title .plus .icon.calend { background-color: #ffc108; background-image: url(../img/icon-calend-white.png); } .title-page.reg-title .plus .icon.users { background-color: #3db488; background-image: url(../img/icon-users-2-white.png); } .title-page.reg-title .plus .segoe-font { padding: 8px 0px 0px; } .reg-confirm-page { } .reg-confirm-page .title-page { margin-bottom: 25px; } .reg-confirm-page .title-page .subcaption { font-size: 18px; margin-top: 10px; } .reg-confirm-page .capabilities { float: left; width: 450px; padding: 25px 0px; color: #474243; } .reg-confirm-page .capabilities .text-block { font-size: 15px; line-height: 21px; margin-bottom: 70px; } .reg-confirm-page .capabilities .text-block ul a { font-size: 9px; } .reg-confirm-page .capabilities .text-block ul a span { font-size: 15px; } .reg-confirm-page .capabilities .btn { margin-top: -5px; } .reg-confirm-page .subscribe { float: right; width: 410px; padding: 22px 29px; border: solid 1px #cbcbcb; margin: 0px 0px 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .reg-confirm-page .subscribe .check-row { padding-bottom: 9px; } .reg-confirm-page .subscribe .btn { margin: 15px 0px 5px; } .reg-person-data { min-height: 94px; } .reg-person-data .text-block { float: left; width: 390px; font-size: 15px; line-height: 24px; color: #474243; padding: 2px 0px 0px; } .reg-person-data .log-pass { float: right; width: 550px; } .reg-person-data .log-pass .sign-data-card { float: left; } .reg-person-data .log-pass .sign-data-card:first-child { width: 290px; } .sign-data-card { min-height: 54px; position: relative; padding: 2px 0px 0px 70px; color: #474243; font-size: 15px; line-height: 24px; } .sign-data-card .bigger { font-size: 18px; } .sign-data-card .icon { width: 54px; height: 54px; position: absolute; left: 0px; top: 0px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sign-data-card .icon.user { background: #929b3d url(../img/icon-user-white.png) no-repeat 50% 50%; } .sign-data-card .icon.lock { background: #ffc108 url(../img/icon-lock-white.png) no-repeat 50% 50%; } .reg-confirm-wellcome { min-height: 172px; font-size: 18px; line-height: 27px; color: #474243; margin: 0px 0px 32px; } .reg-confirm-wellcome > div { padding: 32px 315px 20px 30px; position: relative; } .reg-confirm-wellcome .bird { display: block; position: absolute; right: 25px; top: 20px; } /* ========================================================================== LK History ========================================================================== */ .lk-history-tbl { font-size: 15px; line-height: 21px; margin: 0px 0px 30px; } .lk-history-tbl .cell { float: left; padding-left: 20px; } .lk-history-tbl .cell.num { width: 157px; } .lk-history-tbl .cell.summa { width: 147px; } .lk-history-tbl .cell.status { width: 187px; } .lk-history-tbl .cell.bonuses { width: 77px; } .lk-history-tbl .thead { background: #f7f5f1; font-weight: bold; color: #474243; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0px -1px rgba(203, 203, 203, 0.75); -moz-box-shadow: inset 0px -1px rgba(203, 203, 203, 0.75); box-shadow: inset 0px -1px rgba(203, 203, 203, 0.75); } .lk-history-tbl .thead .cell { padding-top: 12px; padding-bottom: 12px; } .lk-history-tbl .tbody { border-bottom: solid 1px #cbcbcb; } .lk-history-tbl .trow { border-top: solid 1px #e5e5e5; } .lk-history-tbl .item-block:first-child .trow { border: none; } .lk-history-tbl .trow .cell { padding-top: 15px; padding-bottom: 15px; } .lk-history-tbl .trow .cell.num a { font-size: 9px; border-bottom: dashed 1px #b3ccc7; } .lk-history-tbl .trow .cell.num a:hover { border: none; } .lk-history-tbl .trow .cell.num a span { font-size: 15px; } .lk-history-tbl .rub { padding: 0px; color: #474243; font-weight: bold; } .lk-history-tbl .item-block:nth-child(even), .lk-history-tbl .item-block:nth-child(even) .cont-order .tbl .wrapper-bg { background: #f9f8f6; } .lk-history-tbl .item-block.opacity { opacity: 0.5; } .lk-history-tbl .cont-order { display: none; margin: 0px 20px; padding: 5px 0px 30px; border-top: solid 1px #e2e1e0; } .lk-history-tbl .cont-order .col { width: 300px; } .lk-history-tbl .cont-order .col.left { float: left; } .lk-history-tbl .cont-order .col.right { float: right; } .lk-history-tbl .cont-order .tbl { width: 100%; border-collapse: collapse; line-height: 18px; } .lk-history-tbl .cont-order .tbl td { vertical-align: bottom; background: url(../img/history-tbl-dot.png) repeat-x; padding: 10px 0px 0px; } .lk-history-tbl .cont-order .tbl .label { color: #8b8b8b; background-position: 100% 100%; } .lk-history-tbl .cont-order .tbl .value { text-align: right; font-weight: bold; color: #474243; background-position: 0% 100%; } .lk-history-tbl .cont-order .tbl .wrapper-bg { background: #fff; } .lk-history-tbl .cont-order .float-right { float: right; } .lk-history-tbl .cont-order .quest { position: relative; } .lk-history-tbl .cont-order .quest .icon { display: block; cursor: pointer; } .lk-history-tbl .cont-order .quest .typical-popup { display: none; position: absolute; width: 245px; left: 50%; bottom: 35px; margin-left: -144px; padding: 15px 20px; z-index: 10; font-weight: normal; text-align: left; } .lk-history-tbl .cont-order .quest .typical-popup .text-block p { padding-bottom: 0px; } .lk-history-tbl .cont-order .quest:hover .typical-popup { display: block; } .lk-history-tbl .cont-order .consist h3 { color: #474243; font-size: 21px; line-height: 22px; margin-bottom: 5px; } .lk-history-tbl .cont-order .consist a { font-size: 9px; color: #474243; border-bottom-color: #b8b6b6; } .lk-history-tbl .cont-order .consist a:hover { color: #f15722; } .lk-history-tbl .cont-order .consist a span { font-size: 15px; } .typical-red-attention { text-indent: 25px; font-size: 15px; line-height: 24px; background: url(../img/attention.png) no-repeat 0px 2px; } /* ========================================================================== LK Bookmarks ========================================================================== */ .lk-bookmarks-head { margin: 0px 0px 15px; } .lk-bookmarks-head .num { float: left; height: 40px; line-height: 40px; padding: 0px 0px 0px 25px; position: relative; font-size: 15px; } .lk-bookmarks-head .num .icon { display: block; width: 18px; height: 18px; position: absolute; left: 0px; top: 50%; margin-top: -9px; background: url(../img/pp-icons-menu.png) no-repeat -198px 0px; } .lk-bookmarks-head .show-with-tag { float: right; padding: 10px 0px 0px; } .lk-bookmarks-head .show-with-tag .check-row { padding-bottom: 0px; line-height: 18px; font-size: 15px; } .lk-bookmarks-head .show-with-tag .check-row span.jqTransformCheckboxWrapper { top: 2px; } .typical-tbl.lk-bookmarks { margin: 0px 0px 35px; } .typical-tbl.lk-bookmarks td, .typical-tbl.lk-bookmarks th { padding-left: 20px; padding-right: 0px; } .typical-tbl.lk-bookmarks td { vertical-align: top; } .typical-tbl.lk-bookmarks td.name { width: 210px; } .typical-tbl.lk-bookmarks td.name > div { position: relative; } .typical-tbl.lk-bookmarks td.name .caption { line-height: 18px; } .typical-tbl.lk-bookmarks td.name .caption .borderedLink > span { font-size: 9px; color: #474243; border-bottom-color: #bab8b8; } .typical-tbl.lk-bookmarks td.name .caption .borderedLink:hover > span { color: #f15722; } .typical-tbl.lk-bookmarks td.name .caption .borderedLink > span > span { font-size: 15px; } .typical-tbl.lk-bookmarks td.name .info { color: #d6d6d6; } .typical-tbl.lk-bookmarks td.name .info a { font-size: 8px; border-bottom-color: #c7d9d5; } .typical-tbl.lk-bookmarks td.name .info a span { font-size: 14px; } .typical-tbl.lk-bookmarks td.price { width: 88px; white-space: nowrap; text-align: right; } .typical-tbl.lk-bookmarks td.comment { width: 210px; } .typical-tbl.lk-bookmarks td.comment > div { position: relative; } .typical-tbl.lk-bookmarks td.action { } .typical-tbl.lk-bookmarks td.action .btn-square-icon { float: left; margin: 0px 4px 0px 0px; } .typical-tbl.lk-bookmarks td.action .popup-hint { width: 180px; left: 0; position: absolute; top: -35px; display: none; } .typical-tbl.lk-bookmarks .rub { font-size: 18px; font-weight: bold; color: #474243; padding: 0px; } .typical-tbl.lk-bookmarks .comment-text { padding: 0px 0px 0px 30px; position: relative; line-height: 18px; } .typical-tbl.lk-bookmarks .comment-text .icon { display: block; width: 18px; height: 18px; position: absolute; left: 0px; top: 2px; background: url(../img/comment-red.png) no-repeat 50% 50%; } .typical-tbl.lk-bookmarks .comment-text a { font-size: 8px; color: #474243; border-bottom: dashed 1px #d1cfd0; } .typical-tbl.lk-bookmarks .comment-text a:hover { border: none; } .typical-tbl.lk-bookmarks .comment-text a span { font-size: 14px; } .typical-tbl.lk-bookmarks .add-note { padding: 0px 0px 0px 30px; position: relative; height: 20px; line-height: 20px; font-size: 14px; color: #474243; } .typical-tbl.lk-bookmarks .add-note .icon { width: 16px; height: 16px; position: absolute; left: 0px; top: 3px; background: url(../img/pencil-2-16.png) no-repeat 50% 50%; } .typical-tbl.lk-bookmarks .add-note a { font-size: 8px; border-bottom: 1px dashed; } .typical-tbl.lk-bookmarks .add-note a:hover { border-bottom: none; } .typical-tbl.lk-bookmarks .add-note a span { font-size: 14px; } .typical-tbl.lk-bookmarks .preview { display: none; width: 140px; height: 140px; position: absolute; left: 30px; top: -190px; padding: 20px; background: #fff; border: solid 3px rgba(0, 0, 0, 0.2); z-index: 5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .typical-tbl.lk-bookmarks .preview img { display: block; } .typical-tbl.lk-bookmarks .preview .prod-label { position: absolute; left: 10px; top: 70px; } .typical-tbl.lk-bookmarks .hover-quick-form { display: none; position: absolute; left: -23px; top: -18px; width: 360px; z-index: 9; } .typical-tbl.lk-bookmarks .hover-quick-form .add-note { margin-bottom: 7px; } .hover-quick-form { position: relative; padding: 15px 20px 20px; background: #f8f4ef; border: solid 3px rgba(0, 0, 0, 0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .hover-quick-form .row { padding-bottom: 15px; } .hover-quick-form .label-close { position: absolute; right: 10px; top: -3px; } .hover-quick-form textarea { height: 58px; } .hover-quick-form .link-clean { float: right; position: relative; top: 6px; } .lk-bookmarks-foot { } .lk-bookmarks-foot .show { float: left; height: 18px; line-height: 18px; margin: 0px 20px 0px 0px; font-size: 14px; } .lk-bookmarks-foot .show a { display: block; position: relative; padding: 0px 0px 0px 25px; border: none; } .lk-bookmarks-foot .show .icon { display: block; position: absolute; left: 0px; top: 50%; background: no-repeat 50% 0%; } .lk-bookmarks-foot .show a:hover .icon { background-position: 50% 100%; } .lk-bookmarks-foot .show.more .icon { width: 16px; height: 12px; margin-top: -7px; background-image: url(../img/eye-dbl.png); } .lk-bookmarks-foot .show.all .icon { width: 16px; height: 10px; margin-top: -6px; background-image: url(../img/list-dbl.png); } .lk-bookmarks-foot .show .bordered { font-size: 8px; border-bottom: dashed 1px #b3ccc7; } .lk-bookmarks-foot .show a:hover .bordered { border: none; } .lk-bookmarks-foot .show .bordered span { font-size: 14px; } .lk-bookmarks-foot .link-clean { float: right; } /* ========================================================================== LK Order Form and Cart ========================================================================== */ .grunge-block.order-form-block { margin: 0px 0px 100px; } .grunge-block.order-form-block .section-form { padding: 37px 30px 10px; } .grunge-block.order-form-block .section-form + .section-form { padding-top: 12px; } .grunge-block.order-form-block .col-left { float: left; width: 450px; } .grunge-block.order-form-block .col-right { float: left; width: 160px; margin: 0px 0px 0px 20px; color: #8b8b8b; line-height: 21px; padding: 4px 0px 0px; } .grunge-block.order-form-block .label { float: left; width: 160px; text-align: right; padding: 4px 0px 0px; color: #474243; } .grunge-block.order-form-block .field { float: right; width: 270px; } .grunge-block.order-form-block .field.field-left { float: left; width: 160px; } .grunge-block.order-form-block .field .fluid-field input.long-phone { margin: 0; width: 60px; } .grunge-block.order-form-block .field .fluid-field input.long-phone-new { margin: 0; width: 160px; } .grunge-block.order-form-block .form-row { padding-bottom: 20px; position: relative; } .grunge-block.order-form-block .form-row .field-example { position: absolute; left: 470px; width: 160px; color: #474243; font-size: 13px; } .grunge-block.order-form-block .form-row .field-example a { font-size: 8px; } .grunge-block.order-form-block .form-row .field-example a > span { font-size: 13px; } .grunge-block.order-form-block .form-row .field-example .jsLink { font-size: 8px; color: #474243; border-bottom: dashed 1px rgba(71, 66, 67, 0.5); } .grunge-block.order-form-block .form-row .field-example .jsLink span { font-size: 13px; } .grunge-block.order-form-block .form-row .field-example .jsLink:hover { color: #f26a36; border-bottom: none; } .grunge-block.order-form-block .form-row.bonus { padding-top: 17px; } .grunge-block.order-form-block .phone { float: left; width: 186px; } .grunge-block.order-form-block .add-phone { float: right; border: none; display: inline-block; width: 30px; height: 30px; background: url('../img/add-phone.png') 0 0 no-repeat; } .grunge-block.order-form-block .add-phone:hover { background-position: 0 100%; } .grunge-block.order-form-block .add-phone img { display: none; } .grunge-block.order-form-block input[type="text"], .grunge-block.order-form-block input[type="search"] { padding-top: 7px; padding-bottom: 7px; box-sizing: border-box; } .grunge-block.order-form-block ::-webkit-input-placeholder { color: #a3a0a1; } .grunge-block.order-form-block ::-moz-placeholder { color: #a3a0a1; opacity: 1 !important; } .grunge-block.order-form-block :-moz-placeholder { color: #a3a0a1; opacity: 1 !important; } .grunge-block.order-form-block ::-moz-placeholder { color: #a3a0a1; } .grunge-block.order-form-block :-ms-input-placeholder { color: #a3a0a1; } .grunge-block.order-form-block .attention { text-indent: 25px; background: url(../img/attention.png) no-repeat 0px 2px; padding: 0px 0px 21px; } .grunge-block.order-form-block .bordered-select { width: 248px; top: -7px; left: -7px; } .grunge-block.order-form-block .checks-col { padding: 0px 0px 0px 160px; width: 460px; } .grunge-block.order-form-block .checks-col .check-row { padding-bottom: 20px; } .grunge-block.order-form-block .checks-col .check-row b { font-size: 15px; display: inline-block; line-height: 20px; padding: 0px 0px 4px; } .grunge-block.order-form-block .price { font-weight: bold; margin-bottom: 4px; } .grunge-block.order-form-block .price .rub { padding: 0px; white-space: nowrap; } .grunge-block.order-form-block #addressFullLoader { color: rgba(0, 0, 0, 0.8); font-size: 16px; position: absolute; top: 5px; left: 427px; display: none; } .grunge-block.order-form-block .ora-store { font-weight: bold; margin-top: 7px; display: inline-block; } .grunge-block.order-form-block .descrLabel, .grunge-block.order-form-block .descrLabel { font-size: 13px; } .grunge-block.order-form-block .descrLabel a { font-size: 8px; } .grunge-block.order-form-block .descrLabel a.btn.yellow { font-size: 13px; margin-top: 4px; } .grunge-block.order-form-block .descrLabel a > span { font-size: 13px; } .order-form-block #deliveryTypes .check-row label, .order-form-block #paymentSection .check-row label { font-size: 16px; } /*delivery*/ .delivery-checks-item { padding: 14px 20px 12px; border-top: 1px solid #d9d9d4; letter-spacing: -.5px; } .delivery-checks-item:first-child { border-top: 0; } .delivery-checks-item.selected { background-color: #e4e4e0; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .75); } .delivery-checks-item.selected + .delivery-checks-item { border-top-color: transparent; } .delivery-checks-item .check-row { padding-bottom: 0; } .dci-label { position: relative; display: block; } .grunge-block.order-form-block .delivery-checks-item .price { font-weight: normal; font-size: 14px; margin-bottom: 0; color: #474243; } .dci-label-icon { filter: url(grayscale.svg#grayscale); filter: grayscale(1); -webkit-filter: grayscale(1); } .ordering-delivery__item.selected .dci-label { color: #f26a36; } .ordering-delivery__item.selected .dci-label-icon { filter: none; -webkit-filter: none; } .dci-info { display: none; margin-top: 14px; width: 450px; padding-bottom: 8px; padding-left: 20px; } .typical-form .dci-info .form-row { margin-left: -40px; width: 450px; } .dci-info__post, .typical-form .dci-info__post .form-row, .grunge-block.order-form-block .dci-info__post .field { width: auto; } .typical-form .dci-info__post .form-row { margin-top: 10px; } .address-field input { display: inline-block; margin-left: 5px; } .address-field .address-field input:first-child { margin-left: 0; } .address-field .address-field-street { width: 228px; } .address-field .address-field-house, .address-field .address-field-block, .address-field .address-field-flat { width: 85px; } #suggestAddrCont textarea { height: 48px; } .grunge-block.order-form-block .dci-info .form-row { padding-bottom: 0; } /* payment */ .payment-section { margin: -8px -10px 8px; } .payment-col { width: 50%; float: left; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } .payment-checks-item, .payment-like-checks-item { padding: 16px 18px 12px; border: 2px solid transparent; margin-bottom: -15px; -webkit-transition: margin-bottom 0.4s; -moz-transition: margin-bottom 0.4s; -o-transition: margin-bottom 0.4s; transition: margin-bottom 0.4s; } .payment-like-checks-item { float: right; width: 300px; position: relative; top: -6px; padding: 10px; } .payment-checks-item.selected, .payment-like-checks-item.selected { border: 2px solid #f26a36; border-radius: 3px; margin-bottom: 0; } .payment-checks-item.selected .jsLink { color: #f26a36; border-bottom-color: transparent; } .payment-checks-item.disabled.opened, .payment-like-checks-item.disabled.opened { border: 2px solid #e4e4e0; border-radius: 3px; margin-bottom: 0; } .payment-checks-item.disabled.opened .jsLink { color: #848484; border-bottom-color: transparent; } .pci-info { display: none; } .payment-checks-item .check-row, .payment-like-checks-item .check-row { padding-bottom: 0; } .pci-label { position: relative; display: inline-block; margin-bottom: 7px; letter-spacing: -.5px; } .payment-checks-item.disabled .pci-label span { cursor: default; } .pci-label-icon { position: absolute; left: 100%; margin-left: 10px; bottom: 100%; margin-bottom: -1.07em; height: 24px; filter: url(grayscale.svg#grayscale); filter: grayscale(1); -webkit-filter: grayscale(1); } .payment-checks-item.selected .pci-label-icon { filter: none; -webkit-filter: none; } .grunge-block.order-form-block .dci-info .descrLabel, .grunge-block.order-form-block .pci-info .descrLabel { font-size: 14px; } .grunge-block.order-form-block .disabled .descrLabel { color: #848484; } .bordered-select { padding: 7px; background: #e4e3e0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .cart-num-prods { width: 32px; height: 32px; margin: 0px auto 15px; background: url(../img/side-cart.png) no-repeat 50% 50%; position: relative; } .cart-num-prods .num { display: inline-block; height: 20px; min-width: 10px; padding: 0px 5px; color: #fff; line-height: 20px; text-align: center; font-weight: bold; position: absolute; top: -1px; left: 20px; background: #f15723; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .side-cart { } .side-cart .prod-list { width: 220px; padding: 0px 5px 0px 0px; margin: 0px 0px 20px; } .side-cart .prod-list .item { padding: 10px 0px 6px; } .side-cart .prod-list .item .name { font-size: 15px; color: #8b8b8b; } .side-cart .prod-list .item .name .borderedLink > span { color: #474243; font-size: 9px; border-bottom-color: #cccac9; } .side-cart .prod-list .item .name .borderedLink:hover > span { color: #f15722; } .side-cart .prod-list .item .name .borderedLink > span > span { font-size: 15px; } .side-cart .prod-list .item .price { color: #000; font-size: 15px; font-weight: bold; } .side-cart .scroll-pane { width: 240px; height: 250px; margin: 0px 0px 10px; overflow: auto; } .side-cart .rub { padding: 0px; white-space: nowrap; color: #000; } .side-cart .rub.oldprice { color: #646464; font-size: 15px; text-decoration: line-through; } .side-cart .divider-hor { width: 280px; position: relative; left: -30px; } .side-cart .tbl-dots { font-size: 15px; margin: 10px 0px 25px; } .side-cart .tbl-dots td { padding-top: 15px; } .side-cart.on-cart-page .tbl-dots { margin-top: -10px; margin-bottom: 15px; } .side-cart .total-summa { text-align: center; padding: 0px 0px 25px; } .side-cart.on-cart-page .total-summa { padding-top: 20px; } .side-cart .total-summa .rub { font-size: 42px; color: #000; line-height: 42px; font-weight: bold; padding: 0px; } .side-cart .total-summa .segoe-font { font-size: 15px; color: #f26a36; padding: 0px 0px 10px; } .side-cart .btn-red-with-coner { text-align: center; margin-bottom: 20px; } .side-cart.on-cart-page .btn-red-with-coner { margin-bottom: 40px; } .side-cart .note-mess { padding: 0px 0px 20px; margin: 30px 0px 0px; text-indent: 25px; background: url(../img/attention.png) no-repeat 0px 1px; font-size: 15px; line-height: 21px; } .side-cart .note-mess a { font-size: 8px; border-bottom-color: #cadcd8; } .side-cart .note-mess a span { font-size: 15px; } .tbl-dots { width: 100%; border-collapse: collapse; line-height: 18px; } .tbl-dots td { vertical-align: bottom; background: url(../img/history-tbl-dot.png) repeat-x; padding: 10px 0px 0px; } .tbl-dots .label { color: #8b8b8b; background-position: 100% 100%; } .tbl-dots .value { text-align: right; font-weight: bold; color: #474243; background-position: 0% 100%; } .tbl-dots .wrapper-bg { background: #f8f4ef; } .code-kupon-block { padding: 0px 0px 15px; } .code-kupon-block .open-form { font-size: 15px; padding: 0px 0px 8px; } .code-kupon-block .open-form a { font-size: 9px; border-bottom: dashed 1px #adc5bd; } .code-kupon-block .open-form a:hover { border: none; } .code-kupon-block .open-form a span { font-size: 15px; } .code-kupon-block .open-form.open a { color: #000; cursor: default; border: none; } .code-kupon-block .expand { display: none; } .code-kupon-block .expand .uppercase { text-transform: uppercase; } .code-kupon-block .expand .res-msg { color: #900; font-size: 13px; line-height: 15px; display: block; padding-bottom: 8px; } .code-kupon-block .expand .res-msg.good { color: #090; } .typical-form .code-kupon-block .expand ::-webkit-input-placeholder { text-transform: none; color: #a3a0a1; } .typical-form .code-kupon-block .expand ::-moz-placeholder { text-transform: none; color: #a3a0a1; opacity: 1 !important; } .typical-form .code-kupon-block .expand :-moz-placeholder { text-transform: none; color: #a3a0a1; opacity: 1 !important; } .typical-form .code-kupon-block .expand ::-moz-placeholder { text-transform: none; color: #a3a0a1; } .typical-form .code-kupon-block .expand :-ms-input-placeholder { text-transform: none; color: #a3a0a1; } .typical-tbl.cart { margin: 0px 0px 40px; font-size: 15px; } .typical-tbl.cart .rub { padding: 0px; color: #000; font-size: 15px; white-space: nowrap; } .typical-tbl.cart .rub.oldprice { text-decoration: line-through; } /*.typical-tbl.cart b.rub { background-image: url(../img/rub-15-bold-black000.png); }*/ .typical-tbl.cart td, .typical-tbl.cart th { padding-left: 20px; padding-right: 0px; } .typical-tbl.cart td { vertical-align: top; } .typical-tbl.cart td.photo { width: 80px; padding-top: 2px; padding-bottom: 2px; } .typical-tbl.cart td.photo img { display: block; } .typical-tbl.cart td.photo a { border: none; } .typical-tbl.cart td.name { width: 238px; padding-left: 10px; font-size: 15px; line-height: 20px; } .typical-tbl.cart td.name a { font-size: 9px; } .typical-tbl.cart td.name a span { font-size: 15px; } .typical-tbl.cart td.name .borderedLink > span { font-size: 9px; } .typical-tbl.cart td.name .borderedLink > span > span { font-size: 15px; } .typical-tbl.cart td.price { width: 80px; } .typical-tbl.cart th.num, .typical-tbl.cart td.num { width: 100px; padding-left: 0px; color: #474243; } .typical-tbl.cart td.gift > div { position: relative; padding: 5px 0px 0px; } .typical-tbl.cart td.gift .text { line-height: 18px; } .typical-tbl.cart td.gift .text > .grey-color { position: relative; top: -15px; } .typical-tbl.cart td.gift .text .popup-container > a { font-size: 8px; border-bottom-color: #c7d9d5; } .typical-tbl.cart td.gift .text .popup-container > a:hover { color: #474243; } .typical-tbl.cart td.gift .text .popup-container > a span { font-size: 15px; } .typical-tbl.cart td.gift .text .popup-container { padding: 0px 0px 20px; } .typical-tbl.cart td.gift .text .popup-container:hover .typical-popup-shadow { display: block; } .typical-tbl.cart td.gift .typical-popup-shadow { padding: 20px; width: 410px; left: -28px; top: 38px; display: none; z-index: 9; } .typical-tbl.cart td.gift .prod-row-card-small { min-height: 80px; font-size: 14px; } .typical-tbl.cart td.gift .prod-row-card-small .photo { width: 100px; height: 0px; } .typical-tbl.cart td.gift .prod-row-card-small .photo img { border: solid 1px #e4e4e4; } .typical-tbl.cart td.gift .prod-row-card-small .container { margin-left: -120px; } .typical-tbl.cart td.gift .prod-row-card-small .container > div { margin-left: 120px; padding-bottom: 0px; position: relative; } .typical-tbl.cart td.gift .prod-row-card-small .caption { padding-top: 0px; } .typical-tbl.cart td.gift .prod-row-card-small .favorite { bottom: -5px; } .typical-tbl.cart td.gift .prod-row-card-small .art a span { font-size: 12px; } .typical-tbl.cart td.gift .divide { border-top: solid 1px #e5e5e5; margin: 15px 0px; clear: both; height: 0px; overflow: hidden; } .switch-num { width: 80px; position: relative; } .switch-num .switch-minus, .switch-num .switch-plus { width: 20px; height: 26px; border: solid 1px #689a8f; background: no-repeat 0 0; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .switch-num .switch-minus { float: left; background-image: url(../img/switch-minus.png); } .switch-num .switch-plus { float: right; background-image: url(../img/switch-plus.png); } .switch-num .switch-minus:hover, .switch-num .switch-plus:hover { border: solid 1px #f15722; background-position: 0 100%; } .switch-num input[type="text"] { float: left; width: 30px; height: 16px; padding: 5px 0px; margin: 0px 0px 0px 2px; border: solid 1px #bfbfbf; text-align: center; color: #474243; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .switch-num input[type="text"].notEnough { border-color: #f26a36; color: #f26a36; } .switch-num .delete { text-align: center; padding: 0px 0px 0px; } .switch-num .delete a { font-size: 8px; border-bottom: dashed 1px #bab8b8; color: #474243; } .switch-num .delete a:hover { border: none; } .switch-num .delete a span { font-size: 14px; } .switch-num .popup-hint { white-space: nowrap; position: absolute; top: -35px; left: -60px; width: 180px; display: none; } .switch-num .popup-hint .pipka-bottom { left: 50%; margin-left: -7px; } /* ========================================================================== LK ========================================================================== */ .title-page.on-lk-page { width: 668px; } .title-page.on-lk-page h1 { float: left; } .title-page.on-lk-page .user { float: right; font-size: 15px; color: #8b8b8b; padding: 8px 0px 0px; } .brief-grunge-box { font-size: 15px; line-height: 18px; margin: -5px 0px 50px; } .brief-grunge-box a { border-bottom-color: #cddad3; font-size: 9px; } .brief-grunge-box a span { font-size: 15px; } .brief-grunge-box .box { float: left; width: 333px; } .brief-grunge-box .box > div { padding: 25px 30px 15px; } .brief-grunge-box .box.first { min-height: 230px; border-right: solid 1px #dbdbd6; border-bottom: solid 1px #dddcd8; } .brief-grunge-box .box.second { min-height: 230px; border-left: solid 1px #fbfbfa; border-bottom: solid 1px #dddcd8; } .brief-grunge-box .box.third { min-height: 290px; border-right: solid 1px #dbdbd6; border-top: solid 1px #fcfbfa; } .brief-grunge-box .box.fourth { min-height: 290px; border-left: solid 1px #fbfbfa; border-top: solid 1px #fcfbfa; } .brief-grunge-box .title-box { font-size: 18px; line-height: 21px; color: #474243; padding: 0px 0px 15px; } .brief-grunge-box .big-num { font-size: 48px; line-height: 52px; color: #474243; font-weight: bold; } .brief-grunge-box .your-sale { float: left; } .brief-grunge-box .scale { float: right; line-height: 16px; font-size: 13px; } .brief-grunge-box .scale .row { padding: 0px 0px 2px; height: 16px; overflow: hidden; } .brief-grunge-box .scale .percent { float: right; height: 16px; line-height: 18px; width: 37px; text-align: center; font-weight: bold; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .brief-grunge-box .scale .percent.grey { background: #d9d9d9; } .brief-grunge-box .scale .percent.green { background: #3db488; } .brief-grunge-box .scale .percent.yellow { background: #ffc108; } .brief-grunge-box .scale .percent.red { background: #f15723; } .brief-grunge-box .scale .summa { float: right; padding: 0px 10px 0px 0px; color: #8b8b8b; line-height: 18px; } .brief-grunge-box .history-nums { width: 120px; margin: 0px 0px 15px; } .brief-grunge-box .history-nums.left { float: left; } .brief-grunge-box .history-nums.right { float: right; } .brief-grunge-box .history-nums .num { float: left; color: #474243; } .brief-grunge-box .history-nums .num .big-num { margin-bottom: -7px; } .brief-grunge-box .history-nums .icon { float: right; width: 54px; height: 54px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .brief-grunge-box .history-nums .icon.truck { background: #929b3d url(../img/icon-truck-white.png) no-repeat 50% 50%; } .brief-grunge-box .history-nums .icon.list { background: #f15723 url(../img/icon-list-white.png) no-repeat 50% 50%; } .brief-grunge-box .points { } .brief-grunge-box .points .icon { float: right; width: 54px; height: 54px; background: #3db488 url(../img/icon-crown-white.png) no-repeat 50% 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .brief-grunge-box .points .big-num { float: left; color: #474243; padding: 5px 0px 0px; } .brief-grunge-box .points .big-num span { font-size: 21px; } .brief-grunge-box p { padding-bottom: 7px; } .brief-grunge-box .partner-summa { margin: 0px 0px 10px; } .brief-grunge-box .partner-summa .big-num { float: left; } .brief-grunge-box .partner-summa .big-num .rub { padding: 0px; } .brief-grunge-box .partner-summa .btn { float: right; font-size: 14px; position: relative; top: 8px; } .brief-grunge-box .code-label { float: left; margin-bottom: 20px; } .brief-grunge-box .partners-num { float: right; width: 120px; color: #8b8b8b; font-size: 15px; line-height: 18px; position: relative; top: -2px; } .code-label { width: 100px; height: 32px; line-height: 32px; padding-left: 12px; background: url(../img/code-label-s.png) no-repeat 50% 50%; text-align: center; position: relative; font-size: 18px; font-weight: bold; color: #939c3e; } .code-label .number { height: 20px; min-width: 10px; padding: 0px 5px; text-align: center; line-height: 24px; position: absolute; right: -10px; top: -10px; color: #fff; font-weight: bold; background: #f15723; font-size: 14px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .lk-brief-cols { } .lk-brief-cols .col { width: 304px; } .lk-brief-cols .col.left { float: left; } .lk-brief-cols .col.right { float: right; } .lk-brief-cols .divider { border-top: solid 1px #e5e5e5; height: 0px; overflow: hidden; margin: 35px auto 45px; } .lk-person-data { color: #474243; } .lk-person-data .block { font-size: 18px; min-height: 32px; line-height: 24px; padding: 0px 0px 0px 40px; } .lk-person-data .block.user { background: url(../img/icon-32-user.png) no-repeat 0px 0; } .lk-person-data .block.addr { background: url(../img/icon-32-map.png) no-repeat 0px 0; } .lk-person-data .edit { padding: 0px 0px 0px 25px; background: url(../img/pencil-16.png) no-repeat 0% 50%; font-size: 15px; margin: 20px 0px 0px; } .lk-person-data .edit a { font-size: 9px; } .lk-person-data .edit a span { font-size: 15px; } .lk-person-data span.code-label { display: inline-block; margin-left: 10px; } .lk-my-bookmarks { margin: 0px 0px 100px; } .lk-my-bookmarks .title-section h3 .num { font-weight: normal; color: #5d840d; } .lk-my-bookmarks .item { position: relative; padding: 0px 0px 0px 90px; min-height: 80px; margin: 0px 0px 20px; } .lk-my-bookmarks .item .photo { width: 80px; height: 80px; position: absolute; left: 0px; top: 0px; } .lk-my-bookmarks .item .photo .prod-label { position: absolute; left: 0px; top: 25px; } /*.lk-my-bookmarks .item a { color: #474243; line-height: 18px; font-size: 9px; border-bottom-color: #bab8b8; } .lk-my-bookmarks .item a:hover { color: #f15722; } .lk-my-bookmarks .item span { font-size: 15px; }*/ .lk-my-bookmarks .item .borderedLink > span { color: #474243; line-height: 18px; font-size: 9px; border-bottom-color: #bab8b8; } .lk-my-bookmarks .item .borderedLink:hover > span { color: #f15722; } .lk-my-bookmarks .item .borderedLink > span > span { font-size: 15px; } .lk-my-bookmarks .item .caption { padding: 5px 0px 0px; } .lk-my-bookmarks .link-with-icon-15 { margin-top: 40px; } .lk-discuss { margin: 0px 0px 80px; } .lk-discuss .text-block ul { color: #474243; font-size: 18px; line-height: 20px; } .lk-discuss .text-block ul li { padding-left: 16px; padding-bottom: 15px; } .lk-discuss .text-block ul .do-not-read { font-size: 14px; color: #646464; } .lk-discuss .text-block ul .do-not-read b { color: #474243; } .lk-discuss .text-block ul .do-not-read a { color: #646464; border-bottom-color: #8a8a8a; } .lk-discuss .text-block ul .do-not-read a:hover { color: #474243; } /* ========================================================================== Our Shops ========================================================================== */ .shop-plan-block { padding: 0px 0px 75px; } .shop-plan { width: 1200px; height: 668px; position: relative; left: -101px; background: url(../img/shop-plan.jpg) no-repeat 50% 0%; margin: 0px 0px 60px; } .shop-plan .point-wrapper { } .shop-plan .point { display: block; border: none; width: 40px; height: 40px; font-size: 18px; color: #fff; text-align: center; line-height: 38px; font-family: 'segoe', sans-serif; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .shop-plan .point.red { background: #f15722; } .shop-plan .point.yellow { background: #ffc108; } .shop-plan .point.green { background: #3db488; } .shop-plan .point.lime { background: #929b3d; } .shop-plan .point.brown { background: #664c4e; } .shop-plan .point.item-1 { left: 290px; top: 77px; } .shop-plan .point.item-2 { left: 625px; top: 187px; } .shop-plan .point.item-3 { right: 176px; top: 160px; } .shop-plan .point.item-4 { left: 70px; top: 242px; } .shop-plan .point.item-5 { left: 266px; top: 320px; } .shop-plan .point.item-6 { left: 164px; bottom: 90px; } .shop-plan .popup-point { display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../img/blank.gif); z-index: 9; } .shop-plan .popup-point .win { width: 684px; position: absolute; left: 50%; margin-left: -342px; top: 110px; } .shop-plan .popup-point img { display: block; border: solid 3px rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .shop-plan .popup-point .label-close { position: absolute; top: -2px; right: 13px; } .shop-plan .popup-point .caption { position: absolute; left: 3px; bottom: 63px; max-width: 678px; color: #fff; font-size: 18px; line-height: 24px; background: rgba(0, 0, 0, 0.75); } .shop-plan .popup-point .caption > div { padding: 5px 15px 8px 20px; } .shop-plan .note { font-size: 18px; line-height: 27px; padding: 0px 0px 0px 25px; position: absolute; left: 684px; top: 355px; background: url(../img/attention.png) no-repeat 0px 4px; } .btn-virtual-tour { display: block; height: 50px; width: 490px; padding: 0px 0px 0px 68px; background: #ffc108 url(../img/btn-virtual-tour.png) no-repeat 0% 50%; text-align: center; margin: 0px auto; border: none; font-size: 21px; line-height: 50px; text-transform: uppercase; font-weight: bold; color: #fff; text-shadow: -1px -1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn-virtual-tour:hover { color: #fff; } .our-shops-gall-block { padding: 0px 0px 90px; } .our-shops-gall-block .title { font-size: 21px; line-height: 27px; color: #474243; text-align: center; padding: 0px 0px 40px; } .our-shops-gall-block .photo-gall { position: relative; } .our-shops-gall-block .photo-gall .label-photo { display: block; position: absolute; left: 50%; top: -20px; margin-left: -20px; z-index: 15; } .our-shop-time-addr-block { padding: 0px 0px 20px; } .our-shop-time-addr-block .cols { width: 1048px; margin: 0px -50px 0px 0px; } .our-shop-time-addr-block .col { float: left; width: 474px; margin: 0px 50px 50px 0px; } .our-shop-time-addr-block .item { padding: 0px 0px 0px 80px; position: relative; min-height: 70px; color: #474243; } .our-shop-time-addr-block .item .label { display: block; position: absolute; left: 0px; top: 0px; } .our-shop-time-addr-block .item .caption { font-size: 16px; text-transform: uppercase; line-height: 16px; font-weight: bold; padding: 0px 0px 10px; } .our-shop-time-addr-block .item .cont { font-size: 21px; line-height: 27px; } /* ========================================================================== Actions ========================================================================== */ .actions-grid { margin: 0px 0px 120px; } .actions-grid .col { line-height: 0; } .actions-grid .col a { margin: 0px 0 30px 0px; display: inline-block; border-bottom: none; width: 100%; overflow: hidden; } .actions-grid .col a img { width: 100%; } .action-card { height: 300px; position: relative; } .action-card .lbl { position: absolute; } .action-card .lbl img { display: block; } .action-card .lbl.completed-vert { right: 20px; top: -10px; } .action-card .lbl.completed { right: 0px; top: 0px; } .action-card .pic { display: block; } .action-card .more a { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.5); font-size: 9px; } .action-card .more a span { font-size: 15px; } .action-card .txt-bottom { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 148px; color: #fff; text-align: center; } .action-card .txt-bottom.red { background: #f15723; } .action-card .txt-bottom.red .stamp-border { background: url(../img/stamp-border-top-red.png) repeat-x 0% 100%; } .action-card .txt-bottom.green { background: #3db488; } .action-card .txt-bottom.green .stamp-border { background: url(../img/stamp-border-top-green.png) repeat-x 0% 100%; } .action-card .txt-bottom .stamp-border { height: 4px; width: 100%; position: absolute; top: -4px; left: 0px; } .action-card .txt-bottom .inner { padding: 24px 15px 0px; } .action-card .txt-right { position: absolute; top: 0px; right: 0px; height: 100%; width: 186px; color: #fff; } .action-card .txt-right .stamp-border { width: 4px; height: 100%; position: absolute; left: -4px; top: 0px; } .action-card .txt-right.lime { background: #929b3d; } .action-card .txt-right.lime .stamp-border { background: url(../img/stamp-border-left-lime.png) repeat-y 100% 0%; } .action-card .txt-right .inner { padding: 25px 15px 0px 18px; } .action-card .txt-right .more { position: absolute; left: 18px; bottom: 25px; } .action-card .txt-right .label-red { position: absolute; bottom: 52px; left: -44px; } .action-card p { font-size: 18px; line-height: 21px; } .action-card .title { font-size: 24px; line-height: 27px; font-weight: bold; text-transform: uppercase; padding: 0px 0px 5px; } .action-card .percent-big { font-size: 72px; line-height: 24px; color: #f15723; position: absolute; right: 0px; top: 86px; font-weight: bold; } .action-card.fill { background: #664c4e; text-align: center; color: #fff; } .action-card.fill .inner { padding: 25px 15px 0px; } .action-card.fill .pic { padding: 0px 0px 7px; } .action-card.fill .pic img { display: inline; } .action-card .date-label { position: absolute; right: 20px; top: -10px; } .action-card .label-red { width: 82px; height: 58px; background: url(../img/action-label-red.png) no-repeat 50% 50%; text-align: center; color: #fff; font-size: 13px; line-height: 15px; } .action-card .label-red > div { padding: 14px 0px 0px; } .action-card-wide { height: 300px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #f5c533; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1YzUzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMTU3MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5c533 0%, #f15723 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5c533), color-stop(100%, #f15723)); background: -webkit-linear-gradient(top, #f5c533 0%, #f15723 100%); background: -o-linear-gradient(top, #f5c533 0%, #f15723 100%); background: -ms-linear-gradient(top, #f5c533 0%, #f15723 100%); background: linear-gradient(to bottom, #f5c533 0%, #f15723 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5c533', endColorstr='#f15723', GradientType=0); } .action-card-wide .title { height: 60px; text-align: center; color: #fff; line-height: 64px; font-size: 24px; text-transform: uppercase; font-weight: bold; overflow: hidden; } .action-card-wide .inner-white { height: 238px; background: #fff; margin: 0px 2px; -webkit-border-radius: 0px 0px 2px 2px; -moz-border-radius: 0px 0px 2px 2px; border-radius: 0px 0px 2px 2px; } .action-card-wide .mathematics { padding: 20px 0px 18px 25px; } .action-card-wide .brand-text { padding: 0px 35px 0px 28px; font-size: 18px; line-height: 24px; color: #474243; } .action-card-wide .brand-text .brand { float: left; margin: 0px 10px 5px 0px; } .banners-3-cols { margin: 0px 0px 50px; } .banners-3-cols .col { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .banners-3-cols .banner { padding: 0px 0px 0px 70px; position: relative; color: #8b8b8b; font-size: 15px; line-height: 21px; margin: 0px 0px 30px; } .banners-3-cols .banner .caption { color: #474243; font-size: 18px; line-height: 22px; padding: 0px 0px 8px; } .banners-3-cols .banner .icon { width: 54px; height: 54px; position: absolute; left: 0px; top: 0px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .banners-3-cols .banner .icon.percent { background: #f15722 url(../img/icon-percent-2-white.png) no-repeat 55% 45%; } .banners-3-cols .banner .icon.card { background: #929b3d url(../img/icon-card-white.png) no-repeat 50% 50%; } .banners-3-cols .banner .icon.users { background: #ffc108 url(../img/icon-users-2-white.png) no-repeat 50% 45%; } .banners-3-cols .banner .icon.about1 { background: #f15722 url(../img/icons/about-icon-1.png) no-repeat 55% 50%; } .banners-3-cols .banner .icon.about2 { background: #929b3d url(../img/icons/about-icon-2.png) no-repeat 50% 50%; } .banners-3-cols .banner .icon.about3 { background: #ffc108 url(../img/icons/about-icon-3.png) no-repeat 50% 50%; } .banners-3-cols .banner .icon.main1 { background: url(../img/icons/main-banner-icons.png) no-repeat 0 0; } .banners-3-cols .banner .icon.main2 { background: url(../img/icons/main-banner-icons.png) no-repeat -54px 0; } .banners-3-cols .banner .icon.main3 { background: url(../img/icons/main-banner-icons.png) no-repeat -108px 0; } .action-subcaption { margin: -10px 0px 30px; } .action-subcaption .segoe-font { float: left; width: 590px; color: #8b8b8b; font-size: 18px; line-height: 27px; } .action-subcaption .logotypes { float: right; width: 370px; } .action-subcaption .logotypes img { float: left; margin: 0px 12px 0px 0px; } .action-big-card { margin: 0px 0px 20px; padding: 2px 0px 0px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #f5c533; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1YzUzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MzljM2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5c533 0%, #939c3e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5c533), color-stop(100%, #939c3e)); background: -webkit-linear-gradient(top, #f5c533 0%, #939c3e 100%); background: -o-linear-gradient(top, #f5c533 0%, #939c3e 100%); background: -ms-linear-gradient(top, #f5c533 0%, #939c3e 100%); background: linear-gradient(to bottom, #f5c533 0%, #939c3e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5c533', endColorstr='#939c3e', GradientType=0); } .action-big-card img { width: 100%; } .action-big-card .inner-white { height: 318px; margin: 0px 2px; background: #fff; position: relative; -webkit-border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; } .action-big-card .title { min-height: 60px; position: relative; margin: 0px 2px; color: #fff; font-size: 24px; line-height: 60px; text-align: center; font-weight: bold; } .action-big-card .labels { position: absolute; right: 15px; top: 15px; } .action-big-card .labels img { float: left; margin: 0px 0px 0px 10px; } .action-big-card .math { padding: 45px 0px 0px 47px; } .action-big-card .math .equal { float: left; height: 210px; width: 70px; background: url(../img/equal-b.png) no-repeat 50% 55%; } .action-big-card .math .plus { float: left; height: 210px; width: 70px; background: url(../img/plus-b.png) no-repeat 50% 55%; } .action-big-card .math .icon-54 { position: absolute; left: 50%; top: 50%; margin: -27px 0px 0px -27px; } .action-big-card .math .term { float: left; width: 210px; height: 210px; position: relative; } .action-big-card .math .term .img { display: block; } .action-big-card .math .term-wide { float: left; width: 378px; height: 210px; position: relative; } .action-big-card .math .term-wide .brand { float: left; padding: 40px 0px 0px; } .action-big-card .math .term-wide .text { float: right; width: 158px; font-size: 24px; font-weight: bold; line-height: 27px; color: #000; padding: 80px 0px 0px; } .action-big-card .math .term-wide .icon-54 { margin-left: -37px; } .action-big-card .residue { text-align: center; } .action-big-card .residue .visual { width: 280px; height: 25px; margin: 0px auto; background: url(../img/residue.png) no-repeat 50% 50%; } .action-big-card .residue .caption { line-height: 28px; font-size: 15px; font-weight: bold; color: #474243; } .lbl-action { height: 40px; background: #664c4e; color: #fff; line-height: 44px; position: absolute; left: -10px; top: 20px; padding: 0px 25px 0px 20px; } .lbl-action .coner { width: 7px; height: 40px; position: absolute; right: -7px; top: 0px; background: url(../img/label-action-card.png) no-repeat 0% 50%; } .lbl-action p { float: left; font-size: 18px; text-transform: uppercase; font-weight: bold; } .lbl-action .icon { float: left; margin: 0px 12px 0px 0px; position: relative; top: 5px; } .action-big-card-attention { font-size: 15px; text-align: right; line-height: 22px; margin: 0px 0px 35px; color: #8b8b8b; } .action-big-card-attention span { padding: 0px 0px 0px 24px; background: url(../img/attention.png) no-repeat 0px 50%; display: inline-block; min-height: 20px; } .article-about-brand { } .article-about-brand.offer-card { padding-left: 0px; border-bottom: solid 1px #cbcbcb; padding-bottom: 40px; margin: 0px 0px 32px; } .article-about-brand .top-title { font-size: 24px; line-height: 30px; font-weight: bold; color: #474243; padding: 0px 0px 30px; } .article-about-brand .top-title a { font-size: 12px; font-weight: normal; } .article-about-brand .top-title a span { font-size: 24px; } .article-about-brand .col-700 { float: left; width: 670px; padding: 0px 0px 40px 30px; } .article-about-brand .col-240 { float: right; width: 240px; } .article-about-brand .brand-title { padding: 0px 0px 25px 30px; position: relative; } .article-about-brand .brand-title .segoe-font { font-size: 21px; line-height: 27px; color: #f15722; } .article-about-brand .brand-title .num { width: 20px; height: 20px; position: absolute; left: 0px; top: 4px; text-align: center; line-height: 20px; color: #fff; background: #929b3d; font-size: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .article-about-brand .text-block { color: #474243; font-size: 15px; line-height: 21px; } .article-about-brand .title-section { padding-left: 30px; } .article-about-brand .prod-card-small-catalog .divider { margin-top: 45px; } /* ========================================================================== Why we ========================================================================== */ .why-we-block { width: 100%; margin: 0px auto; padding: 70px 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .why-we-block .why-section { position: relative; } .why-we-block .why-section.left { padding-left: 10px; } .why-we-block .why-section.right { padding-right: 10px; } .why-we-block .why-section .empty-right-top { width: 30px; height: 30px; display: block; background: #fff; position: absolute; right: 0px; top: 0px; } .why-we-block .why-section .empty-right-bottom { width: 30px; height: 10px; display: block; background: #fff; position: absolute; right: 0px; bottom: 0px; } .why-we-block .why-section .empty-left-top { width: 30px; height: 20px; display: block; background: #fff; position: absolute; left: 0px; top: 0px; } .why-we-block .why-section .empty-left-bottom { width: 30px; height: 20px; display: block; background: #fff; position: absolute; left: 0px; bottom: 0px; } .why-we-block .why-section > div { height: 430px; background: #fff; position: relative; } .why-we-block .why-section.last > div { height: 480px; } .why-we-block .why-section.section-1 { background: #f25623; } .why-we-block .why-section.section-1 > div { height: 330px; } .why-we-block .why-section.section-2 { background: #3eb387; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlYjM4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MjU3NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3eb387 0%, #625755 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3eb387), color-stop(100%, #625755)); background: -webkit-linear-gradient(top, #3eb387 0%, #625755 100%); background: -o-linear-gradient(top, #3eb387 0%, #625755 100%); background: -ms-linear-gradient(top, #3eb387 0%, #625755 100%); background: linear-gradient(to bottom, #3eb387 0%, #625755 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3eb387', endColorstr='#625755', GradientType=0); } .why-we-block .why-section.section-2 > div { height: 430px; } .why-we-block .why-section.section-3 { background: #625755; } .why-we-block .why-section.section-4 { background: #f2be2c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyYmUyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MjliM2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f2be2c 0%, #929b3e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2be2c), color-stop(100%, #929b3e)); background: -webkit-linear-gradient(top, #f2be2c 0%, #929b3e 100%); background: -o-linear-gradient(top, #f2be2c 0%, #929b3e 100%); background: -ms-linear-gradient(top, #f2be2c 0%, #929b3e 100%); background: linear-gradient(to bottom, #f2be2c 0%, #929b3e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2be2c', endColorstr='#929b3e', GradientType=0); } .why-we-block .why-section.section-5 { background: #929b3e; } .why-we-block .why-section.section-5 > div { height: 70px; } .why-we-block .line { height: 20px; width: 50%; position: absolute; display: block; z-index: 5; } .why-we-block .line span { display: block; height: 10px; background: #fff; } .why-we-block .line.left-bottom { left: 0px; bottom: -20px; -webkit-border-radius: 0px 0px 0px 20px; -moz-border-radius: 0px 0px 0px 20px; border-radius: 0px 0px 0px 20px; } .why-we-block .line.left-bottom span { margin-left: 10px; -webkit-border-radius: 0px 0px 0px 10px; -moz-border-radius: 0px 0px 0px 10px; border-radius: 0px 0px 0px 10px; } .why-we-block .line.left-top { left: 0px; top: 0px; -webkit-border-radius: 20px 0px 0px 0px; -moz-border-radius: 20px 0px 0px 0px; border-radius: 20px 0px 0px 0px; } .why-we-block .line.left-top span { margin-left: 10px; position: relative; top: 10px; -webkit-border-radius: 10px 0px 0px 0px; -moz-border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px 0px; } .why-we-block .line.right-top { right: 0px; top: 10px; -webkit-border-radius: 0px 20px 0px 0px; -moz-border-radius: 0px 20px 0px 0px; border-radius: 0px 20px 0px 0px; } .why-we-block .line.right-top span { margin-right: 10px; position: relative; top: 10px; -webkit-border-radius: 0px 10px 0px 0px; -moz-border-radius: 0px 10px 0px 0px; border-radius: 0px 10px 0px 0px; } .why-we-block .line.right-bottom { right: 0px; bottom: -10px; -webkit-border-radius: 0px 0px 20px 0px; -moz-border-radius: 0px 0px 20px 0px; border-radius: 0px 0px 20px 0px; } .why-we-block .line.right-bottom span { margin-right: 10px; -webkit-border-radius: 0px 0px 10px 0px; -moz-border-radius: 0px 0px 10px 0px; border-radius: 0px 0px 10px 0px; } .why-we-block .line.line-1 { background: #f25623; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyNTYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Nzg1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #f25623 0%, #978555 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f25623), color-stop(100%, #978555)); background: -webkit-linear-gradient(left, #f25623 0%, #978555 100%); background: -o-linear-gradient(left, #f25623 0%, #978555 100%); background: -ms-linear-gradient(left, #f25623 0%, #978555 100%); background: linear-gradient(to right, #f25623 0%, #978555 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f25623', endColorstr='#978555', GradientType=1); } .why-we-block .line.line-2 { background: #978555; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3ODU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZWIzODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #978555 0%, #3eb387 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #978555), color-stop(100%, #3eb387)); background: -webkit-linear-gradient(left, #978555 0%, #3eb387 100%); background: -o-linear-gradient(left, #978555 0%, #3eb387 100%); background: -ms-linear-gradient(left, #978555 0%, #3eb387 100%); background: linear-gradient(to right, #978555 0%, #3eb387 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#978555', endColorstr='#3eb387', GradientType=1); } .why-we-block .line.line-3, .why-we-block .line.line-4 { background: #625755; } .why-we-block .line.line-5 { background: #625755; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyNTc1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmJlMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #625755 0%, #f2be2c 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #625755), color-stop(100%, #f2be2c)); background: -webkit-linear-gradient(left, #625755 0%, #f2be2c 100%); background: -o-linear-gradient(left, #625755 0%, #f2be2c 100%); background: -ms-linear-gradient(left, #625755 0%, #f2be2c 100%); background: linear-gradient(to right, #625755 0%, #f2be2c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#625755', endColorstr='#f2be2c', GradientType=1); } .why-we-block .line.line-6 { background: #f2be2c; } .why-we-block .line.line-7, .why-we-block .line.line-8 { background: #929b3e; } .why-we-block .circle-num { display: block; width: 54px; height: 54px; text-align: center; line-height: 54px; color: #fff; background: #000; position: absolute; top: 80px; font-size: 28px; z-index: 6; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .why-we-block .circle-num.left { left: -22px; } .why-we-block .circle-num.right { right: -22px; } .why-we-block .section-1 .circle-num { background: #f25623; top: -10px; } .why-we-block .section-2 .circle-num { background: #469d7b; } .why-we-block .section-3 .circle-num { background: #625755; } .why-we-block .section-4 .circle-num { background: #dab530; } .why-we-block .section-5 .circle-num { background: #929b3e; top: auto; bottom: -34px; } .why-we-block .pic { display: block; position: absolute; z-index: 10; } .why-we-block .section-1 .pic { right: 0px; bottom: -10px; } .why-we-block .section-2 .pic { left: -24px; bottom: 0px; } .why-we-block .section-3 .pic { right: 0px; bottom: -10px; } .why-we-block .section-4 .pic { left: 0px; top: 90px; } .why-we-block .last .pic { right: -94px; bottom: 0px; } .why-we-block .text-block { } .why-we-block .text-block p a { font-size: 10px; } .why-we-block .text-block p a span { font-size: 18px; } .why-we-block .text-block p { font-size: 18px; line-height: 27px; padding-bottom: 10px; } .why-we-block .text-block .btn { font-size: 14px; } .why-we-block .text-block .segoe-font { font-size: 28px; line-height: 1.2; color: #484244; padding-bottom: 30px; } .why-we-block .left .text-block { padding-left: 65px; } .why-we-block .right .text-block { float: right; padding-right: 65px; text-align: right; } .why-we-block .section-1 .text-block { width: 420px; padding-top: 0px; } .why-we-block .section-2 .text-block { width: 470px; padding-top: 90px; } .why-we-block .section-2 .btn { float: right; } .why-we-block .section-3 .text-block { width: 420px; padding-top: 90px; } .why-we-block .section-4 .text-block { width: 460px; padding-top: 90px; } .why-we-block .last .text-block { width: 480px; padding-left: 65px; margin-top: -10px; } .why-we-block .last .btn-red-with-coner { width: 260px; position: absolute; left: 333px; bottom: 100px; text-align: center; z-index: 11; } #top-photo3d { width: 100%; position: relative; } .fixedNavigationBlock { position: relative; } .fixationobject:before, .fixationobject:after { content: " "; display: table; } .fixationobject:after { clear: both; } .fixationobject { *zoom: 1; } .content-left .fixationobject.fixed, .right-col .fixationobject.fixed, .catalog-items-list .fixationobject.fixed { position: fixed; bottom: 0; background: #fff; z-index: 13; padding: 10px 10px 0 10px; margin-left: -10px; width: 738px; box-shadow: 0px -11px 20px -15px #888; border-radius: 3px; } .full-prod-card .comments-block .fixationobject.fixed, .full-prod-card .product-tabs .fixationobject.fixed { position: fixed; bottom: 0; background: #fff; z-index: 13; padding: 10px 10px 0 10px; box-shadow: 0 -11px 20px -15px #888; border-radius: 3px; width: auto; left: 0; right: 0; max-width: 998px; margin: 0 auto; box-sizing: border-box; } .right-col .fixationobject.fixed { width: 708px; } .content-left.width-668 .fixationobject.fixed { width: 668px; } .catalog-items-list .fixationobject.fixed { width: 998px; } .comment-container.selectedParent { padding: 10px; margin-top: -10px; margin-left: -10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15), 0px 0px 15px rgba(237, 223, 182, 0.9); -moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15), 0px 0px 15px rgba(237, 223, 182, 0.9); box-shadow: inset 0px -1px rgba(0, 0, 0, 0.15), 0px 0px 15px rgba(197, 153, 23, 0.9); } ul.error-bullets { padding-bottom: 8px; } ul.error-bullets li { padding: 0px 0px 8px 20px; background: url(../img/amorph-bullet.png) no-repeat 0px 4px; color: #f15722; line-height: 16px; } #bx-panel a { border-bottom: none; } #bx-notifier-panel a { border-bottom: none; } .catalog-items-list .fixedNavigationBlock { margin-bottom: 0; } .replyto { position: relative; top: -2px; } #warning_message { margin-bottom: 15px; } #warning_message ul li { color: #f26a36; padding-bottom: 4px; } .autocomplete-suggestions { background: #fff; overflow: auto; border-top: 1px solid #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15), 0 8px 25px -5px rgba(0, 0, 0, .25); } .autocomplete-suggestion { padding: 3px 7px; color: #646464; overflow: hidden; cursor: pointer; border-bottom: 1px solid #f8f4ef; } .autocomplete-selected { background: #f8f4ef; } .autocomplete-suggestions strong { font-weight: normal; color: #f15722; } .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { display: block; border-bottom: 1px solid #000; } /* Order captcha */ .form-captcha { margin-bottom: 18px; } .fluid-field .form-captcha-pic { float: left; } .fluid-field .form-captcha-input { width: 69px; text-align: center; } .fluid-field .form-captcha-reset { display: block; margin-right: 6px; float: left; text-decoration: none; width: 28px; height: 28px; line-height: 28px; font-size: 20px; text-align: center; border: 1px solid #c4d6d0; margin-left: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fluid-field .form-captcha-reset:hover { border: 1px solid #f26a36; } .SKUSelector { position: relative; margin: 0 auto; height: 31px; border: 1px solid #e5e5e5; display: block; width: 190px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .SKUSelector ul { position: absolute; width: 190px; top: 30px; left: 0px; list-style: none; background-color: #FFF; display: none; margin: 0px; padding: 0px; overflow: auto; overflow-y: auto; z-index: 10; } .SKUSelector ul li { display: block; padding: 5px; text-decoration: none; cursor: pointer; background-image: none; } .typical-select .SKUSelector li { border: none; width: auto; } .SKUSelector ul li {display: block; padding: 5px;text-decoration: none;cursor: pointer;background-image: none;} .typical-select .SKUSelector > div.selectedCont { height: 100%; overflow: hidden; position: relative; cursor: pointer; } .typical-select .SKUSelector > div > span { position: absolute; float: none; white-space: nowrap; height: 20px; line-height: 15px; width: 160px; padding: 6px 0 0 10px; display: block; text-align: left; overflow: hidden; } .typical-select .SKUSelector a.SKUSelectorOpen { position: absolute; display: block; right: 0px; width: 30px; height: 30px; background-image: url(../img/select-right-typical1.png); background-position: 100% 0% !important; border: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .typical-select .SKUSelector ul { border: none; top: 30px; background: #fff; -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25); box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25); } .typical-select .SKUSelector ul li { padding: 5px 10px; color: #646464; text-align: left; } .typical-select .SKUSelector ul li:hover, .typical-select .SKUSelector ul li.selected:hover, .typical-select .SKUSelector ul li.selected { background: #f8f4ef; color: #646464; } .typical-select .SKUSelector ul li.selected > * { color: #f57536; } a.itemNotifyCatalog { font-size: 9px; position: relative; top: 5px; border-bottom-style: dotted; } a.itemNotifyCatalog span { font-size: 12px; } .prod-card-small .SKUSelector .params .price.rub, .prod-card-small .params.new__params .price.rub { position: relative; top: 3px; } .prod-card-small .SKUSelector .params .vol, .prod-card-small .params.new__params .vol { background: none; padding: 0; margin: 0; top: 3px; } .prod-card-small .SKUSelector .params .unAvl { display: block; } .params .dot, .price-item .dot { display: inline-block; width: 6px; height: 6px; margin-right: 8px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .params .dot.available, .price-item .dot.available { background-color: #99a535; } .params .dot.unavailable, .price-item .dot.unavailable { background-color: #f66f2b; } .popup-describe-close { position: absolute; top: -7px; right: 20px; } .boxberry_container { max-width: 964px; } .boxberry_container_close { border: none; } .reg-form .soc { position: relative; top: -25px; } .reg-form .soc h3 { margin-bottom: 10px; } .reg-form .soc a { border: none; } .reg-form .soc img { float: left; margin: 0 18px 10px 0; } .blog-pages .sidebar .blog-filter hr { margin-top: 5px; margin-bottom: 5px; } .main-menu-link .pull-right img { background: url('../img/v2/main-sprites.png') -150px -42px no-repeat; position: relative; top: 0; } .main-menu-link.active .pull-right img { top: -3px; } /* FIX .hover-bg у товаров на главной не видна тень нижняя */ .goodsTab { padding-bottom: 25px; } @media only screen and (max-device-width: 998px) { body { min-width: 0px; } } /* ========================================================================== IE10, IE11 ========================================================================== */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .btn-red-with-coner .coner { right: -6px; } .btn-red-with-coner.bigger .coner, .btn-red-with-coner.bigger-50 .coner { right: -9px; } .lk-bookmarks-head .show-with-tag .check-row span.jqTransformCheckboxWrapper { top: 0px; } .grunge-block.order-form-block .checks-col .check-row .jqTransformRadioWrapper { top: 1px; } .comments-block .comments-block-header .tab, .typical-tabs-block ul.tabs li { position: relative; top: 1px; } } .about-us-page .title-page .subcaption { position: relative; z-index: 1; } .pic-meetus { position: absolute; bottom: 0; left: 0; } .pic-service { position: absolute; bottom: 0; right: 52px; } .pic-figures { position: absolute; bottom: 60px; left: 0; } .pic-figures img { width: 450px; height: auto; } .pic-history { position: absolute; bottom: 20px; right: -135px; } .comments-block .comments-block-header .tab { padding: 8px 0 0 0; top: 2px; position: relative; cursor: pointer; } .comments-block .comments-block-header .tab span { display: block; height: 30px; line-height: 32px; position: relative; top: 0; padding: 0 16px 10px 16px; } .help-nav .item .caption { padding: 3px 0px 0px; } .about-us-page .title-page .subcaption { position: relative;z-index: 1; } .pic-meetus{position: absolute;bottom: 0;left: 0;} .pic-service{position: absolute;bottom: 0;right: 52px;} .pic-figures{position: absolute;bottom: 60px;left: 0;} .pic-figures img { width: 450px; height: auto; } .pic-history{position: absolute;bottom: 20px;right: -135px;} .comments-block .comments-block-header .tab {padding: 8px 0 0 0;top: 2px;position: relative;cursor: pointer;} .comments-block .comments-block-header .tab span {display: block;height: 30px;line-height: 32px;position: relative;top: 0;padding: 0 16px 10px 16px;} .help-nav .item .caption {padding: 3px 0px 0px;} .check-row .jqTransformRadioWrapper, .check-row span.jqTransformCheckboxWrapper { position: absolute; left: 0px; top: 2px; } .question-filter { margin: 0; } .question-filter .select-questions { margin-right: 25px; } .question-filter .instead-btn { cursor: pointer; } .glossary-single-letter-block { min-height: 40px; } .glossary-letters .active .letter { color: #fff; border-color: #929b3d; background: #929b3d; } .sidebar .interesting { margin: 0px 0px 18px; } .sidebar .interesting .caption { padding: 0px 0px 0px 25px; line-height: 17px; background: url(../img/glossary-icons/interesting.png) no-repeat 0% 50%; color: #474243; font-size: 18px; margin: 0px 0px 12px; } .sidebar .animal-ingredients { margin: 0px 0px 18px; } .sidebar .animal-ingredients .caption { padding: 0px 0px 0px 25px; line-height: 17px; background: url(../img/glossary-icons/animal_ingredients.png) no-repeat 0% 50%; color: #474243; font-size: 18px; margin: 0px 0px 12px; } .sidebar .red-gradient-message-box { margin: 0px 0px 18px; } .comment-single.for-brand-card .pipka { top: -19px; bottom: auto; background: url(../img/grey-plashka-pipka-top.png); } .crewman-card .photo-person-180 > span { position: absolute; top: 0; left: 0; } .crewman-card .photo-person-180 > span.hoveron { display: none; } .crewman-card:hover .photo-person-180 > span.hoveron { display: inline-block; } .crewman-card:hover .photo-person-180 > span.hoveroff { display: none; } .crewman-card .name > span { border-bottom: 1px solid; border-bottom-color: #dedede; font-size: 10px; } .crewman-card .name > span span { font-size: 18px; } .crewman-card:hover .name > span { border-bottom: none; cursor: default; } .brand-meta-data .logotype img { width: 227px; height: 210px; } .brand-meta-data .grey-block .country-with-flag .flag, .popup-describe .country-with-flag .flag, .country-with-flag .flag { top: -2px; position: relative; display: inline-block; margin-right: 5px; } .country-with-flag { padding: 0; } .comment-single .comment-item.admin { margin-top: 18px; padding-top: 20px; border-top: solid 1px #cbcbcb; } .comment-single .comment-item.admin > .text-block.comment-green { background: url(../img/comment-red.png) no-repeat 0px 2px; min-height: 20px; } .history-of-brand .img { width: 227px; } .history-of-brand:hover a { border-bottom: none; } .off-certificate .pic img { width: 154px; height: 213px; } .brand-card-block.brand-about-card .want-more-articles a { border-bottom-style: solid; } .brand-card-block.brand-about-card .want-more-articles a:hover { border-bottom: none; } .brand-card-block.brand-about-card .reviews .want-more-articles { float: none; } .brand-card-block.brand-about-card .reviews .want-more-articles .icon { padding: 5px 0px 5px 20px; top: 2px; } .brand-card-block.brand-about-card .reviews .comments { margin: 0 0 15px 0; } .partnership-card:hover { cursor: pointer; position: relative; overflow: hidden; } .partnership-card:hover .link a { border-bottom: none; } .partnership-card:hover header a { border-bottom: none; } .partnership-card:hover > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .typical-select { position: relative; } .typical-select .valid { position: absolute; right: -30px; top: 5px; } .typical-select .valid img { display: block; } .typical-select .valid .mess { white-space: nowrap; line-height: 18px; position: absolute; left: 30px; top: 0px; } .franshiza-top-text-block { min-height: 265px; } .post-announce.list-item { border-bottom: solid 1px #cbcbcb; padding: 0px 0px 30px 55px; margin-bottom: 40px; } .post-announce.list-item .meta-tags { margin-top: 5px; padding: 13px 0px 0 20px; margin-left: -55px; } .brand-history-block p { zoom: 1; overflow: hidden; } .brand-history-block img[align="right"] { margin: 0px 0px 18px 18px; } .brand-history-block .photo { float: right; width: 210px; position: relative; margin: 0px 0px 18px 18px; } .brand-history-block .photo img { display: block; margin: 0; } .hronology-lenta .date-single .date > div { cursor: pointer; } .crewman-card .form-feedback { padding: 0; } .crewman-card .form-feedback form > div { height: 467px; position: relative; } .crewman-card .form-feedback form .btn { position: absolute; left: 50%; bottom: 15px; margin: 0px 0px 0px -57px; width: 115px; } #team-feedback-form { display: none; } .prod-card-small .name a { position: relative; top: 1px; } .prod-card-small .name a span { line-height: 20px; } .sorting-block .item.active a { border-bottom: 0; } .text-block ol > li ul, .text-block ol > li ol { margin-top: 15px; margin-bottom: 0; } .imp { color: #900; } .imp.good { color: #090; } .fullsizedlink { position: absolute; top: 0; left: 0; width: 100%; border-bottom: none; height: 100%; text-decoration: none; z-index: 10; } .expanded-tabs-block .all-cat a { border-bottom-color: #dadad9; } .about-us-tabs-block .tabs { position: relative; z-index: 2; } .about-us-tabs-block.wholesale .tab-cont { height: 340px; } .about-us-tabs-block .tab-cont.tb-one .pic-left { float: none; top: -13px; left: -76px; position: absolute; } .about-us-tabs-block .tab-cont.tb-two .pic-left { float: none; top: -15px; left: 80px; position: absolute; } .about-us-tabs-block .tab-cont.tb-three .pic-left { float: none; top: -16px; left: 40px; position: absolute; } .about-us-tabs-block .tab-cont.tb-four .pic-left { float: none; top: 0; left: -13px; position: absolute; } .about-us-tabs-block .tab-cont > div.std { padding: 14px 0px 0px; width: 470px; position: relative; float: right; } .expanded-tabs-block .caption a { font-size: 9px; border-bottom: 1px solid #dadad9; color: #474243; } .expanded-tabs-block .caption a:hover { border-bottom: none; color: #f15722; } .expanded-tabs-block .caption a span { font-size: 14px; } .our-team-top-text-block .pic, .our-team-top-text-block .text-block { position: relative; } .our-team-top-text-block .pic img { position: absolute; top: -1px; left: -100px; z-index: 0; } .opt-offer-us-form > img { position: absolute; bottom: -36px; right: 290px; } .opt-offer-us-form .left-text { background: none; position: relative; } .partnership-ideas .grunge-block > div { padding: 35px 50px 20px; } .partnership-ideas .grunge-block.wide .pic.man { left: -155px; right: auto; top: 36px; } .partnership-ideas .grunge-block.wide .pic.woman { left: auto; right: -117px; top: 53px; } .partnership-ideas .grunge-block .pic.man { left: -155px; right: auto; top: 36px; } .partnership-ideas .grunge-block .pic.woman { left: auto; right: -117px; top: 41px; } .about-us-tabs-block .tbcont1 img { position: absolute; top: -60px; left: 0; } .about-us-tabs-block .tbcont2 img { position: absolute; top: 10px; left: -11px; } .about-us-tabs-block .tbcont3 img { position: absolute; top: -55px; left: -41px; } .about-us-tabs-block .tbcont4 img { position: absolute; top: -70px; left: -64px; } .our-productions { padding: 0px 0px 65px } .our-productions .prod-item .logotype a { display: inline-block; width: 100%; max-width: 141px; max-height: 125px; text-align: center; } .our-productions .prod-item .logotype a img { max-width: 135px; max-height: 125px; display: inline-block; } .our-productions .short { height: 168px; overflow: hidden; } .our-productions .title-section .more-link a { border-bottom-style: dotted; } .our-productions .title-section .more-link a:hover { border-bottom-style: none; } .how-become-member .conditions .img { top: 22px; } .fresh-club-top-text .pic { position: relative; } .fresh-club-top-text .pic > img { position: absolute; top: 15px; left: -10px; } .fresh-club-top-text .text-block { position: relative; } .partner-program-top-block { background: url(../img/illustrations/cooperation/affil-right-image.jpg) no-repeat 100% 61%; } .for-become-partner .text { padding: 35px 0px 0px 290px; } /* Nav */ .crumbs { min-height: 18px; padding: 11px 0px 0px; line-height: 18px; font-size: 12px; color: #a3a0a1; margin: 0px 0px 27px; position: relative; z-index: 10; } .crumbs__level { position: relative;} .crumbs__link { font-size: 8px; color: #a3a0a1; border-bottom: dashed 1px rgba(163,160,161,0.5); } .crumbs__link span { font-size: 12px; } .crumbs__link:hover { border: none; color: #646464; } .crumbs__link.to-home { border: none; } .crumbs__bullet { vertical-align: middle; margin: 0px 4px; } .crumbs .popup { display: none; width: 180px; position: absolute; left: -20px; top: 30px; padding: 10px 10px 10px 20px; background: #fff; line-height: 16px; z-index: 50; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.45); box-shadow: 0px 0px 20px rgba(0,0,0,0.45); } .crumbs .popup .pipka { width: 24px; height: 12px; background: url(../img/last-views-pipka.png) no-repeat 50% 100%; position: absolute; top: -12px; left: 30px; } .crumbs .popup li { padding: 4px 0px; } .crumbs .popup a { font-size: 9px; border: none; color: #474243; } .crumbs .popup a:hover { border-bottom: solid 1px #dcdcdc; } .crumbs .popup a span { font-size: 14px; } .back-forward-nav { line-height: 18px; } .back-forward-nav .back { float: left; padding: 0px 0px 0px 25px; background: url(../img/back.png) no-repeat 0% 0%; } .back-forward-nav a { color: #a3a0a1; border-bottom-color: #eeeded; font-size: 8px; } .back-forward-nav a:hover { color: #474243; } .back-forward-nav a span { font-size: 15px; } .pagination li { float: left; margin: 0px 6px 0px 0px; } .pagination a, .pagination span { float: left; border: solid 1px #c4d6d0; height: 22px; line-height: 25px; min-width: 14px; padding: 0px 4px; position: relative; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .pagination a:hover{color: #f15722; border-color: #f15722;} .pagination span{ color: #fff; border-color: #f15722; background-color: #f15722; } .pagination span i { display: none; width: 6px; height: 3px; position: absolute; left: 50%; top: -3px; margin-left: -3px; background: url(../img/pagination-pipka.png) no-repeat 50% -3px; } .pagination span i { display: block; } .pagination a.prev, .pagination a.next { padding: 0px; width: 22px; background-image: url(../img/pagination-arrs.png); background-repeat: no-repeat; } .pagination a.prev { background-position: 0% 0%; } .pagination a.prev:hover { background-position: 0% -44px; } .pagination a.next { background-position: 100% 0%; } .pagination a.next:hover { background-position: 100% -44px; } .franshiza-top-text-block { background: url(../img/illustrations/cooperation/frachising.jpg) right top no-repeat; } #add-comment-btn.active { background: none; color: #443c3d; } /* TODO проверить, где используются */ .comments-block.reviews.reviews-prop-comments .add-comment-block { padding: 0; } .comments-block.reviews.reviews-prop-comments .add-comment-block .col-right { margin-right: 0; } .comments-block.reviews.reviews-prop-comments .add-comment-block.main { background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #reviewsForm { margin-bottom: 20px; } .gloss-top-text-block { position: relative; padding: 0px 330px 34px 0px; background: url(../img/illustrations/glossary/glossary.jpg) no-repeat 95% 25px; } .action-subcaption .segoe-font { width: auto; } .action-big-card.nobg { background: none; } .article-about-brand.offer-card .text-block h2 { font-size: 24px; line-height: 30px; font-weight: bold; color: #474243; padding: 0px 0px 30px; } .article-about-brand.offer-card .text-block h2 a span { font-size: 24px; } .article-about-brand.offer-card .text-block h2 a { font-size: 15px; font-weight: normal; } .comment-single .header .photo.nophoto0 { background: url('../img/nophoto0.png') 0 0 no-repeat; background-size: 100%; } .comment-single .header .photo.nophoto1 { background: url('../img/nophoto1.png') 0 0 no-repeat; background-size: 100%; } /*.site-header{padding-top: 31px; padding-bottom: 7px;}*/ .site-header{padding-top: 21px;} .site-header__logo { position: relative; float: left; margin-left: 2px;width: 202px; height: 75px;border-bottom: none;} .site-header__logo > span { position: relative; display: block; text-align: center; color: #8b8b8b; line-height: 16px; } .site-header__phones { position: relative; display: flex; align-items: center; float: left; text-align: right; color: #8b8b8b; line-height: 16px; margin-top: 3px; padding-right: 67px; padding-left: 91px;} .site-header__phones__phone { display: block; color: #474243; font-size: 21px; font-weight: bold; line-height: 18px; padding: 0px 0px 1px; border-bottom:none; cursor: default;} .site-header__phones__phone:hover{color: #474243;} .site-header__phones__phone .spb {letter-spacing: 2px;} .site-header__sign { position: relative; float: left; margin-top:2px; padding-bottom: 10px; } .site-header__sign__button { display: inline-block; height: 24px; margin: 0px 6px 13px 0px; color: #fff; text-decoration: none; line-height: 24px; text-align: center; border: none; background-image: url(../img/hover-button.png); background-position: -400px 0px; background-repeat: no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .site-header__sign__button:hover{color: #fff} .button--sign-in { width: 61px; background-color: #929b3d; } .button--sign-up { width: 100px; background-color: #f5c533; } .site-header__sign__link { position: relative; padding-left:23px; line-height: 23px; margin-left: -2px;} .site-header__sign__link__inner{ color: #646464; border-color: #dcdcdc;} .site-header__sign__link__inner:hover{color: #646464;} .site-header__sign__user{ margin-bottom: 18px;} .site-header__sign__user__link{ color: #646464; border-color: #dcdcdc;} .site-header__sign__user__link:hover{ color: #646464;} .site-header__sign__exit { color: #646464; text-decoration: none;border-bottom: none;font-size: 14px; position: relative; margin-left: 5px; top:1px; } .site-header__sign__exit:hover { color:#f26a36; } .last-views { position: relative; min-height: 25px; } .last-views .popup-cont { position: absolute; z-index: 50; left: -100000px; top: 23px; padding: 7px 0px 0px; margin: 0px; } .last-views .popup { width: 422px; background: #fff; padding: 20px; display: block; z-index: auto; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.45); box-shadow: 0px 0px 15px rgba(0,0,0,0.45); } .last-views .popup .pipka { width: 24px; height: 12px; position: absolute; left: 70px; top: -12px; background: url(../img/last-views-pipka.png); } .last-views .popup .cont .price .rub { padding: 0px; white-space: nowrap; margin-right: 5px; } .last-views .popup .cont .price .rub.oldprice { font-size:15px; text-decoration: line-through; font-weight: normal; color:#666;} .last-views .popup .prod-row-card-small .params .vol { font-size: 12px; top:-2px; } .last-views .popup .prod-row-card-small .params .comments { font-size: 12px; top:-2px; } .last-views .popup .scroll-pane { width: 100%; max-height: 370px; overflow: auto; } .last-views .prod-row-card-small { padding: 14px 0px 0px; margin: 0px 17px 14px 0px; border-top: solid 1px #e5e5e5; } .last-views .prod-row-card-small:first-child { border: none; } .last-views .prod-row-card-small .photo { width: 80px; height: 80px; } /*.last-views .prod-row-card-small .cont { margin-left: -120px; }*/ .last-views .prod-row-card-small .cont > div { margin-left: 100px; padding-bottom: 0px; } .last-views .prod-row-card-small .caption { padding-top: 0px; } .last-views .prod-row-card-small .photo .prod-label { bottom: -2px; width: 100%; top:auto;} .last-views .prod-row-card-small .favorite { bottom: 0px; } .site-header__cart { width: 226px; position: relative; float: right; } .site-header__cart__caption { display: block; border-bottom: none; text-decoration: none; position: relative; padding: 0px 0px 0px 35px; height: 25px; line-height: 25px; font-weight: bold; font-size: 24px; text-transform: uppercase; color: #f26a36; } .site-header__cart__caption.filled{ background-position: 0 -50px; } .site-header__cart__caption > span {border-bottom-color:rgba(242, 106, 54, 0.3); font-size: 8px; color: #f26a36; top: -1px; position: relative;} .site-header__cart__caption > span > span { font-size: 24px; } .site-header__cart__gift { position: relative; left: 3px; display: block; font-size: 13px; width: 196px; height: 38px; color: #646464; line-height: 38px; text-decoration: none; border-bottom: none; padding-top: 2px; padding-left:14px; margin-bottom: 2px; background: url(../img/v2/main-sprites@2x.png) no-repeat -11px -534px; background-size: 300px 601px; box-sizing: border-box; } .site-header__cart__gift:hover{color: #646464;} .site-header__cart__link {margin-left: 17px; color: #646464; border-color: #dcdcdc; } .site-header__cart__link :hover{color: #646464;} .site-header__cart-cont strong { color: #000; font-weight: normal; } .site-header__cart-cont__price { padding: 0; white-space: nowrap; } .site-header__cart-cont {border:none;display: block; padding: 14px 0 10px 2px; line-height: 20px; font-size: 13px; position: relative;color: #646464;} .site-header__cart-cont:hover{color:#646464} .site-header__cart-cont__order-btn { text-align:center; background: url('../img/top-cart-bg.png') 0 0 no-repeat; position: absolute;top: 7px;right: 1px;width: 76px;display: inline-block;color: #fff;padding: 9px 17px 9px 9px; border-bottom: none; text-decoration: none; line-height: 17px; } .main-menu { position: relative; z-index: 15; } .main-menu .wrapper { border-bottom: solid 1px #cbcbcb; position: relative; min-height: 51px; } .main-menu .tbl { display: table; width: 100%; } .main-menu .tbl-row { display: table-row; } .main-menu .tbl-cell { display: table-cell; height: 50px; padding: 0px 18px; } .main-menu .tbl-cell.march8 { padding: 0px; width: 100px; } .main-menu .tbl-cell.march8 > a { margin: 0px; padding: 0px; } .main-menu .tbl-cell > a, .main-menu .tbl-cell > span { display: block; width: 100%; height: 50px; text-align: center; border: none; color: #000; position: relative; top: 1px; padding: 0px 18px; margin: 0px -18px; white-space: nowrap; line-height: 50px; font-weight: bold; font-size: 14px; text-transform: uppercase; } .main-menu .tbl-cell > a:hover, .main-menu .tbl-cell > span:hover { color: #f26a36; } .main-menu .tbl-cell > span {cursor: default;} .comment-single .header .photo.nophoto2 { background: url('../img/nophoto2.png') 0 0 no-repeat; background-size: 100%; } .comment-single .header .photo.nophoto3 { background: url('../img/nophoto3.png') 0 0 no-repeat; background-size: 100%; } /*.main-menu .tbl-cell.with-expand:hover .submenu-block { left: 0px; }*/ .main-menu .tbl-cell.with-expand.active .submenu-block { left: 0px; } .main-menu .tbl-cell.with-expand .submenu-block > div { padding: 25px 0px 15px 4px; } .main-menu .submenu-block .borderedLink { border:none; } .main-menu .submenu-block .borderedLink > span { border: none;font-size: 9px; color: #474243; } .main-menu .submenu-block .borderedLink:hover > span { border-bottom: solid 1px #bab8b8; } .main-menu .submenu-block .borderedLink > span > span { font-size: 14px; } .main-menu .submenu-block.typical-expand > div { padding: 0px !important; min-height: 534px; } .main-menu .submenu-block .section-cont { width: 784px; margin: 0px 40px 0px 190px; padding: 25px 0px 0px; } .main-menu .submenu-block .section-cont .col { float: left; width: 156px; margin: 0px 0px 0px 40px; } .main-menu .submenu-block .section-cont .caption { color: #000; text-transform: uppercase; font-weight: bold; line-height: 20px; padding: 0px 0px 10px; } .main-menu .submenu-block .section-cont .caption img { position: relative; left: 6px; } .main-menu .submenu-block .section-cont .text-block ul { position: relative; left: -20px; } .main-menu .submenu-block .section-cont .text-block ul li { width: 100%; padding-bottom: 9px; line-height: 14px; } .main-menu .submenu-block .section-cont .text-block ul li .borderedLink { border: none; } .main-menu .submenu-block .section-cont .text-block ul li .borderedLink > span { font-size: 9px; color: #72a196; border: none; } .main-menu .submenu-block .section-cont .text-block ul li .borderedLink > span > span { font-size: 14px; } .main-menu .submenu-block .section-cont .text-block ul li .borderedLink:hover > span { border-bottom: solid 1px #c8cd9e; color: #000; } .main-menu .submenu-block .section-cont ul li { padding-bottom: 8px; line-height: 14px; } /* было padding-bottom: 9px; */ .main-menu .submenu-block .section-cont ul li a { font-size: 14px; } .main-menu .submenu-block .section-cont .scroll-brands, .main-menu .submenu-block .section-cont .scroll-types { height: 445px; width: 100%; overflow: auto; box-sizing: border-box; } .main-menu .submenu-block .section-cont .scroll-filters { height: 200px; width: 100%; overflow: auto; box-sizing: border-box; } .main-menu .submenu-block .section-cont .scroll-brands ul { margin-right: 10px; } .main-menu .submenu-block .section-cont .scroll-types ul { margin-bottom: 0; } .main-menu .tbl-cell.prod .letter.active {color: #fff;background: #929b3d;border-color: #929b3d;} .main-menu .tbl-cell.prod .letter {width: auto;min-width: 12px;} .main-menu .submenu-block a.jsLink { border: none;color: #474243; } .main-menu .submenu-block a.jsLink:hover {border-bottom: dotted 1px #bab8b8;} .main-menu .submenu-block a.active > span { color:#333; border-bottom: dotted 1px #bab8b8; color:#222;} .main-menu .tbl-cell.exp-items .col { float: left; width: 145px; padding: 0px 0px 0px 16px; margin-left: 30px; } .main-menu .tbl-cell.exp-items .col .caption { line-height: 18px; font-weight: bold; text-transform: uppercase; padding: 0px 0px 14px; } .main-menu .tbl-cell.exp-items .col .caption .borderedLink > span { border-bottom: solid 1px #dcdcdc; } .main-menu .tbl-cell.exp-items .col .caption .borderedLink img { display: block;padding: 0px 0px 12px;background:url('../img/empty.gif') 0 0 no-repeat; background-size: contain; } .main-menu .tbl-cell.exp-items .col .caption .borderedLink:hover > span { border: none; } .main-menu .submenu-block .section-cont ul li .borderedLink > span { font-size: 9px; } .main-menu .tbl-cell.exp-items .col li, .main-menu .tbl-cell.exp-items .submenu-block .section-cont .col li { line-height: 16px; background-position: 0 3px; } .main-menu .submenu-block .section-cont { margin-right: 20px; } .reg-confirm-wellcome .bird { top: auto; right: 34px; bottom: -10px; } .form-block.sign-in { overflow: auto; } .form-block.sign-in .white-box { width: 605px; position: relative; margin-bottom: 90px; } .form-block.sign-in .autorization { float: left; width: 300px; } .main-second-banner { margin: 0 0px 15px; background: #232c34 url(../img/main-ban-second-bg.jpg) no-repeat 50% 0%; } .main-second-banner .wrapper { height: 230px; } .main-second-banner .pic-iphones { display: block; position: absolute; left: -55px; bottom: 0px; } .main-second-banner .wrapper { height: 230px; } .main-second-banner .container { position: absolute; left: 0px; top: 27px; } .main-second-banner .action-title { line-height: 52px; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 45px; } .main-second-banner .action-title p { float: left; } .main-second-banner .action-title .lbl { width: 146px; height: 46px; background: url(../img/action-lbl.png) no-repeat 50% 50%; text-align: center; font-size: 28px; margin: 0px 18px 0px 0px; } .main-second-banner .box { position: absolute; top: 18px; right: 0px; width: 280px; text-align: center; background: rgba(0,0,0,0.3); min-height: 194px; } .main-second-banner .box .iphone { margin: 20px 0px 5px; } .main-second-banner .box .gift { color: #929b3f; text-transform: uppercase; font-weight: bold; font-size: 32px; padding: 0px 0px 15px; } .main-second-banner .box .button { display: block; width: 220px; height: 42px; line-height: 44px; border: none; margin: 0px auto; text-align: center; color: #252f37; font-size: 26px; text-transform: uppercase; font-weight: bold; background: #f5c533; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 1px rgba(255,255,255,0.5); -moz-box-shadow: inset 0px 1px rgba(255,255,255,0.5); box-shadow: inset 0px 1px rgba(255,255,255,0.5); } .main-second-banner .date-block { float: right; width: 170px; text-align: center; padding: 45px 0px 0px; } .main-second-banner .date-block .date { height: 23px; width: 170px; line-height: 26px; background: url(../img/action-date.png) no-repeat 50% 50%; color: #2a333b; font-size: 16px; text-transform: uppercase; font-weight: bold; } .main-second-banner .date-block p { color: #b8b8b8; font-size: 15px; text-transform: uppercase; padding: 0px 0px 10px; } .main-subscribe { background: #40b081 url(../img/main-subscribe-ban-bg.png) 50% 0%; margin: 0px 0px 70px; } .main-subscribe .wrapper { height: 230px; background: url(../img/corona.png) no-repeat 43% 0%; } .main-subscribe .left { float: left; padding: 40px 0px 0px; } .main-subscribe .left .club { color: #f5c533; font-size: 45px; line-height: 44px; text-transform: uppercase; } .main-subscribe .left .club img { margin: 0px 0px 0px 7px; position: relative; top: -7px; } .main-subscribe .left .white { font-size: 45px; line-height: 44px; text-transform: uppercase; font-weight: bold; color: #fff; } .main-subscribe .left .white .smile { font-size: 24px; color: #f5c533; position: relative; top: -7px; } .main-subscribe .link a { font-size: 9px; color: #f5c533; border-bottom-color: #f5c533; } .main-subscribe .link a span { font-size: 14px; } .main-subscribe .right { float: right; padding: 45px 0px 0px; } .main-subscribe .right .white { color: #fff; font-size: 20px; line-height: 30px; text-transform: uppercase; padding: 0px 0px 15px; } .main-subscribe .right .link { padding: 15px 0px 0px; text-align: center; } .main-subscribe .button { display: block; border: none; height: 42px; line-height: 46px; background: #f5c533; text-align: center; font-weight: bold; text-transform: uppercase; color: #000; font-size: 21px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .expert-block-on-main { float: none; width:auto; margin: 0px 0px 30px !important; } .expert-block-on-main .grey-block { padding: 30px !important; background: #f8f4ef; position: relative; } .expert-block-on-main .header { position: relative; font-size: 24px; line-height: 24px; font-weight: bold; margin: 0px 0px 20px; } .expert-block-on-main .header a { border-bottom-color: #d1d0d0; font-size: 14px; } .expert-block-on-main .header a span { font-size: 24px; } .expert-block-on-main .header .expert-girl { display: block; position: absolute; right: 0px; bottom: -5px; } .expert-block-on-main .btn { padding: 0px; width: 190px; float: none; display: block; margin: 0px auto; text-align: center; } .expert-block-on-main .expert-article { padding: 0px 0px 40px; } .expert-block-on-main .expert-article p { text-indent: 30px; color: #474243; line-height: 20px; padding: 0px 0px 8px; } .expert-block-on-main .expert-article .q { padding: 0px 0px 25px; } .expert-block-on-main .expert-article .q p { background: url(../img/qa.png) no-repeat 0px 0px; } .expert-block-on-main .expert-article .a p { background: url(../img/comment-red.png) no-repeat 0px 0px; } .expert-block-on-main .expert-article .author { text-align: right; font-size: 12px; color: #8b8b8b; } .expert-block-on-main .expert-article .more { text-align: right; } .expert-block-on-main .expert-article .more a { border-bottom-color: #d2ded9; font-size: 9px; } .expert-block-on-main .expert-article .more a span { font-size: 14px; } .expert-block-on-main .slider-nav { float: right; padding: 0px 0px 10px; } .expert-block-on-main .slider-nav .arr { border: none; float: left; width: 21px; height: 21px; background: url(../img/expert-slider-arrs.png) no-repeat; } .expert-block-on-main .slider-nav .arr.prev { background-position: 0% 0%; } .expert-block-on-main .slider-nav .arr.prev:hover { background-position: 0% 100%; } .expert-block-on-main .slider-nav .arr.next { background-position: 100% 0%; } .expert-block-on-main .slider-nav .arr.next:hover { background-position: 100% 100%; } .expert-block-on-main .slider-nav .counter { float: left; width: 52px; text-align: center; line-height: 22px; } .expert-block-on-main .bx-wrapper .bx-viewport { background: none; border: none; left: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .col-text-on-main-page { float: none; width: auto; padding: 30px 0px 0px; margin: 0; } .col-text-on-main-page .text-block h3 { margin: 0px 0px 12px; padding: 0px; font-weight: normal; font-size: 18px; line-height: 21px; color: #000; } .col-certs-on-main-page { width: auto; float: none; margin: 0; padding: 30px 0px 0px; } .col-certs-on-main-page .title { font-size: 24px; line-height: 24px; font-weight: bold; padding: 0px 0px 8px; } .col-certs-on-main-page .title a { border-bottom-color: #d1d0d0; font-size: 14px; } .col-certs-on-main-page .title a span { font-size: 24px; } .col-certs-on-main-page .text-block { margin: 0px 0px -10px; } .col-certs-on-main-page .cert { text-align: center; height: 110px; margin-bottom: 10px; overflow: hidden; padding: 0; } .col-certs-on-main-page .cert .logotype { height: 75px; line-height: 75px; } .col-certs-on-main-page .cert .logotype img { vertical-align: middle; } .col-certs-on-main-page .cert a { line-height: 16px; font-size: 9px; } .col-certs-on-main-page .cert a span { font-size: 14px; } .col-certs-on-main-page .more { padding-top: 10px; } .form-block.sign-in .autorization .header { line-height: 30px; padding: 20px 0px 25px; } .form-block.sign-in .autorization .header .caption { float: left; color: #443c3d; font-size: 24px; font-weight: bold; text-transform: uppercase; } .form-block.sign-in .autorization .header .reg { float: right; line-height: 24px; } .form-block.sign-in .autorization .header .reg a { font-size: 9px; border-bottom-color: #c7d9d5; } .form-block.sign-in .autorization .header .reg a span { font-size: 14px; } .form-block.sign-in .or { float: left; width: 26px; height: 240px; background: url(../img/sign-in-or.png); margin: 0px 0px 0px 27px; } .form-block.sign-in .form-row { padding-bottom: 20px; } .form-block.sign-in .fluid-field { padding-right: 40px; } .form-block.sign-in .fluid-field input[type="text"], .form-block.sign-in .fluid-field input[type="password"] { padding-right: 30px; background-position: 96% 50%; background-repeat: no-repeat; } .form-block.sign-in .fluid-field input[type="text"].mail { background-image: url(../img/mail-red.png); } .form-block.sign-in .fluid-field input[type="password"].lock { background-image: url(../img/lock.png); } .form-block.sign-in .btn { float: left; width: 90px; text-align: center; padding-right: 0px; padding-left: 0px; } .form-block.sign-in .recovery { float: right; line-height: 15px; text-align: right; font-size: 13px; color: #8b8b8b; } .form-block.sign-in .recovery a { font-size: 9px; border-bottom-color: #d9e6e3; } .form-block.sign-in .recovery a span { font-size: 13px; } .form-block.sign-in .soc { float: left; padding: 20px 0px 0px 26px; width: 130px; } .form-block.sign-in .soc .caption { line-height: 18px; color: #474243; font-weight: bold; text-transform: uppercase; padding: 0px 0px 15px; } .form-block.sign-in .soc a { border: none; } .form-block.sign-in .soc img { float: left; margin: 0px 10px 10px 0px; } .SECURE_AUTH { position: absolute; } /* товарная карточка в каталоге */ .prod-card-small .hover-bg { padding-bottom: 30px; } .prod-card-small-catalog .prod-card-small, .prod-card-small-catalog.typical-catalog .prod-card-small, table.goods td article.prod-card-small, .goods > div > article.prod-card-small { margin-bottom: 15px; padding-bottom: 60px; } .prod-card-small .comments img { margin-right: 3px; top: 0px; } .prod-card-small-catalog .divider { margin: 0 auto 45px; } /**/ .typical-tbl.cart th.num.widthfix, .typical-tbl.cart td.num.widthfix { width: auto; } .typical-tbl thead th:last-child { padding-right: 20px; } .typical-tbl.cart tbody td:last-child { text-align: right; padding-right: 20px; } .prod-row-card-small .params .comments img { top: 0; margin-right: 3px; } .typical-tbl.cart td.name a { line-height: 16px; } .site-header__phones .phone a { color: #474243; border-bottom: none; cursor: default; } /*FIX only one language now*/ #choose-lang { background: none; cursor: default; } #choose-lang .flag { position: relative; top: -2px; } #choose-lang span { border-bottom: none; } /**/ .typical-tbl.lk-bookmarks span.price { display: inline-block; position: relative; } .typical-tbl.lk-bookmarks span.price .rub { font-size: 14px; font-weight: normal; color: #000; } .typical-tbl.lk-bookmarks span.price .old, .typical-tbl.cart .rub.oldprice { color: #646464; font-size: 14px; line-height: 14px; text-decoration: line-through; font-weight: normal; } .about-us-page .title-page { position: relative; z-index: 10; } .about-us-page .video-block .top-caption a { font-size: 9px; } .about-us-page .video-block .top-caption a span { font-size: 21px; } .main-menu .tbl-cell.prod .right-block .scroll-pane { width: 187px; } .main-menu .tbl-cell.prod .right-block .list { width: 187px; } .main-menu .tbl-cell.prod .submenu-block > div { padding: 35px 20px 45px 35px; } .main-menu .tbl-cell.prod .right-block { width: 418px; } .main-menu .tbl-cell.prod .right-block .col { width: 208px; } input.bad { background: rgba(225, 101, 101, .16) !important; box-shadow: 0 0 2px 0 rgba(225, 101, 101, .8) !important; } input.good { background: rgba(89, 166, 42, .16) !important; box-shadow: 0 0 2px 0 rgba(89, 166, 42, .8) !important; } #basket_items thead th { padding: 11px 11px; white-space: nowrap; text-align: center; vertical-align: middle; } #basket_items thead th:first-child { padding-left: 20px; text-align: left; } #basket_items thead th:last-child { padding-right: 20px; } #basket_items tbody td { vertical-align: middle; padding: 11px 11px; text-align: center; color: #474243; } #basket_items tbody td.name { text-align: left; } #basket_items tbody td:first-child { padding-left: 20px; text-align: left; } #basket_items tbody td:last-child { padding-right: 20px; } .prod-card-small .cart-popup { width: 180px; left: -44px; position: absolute; top: -34px; display: none; } .prod-card-small .cart-popup .pipka-bottom { left: 96px; } .typical-select .jqTransformSelectWrapper ul.multiple li a { padding-left: 30px; position: relative; } .typical-select .jqTransformSelectWrapper ul.multiple li a .chkBox { width: 13px; height: 13px; background-image: url(../img/checkbox.png); display: inline-block; position: absolute; left: 10px; top: 50%; margin-top: -7px; margin-right: 6px; } .typical-select .jqTransformSelectWrapper ul.multiple li a.selected .chkBox { background-position: 0 100%; } table.goods { width: 100%; } table.goods td { vertical-align: top; width: 25%; padding-bottom: 40px; } .goods > div { padding-bottom: 40px; } table.goods td article { margin: 0 auto; } table.goods.col3 td { width: 33% } table.goods.col5 td { width: 20% } .brandShortBlock { width: 150px; position: relative; margin-bottom: 20px; text-align: center; margin: 0 auto; } .brandShortBlock .logotype a { text-decoration: none; border: none; display: inline-block; width: 150px; height: 150px; margin-bottom: 10px; } .brandShortBlock .logotype { text-align: center; } .brandShortBlock .name { font-size: 10px; color: #474243; border-bottom: solid 1px #d3d3d3; } .brandShortBlock .name span { font-size: 18px; } .brandShortBlock .name:hover { border: none; color: #f15722; } .brandShortBlock .i-block { display: inline-block; position: relative; width: 18px; height: 18px; left: 3px; top: 3px; } .brandShortBlock .i-block i { display: inline-block; width: 18px; height: 18px; background: url(../img/i-2-dbl.png) no-repeat 50% 0%; cursor: pointer; } .brandShortBlock .i-block:hover i { background-position: 50% 100%; } .brandShortBlock .i-block:hover .popup-describe { display: block; } .brandShortBlock .popup-describe { text-align: left; display: none; position: absolute; left: 50%; bottom: 27px; margin-left: -178px; z-index: 55; width: 310px; } .e404 { position: relative; text-align: center; } .e404 > span.segoe-font { position: absolute; width: 100%; text-align: center; font-size: 18px; top: 530px; left: 0; } .e404 a { font-size: 8px; line-height: 8px; } .e404 a span { font-size: 18px; line-height: 22px; } input:focus::-webkit-input-placeholder { color: transparent !important; } input:focus::-moz-placeholder { color: transparent !important; } input:focus:-moz-placeholder { color: transparent !important; } input:focus:-ms-input-placeholder { color: transparent !important; } #fast-order, .popupform { overflow: auto; padding: 40px 45px; max-width: 525px; } #fast-order .header, .popupform .header { line-height: 30px; padding: 0 0px 25px; } #fast-order .header .caption, .popupform .header .caption { float: left; color: #443c3d; font-size: 24px; font-weight: bold; text-transform: uppercase; } #fast-order .autorization, .popupform .autorization { float: left; width: 300px; padding: 0px 0px 0px 40px; } #fast-order .autorization form > span, .popupform .autorization form > span { font-size: 12px; display: inline-block; line-height: 14px; color: #8b8b8b; } #fast-order .order-call { max-width: 300px; margin: 0 auto; } #fast-order .row, #fast-order .form-row { padding-bottom: 20px; } #fast-order .row.last, #fast-order .form-row.last { padding-bottom: 0; } #fast-order .fluid-field { padding-right: 0px; } #fast-order .fluid-field input[type="text"] { padding-right: 30px; background-position: 96% 50%; background-repeat: no-repeat; height: 28px; box-sizing: border-box; } #fast-order .fluid-field input[type="text"].mail { background-image: url(../img/mail-red.png); } #fast-order .fluid-field input[type="text"].fio { background-image: url(../img/fio-input.png); } #fast-order .fluid-field input[type="text"].countrycode-label { padding-right: 0; background-color: #ede9e2; width: 88px; } #fast-order .fluid-field input[type="text"].phone { background-image: url(../img/phonetel-input.png); } #fast-order .fluid-field .countryCodeWidget .selectedFlagCont { height: 19px !important; } #fast-order .fluid-field .countryCodeWidget .countryCodeSelectorListDropdown { height: 110px; } #fast-order .fluid-field.phone-field .phnCdAbs { position: absolute; top: 0; left: 0; } #fast-order .fluid-field.phone-field .countryCodeWidget { position: relative; } #fast-order .fluid-field.phone-field { position: relative; padding-left: 98px; } #fast-order .btn { float: left; } #fast-order .itemcard, .popupform .itemcard { width: 140px; float: left; padding-right: 40px; border-right: 1px solid #cbcbcb; } #fast-order .itemcard .img, .popupform .itemcard .img { width: 140px; height: 140px; } #fast-order .prod-card-small .name, .popupform .prod-card-small .name { line-height: 17px; font-size: 15px; margin: 0 0px 8px; } #fast-order .prod-card-small .art, .popupform .prod-card-small .art { margin: 0px 0px 8px; } #fast-order .prod-card-small .params { left: -10px; width: 160px; } #fast-order .prod-card-small .params .price { font-size: 16px; } /* ========================================================================== Popups ========================================================================== */ .popup { display: none; position: absolute; background: #fff; padding: 20px; z-index: 50; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.65); -moz-box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.65); box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.65); } .popup .pipka { width: 24px; height: 12px; position: absolute; left: 50%; top: -12px; margin-left: -12px; background: url(../img/last-views-pipka.png); } .fancybox-inner .popup { position: static; } /* Confirm city popup */ .confirm-city-popup { width: 280px; padding: 20px 30px 24px; left: -30px; top: 100%; margin-top: 5px; } .confirm-city-popup .pipka { width: 19px; height: 10px; background: url("../img/icons.png") 0 0 no-repeat; top: -10px; left: 40px; margin-left: 0; } .vacancies-list-block .title-section h2 { text-align: center; font-size: 30px; } .vacancies-list-block .countries { } .vacancies-list-block .countries .country { height: 205px; float: left; text-align: center; background: url(../img/vacancy-countries.png) no-repeat; border: none; } .vacancies-list-block .countries .country span { display: block; } .vacancies-list-block .countries .country .caption { padding: 164px 0px 0px; font-size: 30px; line-height: 30px; color: #474243; } .vacancies-list-block .countries .country.active .caption { font-weight: bold; } .vacancies-list-block .countries .country .caption .bordered { display: inline; border-bottom: dashed 1px #b3ccc7; font-size: 16px; color: #689a8f; } .vacancies-list-block .countries .country:hover .caption .bordered { border: none; color: #f15722; } .vacancies-list-block .countries .country .caption .bordered span { display: inline; font-size: 30px; } .vacancies-list-block .countries .country.russia { background-position: 0% 0%; } .vacancies-list-block .countries .country.russia:hover, .vacancies-list-block .countries .country.russia.active { background-position: 0% 100%; } .vacancies-list-block .countries .country.kazakhstan { background-position: -332px 0%; } .vacancies-list-block .countries .country.kazakhstan:hover, .vacancies-list-block .countries .country.kazakhstan.active { background-position: -332px 100%; } .vacancies-list-block .countries .country.ukraine { background-position: 100% 0%; } .vacancies-list-block .countries .country.ukraine:hover, .vacancies-list-block .countries .country.ukraine.active { background-position: 100% 100%; } .vacancies-list-block .countries .country.active .caption span {border-bottom: none;color:#000;} .vacancies-list-block .section-city { padding: 8px 0px 20px; } .vacancies-list-block .section-city .title-section { padding-bottom: 10px; } .vacancies-list-block .section-city .title-section h3, .vacancies-list-block .section-city .title-section .subcaption { padding-left: 30px; } .vacancies-list-block > .title-section > .subcaption { text-align: center; } .vacancy-item { padding: 10px 0px 0px; margin: 0px 0px 10px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .vacancy-item.open { background: #f8f4ef; -webkit-box-shadow: 0px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px rgba(0,0,0,0.15); box-shadow: 0px 1px rgba(0,0,0,0.15); } .vacancy-item .caption { padding: 0px 15px 0px 30px; font-size: 18px; line-height: 24px; } .vacancy-item .caption > div { padding: 0px 0px 0px 30px; min-height: 24px; position: relative; float: left; } .vacancy-item .caption > div .icon { display: block; width: 19px; height: 19px; position: absolute; left: 0px; top: 2px; background: url(../img/user-dbl.png) no-repeat 50% 0; } .vacancy-item .caption .bordered { color: #689a8f; font-size: 10px; border-bottom: dashed 1px #b3ccc7; cursor: pointer; } .vacancy-item .caption .bordered span { font-size: 18px; } .vacancy-item.open .caption .bordered { color: #474243; border: none; } .vacancy-item .caption > div:hover .icon, .vacancy-item.open .caption .icon { background-position: 50% 100%; } .vacancy-item .caption > div:hover .bordered { border: none; color: #f15722; } .vacancy-item .cont { padding: 15px 15px 0px 30px; color: #474243; } .vacancy-item .cont .text-block { font-size: 15px; line-height: 18px; } .vacancy-item .cont .text-block ul { margin-bottom: 5px; } .vacancy-item .cont .text-block ul li { padding-bottom: 14px; } .vacancy-item .cont .text-block .grey { font-size: 12px; color: #8b8b8b; } .vacancy-item .cont .text-block .segoe-font { color: #f15722; font-size: 15px; line-height: 18px; padding: 0px 0px 12px; } .vacancy-item .cont .price { padding: 0px 0px 0px 20px; background: url(../img/price-mini.png) no-repeat 0% 4px; } .vacancy-item .cont .link-with-icon-new { margin: 20px 0px 0px; } .vacancy-item .cont .link-with-icon a span { font-size: 15px; } .vacancy-item .cont .link-with-icon a { border-bottom-style: dashed; } .vacancy-item .cont .link-with-icon a:hover { border: none; color: #f15722; } .vacancy-item .label-close{ display: none;} .vacancy-item .label-close, .frmAddExpertQ .label-close {position: absolute; right: 20px; top: -5px; } .vacancy-item .col-left { display: none; float: left; width: 517px; padding: 0px 0px 15px; } .vacancy-item .col-right { display: none; float: right; width: 380px; padding: 20px 50px 15px 0px; } .vacancy-item .typical-form input[type="text"], .vacancy-item .btn { float: left; } .vacancy-item .or-close { float: left; height: 30px; line-height: 30px; margin-left: 15px; } .vacancy-item .or-close a { color: #443c3d; border-color: #d8d6d5; font-size: 9px; } .vacancy-item .or-close a:hover { color: #f15722; } .vacancy-item .or-close a span { font-size: 14px; } .confirm-cp-city { font-size: 24px; font-weight: bold; line-height: 1; } .confirm-cp-btns { margin-top: 14px; margin-bottom: 16px; } .confirm-cp-btns .btn { margin-right: 10px; } .confirm-city-popup .small-text { line-height: 15px; } /* choose city popup */ .fancybox-wrap-top { top: 10% !important; } .choose-city-popup { position: relative; width: 1000px; padding-top: 5px; background-color: #fff; border-radius: 3px; margin: 4% auto 50px; } .choose-city-popup ul.choose-cp-tabs { margin-left: 10px; height: 46px; } .choose-city-popup ul.tabs li { height: 46px; line-height: 47px; padding-left: 20px; padding-right: 20px; } .choose-cp-tab-content { overflow: hidden; } .choose-city-popup ul.tabs li .bordered span { font-size: 14px; } .opt-page .title-page .subcaption { font-size: 18px; padding-top: 18px; padding-bottom: 17px; } .opt-page .title-section h3 { margin: 0px; font-size: 30px; line-height: 33px; text-align: center; } .opt-page .partnership-ideas { } .opt-offer-us-form { margin: 0px 0px 90px; } .opt-offer-us-form .left-text { float: left; width: 585px; padding: 38px 0px 10px 40px; background: url(../img/opt-offer-form.jpg) no-repeat 100% 76px; } .opt-offer-us-form .left-text .text-block { width: 260px; color: #474243; font-size: 18px; line-height: 24px; } .opt-offer-us-form .left-text .text-block h3 { font-size: 24px; line-height: 24px; margin: 0px; } .opt-offer-us-form .left-text .text-block p { padding-bottom: 24px; } .opt-offer-us-form .right-form { height: 100%; float: right; border-left: solid 1px #d2d1cd; color: #474243; padding-bottom: 30px; } .opt-offer-us-form .right-form > div { height: 100%; border-left: solid 1px #fcfbfa; width: 260px; padding: 0px 40px; } .opt-offer-us-form .right-form .ttl { text-align: center; font-size: 24px; font-weight: bold; line-height: 26px; text-transform: uppercase; padding: 38px 0px 20px; } .opt-offer-us-form .label { padding-bottom: 7px; } .opt-offer-us-form input[type="text"].name { background: #fff url(../img/user-red.png) no-repeat 97% 50%; } .opt-offer-us-form input[type="text"].phone { background: #fff url(../img/phone-red.png) no-repeat 97% 50%; } .opt-offer-us-form textarea.mess { height: 76px; background: #fff url(../img/pencil-red.png) no-repeat 97% 7px; } .opt-offer-us-form .btn-red-with-coner { margin-top: 20px; } .opt-why-success { padding: 0px 0px 32px; border-bottom: solid 1px #cbcbcb; margin: 0px 0px 50px; } .opt-why-success .title-section { padding-bottom: 50px; } .opt-why-success .success-item { padding-bottom: 22px; font-size: 18px; line-height: 24px; color: #8b8b8b; text-align: center; } .opt-why-success .success-item .segoe-font { font-size: 21px; line-height: 33px; color: #474243; padding: 0px 0px 15px; } .opt-why-success .success-item .icon { width: 54px; height: 54px; margin: 0px auto 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .opt-why-success .success-item .icon.money { background: #f15722 url(../img/icon-money-white.png) no-repeat 50% 50%; } .opt-why-success .success-item .icon.map { background: #929b3d url(../img/icon-map-white.png) no-repeat 50% 50%; } .opt-why-success .success-item .icon.calend { background: #ffc108 url(../img/icon-calend-white.png) no-repeat 50% 50%; } .opt-why-success .success-item .icon.ok { background: #3db488 url(../img/icon-ok-white.png) no-repeat 80% 50%; } .opt-advantages { padding: 12px 0 0; color: #474243; border-bottom: solid 1px #cbcbcb; margin: 0px 0px 50px; } .opt-advantages .title-section { padding-bottom: 25px; } .opt-advantages .col-left { float: left; width: 470px; } .opt-advantages .col-right { float: right; width: 470px; } .opt-advantages .adv-item { position: relative; padding: 0px 0px 0px 80px; min-height: 90px; margin: 0px 0px 45px; } .opt-advantages .adv-item .label { display: block; position: absolute; left: 0px; top: 0px; } .opt-advantages .adv-item .caption { font-size: 16px; line-height: 21px; font-weight: bold; text-transform: uppercase; padding: 0px 0px 10px; } .opt-advantages .adv-item .text-block { line-height: 21px; } .our-productions { padding: 0px 0px 115px; } .our-productions .title-section h2 { font-size: 30px; text-transform: uppercase; } .our-productions .prod-item { text-align: center;margin-bottom: 20px; } .our-productions .prod-item .logotype { } .our-productions .prod-item .logotype a { border: none; } .our-productions .prod-item .name { padding: 4px 10px; min-height: 40px; } .our-productions .prod-item .name a { color: #474243; border-bottom-color: #dedede; font-size: 9px; } .our-productions .prod-item .name a:hover { color: #f15722; } .our-productions .prod-item .name a span { font-size: 14px; } .choose-city-popup ul.tabs li.current { color: #f15722; text-transform: uppercase; } .choose-cp-tab-cont { padding: 30px; min-height: 510px; } .choose-city-popup .field-example { font-family: "segoe"; margin-top: 3px; } .choose-city-popup .field-example a.jsLink, span.jsLink { display: inline-block; line-height: 1; } .choose-city-popup input[type="text"].choose-cp-input { width: 100%; box-sizing: border-box; font-family: Arial; padding-top: 7px; padding-left: 14px; padding-bottom: 7px; height: 30px; } .choose-cp-title { font-size: 24px; font-weight: bold; line-height: 21px; } .choose-cp-title-2 { font-family: "segoe"; color: #f15722; font-size: 12px; line-height: 21px; margin-bottom: 14px; } .choose-cp-title-2 .flag-icon { position: relative; margin-right: 5px; top: 1px; } .flag-icon { width: 16px; height: 11px; display: inline-block; background: url('../img/flags4.png') no-repeat 0 0; } .city-panel { margin-top: 22px; display: table; width: 100%; } .city-panel-title { font-weight: bold; text-transform: uppercase; margin-bottom: 5px; letter-spacing: -.5px; } .city-panel-sidebar { position: relative; box-sizing: border-box; display: table-cell; width: 28%; padding-right: 30px; } .cps-list-wrapper { position: absolute; left: -11px; right: 30px; top: 24px; bottom: 0; height: auto; height: 425px; } .cps-list-wrapper .list-for-selection { width: 235px; } /*.cps-list-wrapper .jspPane{ //box-sizing: border-box; //padding-right: 14px !important; } .cps-list-wrapper .lfs-item{ margin-right: 27px; }*/ .city-panel-content { box-sizing: border-box; display: table-cell; width: 72%; } .cpc-offset { margin-left: -20px; margin-right: -20px; margin-top: 8px; } .city-panel-col { box-sizing: border-box; float: left; width: 33.333%; padding-left: 20px; padding-right: 20px; } .cpc-letter-list-wrapper { padding-top: 3px; padding-left: 30px; padding-bottom: 10px; } .cpc-label-letter { width: 19px; height: 29px; line-height: 26px; font-size: 14px; background-position: center bottom; } .cpc-letter-list-item { margin-bottom: 8px; } a.cpc-lli-link { border: none; } a.cpc-lli-link > span { border: none; font-size: 9px; color: #474243; } a.cpc-lli-link:hover > span { color: #474243; border-bottom: solid 1px #bab8b8; } a.cpc-lli-link > span > span { font-size: 14px; } .lfs-item { position: relative; padding: 6px 11px; border-radius: 2px 0 0 2px; width: 190px; margin-right: 13px; letter-spacing: -.5px; } .lfs-item span { cursor: pointer; display: block; line-height: 18px; color: #689a8f; text-decoration: none; } .lfs-item span:hover { color: #f15722; } .lfs-item__selected { background-color: #929b3d; color: #fff; } .lfs-item__selected span { cursor: default; } .lfs-item__selected span:hover { color: #fff; } .lfs-item__selected .lfs-item-link { color: #fff; } .lfs-item__selected:after { content: ""; position: absolute; width: 7px; height: 30px; background: url("../img/icons.png") 0 -15px no-repeat; right: -7px; top: 50%; margin-top: -15px; } .cpcdata { display: none; } #OD_lengthWarn { font-size: 12px; color: #474243; top: 4px; position: relative; } #OD_lengthWarn em { font-style: normal; font-weight: bold; } .scrollwfixation, .scrollwofixation { position: relative; } /* Правки popup-hint для 4-ого элемента в слайдере*/ .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .favorite.independ .popup-hint { bottom: 32px; right: -20px; left: auto; } .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .favorite.independ .pipka-bottom { right: 27px; left: auto; } /* Vegetarian card styles */ .vegetarian-card { margin-top: 15px; } .vegetarian-card > img { vertical-align: bottom; margin-left: 5px; } /* social icons from sprite*/ .social .icon { background: url('../img/v2/main-sprites.png') no-repeat 0px 0px; width: 30px; height: 30px; } .social .vk { background-position: 0 0; } .social .fb { background-position-x: -30px; } .social .ok { background-position-x: -120px; } .social .gp { background-position-x: -180px; } .social .inst { background-position-x: -150px; } .social .tw { background-position-x: -60px; } .social .yt { background-position-x: -210px; } .social .vimeo { background-position-x: -90px; } .social .telegram { background-position-x: -270px; } .tPnl .search input[type="submit"] { background: url('../img/v2/main-sprites.png') no-repeat -87px -33px; } .site-header__cart__caption:before { content: ''; background: url('../img/v2/main-sprites.png') no-repeat -8px -100px; width: 24px; height: 20px; display: inline-block; position: absolute; left: 0px; top: -1px; } .site-header__sign__link.favorite:before { content: ""; display: block; width: 16px; height: 16px; position: absolute; background: url(/img/svg/catalog/heart-fill.svg) no-repeat 50% 50%; /*background-repeat: no-repeat; background-size: contain; background-image: url(/img/svg/catalog/heart-fill.svg)!important; background-repeat: no-repeat; background-size: contain!important; background-position: center; background-size: 16px;*/ box-shadow: 0 0 0 rgba(204, 169, 44, 0); animation: pulse 1.5s; animation-timing-function: ease-out; /*border-radius: 50%;*/ background-color: transparent; left: 0; top: 2px; } .site-header__sign__link.viewed:before { content: ''; background: url('../img/v2/main-sprites.png') no-repeat -47px -36px; width: 17px; height: 15px; display: inline-block; position: absolute; left: 0px; top: 3px; } /* Response for retina*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .yandex-egg, .fixed-btns a img, .stFtr .logo, .stFtr .apps div, .stFtr .addl-links .icon, .stFtr .egg .yandex .logotype, .stFtr .egg .icons, .site-header__cart__caption:before, .site-header__sign__link.viewed:before, .social .icon, .tPnl .search input[type="submit"] { background-image: url('../img/v2/main-sprites@2x.png'); background-size: 300px 601px; } .payment-delivery-block .payment .icons__all, .payment-delivery-block .delivery .icons__all { background-image: url('../img/sprite/payment-delivery@2x.png?v=2'); background-size: 609px 160px; } } /* Строка выбора даты доставки в блоке доставка*/ .bx-calendar a { border: none; } .delivery-courier-time__date, .delivery-courier-time__values { float: left; } .delivery-courier-time__date_wrap { position: relative; width: 100px; } .typical-form input.delivery-courier-time__calendar { cursor: pointer; width: 100%; padding: 7px 10px; background: #fff; border: none; color: #474243; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 1px rgba(0, 0, 0, 0.25); box-sizing: border-box; height: 28px; } .delivery-courier-time { margin-top: 5px; margin-bottom: 10px; } .delivery-courier-time__values { position: relative; padding: 5px 0 !important; } .delivery-courier-time__values .jqTransformRadioWrapper { float: none; display: inline-block; vertical-align: middle; } .delivery-courier-time__value { text-align: center; } .delivery-courier-time__icon { width: 17px; position: absolute; height: 17px; top: 5px; right: 4px; cursor: pointer; } .delivery-courier-time__icon svg { max-width: 100%; fill: #646464; max-height: 100%; } .botSub { padding: 2px; margin-bottom: 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f5b733; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1YjczMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMjZhMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5b733 0%, #f26a36 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5b733), color-stop(100%, #f26a36)); background: -webkit-linear-gradient(top, #f5b733 0%, #f26a36 100%); background: -o-linear-gradient(top, #f5b733 0%, #f26a36 100%); background: -ms-linear-gradient(top, #f5b733 0%, #f26a36 100%); background: linear-gradient(to bottom, #f5b733 0%, #f26a36 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5b733', endColorstr='#f26a36', GradientType=0); } .botSub > div { background: #fff; padding: 26px 20px; min-height: 63px; } .botSub .bsTtl { font-size: 17px; font-weight: bold; color: #474243; padding: 9px 0 0; } .botSub .bsImg { padding: 8px 0 0; } .botSub h3 { font-size: 36px; color: #474243; text-transform: uppercase; font-weight: bold; line-height: 39px; text-align: center; padding: 60px 0 10px 0; margin: 0; } .botSub p { color: #474243; font-size: 15px; font-family: 'segoe', sans-serif; } .botSub input[type="text"] { position: relative; display: block; width: 100%; height: 39px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; background: #fff url('/img/mail-red.png') no-repeat 95% 50%; vertical-align: middle; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .botSub .formSend { padding: 11px 0 0; } .botSub .formSend p { text-align: center; margin: -20px 0 5px; } @media (min-width: 768px) and (max-width: 1023px) { .botSub .bsTxt { padding: 10px 0 0; } } @media (max-width: 1023px) { .botSub .formSend p { margin: 0 0 5px; } } @media (max-width: 767px) { .botSub .btn-red-with-coner.bigger { margin-top: 15px; } } /* Блок "Подпишитесь на нашу расслыку" на странице товара */ .colSub { position: relative; text-align: center; } .colSub p { padding: 0px 27px; } .colSub .row .pb { padding-bottom: 20px; } .colSub .csImg { margin: auto; height: 30px; background: url('/img/column-subscribe.png') 50% 50% no-repeat; } .colSub .csFImg { position: absolute; bottom: -23px; right: 35px; width: 20px; height: 23px; background: url('/img/column-subscribe_footer.png') 50% 50% no-repeat; } @media (max-width: 768px) { .colSub .csFImg { display: none; } } .wPreloader { position: relative; } .advantages__title { max-width: 200px; } .tabs-block-rainbow .tabs li.advantages__title > div { line-height: 18px; } .advantages__title > div > span { position: relative; top: 10px; } .advantages__item { margin-top: 14px; } .advantages__item:after { content: ""; display: table; clear: both; } .advantages__item-icon { float: left; width: 17%; } .advantages__item-text { float: left; width: 83%; box-sizing: border-box; padding-left: 17px; } .advantages__item-text strong { font-size: 18px; } .stamp-block__right, .stamp-block__left { content: ""; height: 100%; width: 4px; position: absolute; top: 0; } .stamp-block__right { background: url(/img/svg/white-circle-vertical.svg) 0px bottom repeat-y; right: 0; } .stamp-block__left { background: url(/img/svg/white-circle-vertical.svg) -4px bottom repeat-y; left: 0; } .box-slider { margin: 30px 0 30px; position: relative; } .box-slider__slide { padding: 30px 70px 40px; background-color: #fdeebb; min-height: 330px; } .box-slider__title { text-align: center; position: relative; z-index: 1; } .swiper-slide, .swiper-wrapper { height: auto; } .box-slider__img { position: relative; top: -30px; margin-bottom: -30px; float: right; max-width: 370px; } .box-slider__img img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .box-slider__row { margin: auto 34px; } .box-slider__price { margin-top: 1em; } .box-slider__price span { display: block; white-space: nowrap; font-size: 18px; font-weight: bold; color: #f26a36; } .box-slider__description { margin-top: 35px; max-width: 300px; } .box-slider__button { margin-top: 1em; height: 39px; font-size: 16px; line-height: 40px; } .box-slider .swiper-button-prev, .box-slider .swiper-button-next { width: 32px; height: 32px; right: 80px; } .box-slider .swiper-button-prev { left: 80px; } .box-slider__controll { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .opt-offer-us-form > img { position: absolute; bottom: -36px; right: 315px; } .opt-offer-us-form .left-text { background: none; position: relative; } @media (max-width: 992px) { .advantages__item-icon { width: 10%; } .advantages__item-text { width: 90%; } } @media (max-width: 991px) { .box-slider__img { float: none; margin: 0; top: 0; text-align: center; margin: auto; max-width: 400px; } .box-slider__description { margin: 1em auto 0; max-width: 350px; text-align: center; } .box-slider__description p { font-size: 16px; } .box-slider__description span { font-size: 18px; } .box-slider a.btn { float: none; } } @media (max-width: 768px) { .tabs-block-rainbow .tabs li { max-width: 40%; } .tabs-block-rainbow .tabs .advantages__title > div > span > span { font-size: 16px; } .tabs-block-rainbow .tabs li > div { padding: 0 10px; } .box-slider__slide { padding: 30px 0px 40px; } .box-slider__row { margin: auto 7px; } .box-slider .swiper-button-prev { left: 10px; top: 30%; } .box-slider .swiper-button-next { right: 10px; top: 30%; } } @media (max-width: 655px) { .form-block.sign-in .white-box { width: auto; } .form-block.sign-in .white-box .autorization { float: none; width: 100%; max-width: 400px; margin: auto auto 40px; } .form-block.sign-in .white-box .soc { float: none; width: 100%; max-width: 400px; margin: auto; padding: 0; } .form-block.sign-in .white-box .or { height: 12px; width: 100%; float: none; background: url(/img/sign-in-or.png) 50% 49.5% no-repeat; margin: 0 0 20px; } .form-block.sign-in .white-box .soc .caption br { display: none; } } @media (max-width: 410px) { .advantages__item-icon { width: 15%; } .advantages__item-text { width: 85%; } .advantages__item-icon svg { max-width: 100%; } .tabs-block-rainbow .tabs .advantages__title > div > span > span { font-size: 13px; } .tabs-block-rainbow .tabs li > div { padding: 0 5px; } .tabs-block-rainbow .tabs li.advantages__title > div { width: 90px; } } .personal-pages .sidebar { float: left; } .personal-pages .content-left { float: right; } /* Текст в тонкой рамке Используется на странице: http://4fresh.loc/checkout/cart/ для отображения товаров, которых нет в наличии. */ .gray-border { position: relative; padding: 14px 30px 0px; min-height: 49px; border: solid 1px #cbcbcb; margin: 0px 0px 25px; color: #474243; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 15px; line-height: 18px; } .gray-border .mfp-close { cursor: pointer; } /* Окончание: Текст в тонкой рамке */ /* Подтверждение разрешения push уведомления*/ .push-notification-popup { width: 400px; padding: 15px; box-sizing: border-box; position: fixed; top: 20px; left: 20px; } .push-notification__wrap:after { content: ""; display: table; clear: both; } .push-notification__img { width: 110px; float: left; box-sizing: border-box; } .push-notification__img img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .push-notification__text { width: 260px; float: left; margin-top: 12px; padding-left: 15px; box-sizing: border-box; } .push-notification__text .title { font-size: 24px; font-weight: bold; margin-bottom: 3px; } .push-notification__cancel { margin-top: 18px; } .push-notification__text a { color: #a3a0a1; border-bottom: solid 1px #bab7b8; font-size: 8px; } .push-notification__text a:hover { border-bottom: none; } .push-notification__text a span { font-size: 14px; } .push-notification__text p { margin-bottom: 10px; line-height: 1.3; } .push-notification-popup .btn-red-with-coner { display: inline-block; } .push-notification-popup .btn-red-with-coner input { padding: 0 30px; } @media only screen and (max-device-width: 998px) { .push-notification-popup { width: 100%; left: 0px; } } /* Конец: Подтверждение разрешения push уведомления*/ /*Bell button to init push*/ .bell_button { background: #31abd7; width: 27px; display: block; height: 27px; margin: 0; position: relative; right: -5px; padding: 3px 7px 3px 3px; text-align: center; border-radius: 3px 0 0 3px; } .bell_button:hover { right: 0px; } .bell_button svg { position: relative; width: 17px; height: 17px; top: 5px; } /* Конец: Подтверждение разрешения push уведомления*/ .brand-sidebar-right { background: none !important; padding-top: 0 !important; } .brand-caption { text-align: left !important; } .brand-divider { margin: 35px 0 45px 0; border-bottom: 1px solid #cbcbcb } .brand-rating-border { display: inline-block; width: 55px; height: 64px; position: absolute; right: 0; bottom: 20px; background-size: cover; } .brand-rating-value { color: #3a3f46; position: absolute; right: 8px; bottom: 45px; font-weight: bold; font-size: 30px; width: 40px; text-align: center; } .quest-brand { left: 0; } .green-brand-rating { background-image: url(/img/rating-border-green.png); } .yellow-brand-rating { background-image: url(/img/rating-border-yellow.png); } .expand-block { display: none; } .expanded-tabs-block-spoiler { position: absolute; top: 165px; left: 0px; text-align: center; padding: 14px 0; cursor: pointer; z-index: 9; width: 100%; background: #f8f4ef; background: -moz-linear-gradient(top, rgba(248, 244, 239, 0.7), rgba(248, 244, 239, 1)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f4ef), color-stop(100%, #f8f4ef)); background: -webkit-linear-gradient(top, rgba(248, 244, 239, 0.7), rgba(248, 244, 239, 1)); background: -o-linear-gradient(top, rgba(248, 244, 239, 0.7), rgba(248, 244, 239, 1)); background: -ms-linear-gradient(top, rgba(248, 244, 239, 0.7), rgba(248, 244, 239, 1)); background: linear-gradient(to bottom, rgba(248, 244, 239, 0.7), rgba(248, 244, 239, 1)); } .expanded-tabs-block-spoiler:hover .bordered span { color: #f15722; } .expanded-tabs-block-spoiler:hover .bordered { border: none; } .prod-card-small .hover-btns .btn__cont { position: relative; } .prod-card-small .hover-btns .btn__cont .UOImsg { left: 0; } /* #Welcome pop-up from partners resoureses ================================================== */ .welcome-popup { text-align: center; padding: 40px 80px; width: 520px; box-sizing: border-box; max-width: 100% } @media (max-width: 800px) { .welcome-popup { padding: 30px 45px 35px; width: 420px } } @media (max-width: 550px) { .welcome-popup { padding: 20px 20px 30px } } @media (max-width: 400px) { .welcome-popup { padding: 10px 15px 15px } } .welcome-popup__title { font-size: 24px; margin: .8em; line-height: normal } @media (max-width: 800px) { .welcome-popup__title { font-size: 22px; margin-bottom: .5em } } .welcome-popup__btn { width: 170px; display: block; margin: 35px auto 0; float: none !important; cursor: pointer; box-sizing: border-box; height: 39px; line-height: 41px; font-size: 18px } @media (max-width: 800px) { .welcome-popup__btn { margin: 25px auto 0 } } @media (max-width: 550px) { .welcome-popup__btn { font-size: 16px; margin: 22px auto 0 } } .welcome-popup p { font-size: 18px } @media (max-width: 800px) { .welcome-popup p { font-size: 16px } } .welcome-popup p a { color: #ee6b3f; transition: color ease-out .3s } .welcome-popup p a:hover { color: #689a8f } /*------------------------------------------------------------------------------------------- */ /*-------------------------------- 4fresh / 4fday banner ------------------------------------ */ /*--------------------------------------------------------------------------------------------*/ .banner-4fday__btn, .banner-4fday__info, .banner-4fday__logo { font-weight: 700; text-transform: uppercase } .banner-4fday__btn, .banner-4fday__info__row { white-space: nowrap } .banner-4fday { margin: 21px -15px; padding: 15px 16px 13px; display: flex; align-items: center; color: #fff; background-image: -moz-linear-gradient(0deg, #ffa587 0, #f57142 100%); background-image: -webkit-linear-gradient(0deg, #ffa587 0, #f57142 100%); background-image: -ms-linear-gradient(0deg, #ffa587 0, #f57142 100%); border-radius: 6px; border: none; position: relative; font-size: 16px } @media (max-width: 900px) { .banner-4fday { flex-direction: column; margin: 20px 0; font-size: 14px; padding-bottom: 8px } .banner-4fday__logo { display: flex; align-items: center; justify-content: center; margin-bottom: 8px; margin-right: 0 } } .banner-4fday:focus, .banner-4fday:hover { color: #fff } @media (max-width: 420px) { .banner-4fday { font-size: 12px } } .banner-4fday__logo { color: #fee8a6; letter-spacing: 1px; font-size: 1.5em; white-space: nowrap } @media (max-width: 550px) { .banner-4fday__logo { margin-bottom: 4px } } .banner-4fday__invite { padding: 0 30px 0 36px; line-height: 1.2; color: #fff } @media (max-width: 900px) { .banner-4fday__invite { text-align: center; margin-right: 0; margin-bottom: 8px; width: auto; line-height: 1.18; padding: 0 6px } .banner-4fday__info__row { padding: 0 8px } } @media (max-width: 420px) { .banner-4fday__invite { font-size: 11px } } .banner-4fday__info { display: flex; flex-direction: column; line-height: normal; letter-spacing: .3px; flex-shrink: 0; width: 160px } @media (max-width: 900px) { .banner-4fday__info { justify-content: center; flex-direction: row; width: auto; margin-bottom: 12px } } .banner-4fday__btn { margin-left: 16px; width: 144px; height: 44px; box-sizing: border-box; border-radius: 40px; background-color: #fff; letter-spacing: .6px; text-align: center; padding: 5px 0 2px; color: #ee6b3f; flex-shrink: 0; box-shadow: 0 0 12.15px 2.85px rgba(255, 226, 138, .93), 0 0 3.55px 1.45px rgba(255, 255, 255, .93); -webkit-animation: btn-shadow 3s ease-in infinite; animation: btn-shadow 3s ease-in infinite; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; display: flex; align-items: center; justify-content: center } @media (max-width: 900px) { .banner-4fday__btn { height: 34px; margin-left: 0; font-size: 14px } } @-webkit-keyframes btn-shadow { 0%, 100% { box-shadow: 0 0 12.15px 2.85px rgba(255, 226, 138, .2), 0 0 3.55px 1.45px rgba(255, 255, 255, .1) } 50% { box-shadow: 0 0 12.15px 2.85px rgba(255, 226, 138, .93), 0 0 3.55px 1.45px rgba(255, 255, 255, .93) } } @keyframes btn-shadow { 0%, 100% { box-shadow: 0 0 12.15px 2.85px rgba(255, 226, 138, .2), 0 0 3.55px 1.45px rgba(255, 255, 255, .1) } 50% { box-shadow: 0 0 12.15px 2.85px rgba(255, 226, 138, .93), 0 0 3.55px 1.45px rgba(255, 255, 255, .93) } } .close-new-sorting-block { display: none; } /* #Index page nav blocks under slider ================================================== */ .adv-nav { display: -ms-grid; display: grid; -ms-grid-columns: (1fr) [ 3 ]; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: minmax(150px, 1fr); grid-template-rows: minmax(150px, 1fr); grid-gap: 20px; margin-bottom: 36px; } @media (min-width: 1024px) { .adv-nav { margin-left: -15px; margin-right: -15px; } } @media (max-width: 968px) { .adv-nav { grid-gap: 15px; } } @media (max-width: 768px) { .adv-nav { grid-gap: 10px; } } @media (max-width: 650px) { .adv-nav { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } } .adv-nav__item { padding: 24px 30px 14px; background-color: var(--color); color: #fff; display: -ms-grid; display: grid; -ms-grid-rows: (auto) [ auto-fill ]; grid-template-rows: repeat(auto-fill, auto); border: none; position: relative; } @media (max-width: 968px) { .adv-nav__item { padding: 22px 26px 14px; } .adv-nav__item__title { min-height: 1.6em; } } @media (max-width: 768px) { .adv-nav__item { padding: 20px 20px 15px; -ms-grid-rows: auto; grid-template-rows: auto; } } @media (max-width: 650px) { .adv-nav__item { padding: 15px 15px 12px 80px; -ms-grid-rows: auto; grid-template-rows: auto; } } @media (max-width: 400px) { .adv-nav__item { padding-left: 64px; } } .adv-nav__item:before { content: ""; position: absolute; top: 0; right: 0; border-style: solid; width: 0; border-width: 0px; border-color: #FFF #FFF rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3); transition: border-width 0.2s; } .adv-nav__item:hover { color: #fff; } .adv-nav__item:hover .adv-nav__item__link span { border-bottom-color: transparent; } .adv-nav__item:hover:before { border-width: 10px; } .adv-nav__item__img { align-self: start; margin-bottom: 4px; position: absolute; right: 30px; top: 18px; max-width: 38px; height: 38px; display: flex; -ms-align-items: center; align-items: center; justify-content: center; } .adv-nav__item__img img { height: 100%; max-width: 110%; } @media (max-width: 768px) { .adv-nav__item__img { height: 32px; width: 32px; right: 24px; } } @media (max-width: 650px) { .adv-nav__item__img { position: absolute; top: 16px; left: 20px; height: 40px; width: 40px; -ms-align-items: start; align-items: start; } .adv-nav__item__img img { height: auto; } } @media (max-width: 400px) { .adv-nav__item__img { height: 32px; width: 32px; left: 15px; } } .adv-nav__item__title { font-weight: bold; font-size: 24px; line-height: 0.9; padding: 0 0 5px; min-height: 1.8em; padding-right: 50px; } @media (max-width: 768px) { .adv-nav__item__title { font-size: 20px; } } @media (max-width: 650px) { .adv-nav__item__title { min-height: initial; } } .adv-nav__item__text { font-size: 15px; line-height: 1.07; max-width: 220px; padding: 5px 0; } @media (max-width: 768px) { .adv-nav__item__text { font-size: 14px; } } .adv-nav__item__link { display: inline-block; padding-top: 10px; } @media (max-width: 650px) { .adv-nav__item__text { max-width: 300px; } .adv-nav__item__link { padding-top: 6px; } } .adv-nav__item__link span { border-bottom: 1px solid rgba(255, 255, 255, 0.5); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; display: inline-block; line-height: .9; } .boxberry_content { overflow-y: auto !important; max-height: 75vh; } .journal { background-color: #f1f5f1; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .journal .title { background-image: url('/img/group-4.png'); background-size: cover; width: 100%; height: 180px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .journal .title__wrapper { display: block; width: 100%; height: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: rgba(0, 0, 0, 0.2); } .journal .title__content { color: #ffffff; text-align: center; padding: 34px 53px 0 53px; } .journal .title__content .text-block { display: block; margin: auto; margin-bottom: 13px; font-size: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.6); width: 96px; font-weight: bold; color: #ffffff; } .journal .title__content p { font-size: 15px; line-height: 20px; } .journal .swiper-container { width: 100%; border-radius: 5px; } .journal .slider__item { padding: 20px 25px 28px 25px; } @media (max-width: 480px) { .journal .slider__item { padding: 20px 15px 28px 15px; } } .item__wrapper { background-color: #ffffff; display: flex; flex-direction: column; align-items: flex-start; padding: 16px 30px 15px 30px; justify-content: center; min-height: 170px; } .item__wrapper:hover { box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.1); } .journal .item__top-block { display: flex; width: 100%; margin-bottom: 5px; } .journal .item__title-block { display: flex; flex-wrap: wrap; } .journal .item__title { margin-right: 10px; } .journal .item__info { width: 100%; } .journal .ci-list-item__name { text-align: left; font-weight: bold; text-decoration: none; color: #474243; display: flex; flex-wrap: wrap; width: 100% !important; margin-bottom: 10px; } .journal .ci-list-item__name:hover span { border: none !important; } .journal .ci-list-item__name span { transition: none; border: none; font-size: 15px !important; line-height: 17px !important; } .journal .item__name { margin-right: 5px; } .journal .item__info p { font-size: 15px; color: #474243; } .journal .item__price { text-decoration: line-through; } .journal .item__image { margin-right: 5px; margin-left: -15px; } .journal .item__image img { width: 84px; height: 84px; } .journal .promo { position: relative; } .journal .promo .red-color { position: absolute; top: 0; left: -5px; } .journal .promo__text { font-size: 13px; line-height: 15px; margin-bottom: 12px; padding-left: 6px; color: #999999; } .journal .buy { align-self: center; padding-top: 4px; border: none; width: 130px; height: 36px; box-shadow: 0 1px 0 0 #757a3b; } .journal .to-cart, .journal .go-cart { padding: 0 15px; line-height: 39px; text-transform: uppercase; font-weight: bold; text-align: center; } .journal .go-cart { box-shadow: 0 1px 0 0 #c55029; } .journal .item__info .item__price--free { color: #f26a36; font-weight: bold; } .journal .apps__text { color: #474243; font-size: 15px; line-height: 17px; text-align: center; font-weight: bold; margin-bottom: 13px; } .journal .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0px 7px; } .journal .swiper-pagination-bullet { background: #e5e5e5; opacity: 1; } .journal .swiper-pagination-bullet-active { background-color: #646464; } .journal .swiper-container-horizontal > .swiper-pagination { bottom: 8px; } .journal .swiper-pagination-bullet { width: 6px; height: 6px; } @media (min-width: 768px) { .p-t-0 { padding-top: 0; } } .apps { padding: 0 25px 20px 25px; } @media (max-width: 480px) { .apps { padding: 0 15px 20px 15px; } } .apps__links { text-align: center; display: flex; justify-content: center; } .journal .apps__link { display: block; width: 100%; max-width: 116px; height: 35px; border: none; background-size: 100% 100%; } .apps__link.apps__link--appstore { margin-right: 12px; object-fit: cover; margin-left: -20px; } .apps__link.apps__link--playmarket { object-fit: cover; } .apps__link img { border-radius: 5px; } a.noborder { border: none !important; } /*that_popup*/ .that_popup { padding: 40px 36px 45px 36px; text-align: center; } .that_phone_caption { font-size: 24px; letter-spacing: -0.5px; text-align: center; color: #333333; line-height: normal; padding-bottom: 28px; max-width: 448px; } .that_phone_mail { font-size: 24px; letter-spacing: -0.5px; text-align: center; color: #333333; margin-bottom: 26px; font-weight: bold; } .freshclub_banner_right:before { } .that_phone_buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .freshclub_privel .freshclub_privel_item{ padding-lefT:70px; text-align:left; margin-bottom:30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .freshclub_privel .freshclub_privel_name{ font-size: 24px; line-height: 24px; height:48px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-weight:600; color: #474243; margin-bottom:15px; } .freshclub_privel .freshclub_privel_text{ font-size: 15px; line-height: 15px; color: #474243; } .freshclub_privel .freshclub_privel_text p{ margin-bottom:15px; } .freshclub_privel_item.freshclub_privel_item1{ background: url(/img/4freshclub/fill-1.svg) top left no-repeat; max-width:344px; } .freshclub_privel_item.freshclub_privel_item2{ background: url(/img/4freshclub/fill-2.svg) top left no-repeat; max-width:344px; } .freshclub_privel_item.freshclub_privel_item3{ background: url(/img/4freshclub/fill-3.svg) top left no-repeat; max-width:344px; } .freshclub_privel_item.freshclub_privel_item4{ background: url(/img/4freshclub/fill-4.svg) top left no-repeat; max-width:344px; } .freshclub_privel_item.freshclub_privel_item5{ background: url(/img/4freshclub/fill-5.svg) top left no-repeat; } .freshclub_consult .filter-nav_aside, .freshclub_consult .title-page, .freshclub_consult .filter-nav{ display:none; } .freshclub_choose_items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-lefT: -8px; margin-right: -8px; } .that_mail_notmy { width: 209px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 0 #c55029; box-shadow: 0 1px 0 0 #c55029; background-color: #f26a36; height: 40px; line-height: 44px; font-size: 16px; font-weight: bold; letter-spacing: 0.3px; display: block; text-decoration: none; border: none; cursor: pointer; text-transform: uppercase; color: #ffffff; } .that_mail_notmy:hover { color: #fff; } .that_mail_my { width: 209px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 0 #757a3b; box-shadow: 0 1px 0 0 #757a3b; background-color: #939c3e; height: 40px; line-height: 44px; font-size: 16px; font-weight: bold; letter-spacing: 0.3px; display: block; text-decoration: none; border: none; cursor: pointer; text-transform: uppercase; color: #ffffff; } .that_mail_my:hover { color: #fff; } .popup-layout.popup-adult .white-box { padding: 36px; width: 605px; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; left: 50%; top: 50%; margin: -140px 0px 0px -302px; } @media (max-width: 767px) { .popup-layout.popup-adult .white-box { padding: 20px; /* width: calc(100% - 30px);*/ left: auto; width: auto; margin-left: 15px; top: 10%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .that_phone_buttons { display: block; } .popup_adult_close { margin-bottom: 20px; } } .freshclub_choose_items .freshclub_choose_item{ /* margin-right:8px;*/ margin-lefT:8px; margin-bottom:8px; border:1px solid #acccc5; border-radius:5px; display:-webkit-box; display:-ms-flexbox; display:flex; cursor:pointer; } .freshclub_choose_items .freshclub_choose_item.active{ background: #f0f5f4; } .freshclub_choose_items .freshclub_choose_item span{ line-height: 27px; display:block; height:24px; font-size: 15px; letter-spacing: -0.3px; color: #474243; padding-left:10px; padding-right:10px; } .freshclub_choose_items .freshclub_choose_item span.choose_item_close{ height:24px; width:24px; border-left:1px solid #acccc5; padding-left:0px; padding-right:0px; background: url(/img/4freshclub/close.svg) center center no-repeat; display:none; } .freshclub_choose_items .freshclub_choose_item.active span.choose_item_close{ display:block; } .freshclub_choose_button, .freshclub_choose_button:hover{ display:block; width:145px; height:40px; line-height: 40px; text-decoration: none; border-radius: 3px; -webkit-box-shadow: 0 1px 0 0 #cccccc; box-shadow: 0 1px 0 0 #cccccc; background-color: #dddddd; font-size: 16px; letter-spacing: 0.3px; text-align: center; color: #ffffff; font-weight:600; border-bottom:none; margin-top: 8px; } .freshclub_choose{ margin-bottom:30px; margin-top:8px; } .freshclub_acc{ margin-bottom:15px; border-radius: 5px; background-color: rgba(225, 235, 233, 0.4); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top:20px; padding-bottom:20px; padding-left:15px; padding-right:15px; } .freshclub_acc .freshclub_acc_img{ position: relative; margin-right:10px; } .freshclub_acc .freshclub_acc_img.with_crown:before{ content: ''; background: url(/img/4freshclub/crown.svg) top left no-repeat; background-size: contain; width: 14px; height: 9px; display: block; z-index: 2; position: absolute; left: 0px; top: -5px; -webkit-transform: rotate(-48deg); transform: rotate(-48deg); } .freshclub_acc .freshclub_acc_img img{ display:block; height:40px; width:40px; border-radius: 50%; } .freshclub_acc_name{ font-size: 18px; color: #474243; font-weight:600; } .freshclub_acc_aftername{ line-height: 1.13; font-size: 15px; color: #689a8f; } .freshclub_crown{ display:block; width:53px; height:53px; border-radius: 50%; background: url(/img/4freshclub/crown_right.svg) center center no-repeat #000000; position:absolute; top:7px; lefT:7px; z-index: 1; background-size: 31px; } .free_for_4fresh{ font-size: 13px; color: #f26a36; font-size: 13px; texta-lign:center; padding-right:23px; background: url(/img/question-gray.svg) top right no-repeat; padding-top:3px; } .fresh4club_kons_info{ font-size: 13px; line-height: 1.15; text-align: center; color: #474243; margin-top:-10px; margin-bottom:10px; } .site-header__sign__user_img{ width:30px; height:30px; position:relative; float:left; margin-right:10px; } .site-header__sign__user_img img{ max-width:30px; } .site-header__sign__user{ float:left; padding-top:5px; } .site-header__sign__user__link{ color: #646464; border-color: #dcdcdc; } .site-header__sign__cablinks:after{ content:''; display:block; clear:both; } .site-header__sign__user_img a{ border:none; } .site-header__sign__user_img.with_crown:before { content: ''; background: url(/img/4freshclub/crown.svg) top left no-repeat; background-size: contain; width: 14px; height: 9px; display: block; z-index: 2; position: absolute; left: 0px; top: -5px; -webkit-transform: rotate(-48deg); transform: rotate(-48deg); } .site-header__sign__exit{ color:#cccccc; } @media (min-width:769px) and (max-width:991px){ .freshclub_people_block form{ -ms-flex-wrap: wrap; flex-wrap: wrap; } .freshclub_people_block form input[type=text]{ margin-right:0px; margin-bottom:10px; } .freshclub_people_block form input[type=submit]{ margin-left:0px; } } @media only screen and (max-width: 768px){ .freshclub_people{ -ms-flex-wrap:wrap; flex-wrap:wrap; } .freshclub_people_block{ width: 100%; padding: 25px; padding-right: 23px; max-width: 100%; } .freshclub_people_purple{ margin-bottom:30px; } .freshclub_people_img{ float:left; margin-right:32px; } .freshclub_people_block, .freshclub_people_text{ text-align:left; } .freshclub_people_block:after{ content:''; display:block; clear:both; } .freshclub_banner_left{ padding-top: 11px; padding-bottom: 5px; padding-left:20px; padding-right:40px; line-height: 1.28; } .freshclub_banner_right{ padding-right:20px; padding-top: 14px; padding-bottom: 12px; font-size: 18px; padding-left:63px; line-height: 1.28; } .freshclub_banner_right:before { width: 35px; margin-right: -27px; } .freshclub_privel .freshclub_privel_item{ padding-left:50px; } .freshclub_privel_item.freshclub_privel_item1, .freshclub_privel_item.freshclub_privel_item2, .freshclub_privel_item.freshclub_privel_item3, .freshclub_privel_item.freshclub_privel_item4{ max-width:230px; background-size:40px; } .freshclub_privel .freshclub_privel_name{ font-size: 16px; line-height: 16px; height:32px; } .freshclub_privel_item.freshclub_privel_item5{ background-size:40px; } .freshclub_privel .freshclub_privel_text{ margin-left:-50px; } .for_freshclub_actions_items{ overflow-x: scroll; } .freshclub_actions_items{ display: inline-block; white-space: nowrap; overflow: hidden; } .freshclub_actions_item{ float:none !important; width:219px !important; /* width: calc(92vw) !important;*/ display: inline-block; } .freshclub_actions_name a{ white-space: pre-wrap; } } @media (max-width: 767px){ .freshclub_block, .freshclub_banner{ display:block; } .freshclub_block_left{ margin-bottom:15px; } .freshclub_yellow{ padding-lefT:10px; padding-right:10px; } .freshclub_block_right, .freshclub_block_left, .freshclub_people_block, .freshclub_people_text{ text-align:center; } .freshclub_people_img{ float:none; margin-right:0px; } .freshclub_banner_left, .freshclub_banner_right{ width:100%; padding:12px; text-align:center; } .freshclub_banner_left{ border-radius: 5px 5px 0px 0px; } .freshclub_banner_right{ border-radius: 0px 0px 5px 5px; } .freshclub_people_block form input[type=submit]{ width:121px; } .freshclub_banner:before, .freshclub_banner_left:before, .freshclub_banner_right:before{ display:none; } .freshclub_actions_caption, .freshclub_choose .freshclub_choose_caption, .freshclub_consult .freshclub_consult_caption, .freshclub_privel .freshclub_privel_caption, .freshclub_actions_aftercaption, .freshclub_choose .freshclub_choose_aftercaption, .freshclub_consult .freshclub_consult_aftercaption, .freshclub_privel .freshclub_privel_aftercaption{ text-align:center; line-height: 1.28; } .freshclub_choose_items{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .freshclub_choose_button{ margin-left:auto; margin-right:auto; } .freshclub_line{ margin-bottom:20px; } .freshclub_privel_item.freshclub_privel_item1, .freshclub_privel_item.freshclub_privel_item2, .freshclub_privel_item.freshclub_privel_item3, .freshclub_privel_item.freshclub_privel_item4{ max-width:100%; margin-bottom:20px; } } /*new 4fresh club*/ .freshclub_href{ display:block; margin-bottom:10px; text-align:center; text-decoration: none; border:none; } .freshclub_block{ border-radius: 5px; position: relative; margin-bottom:30px; padding-top:13px; padding-left:20px; padding-right:20px; padding-bottom:11px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-image: -webkit-gradient(linear, left top, right top, from(#252030), to(#3f394b)); background-image: linear-gradient(to right, #252030, #3f394b); z-index: 1; } .freshclub_block:before{ content:''; background: url(/img/4freshclub/crown.svg) top left no-repeat; background-size: contain; width:41px; height:31px; display:block; z-index: 2; position:absolute; right: -8px; top: -21px; } .freshclub_block_left{ text-align:left; } .freshclub_yellow{ font-size: 18px; color: #f5c433; font-weight:600; } .freshclub_white{ font-size: 14px; color:#fff; } .freshclub_block_right{ text-align:right; } .freshclub_block_right a{ border-color:#fff; color:#fff; } .freshclub_people{ display:-webkit-box; display:-ms-flexbox; display:flex; margin-bottom:30px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .freshclub_people_block{ border-radius: 5px; padding:30px; max-width:344px; text-align:center; -webkit-box-sizing: border-box; box-sizing: border-box; } .freshclub_people_purple{ background-image: -webkit-gradient(linear, left top, right top, from(#ff8a95), to(#ffc182)); background-image: linear-gradient(to right, #ff8a95, #ffc182); } .freshclub_people_green{ background-image: linear-gradient(228deg, #6ddfa0, #75c8c5); } .freshclub_people_img{ margin-bottom:15px; } .freshclub_people_img img{ display:block; border-radius: 50%; margin-left:auto; margin-right:auto; } .freshclub_people_text{ display:-webkit-box; display:-ms-flexbox; display:flex; min-height: 77px; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align:center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .freshclub_people_who, .freshclub_people_promo{ font-size: 12px; color:#000000; text-transform: uppercase; margin-bottom:5px; width:100%; font-weight:600; } .freshclub_people_name{ font-size: 24px; color: #ffffff; font-weight:600; margin-bottom:5px; width:100%; } .freshclub_people_dol{ font-size: 13px; color:#fff; width:100%; } .freshclub_green_button, .freshclub_green_button:hover, .freshclub_people_block form input[type=submit]{ display:inline-block; width: 160px; border:none; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 44px; font-size: 16px; color: #ffffff; margin-left:auto; margin-right:auto; font-weight:600; text-align:center; margin-top:15px; text-transform: uppercase; border-radius: 5px; height: 40px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 0 #757a3b; box-shadow: 0 1px 0 0 #757a3b; background-color: #939c3e; } .freshclub_people_block form{ margin-top:15px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;*/ } .freshclub_people_block form input[type=submit]{ width:135px; margin-top:0px; margin-left:10px; margin-right:0px; } .freshclub_people_block form input[type=text]{ height: 40px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; line-height: 40px; text-align:center; text-transform: uppercase; font-size: 15px; color: #474243; border:none; width:110px; line-height: 36px; font-weight: bold; margin-right:10px; } .freshclub_line{ border-bottom: solid 1px #e5e5e5; width:100%; margin-bottom:30px; } .freshclub_actions{ margin-bottom:30px; } .freshclub_actions_caption, .freshclub_choose .freshclub_choose_caption, .freshclub_consult .freshclub_consult_caption, .freshclub_privel .freshclub_privel_caption{ font-size: 22px; color: #474243; font-weight:600; /*margin-bottom:5px;*/ } .freshclub_actions_aftercaption, .freshclub_choose .freshclub_choose_aftercaption, .freshclub_consult .freshclub_consult_aftercaption, .freshclub_privel .freshclub_privel_aftercaption{ font-size: 15px; color: #999999; margin-bottom:12px; } .freshclub_actions_item{ /*float:left; margin-left:15px; margin-right:15px;*/ } .freshclub_actions_img a{ display:block; position: relative; border-bottom:0px; } .freshclub_actions_img{ margin-bottom:10px; } .freshclub_actions_date{ font-size: 13px; color: #cccccc; margin-bottom:5px; } .freshclub_actions_name{ line-height: 1.4; } .freshclub_actions_name a{ color:#689a8f; font-size: 15px; line-height: 1.4; border-bottom:none; text-decoration: underline; } .freshclub_actions_name a:hover{ text-decoration: none; } .freshclub_banner{ border-radius: 5px; display:-webkit-box; display:-ms-flexbox; display:flex; margin-bottom:30px; position: relative; overflow: hidden; } .freshclub_banner:before{ content:''; display:block; width:103px; height:100%; background: url(/img/4freshclub/group-14.svg) center center no-repeat; position: absolute; top:0px; left:50%; margin-left:-51px; z-index: 3; } .freshclub_banner_left{ background-color: #ac88b4; padding-top:25px; padding-bottom:25px; padding-right:77px; padding-left:30px; -webkit-box-sizing: border-box; box-sizing: border-box; width:50%; border-radius: 5px 0px 0px 5px; color: #ffffff; font-size: 20px; font-weight: 900; text-transform: uppercase; } .freshclub_banner_left:before{ width: 50px; height: 100%; position: absolute; content: ''; z-index: 2; top: -23px; left: 50%; background: #ac88b4; margin-left: -46px; -webkit-transform: rotate(32deg); transform: rotate(32deg); } .freshclub_banner_left span{ /*border-bottom*/ display:inline-block; position: relative; z-index: 1; } .freshclub_banner_left span div{ position: relative; z-index: 2; } .freshclub_banner_left span div.pink_link{ content:''; display:block; width:100%; height:6px; background-color: #ff8a95; position:absolute; z-index: 1; bottom:7px; } .freshclub_banner_right{ background-color: #ff8a95; width:50%; padding-top:25px; padding-bottom:25px; padding-right:40px; padding-left:77px; text-align:left; font-size: 20px; color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0px 5px 5px 0px; } .freshclub_banner_right:before{ width: 50px; height: 100%; position: absolute; content: ''; z-index: 2; top: 23px; right: 50%; background: #ff8a95; margin-right: -46px; -webkit-transform: rotate(32deg); transform: rotate(32deg); } .freshclub_privel .freshclub_privel_items{ display:-webkit-box; display:-ms-flexbox; padding-top:30px; padding-bottom:30px; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .freshclub_privel .freshclub_privel_item{ padding-lefT:70px; text-align:left; margin-bottom:30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .freshclub_privel .freshclub_privel_name{ font-size: 24px; line-height: 24px; height:48px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; font-weight:600; color: #474243; margin-bottom:15px; } .freshclub_privel .freshclub_privel_text{ font-size: 15px; line-height: 15px; color: #474243; } .freshclub_privel .freshclub_privel_text p{ margin-bottom:15px; } .freshclub_privel_item.freshclub_privel_item1{ background: url(/img/4freshclub/fill-1.svg) top left no-repeat; max-width:344px; } .freshclub_privel_item.freshclub_privel_item2{ background: url(/img/4freshclub/fill-2.svg) top left no-repeat; max-width:344px; } .freshclub_privel_item.freshclub_privel_item3{ background: url(/img/4freshclub/fill-3.svg) top left no-repeat; max-width:344px; } .freshclub_privel_item.freshclub_privel_item4{ background: url(/img/4freshclub/fill-4.svg) top left no-repeat; max-width:344px; } .freshclub_privel_item.freshclub_privel_item5{ background: url(/img/4freshclub/fill-5.svg) top left no-repeat; } .freshclub_consult .filter-nav_aside, .freshclub_consult .title-page, .freshclub_consult .filter-nav{ display:none; } .freshclub_choose_items { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-lefT:-8px; margin-right:-8px; } .freshclub_choose_items .freshclub_choose_item{ /* margin-right:8px;*/ margin-lefT:8px; margin-bottom:8px; border:1px solid #acccc5; border-radius:5px; display:-webkit-box; display:-ms-flexbox; display:flex; cursor:pointer; } .freshclub_choose_items .freshclub_choose_item.active{ background: #f0f5f4; } .freshclub_choose_items .freshclub_choose_item span{ line-height: 27px; display:block; height:24px; font-size: 15px; letter-spacing: -0.3px; color: #474243; padding-left:10px; padding-right:10px; } .freshclub_choose_items .freshclub_choose_item span.choose_item_close{ height:24px; width:24px; border-left:1px solid #acccc5; padding-left:0px; padding-right:0px; background: url(/img/4freshclub/close.svg) center center no-repeat; display:none; } .freshclub_choose_items .freshclub_choose_item.active span.choose_item_close{ display:block; } .freshclub_choose_button, .freshclub_choose_button:hover{ display:block; width:145px; height:40px; line-height: 40px; text-decoration: none; border-radius: 3px; -webkit-box-shadow: 0 1px 0 0 #cccccc; box-shadow: 0 1px 0 0 #cccccc; background-color: #dddddd; font-size: 16px; letter-spacing: 0.3px; text-align: center; color: #ffffff; font-weight:600; border-bottom:none; margin-top: 8px; } .freshclub_choose{ margin-bottom:30px; margin-top:8px; } .freshclub_acc{ margin-bottom:15px; border-radius: 5px; background-color: rgba(225, 235, 233, 0.4); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top:20px; padding-bottom:20px; padding-left:15px; padding-right:15px; } .freshclub_acc .freshclub_acc_img{ position: relative; margin-right:10px; } .freshclub_acc .freshclub_acc_img.with_crown:before{ content: ''; background: url(/img/4freshclub/crown.svg) top left no-repeat; background-size: contain; width: 14px; height: 9px; display: block; z-index: 2; position: absolute; left: 0px; top: -5px; -webkit-transform: rotate(-48deg); transform: rotate(-48deg); } .freshclub_acc .freshclub_acc_img img{ display:block; height:40px; width:40px; border-radius: 50%; } .freshclub_acc_name{ font-size: 18px; color: #474243; font-weight:600; } .freshclub_acc_aftername{ line-height: 1.13; font-size: 15px; color: #689a8f; } .free_for_4fresh{ font-size: 13px; color: #f26a36; font-size: 13px; texta-lign:center; padding-right:23px; background: url(/img/question-gray.svg) top right no-repeat; padding-top:3px; } .fresh4club_kons_info{ font-size: 13px; line-height: 1.15; text-align: center; color: #474243; margin-top:-10px; margin-bottom:10px; } .site-header__sign__user_img{ width:30px; height:30px; position:relative; float:left; margin-right:10px; } .site-header__sign__user_img img{ max-width:30px; } .site-header__sign__user{ float:left; padding-top:5px; } .site-header__sign__cablinks:after{ content:''; display:block; clear:both; } .site-header__sign__user_img a{ border:none; } .site-header__sign__user_img.with_crown:before { content: ''; background: url(/img/4freshclub/crown.svg) top left no-repeat; background-size: contain; width: 14px; height: 9px; display: block; z-index: 2; position: absolute; left: 0px; top: -5px; -webkit-transform: rotate(-48deg); transform: rotate(-48deg); } .site-header__sign__exit{ color:#cccccc; } @media (min-width:769px) and (max-width:991px){ .freshclub_people_block form{ -ms-flex-wrap: wrap; flex-wrap: wrap; } .freshclub_people_block form input[type=text]{ margin-right:0px; margin-bottom:10px; } .freshclub_people_block form input[type=submit]{ margin-left:0px; } } @media only screen and (max-width: 768px){ .freshclub_people{ -ms-flex-wrap:wrap; flex-wrap:wrap; } .freshclub_people_block{ width: 100%; padding: 25px; padding-right: 23px; max-width: 100%; } .freshclub_people_purple{ margin-bottom:30px; } .freshclub_people_img{ float:left; margin-right:32px; } .freshclub_people_block, .freshclub_people_text{ text-align:left; } .freshclub_people_block:after{ content:''; display:block; clear:both; } .freshclub_banner_left{ padding-top: 11px; padding-bottom: 5px; padding-left:20px; padding-right:40px; line-height: 1.28; } .freshclub_banner_right{ padding-right:20px; padding-top: 14px; padding-bottom: 12px; font-size: 18px; padding-left:63px; line-height: 1.28; } .freshclub_banner_right:before { width: 35px; margin-right: -27px; } .freshclub_privel .freshclub_privel_item{ padding-left:50px; } .freshclub_privel_item.freshclub_privel_item1, .freshclub_privel_item.freshclub_privel_item2, .freshclub_privel_item.freshclub_privel_item3, .freshclub_privel_item.freshclub_privel_item4{ max-width:230px; background-size:40px; } .freshclub_privel .freshclub_privel_name{ font-size: 16px; line-height: 16px; height:32px; } .freshclub_privel_item.freshclub_privel_item5{ background-size:40px; } .freshclub_privel .freshclub_privel_text{ margin-left:-50px; } .for_freshclub_actions_items{ overflow-x: scroll; } .freshclub_actions_items{ display: inline-block; white-space: nowrap; overflow: hidden; } .freshclub_actions_item{ float:none !important; width:219px !important; /* width: calc(92vw) !important;*/ display: inline-block; } .freshclub_actions_name a{ white-space: pre-wrap; } } @media (max-width: 767px){ .freshclub_block, .freshclub_banner{ display:block; } .freshclub_block_left{ margin-bottom:15px; } .freshclub_yellow{ padding-lefT:10px; padding-right:10px; } .freshclub_block_right, .freshclub_block_left, .freshclub_people_block, .freshclub_people_text{ text-align:center; } .freshclub_people_img{ float:none; margin-right:0px; } .freshclub_banner_left, .freshclub_banner_right{ width:100%; padding:12px; text-align:center; } .freshclub_banner_left{ border-radius: 5px 5px 0px 0px; } .freshclub_banner_right{ border-radius: 0px 0px 5px 5px; } .freshclub_people_block form input[type=submit]{ width:121px; } .freshclub_banner:before, .freshclub_banner_left:before, .freshclub_banner_right:before{ display:none; } .freshclub_actions_caption, .freshclub_choose .freshclub_choose_caption, .freshclub_consult .freshclub_consult_caption, .freshclub_privel .freshclub_privel_caption, .freshclub_actions_aftercaption, .freshclub_choose .freshclub_choose_aftercaption, .freshclub_consult .freshclub_consult_aftercaption, .freshclub_privel .freshclub_privel_aftercaption{ text-align:center; line-height: 1.28; } .freshclub_choose_items{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .freshclub_choose_button{ margin-left:auto; margin-right:auto; } .freshclub_line{ margin-bottom:20px; } .freshclub_privel_item.freshclub_privel_item1, .freshclub_privel_item.freshclub_privel_item2, .freshclub_privel_item.freshclub_privel_item3, .freshclub_privel_item.freshclub_privel_item4{ max-width:100%; margin-bottom:20px; } }/*new header*/ .new_header{ padding-top: 2px; padding-bottom: 2px; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; position: fixed; top:-80px; left:0px; width:100%; z-index: 99; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; display:block; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .new_header.fixed_header{ top:0px; } .new_header .wrapper{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .new_header .new_header_logo{ margin-right:35px; } .new_header a{ border:none; } .new_header .new_header_favorite{ margin-right:39px; margin-right:34px; } .new_header .new_header_favorite a.ci-action--favourite{ display:block; width:29px; height:25px; width: 35px; height: 29px; padding-left:0px; } .new_header .new_header_favorite a.ci-action--favourite:before{ width:29px; height:25px; width:35px; height:29px; background-size: 82%; border-radius:50%; } .new_header .new_header_favorite a.ci-action--favourite--active:before{ background:url(/img/new_header/shape-copy-4.svg) center center no-repeat; } .new_header .new_header_login{ float:left; margin-right:45px; } .new_header .new_header_login a{ display:block; width:40px; height:40px; margin-right:0px; background:url(../img/new_header/man.png) center center no-repeat; } .new_header .new_header_cart{ text-align:left; position: relative; margin-top: 4px; } .new_header .new_header_cart a{ display:block; position: relative; width:34px; height:28px; z-index: 2; float:left; background:url(../img/new_header/mask.svg) top left no-repeat; background-size: contain; } .new_header .new_header_cart .gift_svg{ display:block; width:17px; height:16px; background:url(../img/new_header/gift.svg) top left no-repeat; position:absolute; top:0px; left:13px; z-index: 1; } .new_header .wrapper{ max-width:1220px; width:1220px; } .new_header .new_header_product_img{ width:60px; height:60px; margin-right:10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .new_header .new_header_product_img img{ display:block; max-width:54px; } .new_header .new_header_product{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .new_header .new_header_product_name{ font-size: 18px; line-height: 22px; color:#474243; text-align:left; max-width:368px; margin-right:10px; min-height: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .new_header .new_header_product_variants{ margin-right:30px; margin-right: 27px; display:-webkit-box; display:-ms-flexbox; display:flex; white-space: nowrap; min-height: 44px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .new_header .new_header_product_price{ float:left; text-align:center; margin-right:20px; margin-right: 18px; min-height: 44px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .new_header .new_header_product_price .or_price{ font-size: 28px; font-weight: 900; line-height: 28px; width:100%; } .new_header .ci-row{ display:block; } .new_header .ci-prod-price .ci-actual-price{ margin-right:0px; font-size: 28px; font-weight: 900; line-height: 28px; } .new_header .ci-old-price{ margin-right:0px; font-size: 15px; color: #646464; position: relative; display:inline-block; } .new_header .ci-price-choice__item{ border-bottom:1px dotted #689a8f; color:#689a8f; padding-bottom: 5px; border-radius: 3px; border: solid 1px #97bbb3; border-color:#fff; padding: 6px 7px; padding-bottom: 3px; margin-top:0px; margin-bottom:0px; } .new_header .ci-price-choice__item.header_active_active{ padding: 8px 7px; padding-bottom: 5px; border-radius: 3px; color: #474243; border: solid 1px #97bbb3; background-color: #f0f5f4; padding: 6px 7px; padding-bottom: 3px; margin-top:0px; margin-bottom:0px; } .new_header .ci-price-choice__item__size{ font-weight: 700; color:#689a8f; border-bottom:1px dotted #689a8f; font-size: 15px; line-height: 15px; } .new_header .header_active_active .ci-price-choice__item__size{ color: #474243; border-bottom:none; } .new_header .ci-price-choice__item__price{ display:none; } .new_header .new_header_product_price .or_price span{ font-size: 22px; line-height: 22px; font-weight:900; } .new_header .new_header_product_price .old_price{ font-size: 15px; color: #646464; position: relative; } .new_header .new_header_product_price .old_price:before{ content:''; display:block; height:1px; width:100%; position:absolute; background:#f26a36; top:7px; left:0px; font-weight:300; -webkit-transform: rotate(170deg); transform: rotate(170deg); } .new_header .new_header_proiduct_share{ width: 24px; height: 26px; margin-right:32px; margin-right:27px; } .new_header .new_header_proiduct_share a{ width:24px; height:26px; display:block; background:url(../img/new_header/shape.svg) top left no-repeat; } .new_header .new_header_incart{ width: 130px; font-size: 16px; font-weight: 900; letter-spacing: 0.8px; text-align: center; color: #ffffff; text-transform: uppercase; } .new_header .new_header_incart .ci-btn--big.active{ display:block; min-height:37px; } .new_header .new_header_incart .quick-order, .new_header .ci-btn_order-mobile__add-one, .new_header a.ci-btn_order-mobile__basket span.min, .new_header .ci-btn_order-mobile__basket span.min{ display:none; } .new_header .new_header_incart a.ci-btn_order-mobile__basket.to-cart, .new_header .new_header_incart .ci-btn_order-mobile__basket.to-cart{ line-height: 40px; display:block; padding-top:0px; font-size: 16px; } .new_header a.ci-btn_order-mobile__basket.go-cart, .new_header .ci-btn_order-mobile__basket.go-cart{ border-radius: 5px; font-size: 16px; } .new_header .ci-action--share:before{ display:none; } .new_header .ci-price-choice.ci-price-choice--main{ max-width:100%; } .new_header .ci-btn_order-mobile__basket.go-cart ~ .ci-btn_order-mobile__add-one { display:none; } .new_header .new_header_incart .ci-btn--big.active { display: -webkit-box; display: -ms-flexbox; display: flex; width: 210px !important; } .new_header .new_header_incart { width: 210px !important; } .new_header .ci-ohana__mess:not(:empty):before{ display:none; } .new_header .ci-ohana__mess{ color: #474243; line-height: 1; text-transform: none; font-weight:normal; padding-top:6px; } .new_header .ci-ohana .link--solid{ display:none; } .new_header .ci-ohana{ padding-left:0px; } .item-favorite-product-body .image { display: block!important; width: 60px; height: 60px; } @media (max-width: 1220px) { .new_header .wrapper{ width:100%; padding-left:10px; padding-right:10px; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media (max-width: 1024px) { .new_header .new_header_logo{ display:none; } .new_header .ci-action:not(.ci-action--min){ border-radius: 0px; border:none !important; } .new_header .ci-action--favourite--active:not(.ci-action--min){ background: none; } .new_header .new_header_product_name{ font-size: 15px; line-height: 18px; } .new_header .ci-prod-price .ci-actual-price{ font-size: 18px; line-height: 19px; } .new_header .new_header_product_img{ width:54px; height:54px; } .new_header .ci-prod-btns--desc{ display:block; } .new_header .new_header_incart{ width:auto !important; } .new_header .new_header_incart .ci-btn--big.active { width: 110px !important; } .new_header .new_header_incart a.ci-btn_order-mobile__basket.to-cart, .new_header .new_header_incart .ci-btn_order-mobile__basket.to-cart{ text-transform: none; } .new_header .ci-ohana__mess{ font-size: 11px; padding-top:3px; } .new_header .new_header_product_name{ max-width:100%; } } @media (max-width: 767px) { .new_header, .new_header.fixed_header{ display:none; } } a.noborder { border: none !important; } /*phone confirm*/ .fluid-field input.long-phone-new { width: 179px; } input[name=sendsms], .code_send_block input[type=button]{ line-height: 40px; padding: 0 20px; font-size: 16px; color: #fff; width: 165px; display: inline-block; background-color: #949a45; -webkit-box-shadow: 0 1px 0 0 #6d7328; box-shadow: 0 1px 0 0 #6d7328; border: none; text-decoration: none; font-weight: bold; text-transform: uppercase; text-shadow: 0px -1px rgba(0, 0, 0, 0.25); border-radius: 3px; -webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.25); box-shadow: inset 0px -1px rgba(0, 0, 0, 0.25); } .phone_send_info { margin-top: 9px; font-size: 14px; line-height: 14px; display: none; } .code_send_block { display: none; border-radius: 3px; background: #f0ece7; margin-top: 12px; padding: 16px 20px; max-width: 345px; -webkit-box-sizing: border-box; box-sizing: border-box; } .code_send_block p { font-size: 15px; font-weight: bold; } .code_send_block input[type=text] { width: 32px; text-align: center; } .code_send_block input[type=button] { width: 121px; padding: 0px; font-size: 13px; } .code_send_block .code_send_error, .phone_send_red, .send_sms_error { font-size: 14px; color: #f26a36; margin-top: 4px; margin-top: 11px; display: none; } .phone_send_red { display: block; } .code_send_block .code_send_inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ok_div { width: 39px; display: inline-block; display: none; height: 39px; float: left; margin-left: 11px; border-radius: 50%; margin-top: 2px; /*background: #939c3e;*/ } .long-phone-new-wrapper { float: left; } .fluid-field input.long-phone-new { display: block; float: left; } .fluid-field input[name=sendsms] { display: block; float: right; margin-left: 4px; } .reg-form .fluid-field.valid-error input[type="text"], .fluid-field.valid-good input[type="text"] { margin-top: 0px; } .reg-form .fluid-field.valid-error input.long-phone-new { margin-right: 0px; margin-left: 0px; } .popup-layout.phone_add_layout .white-box { padding: 36px; width: 605px; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; left: 50%; top: 50%; margin: -140px 0px 0px -302px; } .popup-layout.phone_add_layout .phone_popup_caption { font-size: 24px; letter-spacing: -0.5px; color: #333333; font-weight: bold; margin-bottom: 11px; line-height: 24px; } .popup-layout.phone_add_layout .phone_popup_text { font-size: 15px; line-height: 1.27; letter-spacing: normal; color: #474243; margin-bottom: 15px; } .popup-layout.phone_add_layout .phone_popup_label { color: #908d8a; font-size: 13px; letter-spacing: -0.3px; margin-bottom: 2px; margin-top: 7px; } .popup-layout.phone_add_layout .phone_popup_block input[type="text"] { /*padding: 6px 10px;*/ background: #fff; border: none; color: #474243; height: 40px; border-radius: 3px; -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.04); box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.04); border: solid 1px #e5e5e5; float: left; padding: 6px 10px; padding-top: 7px; padding-bottom: 7px; /* margin-right:16px;*/ } .countryCodeWidget .selectedFlagCont { padding-top: 10px; } .popup-layout.phone_add_layout .phone_popup_block input[type="button"] { margin-left: 16px; width: 209px; height: 40px; cursor: pointer; } .popup-layout.phone_add_layout .phone_popup_nottoday a { font-size: 13px; color: #aaaaaa; display: inline-block; border-bottom: 1px dotted #aaaaaa; } .popup-layout.phone_add_layout .phone_popup_nottoday a:hover { border-color: #fff; } .popup-layout.phone_add_layout .phone_popup_nottoday.al_right{ text-align:right; } .popup-layout.phone_add_layout .phone_popup_nottoday.al_right a{ line-height: 40px; padding: 0 20px; font-size: 13px; color:#fff; padding-left:15px; padding-right:15px; display:inline-block; background-color: #949a45; -webkit-box-shadow: 0 1px 0 0 #6d7328; box-shadow: 0 1px 0 0 #6d7328; border: none; text-decoration: none; font-weight: bold; text-transform: uppercase; color:#fff; text-shadow: 0px -1px rgba(0,0,0,0.25); border-radius: 3px; -webkit-box-shadow: inset 0px -1px rgba(0,0,0,0.25); box-shadow: inset 0px -1px rgba(0,0,0,0.25); } /*for_order_phone*/ .for_order_phone input[name=sendsms] { margin-top: 18px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 0 #c55029; box-shadow: 0 1px 0 0 #c55029; background-color: #f26a36; height: 34px; font-size: 13px; width: 171px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; /* display:none;*/ } .for_order_phone .ok_div { display: -webkit-box; display: -ms-flexbox; display: flex; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 18px; width: 100%; } .for_order_phone .ok_div svg { width: 30px; margin-right: 10px; } .typical-form .form-row.form-row-confirm { display: block; } .form-row-confirm .code_send_block input[type=text] { padding: 6px 10px; padding-top: 7px; padding-bottom: 7px; height: 39px; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-row-confirm .code_send_block input[type=button] { height: 39px; } /*that_popup*/ .that_popup { /*padding: 40px 36px 45px 36px;*/ padding:40px 0px 45px 0px; text-align: center; } .that_phone_caption { font-size: 24px; letter-spacing: -0.5px; text-align: center; color: #333333; line-height: normal; padding-bottom: 28px; max-width: 448px; } .that_phone_mail { font-size: 24px; letter-spacing: -0.5px; text-align: center; color: #333333; margin-bottom: 26px; font-weight: bold; word-break: break-all; } .that_phone_buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .that_mail_notmy { width: 209px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 0 #c55029; box-shadow: 0 1px 0 0 #c55029; background-color: #f26a36; height: 40px; line-height: 44px; font-size: 16px; font-weight: bold; letter-spacing: 0.3px; display: block; text-decoration: none; border: none; cursor: pointer; text-transform: uppercase; color: #ffffff; } .that_mail_notmy:hover { color: #fff; } .that_mail_my { width: 209px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 0 #757a3b; box-shadow: 0 1px 0 0 #757a3b; background-color: #939c3e; height: 40px; line-height: 44px; font-size: 16px; font-weight: bold; letter-spacing: 0.3px; display: block; text-decoration: none; border: none; cursor: pointer; text-transform: uppercase; color: #ffffff; } .that_mail_my:hover { color: #fff; } .lk-profile__mobile .row.field { position: relative; } .lk-profile__mobile .valid-error .valid { padding-top: 5px; padding-bottom: 10px; position: relative; clear: both; right: -15px; } .lk-profile__mobile .valid-error .valid .mess { top: 7px; color: #f26a36; } .lk-profile__mobile .valid-error input[type=text] { border: 1px solid #f26a36 !important; } #popup-confirmed-phone #popup-success .success-image img{ width: 100px; padding: 25px 0 30px; } #popup-confirmed-phone #popup-success .success-title{ font-size: 30px; font-weight: bold; color: #474243; } #popup-confirmed-phone #popup-success .success-description{ color: #474243; font-size: 18px; } #popup-confirmed-phone #popup-success .personal-phone-number{ margin: 0 5px; font-size: 18px; font-weight: bold; } #popup-confirmed-phone #popup-success .success-button{ margin-top: 20px; display: flex; justify-content: center; } .reg-form.profile-edit-form.order-history-controll-form{ width: calc(100% - 56px); } @media (max-width:862px){ .reg-form.profile-edit-form.order-history-controll-form .label, .grunge-block.reg-form.profile-edit-form .label{ text-align: left; margin-bottom: 5px; } .reg-form.profile-edit-form.order-history-controll-form .field, .grunge-block.reg-form.profile-edit-form .field{ width: 100%; } .reg-form.profile-edit-form.order-history-controll-form .btn-red-with-coner, .grunge-block.reg-form.profile-edit-form .btn-red-with-coner{ margin: 0 auto; float: none; } } @media (max-width:470px){ .reg-form.profile-edit-form.order-history-controll-form, .grunge-block.reg-form.profile-edit-form{ margin: 15px auto!important; padding: 20px!important; width: calc(100% - 56px)!important; } .reg-form.profile-edit-form.order-history-controll-form .field, .grunge-block.reg-form.profile-edit-form .field{ margin: 0; } .reg-form.profile-edit-form.order-history-controll-form .field .fluid-field, .grunge-block.reg-form.profile-edit-form .field .fluid-field{ padding: 0; } .reg-form.profile-edit-form.order-history-controll-form .btn-red-with-coner, .grunge-block.reg-form.profile-edit-form .btn-red-with-coner{ width: 225px; } } #phone_add_popup.in_order .long-phone-new-wrapper{ text-align: center; float: none; width: 100%; } .popup-layout.phone_add_layout .phone_popup_block input[type="button"]{ float: none; margin: 0 auto; } .popup-layout.phone_add_layout .fluid-field.phone-field{ flex-direction: column; } #registerForm .countryCodeWidget{ margin-top: 0; } #registerForm .countryCodeWidget .countryCodeSelectorList{ width: 95px; height: 38px; box-shadow: none; z-index: 15; } #registerForm .countryCodeWidget .selectedFlagCont{ padding: 9px 2px 8px 2px; background: url(../img/phone-input-arrow.png) no-repeat 82px center; } #registerForm .countryCodeWidget .selectedFlagCont .country-symb-code { top: 2px; position: relative; } #registerForm .field .countryCodeWidget > input{ text-align: left; left: 2px; width: 95px; padding-left: 50px!important; top: 0; } #registerForm .field .countryCodeWidget .input-disable { width: 98px; height: 40px; } #registerForm .field .countryCodeWidget .selectedFlagCont:hover { background-color: initial!important; } .infoproducts-on-main-page .infoproduct-on-main-page-item{ position: relative; display: flex; flex-direction: column; padding-bottom:48px ; background:#f8f4ef; } .infoproducts-on-main-page .infoproduct-on-main-page-item.corner:before{ content: ""; position: absolute; bottom: 0; right: 0; border-style: solid; width: 0; border-width: 20px; border-color: #ece6dd rgb(255, 255, 255) rgb(255, 255, 255) #ece6dd; } .infoproducts-on-main-page .infoproduct-on-main-page-item .image{ width: 100%; height: 150px; background-image: url(/img/background_info_1024.jpg); background-size: cover; background-position: center; margin-bottom: 30px; } .infoproducts-on-main-page .infoproduct-on-main-page-item .title{ font-size: 33px; font-weight: 900; color: #474243; display:block; text-align:center; margin-bottom:10px; padding: 0 25px; } .infoproducts-on-main-page .infoproduct-on-main-page-item .subtitle{ font-size: 18px; line-height: 1.22; letter-spacing: normal; text-align: center; color: #929b3d; margin-bottom: 10px; padding: 0 25px; } .infoproducts-on-main-page .infoproduct-on-main-page-item .controll-panel{ display:flex; flex-direction: column; margin-bottom:15px; padding: 0 25px; } .infoproducts-on-main-page .infoproduct-on-main-page-item .controll-panel a{ display: flex; align-items: center; margin: 0 10px; justify-content: center; height: 40px; } .infoproducts-on-main-page .infoproduct-on-main-page-item .description{ font-size: 15px; line-height: 1.4; letter-spacing: normal; color: #474243; text-align: center; padding: 0 25px; } .comment-item .ci-review-reply-form__container { display: block; margin-bottom: initial; position: initial; border-radius: 0; padding: inherit; background: initial; }