.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } button[disabled], html input[disabled] { cursor: default; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxP.ttf) format("truetype"); } body { position: relative; background: #ffffff; color: #6f6f6f; font-size: 12px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 1; } .clear:before, .clear:after { display: table; content: ""; line-height: 0; } .clear:after { clear: both; } .clear { zoom: 1; } .b-wrapper { position: relative; margin: 0 auto; width: 940px; } .pull-left { float: left; } .pull-right { float: right; } /* part content */ .g-col-left { float: left; width: 620px; } .g-col-left_mb30 { margin-bottom: 30px; } .g-col-left .b-inner { margin-bottom: 20px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 22px; border: 1px solid #dbdbdb; } .b-inner-with-out { margin-bottom: 20px; border: 1px solid #dbdbdb; } .g-col-right { float: right; width: 300px; } /* hidden for desktop, visible for mobile */ .desktop-hidden { display: none; } /* hidden for mobile, visible for desktop */ .mobile-hidden { display: block; } /* icon -----------------------------------------------------------------------------*/ .ico-gas-pipe { display: inline-block; width: 32px; height: 21px; background: url(../../../frontend/images/ico_gas_pipe_white_32x21.png) no-repeat; vertical-align: middle; line-height: 21px; } .ico-download { display: inline-block; width: 18px; height: 16px; background: url(../../../frontend/images/ico_download_18x16.png) no-repeat 0 0; vertical-align: middle; line-height: 16px; } .ico-pay { display: inline-block; width: 27px; height: 16px; background: url(../../../frontend/images/ico_pay_white_27x16.png) no-repeat; vertical-align: middle; line-height: 16px; } .ico-gas-stove { display: inline-block; width: 19px; height: 26px; background: url(../../../frontend/images/ico_gas_stove_white_19x26.png) no-repeat; vertical-align: middle; line-height: 26px; } .ico-flower { display: inline-block; width: 20px; height: 25px; background: url(../../../frontend/images/ico_flower_white_20x25.png) no-repeat; vertical-align: middle; line-height: 25px; } .ico-gas-pipe-blue { display: inline-block; width: 52px; height: 35px; background: url(../../../frontend/images/ico_gas_pipe_blue_52x35.png) no-repeat; vertical-align: middle; line-height: 35px; } .ico-gas-pipe-small-blue { display: inline-block; width: 44px; height: 31px; background: url(../../../frontend/images/ico_gas_pipe_blue_44x31.png) no-repeat; vertical-align: middle; line-height: 31px; } .ico-pay-blue { display: inline-block; width: 52px; height: 30px; background: url(../../../frontend/images/ico_pay_blue_52x30.png) no-repeat; vertical-align: middle; line-height: 30px; } .ico-gas-stove-blue { display: inline-block; width: 34px; height: 50px; background: url(../../../frontend/images/ico_gas_stove_blue_34x50.png) no-repeat; vertical-align: middle; line-height: 50px; } .ico-flower-blue { display: inline-block; width: 32px; height: 43px; background: url(../../../frontend/images/ico_flower_blue_32x43.png) no-repeat; vertical-align: middle; line-height: 43px; } .ico-woman { display: inline-block; width: 31px; height: 34px; background: url(../../../frontend/images/ico_woman_31x34.png) no-repeat; vertical-align: middle; line-height: 34px; } .ico-fire { display: inline-block; width: 25px; height: 37px; background: url(../../../frontend/images/ico_fire_25x37.png) no-repeat; vertical-align: middle; line-height: 37px; } .ico-newsletter { display: inline-block; width: 45px; height: 45px; background: url(../../../frontend/images/ico_newspaper_45x45.png) no-repeat; vertical-align: middle; line-height: 45px; } .ico-money-blue { display: inline-block; width: 53px; height: 31px; background: url(../../../frontend/images/ico_money_blue_53x41.png) no-repeat; vertical-align: middle; line-height: 31px; } .ico-money-orange { display: inline-block; width: 35px; height: 31px; background: url(../../../frontend/images/ico_money_35x31.png) 0 0 no-repeat; vertical-align: middle; line-height: 31px; } .ico-meterages-orange { display: inline-block; width: 42px; height: 35px; background: url(../../../frontend/images/ico_meterages_42x85.png) 0 0 no-repeat; vertical-align: middle; line-height: 35px; } .ico-question { display: inline-block; width: 21px; height: 28px; background: url(../../../frontend/images/ico_question_21x28.png) 0 0 no-repeat; vertical-align: middle; line-height: 28px; } .ico-question-orange { display: inline-block; width: 21px; height: 28px; background: url(../../../frontend/images/ico_question_orange_21x28.png) 0 0 no-repeat; vertical-align: middle; line-height: 28px; } .ico-like-hand { display: inline-block; width: 39px; height: 31px; background: url(../../../frontend/images/ico_like_39x31.png) 0 0 no-repeat; vertical-align: middle; line-height: 31px; } .ico-graph { display: inline-block; width: 29px; height: 29px; background: url(../../../frontend/images/ico_graph_29x29.png) 0 0 no-repeat; vertical-align: middle; line-height: 28px; } .ico-droplet { display: inline-block; width: 16px; height: 25px; background: url(../../../frontend/images/ico_droplet_16x25.png) 0 0 no-repeat; vertical-align: middle; line-height: 25px; } .ico-house { display: inline-block; width: 16px; height: 25px; background: url(../../../frontend/images/ico_house_16x25.png) 0 0 no-repeat; vertical-align: middle; line-height: 25px; } .ico-pizza { display: inline-block; width: 24px; height: 25px; background: url(../../../frontend/images/ico_pizza_24x25.png) 0 0 no-repeat; vertical-align: middle; line-height: 25px; } .ico-shower { display: inline-block; width: 29px; height: 31px; background: url(../../../frontend/images/ico_shower_29x31.png) 0 0 no-repeat; vertical-align: middle; line-height: 31px; } .ico-kettle { display: inline-block; width: 25px; height: 36px; background: url(../../../frontend/images/ico_kettle_25x26.png) 0 0 no-repeat; vertical-align: middle; line-height: 36px; } .ico-square { display: inline-block; width: 17px; height: 17px; background: url(../../../frontend/images/ico_square_17x17.png) 0 0 no-repeat; vertical-align: middle; line-height: 17px; } .ico-cross { display: inline-block; width: 17px; height: 29px; background: url(../../../frontend/images/ico_cross_17x29.png) 0 0 no-repeat; vertical-align: middle; line-height: 29px; } .ico-star-gas { display: inline-block; width: 26px; height: 32px; background: url(../../../frontend/images/ico_star_gas_26x32.png) 0 0 no-repeat; vertical-align: middle; line-height: 32px; } .ico-purse { display: inline-block; width: 40px; height: 28px; background: url(../../../frontend/images/ico_purse_40x28.png) 0 0 no-repeat; vertical-align: middle; line-height: 28px; } .ico-question-round { display: inline-block; width: 42px; height: 42px; background: url(../../../frontend/images/ico_question_roud_42x42.png) 0 0 no-repeat; vertical-align: middle; line-height: 42px; } .ico-heart { display: inline-block; width: 54px; height: 49px; background: url(../../../frontend/images/ico_heart_54x49.png) 0 0 no-repeat; vertical-align: middle; line-height: 49px; } .ico-relations { display: inline-block; width: 51px; height: 51px; background: url(../../../frontend/images/ico_relations_51x51.png) 0 0 no-repeat; vertical-align: middle; line-height: 51px; } .ico-graph-47 { display: inline-block; width: 47px; height: 49px; background: url(../../../frontend/images/ico_graph_47x49.png) 0 0 no-repeat; vertical-align: middle; line-height: 49px; } .ico-microphone { display: inline-block; width: 25px; height: 51px; background: url(../../../frontend/images/ico_microphone_25x51.png) 0 0 no-repeat; vertical-align: middle; line-height: 51px; } .ico-stove-gift { display: inline-block; width: 30px; height: 34px; background: url(../../../frontend/images/ico_stove_gift_30x34.png) 0 0 no-repeat; vertical-align: middle; line-height: 34px; } .ico-sickle-shovel { display: inline-block; width: 31px; height: 31px; background: url(../../../frontend/images/ico_sickle_shovel_31x31.png) 0 0 no-repeat; vertical-align: middle; line-height: 31px; } .ico-arrow-right-orange { display: inline-block; width: 11px; height: 30px; background: url(../../../frontend/images/ico_arrow_right_11x30.png) 0 -40px no-repeat; vertical-align: middle; line-height: 30px; } .ico-plus-orange { display: inline-block; width: 8px; height: 8px; background: url(../../../frontend/images/ico_plus_orange_8x8.png) 0 0 no-repeat; vertical-align: middle; line-height: 8px; } .ico-minus-blue { display: inline-block; width: 8px; height: 2px; background: url(../../../frontend/images/ico_minus_blue_8x2.png) 0 0 no-repeat; vertical-align: middle; line-height: 2px; } .ico-plus-orange-square { display: inline-block; width: 14px; height: 14px; background: url(../../../frontend/images/ico_plus_orange_square_14x14.png) 0 0 no-repeat; vertical-align: middle; line-height: 14px; } .ico-minus-blue-square { display: inline-block; width: 14px; height: 14px; background: url(../../../frontend/images/ico_minus_blue_square_14x14.png) 0 0 no-repeat; vertical-align: middle; line-height: 14px; } .ico-currency { display: inline-block; width: 42px; height: 21px; background: url(../../../frontend/images/ico_currency_42x21.png) 0 0 no-repeat; vertical-align: middle; line-height: 21px; } .ico-calendar { display: inline-block; width: 28px; height: 34px; background: url(../../../frontend/images/ico_calendar_28x34.png) 0 0 no-repeat; vertical-align: middle; line-height: 34px; } .ico-message { display: inline-block; width: 30px; height: 33px; background: url(../../../frontend/images/ico_message_30x33.png) 0 0 no-repeat; vertical-align: middle; line-height: 33px; } .ico-arrow-orange { display: inline-block; width: 13px; height: 18px; vertical-align: middle; line-height: 18px; background: url(../../../frontend/images/ico_arrow_orange_white_7x18.png) 0 0 no-repeat; } .ico-cross-orange { display: inline-block; width: 13px; height: 18px; vertical-align: middle; line-height: 18px; background: url(../../../frontend/images/ico_cross_orange_13x18.png) 0 0 no-repeat; } .ico-card-large { display: inline-block; width: 42px; height: 21px; vertical-align: middle; line-height: 21px; background: url(../../../frontend/images/ico_card_orannge_42x21.png) 0 0 no-repeat; } .ico-write-message { display: inline-block; width: 31px; height: 39px; vertical-align: middle; line-height: 39px; background: url(../../../frontend/images/ico_write_message_31x39.png) 0 0 no-repeat; } .ico-message-envelope { display: inline-block; width: 27px; height: 20px; vertical-align: middle; line-height: 20px; background: url(../../../frontend/images/ico_message_27x20.png) 0 0 no-repeat; } .ico-send-arrow { display: inline-block; width: 39px; height: 20px; vertical-align: middle; line-height: 20px; background: url(../../../frontend/images/ico_send_arrow_39x20.png) 0 0 no-repeat; } .ico-loop-blue { display: inline-block; width: 19px; height: 24px; vertical-align: middle; line-height: 24px; background: url(../../../frontend/images/ico_loop_blue_19x24.png) 0 0 no-repeat; } .ico-eye { display: inline-block; width: 30px; height: 23px; vertical-align: middle; line-height: 23px; background: url(../../../frontend/images/ico_eye_30x23.png) 0 0 no-repeat; } /* hide cont -----------------------------------------------------------------------------*/ .b-pop-cont { display: none; } .b-pop-cont.show { display: block; } .collapse { position: relative; overflow: hidden; height: 0; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } /* плавное появление */ .fade { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; filter: alpha(opacity=100); } .b-separate-30 { margin-top: 30px; margin-bottom: 30px; height: 1px; background: #dbdbdb; } /* style for content -----------------------------------------------------------------------------*/ .b-content h1 { margin-bottom: 18px; color: #007fc7; text-transform: uppercase; font-weight: normal; font-size: 17px; line-height: 25px; } .b-content h2 { margin-bottom: 29px; color: #007fc7; font-weight: normal; font-size: 17px; line-height: 1; } .b-content strong { display: block; margin-bottom: 24px; color: #6f6f6f; letter-spacing: -1px; font-weight: bold; font-size: 14px; line-height: 16px; } .b-content .b-img { margin-bottom: 22px; padding-bottom: 3px; width: 570px; border-bottom: 1px solid #dbdbdb; text-align: left; } .b-content .b-img.center { text-align: center; } .b-content .b-img.respons img { width: 100%; height: 100%; } .b-content .b-img img { margin-bottom: 9px; vertical-align: top; } .b-content .b-img span { display: block; margin-bottom: 5px; color: #a9a9a9; text-align: left; font-size: 12px; line-height: 1; } .b-content p { margin-bottom: 25px; color: #6f6f6f; font-size: 14px; line-height: 21px; } .b-content > i { display: block; margin-bottom: 22px; color: #706f6f; font-style: italic; font-size: 14px; line-height: 23px; } .b-content > i.big { margin-bottom: 28px; font-size: 16px; line-height: 20px; } .b-content > ol { margin-bottom: 23px; list-style-position: inside; text-align: justify; text-indent: 20px; } .b-content > ol.custom-number li { margin-bottom: 20px; list-style-type: none; } .b-content > ol li { color: #6f6f6f; list-style-type: decimal; font-size: 14px; line-height: 22px; } .b-content > ol li span { color: #007fc7; } .b-content > ul { margin-bottom: 11px; margin-left: 37px; } .b-content > ul li { margin-bottom: 6px; list-style-type: square; font-size: 14px; line-height: 19px; } .b-content > ul li span { color: #007fc7; } .b-content .b-text-wrap { margin-bottom: 19px; } .b-content .b-text-wrap .b-left { float: left; width: 260px; } .b-content .b-text-wrap .b-left blockquote { margin-top: 7px; } .b-content .b-text-wrap .b-right { float: right; width: 271px; } .b-content .b-text-wrap p { margin-bottom: 0; line-height: 22px; } .b-content blockquote { position: relative; margin-left: 24px; padding-top: 14px; padding-bottom: 18px; background: #f1f1f1; font-style: italic; font-size: 14px; line-height: 19px; } .b-content blockquote.full { margin-bottom: 19px; } .b-content blockquote.full:after { right: 0; } .b-content blockquote:after, .b-content blockquote:before { position: absolute; top: 0; bottom: 0; display: block; width: 24px; content: ""; } .b-content blockquote:before { left: -24px; background: #f1f1f1 url(../../../frontend/images/bg_quotes_left.jpg) top center no-repeat; } .b-content blockquote:after { right: -24px; background: #f1f1f1 url(../../../frontend/images/bg_quotes_right.jpg) bottom center no-repeat; } .b-content a { color: #6f6f6f; text-decoration: underline; font-style: italic; } .b-content a:hover { text-decoration: none; } .b-content .b-content-footer { margin-top: 23px; padding-top: 25px; border-top: 1px solid #dbdbdb; } .b-content .b-content-footer .b-share { float: right; } .b-content .b-text-nav { margin-bottom: 36px; margin-left: 0; width: 570px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } .b-content .b-text-nav ul { margin-bottom: 0; margin-left: 0; width: 590px; } .b-content .b-text-nav li { float: left; margin-right: 4px; margin-bottom: 0; list-style: none; list-style-type: none; } .b-content .b-text-nav li.active a { color: #f39000; } .b-content .b-text-nav li:first-child a { padding-left: 0; background: none; } .b-content .b-text-nav li a { display: block; padding-top: 13px; padding-bottom: 13px; padding-left: 11px; background: url(../../../frontend/images/bg_text_nav_5x10.png) left center no-repeat; color: #706f6f; text-decoration: none; font-style: normal; font-size: 13px; line-height: 1; } .b-content .b-text-nav li a:hover { color: #f39000; } /* class for body -----------------------------------------------------------------------------*/ body.content-bg .g-content { background: url(../../../frontend/images/bg_content.jpg) center top no-repeat; } body.content-bg .g-content:after, body.content-bg .g-content:before { position: absolute; top: 0; display: block; height: 335px; background: url(../../../frontend/images/bg_content_after.jpg) repeat-x; content: ""; } body.content-bg .g-content:after { right: 0; left: 96%; } body.content-bg .g-content:before { right: 96%; left: 0; } /* header -----------------------------------------------------------------------------*/ .g-header { position: relative; z-index: 19; padding-top: 21px; } .g-header .b-left { float: left; } .g-header .b-right { float: right; } .g-header .b-lang-list.text { display: none; } .g-header .b-lang-list.text li { margin-left: 14px; } .g-header .b-lang-list li { float: left; margin-left: 9px; } .g-header .b-lang-list li:first-child { margin-left: 0; } .g-header .b-lang-list li.active a { color: #2082c3; } .g-header .b-lang-list a { color: #999999; text-decoration: none; text-transform: uppercase; font-size: 11px; } .g-header .b-gt { position: absolute; right: 100%; bottom: 0; left: -51%; z-index: 1; display: block; height: 30px; background: #5bc4f1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYzRmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjNTljMmYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTQlIiBzdG9wLWNvbG9yPSIjNTFiYWVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjNTJiYmViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjNGJiNGU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjNGFiM2UzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjNGNiMWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzElIiBzdG9wLWNvbG9yPSIjNDhhZGUxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjNDhhZGUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjM2JhMGQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjMzk5ZGQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjMzc5Y2Q0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjMzc5YmQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTglIiBzdG9wLWNvbG9yPSIjMzU5YWQyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5N2FiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient( left, #5bc4f1 0%, #59c2f1 5%, #51baea 14%, #52bbeb 15%, #4bb4e4 23%, #4ab3e3 26%, #4cb1e5 26%, #48ade1 31%, #48ade3 32%, #3ba0d6 50%, #399dd8 52%, #379cd4 55%, #379bd6 57%, #359ad2 58%, #197abe 100% ); background: -webkit-gradient( linear, left top, right top, color-stop(0%, #5bc4f1), color-stop(5%, #59c2f1), color-stop(14%, #51baea), color-stop(15%, #52bbeb), color-stop(23%, #4bb4e4), color-stop(26%, #4ab3e3), color-stop(26%, #4cb1e5), color-stop(31%, #48ade1), color-stop(32%, #48ade3), color-stop(50%, #3ba0d6), color-stop(52%, #399dd8), color-stop(55%, #379cd4), color-stop(57%, #379bd6), color-stop(58%, #359ad2), color-stop(100%, #197abe) ); background: -webkit-linear-gradient( left, #5bc4f1 0%, #59c2f1 5%, #51baea 14%, #52bbeb 15%, #4bb4e4 23%, #4ab3e3 26%, #4cb1e5 26%, #48ade1 31%, #48ade3 32%, #3ba0d6 50%, #399dd8 52%, #379cd4 55%, #379bd6 57%, #359ad2 58%, #197abe 100% ); background: -o-linear-gradient( left, #5bc4f1 0%, #59c2f1 5%, #51baea 14%, #52bbeb 15%, #4bb4e4 23%, #4ab3e3 26%, #4cb1e5 26%, #48ade1 31%, #48ade3 32%, #3ba0d6 50%, #399dd8 52%, #379cd4 55%, #379bd6 57%, #359ad2 58%, #197abe 100% ); background: -ms-linear-gradient( left, #5bc4f1 0%, #59c2f1 5%, #51baea 14%, #52bbeb 15%, #4bb4e4 23%, #4ab3e3 26%, #4cb1e5 26%, #48ade1 31%, #48ade3 32%, #3ba0d6 50%, #399dd8 52%, #379cd4 55%, #379bd6 57%, #359ad2 58%, #197abe 100% ); background: linear-gradient( to right, #5bc4f1 0%, #59c2f1 5%, #51baea 14%, #52bbeb 15%, #4bb4e4 23%, #4ab3e3 26%, #4cb1e5 26%, #48ade1 31%, #48ade3 32%, #3ba0d6 50%, #399dd8 52%, #379cd4 55%, #379bd6 57%, #359ad2 58%, #197abe 100% ); content: ""; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc4f1', endColorstr='#197abe', GradientType=1); } .g-header .b-gt-right { position: absolute; right: 0; bottom: -8px; left: 80%; z-index: 1; display: none; height: 30px; background: #0060aa; content: ""; } .g-header .b-wrapper { z-index: 5; } .b-header-action { margin-top: 1px; margin-bottom: 28px; font-size: 0; } .b-header-action > li { position: relative; display: inline-block; margin-left: 13px; padding-left: 20px; vertical-align: bottom; font-size: 10px; zoom: 1; *display: inline; } .b-header-action > li:first-child { margin-left: 0; padding-left: 0; background: none; } .b-header-action > li:first-child:before { display: none; } .b-header-action > li:before { position: absolute; bottom: 0; left: 0; display: block; width: 10px; height: 15px; background: url(../../../frontend/images/bg_header_action.png) center center no-repeat; content: ""; } .b-header-action > li a { color: #6f6f6f; text-decoration: none; font-size: 10px; } .b-header-action > li a img { vertical-align: bottom; } .b-header-action > li a:hover { text-decoration: underline; } .b-header-number { float: right; color: #f38f00; font-size: 40px; } .b-header-call { margin-bottom: 3px; text-align: right; } .b-header-call .b-insert { position: relative; display: inline-block; margin-bottom: 3px; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 3px; background: #b7b7b7; color: #fff; text-align: right; font-size: 16px; zoom: 1; *display: inline; } .b-header-call .b-insert:before { position: absolute; bottom: 0; left: -13px; width: 0px; height: 0px; border-width: 0 0 22px 13px; border-style: solid; border-color: transparent transparent #b7b7b7 transparent; content: ""; } .b-header-nav-wrap { position: relative; top: -30px; } .b-header-nav { position: relative; } .b-header-nav > li { position: relative; float: left; margin-left: 17px; } .b-header-nav > li:hover .b-header-sub-nav { display: block; } .b-header-nav > li:first-child { margin-left: 0; } .b-header-nav > li:first-child .b-header-sub-nav { left: 0; } .b-header-nav > li:first-child > a { width: 148px; background: #197abe; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5N2FiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iIzA5NmFiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzA5NmFiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzA3NjhhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iIzA3NjdiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzAwNjBhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYwYWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient( left, #197abe 0%, #096ab1 58%, #096ab1 65%, #0768af 66%, #0767b1 72%, #0060aa 95%, #0060ac 100% ); background: -webkit-gradient( linear, left top, right top, color-stop(0%, #197abe), color-stop(58%, #096ab1), color-stop(65%, #096ab1), color-stop(66%, #0768af), color-stop(72%, #0767b1), color-stop(95%, #0060aa), color-stop(100%, #0060ac) ); background: -webkit-linear-gradient( left, #197abe 0%, #096ab1 58%, #096ab1 65%, #0768af 66%, #0767b1 72%, #0060aa 95%, #0060ac 100% ); background: -o-linear-gradient( left, #197abe 0%, #096ab1 58%, #096ab1 65%, #0768af 66%, #0767b1 72%, #0060aa 95%, #0060ac 100% ); background: -ms-linear-gradient( left, #197abe 0%, #096ab1 58%, #096ab1 65%, #0768af 66%, #0767b1 72%, #0060aa 95%, #0060ac 100% ); background: linear-gradient( to right, #197abe 0%, #096ab1 58%, #096ab1 65%, #0768af 66%, #0767b1 72%, #0060aa 95%, #0060ac 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#197abe', endColorstr='#0060ac', GradientType=1); } .b-header-nav > li:first-child > a:before { display: none; } .b-header-nav > li.last a { width: 233px; } .b-header-nav > li.active > a { background: #ededed; color: #007fc7; } .b-header-nav > li.active > a:after { border-color: #ededed transparent transparent transparent; } .b-header-nav > li.active > a:before { border-color: transparent transparent #ededed transparent; } .b-header-nav > li > a { position: relative; display: block; padding-left: 12px; width: 249px; height: 30px; background: #298dcb; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5OGRjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iIzIzODdjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iIzI0ODhjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3JSIgc3RvcC1jb2xvcj0iIzIyODRjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iIzFlN2ZjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iIzExNzJiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iIzEwNzFiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzBkNmViMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iIzBkNmViNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzBjNmRiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzBiNmNiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgzJSIgc3RvcC1jb2xvcj0iIzA3NjdiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzAwNjBhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwNWZhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjYyYWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient( left, #298dcb 0%, #2387c5 11%, #2488c6 13%, #2284c3 17%, #1e7fc3 27%, #1172b6 58%, #1071b8 61%, #0d6eb3 65%, #0d6eb5 68%, #0c6db4 70%, #0b6cb1 70%, #0767b1 83%, #0060aa 97%, #005fab 99%, #0262ae 100% ); background: -webkit-gradient( linear, left top, right top, color-stop(0%, #298dcb), color-stop(11%, #2387c5), color-stop(13%, #2488c6), color-stop(17%, #2284c3), color-stop(27%, #1e7fc3), color-stop(58%, #1172b6), color-stop(61%, #1071b8), color-stop(65%, #0d6eb3), color-stop(68%, #0d6eb5), color-stop(70%, #0c6db4), color-stop(70%, #0b6cb1), color-stop(83%, #0767b1), color-stop(97%, #0060aa), color-stop(99%, #005fab), color-stop(100%, #0262ae) ); background: -webkit-linear-gradient( left, #298dcb 0%, #2387c5 11%, #2488c6 13%, #2284c3 17%, #1e7fc3 27%, #1172b6 58%, #1071b8 61%, #0d6eb3 65%, #0d6eb5 68%, #0c6db4 70%, #0b6cb1 70%, #0767b1 83%, #0060aa 97%, #005fab 99%, #0262ae 100% ); background: -o-linear-gradient( left, #298dcb 0%, #2387c5 11%, #2488c6 13%, #2284c3 17%, #1e7fc3 27%, #1172b6 58%, #1071b8 61%, #0d6eb3 65%, #0d6eb5 68%, #0c6db4 70%, #0b6cb1 70%, #0767b1 83%, #0060aa 97%, #005fab 99%, #0262ae 100% ); background: -ms-linear-gradient( left, #298dcb 0%, #2387c5 11%, #2488c6 13%, #2284c3 17%, #1e7fc3 27%, #1172b6 58%, #1071b8 61%, #0d6eb3 65%, #0d6eb5 68%, #0c6db4 70%, #0b6cb1 70%, #0767b1 83%, #0060aa 97%, #005fab 99%, #0262ae 100% ); background: linear-gradient( to right, #298dcb 0%, #2387c5 11%, #2488c6 13%, #2284c3 17%, #1e7fc3 27%, #1172b6 58%, #1071b8 61%, #0d6eb3 65%, #0d6eb5 68%, #0c6db4 70%, #0b6cb1 70%, #0767b1 83%, #0060aa 97%, #005fab 99%, #0262ae 100% ); color: #fff; text-decoration: none; text-transform: uppercase; font-size: 12px; line-height: 30px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#298dcb', endColorstr='#0262ae', GradientType=1); } .b-header-nav > li > a:after { position: absolute; top: 0; right: -17px; width: 0px; height: 0px; border-width: 30px 17px 0 0; border-style: solid; border-color: #0060aa transparent transparent transparent; content: ""; } .b-header-nav > li > a:before { position: absolute; top: 0; left: -17px; width: 0px; height: 0px; border-width: 0 0 30px 17px; border-style: solid; border-color: transparent transparent #2a8dcb transparent; content: ""; } .b-header-nav > li > a:hover { background: #ffffff; color: #007fc7; } .b-header-nav > li > a:hover:after { border-color: #ffffff transparent transparent transparent; } .b-header-nav > li > a:hover:before { border-color: transparent transparent #ffffff transparent; } .b-header-nav .b-count-message { position: absolute; right: 0; top: 0; background: #f38f00; color: #fff; bottom: 0; line-height: 30px; } .b-header-nav .b-count-message:after { position: absolute; top: 0; right: -17px; width: 0px; height: 0px; border-width: 30px 17px 0 0; border-style: solid; border-color: #f38f00 transparent transparent transparent; content: ""; z-index: 10; } .b-header-nav .b-count-message:before { position: absolute; top: 0; left: -17px; width: 0px; height: 0px; border-width: 0 0 30px 17px; border-style: solid; border-color: transparent transparent #f38f00 transparent; content: ""; } .b-header-search { position: relative; z-index: 100; float: right; } .b-header-search:before { position: absolute; top: 0px; left: -18px; display: block; width: 18px; height: 30px; background: url(../../../frontend/images/bg_header_search.png) center center no-repeat; content: ""; } .b-header-search input[type="text"] { position: relative; padding-right: 37px; padding-left: 4px; width: 176px; height: 26px; border: none; border-top: 1px solid #6f6f6f; border-right: 1px solid #6f6f6f; border-bottom: 1px solid #6f6f6f; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #6f6f6f; font-size: 12px; line-height: 28px; } .b-header-search input[type="text"]::-webkit-input-placeholder { color: #6f6f6f; } .b-header-search input[type="text"]:-moz-placeholder { color: #6f6f6f; } .b-header-search input[type="text"]::-moz-placeholder { color: #6f6f6f; } .b-header-search input[type="text"]:-ms-input-placeholder { color: #6f6f6f; } .b-header-search input[type="submit"] { position: absolute; top: 50%; right: 9px; margin-top: -11px; width: 30px; height: 22px; border: none; background: url(../../../frontend/images/bg_bth_header_search.png) center center no-repeat; cursor: pointer; } .b-header-sub-nav { position: absolute; top: 100%; left: -17px; display: none; padding-top: 18px; padding-right: 16px; padding-bottom: 18px; padding-left: 10px; min-width: 705px; background: #1778bc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTc3OGJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ2YWRlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(45deg, #1778bc 0%, #46ade1 100%); background: -webkit-gradient( linear, left bottom, right top, color-stop(0%, #1778bc), color-stop(100%, #46ade1) ); background: -webkit-linear-gradient(45deg, #1778bc 0%, #46ade1 100%); background: -o-linear-gradient(45deg, #1778bc 0%, #46ade1 100%); background: -ms-linear-gradient(45deg, #1778bc 0%, #46ade1 100%); background: linear-gradient(45deg, #1778bc 0%, #46ade1 100%); color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1778bc', endColorstr='#46ade1', GradientType=1); } .b-header-sub-nav > li { display: table-cell; padding-right: 10px; padding-left: 10px; width: 160px; border-left: 1px dotted #dbdbdb; vertical-align: top; } .b-header-sub-nav > li:first-child { padding-left: 0; border-left: none; } .b-header-sub-nav .b-list li { margin-top: 14px; } .b-header-sub-nav .b-list li:first-child { margin-top: 0; padding-bottom: 28px; background: url(../../../frontend/images/bg_header_sub_nav.png) left bottom no-repeat; } .b-header-sub-nav .b-list a { color: #fff; vertical-align: middle; text-decoration: none; font-size: 12px; line-height: 14px; } .b-header-sub-nav .b-list a:hover { text-decoration: underline; } .b-header-sub-nav .b-list i { margin-left: 25px; } .b-header-sub-nav .b-list .ico-gas-stove { margin-top: -9px; margin-left: 6px; vertical-align: top; } .b-header-sub-nav .b-list .ico-gas-pipe { margin-top: -8px; vertical-align: top; } .b-header-sub-nav .b-list .ico-flower { margin-top: -6px; margin-left: 13px; vertical-align: top; } /* content -----------------------------------------------------------------------------*/ .g-content { position: relative; top: -9px; z-index: 20; margin-bottom: 30px; padding-top: 7px; min-height: 462px; } /* ribbon big slider -----------------------------------------------------------------------------*/ .b-ribbon-slider { position: relative; margin-bottom: 50px; } .b-ribbon-slider .b-wrap { position: relative; overflow: hidden; width: 940px; } .b-ribbon-slider .b-prev, .b-ribbon-slider .b-next { position: absolute; bottom: 0px; display: block; width: 18px; height: 50px; content: ""; cursor: pointer; } .b-ribbon-slider .b-prev:hover, .b-ribbon-slider .b-next:hover { background-position: 0 -60px; } .b-ribbon-slider .b-prev { left: -27px; background: url(../../../frontend/images/ico_arrow_left_orange_18x50.png) 0 0 repeat-x; } .b-ribbon-slider .b-next { right: -27px; background: url(../../../frontend/images/ico_arrow_right_orange_18x50.png) 0 0 repeat-x; } doesnotexist:-o-prefocus .b-prev, .b-ribbon-slider .b-prev, doesnotexist:-o-prefocus .b-next, .b-ribbon-slider .b-next { top: 230px; bottom: auto; } .b-ribbon-slider-list { position: relative; } .b-ribbon-slider-list li.slick-slide { float: left; width: 940px; background: #fff; } .b-ribbon-slider-list .b-left { position: relative; float: left; width: 685px; } .b-ribbon-slider-list .b-left:after { position: absolute; top: 0; right: 0; z-index: 2; width: 0px; height: 0px; border-width: 0 0 280px 163px; border-style: solid; border-color: transparent transparent #fff transparent; content: ""; } .b-ribbon-slider-list .b-left img { vertical-align: top; } .b-ribbon-slider-list .b-right { float: right; margin-right: 16px; width: 225px; } /* ribbon small slider -----------------------------------------------------------------------------*/ .b-ribbon-small-slider .b-wrap { overflow: hidden; margin-bottom: 14px; width: 225px; } .b-ribbon-small-slider .b-nav li { float: left; margin-left: 8px; } .b-ribbon-small-slider .b-nav li:first-child { margin-left: 0; } .b-ribbon-small-slider .b-nav li.active a { border-color: #f38f00; background: #f9c77f; } .b-ribbon-small-slider .b-nav li a { display: block; width: 6px; height: 6px; border: 1px solid #b7b7b7; background: #dbdbdb; } .b-ribbon-small-slider .b-nav li a:hover { border-color: #f38f00; background: #f9c77f; } .b-ribbon-small-slider-list { position: relative; width: 99999px; } .b-ribbon-small-slider-list li { float: left; margin-top: 24px; width: 225px; } .b-ribbon-small-slider-list .b-head { margin-bottom: 13px; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; color: #007fc7; font-size: 16px; line-height: 1; } .b-ribbon-small-slider-list .b-title { margin-bottom: 12px; color: #6f6f6f; text-transform: uppercase; font-weight: normal; font-size: 13px; line-height: 18px; } .b-ribbon-small-slider-list p { margin-bottom: 20px; color: #6f6f6f; font-size: 12px; line-height: 17px; } .b-ribbon-small-slider-list .b-link { display: inline-block; padding-right: 12px; height: 18px; background: url(../../../frontend/images/ico_arrow_right_7x18.png) center right no-repeat; color: #6f6f6f; text-decoration: none; font-size: 12px; line-height: 18px; zoom: 1; *display: inline; } /* content nav -----------------------------------------------------------------------------*/ .b-content-nav { width: 650px; } .b-content-nav > li { display: inline-block; margin-right: 17px; margin-bottom: 17px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 12px; width: 276px; border: 1px solid #dbdbdb; vertical-align: top; zoom: 1; *display: inline; } .b-content-nav .ico-gas-pipe-blue { margin-top: -18px; } .b-content-nav .ico-pay-blue { margin-top: -11px; } .b-content-nav .ico-gas-stove-blue { margin-top: -21px; margin-right: 12px; margin-left: 5px; } .b-content-nav .ico-flower-blue { margin-top: -3px; margin-right: 11px; margin-left: 7px; } .b-content-nav-inner { display: inline-block; margin-left: -28px; padding-left: 49px; min-height: 141px; width: 198px; background: url(../../../frontend/images/bg_content_nav_inner.png) left center no-repeat; vertical-align: middle; zoom: 1; *display: inline; } .b-content-nav-inner li { margin-top: 6px; } .b-content-nav-inner li:first-child { margin-top: 0; } .b-content-nav-inner li:first-child a { color: #007fc7; font-size: 16px; } .b-content-nav-inner li a { color: #6f6f6f; text-decoration: none; font-size: 13px; line-height: 1; } .b-content-nav-inner li a:hover { text-decoration: underline; } /* content nav link -----------------------------------------------------------------------------*/ .b-content-nav-link { width: 650px; } .b-content-nav-link > li { display: inline-block; margin-right: 17px; margin-bottom: 17px; width: 299px; height: 158px; border: 1px solid #dbdbdb; vertical-align: top; line-height: 158px; zoom: 1; *display: inline; } .b-content-nav-link a { display: block; width: 100%; height: 100%; background: url(../../../frontend/images/bg_content_nav_inner.png) 39px center no-repeat; color: #007fc7; text-decoration: none; } .b-content-nav-link a:hover { color: #f38f00; } .b-content-nav-link i { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; } .b-content-nav-link span { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 1.2; *display: inline; *zoom: 1; } .b-content-nav-link .ico-heart { margin-left: 9px; } .b-content-nav-link .ico-heart + span { padding-left: 40px; } .b-content-nav-link .ico-graph-47 { margin-left: 8px; } .b-content-nav-link .ico-graph-47 + span { padding-left: 87px; } .b-content-nav-link .ico-relations { margin-left: 6px; } .b-content-nav-link .ico-relations + span { padding-left: 69px; } .b-content-nav-link .ico-microphone { margin-left: 23px; } .b-content-nav-link .ico-microphone + span { padding-left: 78px; } /* entry in cabinet -----------------------------------------------------------------------------*/ .b-mini-widget { margin-bottom: 20px; } .b-mini-widget-btns { margin-bottom: 20px; } .b-mini-widget-btns > li { margin-top: 10px; position: relative; } .b-mini-widget-btns > li:first-child { margin-top: 0; } .b-mini-widget-btns > li:hover .b-drop-down-list { display: block; } .b-mini-widget-btns .solid.orange a { border-color: #ed7203; background: #f38f00; color: #fff; } .b-mini-widget-btns .solid > a { display: block; height: 53px; border: 1px solid #dbdbdb; background: #f3f3f3; color: #6f6f6f; text-decoration: none; text-transform: uppercase; font-size: 15px; line-height: 1; } .b-mini-widget-btns .solid > a .icon { position: relative; display: inline-block; margin-right: 21px; width: 51px; background: #fff; text-align: center; line-height: 53px; zoom: 1; *display: inline; } .b-mini-widget-btns .solid > a .icon:after { position: absolute; top: 0; right: -31px; width: 0px; height: 0px; border-width: 53px 31px 0 0; border-style: solid; border-color: #ffffff transparent transparent transparent; content: ""; } .b-mini-widget-btns .solid > a .text { display: inline-block; width: 217px; vertical-align: middle; text-align: center; zoom: 1; *display: inline; } .b-mini-widget-btns .solid > a:hover { border-color: #ed7203; background: #f38f00; color: #fff; } .b-mini-widget-btns .arrow:hover i { background-position: 0 -38px; } .b-mini-widget-btns .arrow:hover .ico-money-orange { background-position: 0 -41px; } .b-mini-widget-btns .arrow:hover .ico-currency { background-position: 0 -31px; } .b-mini-widget-btns .arrow:hover .ico-calendar { background-position: 0 -44px; } .b-mini-widget-btns .arrow:hover .ico-message { background-position: 0 -43px; } .b-mini-widget-btns .arrow:hover .ico-card-large { background-position: 0 -31px; } .b-mini-widget-btns .arrow:hover .ico-write-message { background-position: 0 -49px; } .b-mini-widget-btns .arrow > a { display: block; padding-left: 0; height: 53px; border: 1px solid #dbdbdb; background: #ffffff; color: #6f6f6f; text-decoration: none; font-size: 15px; line-height: 53px; } .b-mini-widget-btns .arrow > a span { position: relative; display: inline-block; margin-right: 13px; padding-right: 17px; padding-left: 23px; background: #fff; background: url(../../../frontend/images/ico_arrow_right_13x43.png) right center no-repeat; zoom: 1; *display: inline; } .b-mini-widget-btns .arrow > a i { position: relative; margin-right: 19px; } .b-mini-widget-btns .arrow > a .ico-currency { margin-right: 13px; } .b-mini-widget-btns .arrow > a .ico-write-message { margin-right: 23px; top: -3px; } .b-mini-widget-btns .arrow > a:active .ico-money-orange { background-position: 0 -82px; } .b-mini-widget-btns .arrow > a:active .ico-currency { background-position: 0 -62px; } .b-mini-widget-btns .arrow > a:active .ico-calendar { background-position: 0 -88px; } .b-mini-widget-btns .arrow > a:active .ico-message { background-position: 0 -86px; } .b-mini-widget-btns .arrow > a:active .ico-card-large { background-position: 0 -62px; } .b-mini-widget-btns .arrow.purse a span { margin-right: 14px; padding-right: 6px; padding-left: 14px; } .b-mini-widget-btns .arrow.question-round a { height: 83px; line-height: 83px; } .b-mini-widget-btns .arrow.question-round a span { margin-right: 10px; padding-right: 6px; padding-left: 12px; } .b-mini-widget-btns .arrow.question-round a:hover i { background-position: 0 -52px; } .b-mini-widget-btns .arrow.question-round.small a { height: 53px; line-height: 53px; } .b-mini-widget-btns .arrow.color:hover > a { color: #f38f00; } .b-mini-widget-btns .arrow.color:active > a { color: #ed7100; } .b-mini-widget-btns .arrow.large span { position: relative; padding-right: 9px; padding-left: 17px; height: 55px; vertical-align: middle; } .b-mini-widget-btns.hor li { float: left; margin-top: 0; margin-left: 20px; width: 300px; } .b-mini-widget-btns.hor li:first-child { margin-left: 0; } .b-mini-widget-btns .b-drop-down-list { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 200; border: 1px solid #dbdbdb; border-top: none; } .b-mini-widget-btns .b-drop-down-list ul { padding-left: 19px; padding-right: 19px; } .b-mini-widget-btns .b-drop-down-list ul li { border-top: 1px solid #dbdbdb; } .b-mini-widget-btns .b-drop-down-list ul li:first-child { border-top: none; } .b-mini-widget-btns .b-drop-down-list ul li a { display: block; padding-top: 9px; padding-bottom: 9px; color: #70706f; text-decoration: none; } .b-mini-widget-btns .b-drop-down-list ul li a:hover { color: #ff9100; } .b-fb-widget { padding-top: 15px; border: 1px solid #dbdbdb; } .b-fb-widget img { display: block; } .b-soc-widget { padding: 20px; border: 1px solid #dbdbdb; } .b-soc-widget .b-head li { float: left; } .b-soc-widget .b-head li.active a { border-color: #2082c3; background: #2082c3; color: #fff; } .b-soc-widget .b-head li.active a span { border-bottom: none; } .b-soc-widget .b-head li a { display: block; width: 127px; height: 27px; border: 1px solid #dbdbdb; background: #fff; color: #999999; text-align: center; text-decoration: none; line-height: 27px; } .b-soc-widget .b-head li a span { border-bottom: 1px dotted #999999; } .b-soc-widget .b-inner { padding: 15px 5px; border: 1px solid #aaaaaa; border-top: none; } .b-soc-widget .b-cont { display: none; } .b-soc-widget .b-cont.show { display: block; } /* competition -----------------------------------------------------------------------------*/ .b-competition-article .b-head { margin-bottom: 7px; } .b-competition-article .b-head .b-date { float: left; margin-top: 8px; color: #a9a9a8; font-size: 12px; line-height: 1; } .b-competition-article .b-head .b-share { float: right; } /* footer -----------------------------------------------------------------------------*/ .g-footer .b-top { margin-bottom: 5px; padding-top: 24px; height: 196px; background: #eaeaea url(../../../frontend/images/bg_footer_top.jpg) center top no-repeat; } .g-footer .b-top .b-wrapper { background: #f3f3f3; } .g-footer .b-left { float: left; width: 670px; } .g-footer .b-right { float: right; margin-right: 26px; width: 195px; } .g-footer .b-down { position: relative; height: 40px; background: #eaeaea url(../../../frontend/images/bg_footer_down.jpg) center top no-repeat; } .g-footer .b-down .b-gt { position: absolute; top: 0; bottom: 0; left: 0; display: none; width: 2.7625%; background: #005faa; content: ""; } @media only screen and (min-width: 1800px) { .g-footer .b-down .b-gt { display: block; } } .b-footer-nav > li { float: left; margin-left: 55px; width: 185px; } .b-footer-nav > li:first-child { margin-left: 0; } .b-footer-sub-nav li { margin-top: 5px; } .b-footer-sub-nav li:first-child { margin-top: 0; margin-bottom: 20px; } .b-footer-sub-nav li:first-child a { text-transform: uppercase; } .b-footer-sub-nav li.select a { color: #007fc7; } .b-footer-sub-nav li a { color: #6f6f6f; text-decoration: none; font-size: 12px; line-height: 1; } .b-footer-sub-nav li a:hover { text-decoration: underline; } .b-social-buttons { margin-bottom: 10px; } .b-social-buttons li { float: left; margin-left: 9px; } .b-social-buttons li:first-child { margin-left: 0; } .b-social-buttons li.tw a { background: url(../../../frontend/images/ico_tw_20x20.jpg) no-repeat; } .b-social-buttons li.fb { background: url(../../../frontend/images/ico_fb_20x20.jpg) no-repeat; } .b-social-buttons li.vk { display: none; } .b-social-buttons li.rss { display: none; } .b-social-buttons a { display: block; width: 20px; height: 20px; } .b-newsletter-form p { margin-bottom: 9px; color: #6f6f6f; font-size: 12px; line-height: 1; } .b-newsletter-form .b-email { margin-bottom: 10px; padding-left: 8px; width: 184px; height: 26px; border: 1px solid #a9a9a9; background: #ffffff; color: #a9a9a9; line-height: 24px; } .b-newsletter-form .b-email::-webkit-input-placeholder { color: #a9a9a9; } .b-newsletter-form .b-email:-moz-placeholder { color: #a9a9a9; } .b-newsletter-form .b-email::-moz-placeholder { color: #a9a9a9; } .b-newsletter-form .b-email:-ms-input-placeholder { color: #a9a9a9; } .b-newsletter-form input[type="submit"] { display: block; padding-left: 8px; width: 193px; height: 30px; border: none; background: #f38f00 url(../../../frontend/images/bg_submit_corner_30.jpg) right center no-repeat; color: #ffffff; vertical-align: middle; text-align: left; font-size: 14px; cursor: pointer; } /* crumbs -----------------------------------------------------------------------------*/ .b-crumbs { position: relative; z-index: 30; margin-bottom: 11px; } .b-crumbs li { position: relative; float: left; margin-left: 4px; padding-left: 11px; } .b-crumbs li:first-child { margin-left: 0; padding-left: 0; } .b-crumbs li:first-child:before { display: none; } .b-crumbs li:before { position: absolute; top: 0; left: 0; color: #706f6f; content: ">"; font-size: 12px; } .b-crumbs li.last:before { color: #007fc7; } .b-crumbs li.last a { color: #007fc7; } .b-crumbs li a { color: #706f6f; text-decoration: none; font-size: 12px; } .b-crumbs li a:hover { text-decoration: underline; } .g-main-page .g-content { padding-top: 30px; } .g-main-page .b-mini-widget-btns li { margin-bottom: 0; } /* news preview page -----------------------------------------------------------------------------*/ .b-news-preview { padding-top: 12px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; border: 1px solid #f38f00; } .b-news-preview .b-head { margin-bottom: 5px; } .b-news-preview .b-head h2 { display: inline-block; padding: 18px; padding-left: 27px; background: url(../../../frontend/images/bg_news_preview.png) left center no-repeat; color: #6f6f6f; vertical-align: middle; font-weight: normal; font-size: 16px; line-height: 1; zoom: 1; *display: inline; } .b-news-preview-list { margin-top: -13px; width: 607px; } .b-news-preview-list li { display: inline-block; margin-right: 20px; width: 279px; vertical-align: top; zoom: 1; *display: inline; } .b-news-preview-list .b-date { margin-bottom: 4px; color: #a9a9a8; text-align: right; font-size: 12px; line-height: 1; } .b-news-preview-list .b-img { margin-bottom: 12px; } .b-news-preview-list .b-img img { width: 100%; height: 100%; vertical-align: top; } .b-news-preview-list .b-title { margin-bottom: 14px; color: #6f6f6f; text-transform: uppercase; font-weight: normal; font-size: 13px; line-height: 1; } .b-news-preview-list p { margin-bottom: 20px; color: #6f6f6f; font-size: 12px; line-height: 17px; } .b-news-preview-list .b-link { display: inline-block; padding-right: 12px; height: 18px; background: url(../../../frontend/images/ico_arrow_right_7x18.png) center right no-repeat; color: #6f6f6f; text-decoration: none; font-size: 12px; line-height: 18px; zoom: 1; *display: inline; } /* our services -----------------------------------------------------------------------------*/ .g-our-services .g-content { margin-bottom: 30px; } .g-our-services .b-crumbs { margin-bottom: 14px; } .g-our-services .g-col-right { padding-top: 64px; } .b-content-title { margin-bottom: 20px; color: #007fc7; font-weight: normal; font-size: 18px; line-height: 1; } .b-services-wrap .b-top { margin-bottom: 30px; padding-bottom: 28px; border-bottom: 1px solid #dbdbdb; } /* slider three with bg -----------------------------------------------------------------------------*/ .b-slider-three-grey { position: relative; padding-top: 31px; padding-bottom: 31px; background: #f3f3f3; } .b-slider-three-grey .b-wrap { position: relative; overflow: hidden; margin: 0 auto; width: 460px; } .b-slider-three-grey .b-list { position: relative; } .b-slider-three-grey .b-list li { float: left; margin-left: 17px; padding-top: 24px; padding-right: 15px; padding-bottom: 22px; padding-left: 15px; width: 110px; height: 109px; border: 1px solid #dbdbdb; background: #fff; text-align: center; } .b-slider-three-grey .b-list li:first-child { margin-left: 0; } .b-slider-three-grey .b-list li a { text-decoration: none; } .b-slider-three-grey .b-list li i { margin-bottom: 9px; } .b-slider-three-grey .b-list li span { display: block; padding-top: 36px; background: url(../../../frontend/images/ico_arrow_down_grey_85x25.png) top center no-repeat; color: #706f6f; text-align: center; font-size: 13px; line-height: 15px; } .b-slider-three-grey .b-prev, .b-slider-three-grey .b-next { position: absolute; top: 50%; z-index: 20; display: block; margin-top: -24px; width: 29px; height: 48px; cursor: pointer; } .b-slider-three-grey .b-prev:hover, .b-slider-three-grey .b-next:hover { background-position: 0 -58px; } .b-slider-three-grey .b-next { right: 15px; background: url(../../../frontend/images/ico_arrow_right_white_29x48.png) 0 0 no-repeat; } .b-slider-three-grey .b-prev { left: 15px; background: url(../../../frontend/images/ico_arrow_left_white_29x48.png) 0 0 no-repeat; } .b-services-information-list { margin-bottom: 20px; width: 960px; } .b-services-information-list li { float: left; margin-right: 20px; width: 298px; border: 1px solid #dbdbdb; text-align: center; } .b-services-information-list a { color: #706f6f; text-decoration: none; text-transform: uppercase; font-size: 13px; } .b-services-information-list a:hover { color: #f39000; } .b-services-information-list .b-img { display: block; height: 139px; } .b-services-information-list .b-img img { width: 100%; height: 100%; vertical-align: top; } .b-services-information-list .b-text-wrap { display: table; overflow: hidden; width: 100%; height: 44px; text-align: center; } .b-services-information-list .b-text { display: table-cell; vertical-align: middle; text-align: center; } /* news preview on our services for mobile -----------------------------------------------------------------------------*/ .b-services-news-preview { position: relative; margin-bottom: 20px; padding-bottom: 13px; } .b-services-news-preview:after, .b-services-news-preview:before { position: absolute; bottom: 0; display: block; width: 357px; height: 1px; background: #dbdbdb; content: ""; } .b-services-news-preview:after { left: 0; } .b-services-news-preview:before { right: -6px; } .b-services-news-preview .b-wrap { width: 740px; } .b-services-news-preview .b-left { float: left; width: 357px; } .b-services-news-preview .b-right { float: left; margin-left: 20px; width: 357px; } .b-services-news-preview .b-mini-widget-btns { width: auto; } .b-services-news-preview .b-mini-widget-btns .solid a .text { width: 270px; } .b-services-news-preview .b-mini-widget-btns .solid a .icon { margin-right: 26px; } .b-services-news-preview .b-head { margin-bottom: 15px; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #007fc7; border-bottom: 1px solid #007fc7; color: #007fc7; font-size: 16px; line-height: 1; } .b-services-news-preview .b-articles li { margin-top: 15px; padding-top: 15px; border-top: 1px solid #dbdbdb; } .b-services-news-preview .b-articles li:first-child { margin-top: 0; padding-top: 0; border-top: none; } .b-services-news-preview .b-articles .b-img { display: block; margin-bottom: 20px; } .b-services-news-preview .b-articles .b-title { margin-bottom: 17px; color: #706f6f; text-transform: uppercase; font-size: 13px; line-height: 1; } .b-services-news-preview .b-articles .b-text { color: #6f6f6f; text-decoration: none; font-size: 12px; line-height: 1.4; } .b-services-news-preview .b-articles .b-text:hover { text-decoration: underline; } .b-services-news-preview .b-preview-big { margin-bottom: 20px; border: 1px solid #dbdbdb; } .b-services-news-preview .b-preview-big .b-img { float: left; width: 160px; } .b-services-news-preview .b-preview-big .b-img img { display: block; } .b-services-news-preview .b-preview-big .b-text { float: left; margin-left: 17px; padding-top: 65px; width: 174px; color: #706f6f; text-transform: uppercase; font-size: 13px; line-height: 1.5; } .b-services-news-preview .b-preview-big .b-text a { color: #409fd5; text-decoration: none; } .b-services-news-preview .b-preview-big .b-text a:hover { text-decoration: underline; } /* news preview list -----------------------------------------------------------------------------*/ .g-news-preview-list .g-content { margin-bottom: 30px; } .g-news-preview-list .b-crumbs { margin-bottom: 14px; } .g-news-preview-list .g-col-right { padding-top: 64px; } .b-news-prev-ver-list > ul > li { margin-top: 16px; padding-top: 24px; border-top: 1px solid #dbdbdb; } .b-news-prev-ver-list > ul > li:first-child { margin-top: 0; padding-top: 0; border-top: none; } .b-news-prev-ver-list .b-date { display: block; margin-bottom: 17px; color: #a9a9a9; font-size: 12px; line-height: 1; } .b-news-prev-ver-list .b-title { margin-bottom: 20px; } .b-news-prev-ver-list .b-title a { color: #6f6f6f; text-decoration: none; text-transform: uppercase; font-size: 17px; line-height: 23px; } .b-news-prev-ver-list .b-title a:hover { color: #007fc7; } .b-news-prev-ver-list .b-title.blue a { color: #007fc7; } .b-news-prev-ver-list .b-title.blue a:hover { text-decoration: none; } .b-news-prev-ver-list .b-img { margin-bottom: 22px; width: 570px; text-align: left; } .b-news-prev-ver-list .b-img.center { text-align: center; } .b-news-prev-ver-list .b-img.center img { width: 100%; height: 100%; } .b-news-prev-ver-list .b-img img { vertical-align: top; } .b-news-prev-ver-list p { margin-bottom: 12px; color: #6f6f6f; font-size: 14px; line-height: 19px; } .b-news-prev-ver-list .b-link { display: inline-block; padding-right: 12px; height: 18px; background: url(../../../frontend/images/ico_arrow_right_7x18.png) center right no-repeat; color: #6f6f6f; text-decoration: none; font-size: 12px; line-height: 18px; zoom: 1; *display: inline; } /* file interaction for news preview -----------------------------------------------------------------------------*/ .b-file-interaction { margin-top: 19px; } .b-file-interaction .b-name { float: left; margin-top: 8px; font-size: 13px; line-height: 1; } .b-file-interaction .b-name a { color: #007fc7; text-decoration: none; } .b-file-interaction .b-list { float: right; } .b-file-interaction .b-list li { float: left; margin-left: 25px; } .b-file-interaction .b-list li:first-child { margin-left: 0; } .b-file-interaction .b-list li.left a { padding-right: 14px; padding-left: 15px; border-right: none; } .b-file-interaction .b-list li.left a:after { position: absolute; top: -1px; right: -18px; z-index: 1; width: 0px; height: 0px; border-width: 30px 18px 0 0; border-style: solid; border-color: #dbdbdb transparent transparent transparent; content: ""; } .b-file-interaction .b-list li.left a:before { position: absolute; top: 0; right: -16px; z-index: 2; width: 0px; height: 0px; border-width: 27px 16px 0 0; border-style: solid; border-color: #ededed transparent transparent transparent; content: ""; } .b-file-interaction .b-list li.left:hover a:after { border-color: #ed7203 transparent transparent transparent; } .b-file-interaction .b-list li.left:hover a:before { border-color: #f38f00 transparent transparent transparent; } .b-file-interaction .b-list li.right a { padding-right: 12px; padding-left: 12px; border-left: none; } .b-file-interaction .b-list li.right a:after { position: absolute; top: -1px; left: -18px; z-index: 1; width: 0px; height: 0px; border-width: 0 0 30px 18px; border-style: solid; border-color: transparent transparent #dbdbdb transparent; content: ""; } .b-file-interaction .b-list li.right a:before { position: absolute; top: 0; left: -16px; z-index: 2; width: 0px; height: 0px; border-width: 0 0 28px 17px; border-style: solid; border-color: transparent transparent #ededed transparent; content: ""; } .b-file-interaction .b-list li.right:hover a:after { border-color: transparent transparent #ed7203 transparent; } .b-file-interaction .b-list li.right:hover a:before { border-color: transparent transparent #f38f00 transparent; } .b-file-interaction .b-list li a { position: relative; display: block; height: 28px; border: 1px solid #dbdbdb; background: #ededed; color: #6f6f6f; text-decoration: none; line-height: 28px; } .b-file-interaction .b-list li a:hover { border-color: #ed7203; background: #f38f00; color: #fff; } .b-file-interaction .b-list li a:hover .ico-download { background-position: 0 -26px; } .b-file-interaction .ico-download { margin-left: 18px; } /* file download -----------------------------------------------------------------------------*/ .b-file-download a { position: relative; display: block; float: left; margin-right: 37px; padding-right: 19px; padding-left: 24px; height: 28px; border: 1px solid #dbdbdb; border-right: none; background: #ededed; color: #6f6f6f; text-decoration: none; line-height: 28px; } .b-file-download a:after { position: absolute; top: -1px; right: -18px; z-index: 1; width: 0px; height: 0px; border-width: 30px 18px 0 0; border-style: solid; border-color: #dbdbdb transparent transparent transparent; content: ""; } .b-file-download a:before { position: absolute; top: 0; right: -16px; z-index: 2; width: 0px; height: 0px; border-width: 27px 16px 0 0; border-style: solid; border-color: #ededed transparent transparent transparent; content: ""; } .b-file-download a:hover { border-color: #ed7203; background: #f38f00; color: #fff; } .b-file-download a:hover .ico-download { background-position: 0 -26px; } .b-file-download a:hover:after { border-color: #ed7203 transparent transparent transparent; } .b-file-download a:hover:before { border-color: #f38f00 transparent transparent transparent; } .b-file-download p { float: left; color: #706f6f; font-size: 12px; line-height: 28px; } .b-file-download p span { color: #007fc7; } .b-file-download .ico-download { margin-left: 4px; } /* pagination -----------------------------------------------------------------------------*/ .b-pagination-two-part .b-pagination { float: right; } .b-pagination-two-part .b-left-part { margin-top: 36px; float: left; } .b-pagination-filter { color: #706f6f; font-size: 14px; line-height: 1; } .b-pagination-filter ul { margin-top: -4px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .b-pagination-filter ul li { float: left; margin-left: 9px; } .b-pagination-filter ul li:first-child { margin-left: 0; } .b-pagination-filter ul li.active a { color: #f38f00; } .b-pagination-filter ul li a { color: #007fc7; text-decoration: none; } .b-pagination-filter ul li a:hover { color: #f38f00; } .b-pagination { margin-top: 30px; text-align: center; } .b-pagination.right { text-align: right; } .b-pagination ul { display: inline-block; zoom: 1; *display: inline; } .b-pagination ul li { display: inline; } .b-pagination ul li a, .b-pagination ul li p { position: relative; float: left; padding: 6px 14px; color: #6f6f6f; text-decoration: none; font-size: 14px; line-height: 1; } .b-pagination ul li a:hover, .b-pagination ul li p:hover { color: #f38f00; } .b-pagination ul li.active a { color: #f38f00; } .b-pagination ul li .prev, .b-pagination ul li .next { padding: 0; width: 11px; height: 30px; } .b-pagination ul li .prev:hover, .b-pagination ul li .next:hover { background-position: 0 -40px; } .b-pagination ul li .prev { margin-right: 10px; background: url(../../../frontend/images/ico_arrow_left_11x30.png) 0 0 no-repeat; } .b-pagination ul li .next { margin-left: 10px; background: url(../../../frontend/images/ico_arrow_right_11x30.png) 0 0 no-repeat; } /* news article -----------------------------------------------------------------------------*/ .g-news-article .g-content { margin-bottom: 30px; } .g-news-article .b-crumbs { margin-bottom: 14px; } .g-news-article .g-col-right { padding-top: 64px; } .b-news-article .b-head { margin-bottom: 7px; } .b-news-article .b-head .b-date { float: left; margin-top: 8px; color: #a9a9a8; font-size: 12px; line-height: 1; } .b-news-article .b-head .b-share { float: right; } /* video -----------------------------------------------------------------------------*/ .g-news-preview-block-list .g-col-right { padding-top: 61px; } .g-news-preview-block-list .b-news-prev-ver-list .b-title a { color: #007fc7; } .g-news-preview-block-list .b-news-prev-ver-list .b-title a:hover { color: #6f6f6f; } .b-news-prev-small-list { margin-top: 19px; } .b-news-prev-small-list > li { margin-top: 23px; padding-top: 25px; border-top: 1px solid #dbdbdb; } .b-news-prev-small-list .sub-list { width: 590px; } .b-news-prev-small-list .sub-list.inverse li.even .b-title { color: #706f6f; } .b-news-prev-small-list .sub-list.inverse li.even .b-title:hover { color: #007fc7; } .b-news-prev-small-list .sub-list.inverse .b-title { color: #007fc7; } .b-news-prev-small-list .sub-list.inverse .b-title:hover { color: #706f6f; } .b-news-prev-small-list .sub-list li { float: left; margin-top: 0; margin-right: 19px; padding-top: 0; width: 276px; } .b-news-prev-small-list .sub-list li.even .b-title { color: #007fc7; } .b-news-prev-small-list .sub-list li.even .b-title:hover { color: #706f6f; } .b-news-prev-small-list .sub-list .video { display: block; margin-bottom: 25px; } .b-news-prev-small-list .sub-list .video img { width: 100%; height: 100%; } .b-news-prev-small-list .sub-list .b-date { display: block; margin-bottom: 17px; color: #a9a9a9; font-size: 12px; line-height: 1; } .b-news-prev-small-list .sub-list .b-title { color: #706f6f; text-decoration: none; text-transform: uppercase; font-size: 14px; } .b-news-prev-small-list .sub-list .b-title:hover { color: #007fc7; } /* action btns -----------------------------------------------------------------------------*/ .b-action-btn { margin-bottom: 20px; } .b-action-btn ul { margin-left: 0; } .b-action-btn ul li { float: left; margin-left: 20px; width: 300px; list-style-type: none; } .b-action-btn ul li:first-child { margin-left: 0; } .b-action-btn ul li:hover .ico-like-hand { background-position: 0 -41px; } .b-action-btn ul li:hover .ico-graph { background-position: 0 -39px; } .b-action-btn ul li.small { width: 195px; } .b-action-btn ul li.small a span { padding-right: 17px; padding-left: 9px; } .b-action-btn ul li.small a i { margin-right: 4px; } .b-action-btn ul li a { display: block; padding-left: 0; height: 53px; border: 1px solid #dbdbdb; background: #ffffff; color: #6f6f6f; text-decoration: none; font-size: 15px; line-height: 53px; } .b-action-btn ul li a span { position: relative; display: inline-block; margin-right: 18px; padding-right: 7px; padding-left: 17px; background: #fff; background: url(../../../frontend/images/ico_arrow_right_13x43.png) right center no-repeat; zoom: 1; *display: inline; } .b-action-btn ul li a i { margin-right: 19px; } /* content slider one img 570 -----------------------------------------------------------------------------*/ .b-slider-one { position: relative; margin-bottom: 25px; } .b-slider-one > .b-wrap { position: relative; overflow: hidden; width: 570px; height: 410px; } .b-slider-one .b-list { position: relative; margin-left: 0; width: 9999px; } .b-slider-one .b-list li { float: left; width: 570px; } .b-slider-one .b-prev, .b-slider-one .b-next { position: absolute; top: 50%; z-index: 20; display: block; margin-top: -44px; width: 29px; height: 48px; cursor: pointer; } .b-slider-one .b-prev:hover, .b-slider-one .b-next:hover { background-position: 0 -58px; } .b-slider-one .b-next { right: 20px; background: url(../../../frontend/images/ico_arrow_right_white_29x48.png) 0 0 no-repeat; } .b-slider-one .b-prev { left: 20px; background: url(../../../frontend/images/ico_arrow_left_white_29x48.png) 0 0 no-repeat; } .b-slider-one .b-nav { position: absolute; right: 0; bottom: 0; width: 176px; height: 25px; background: url(../../../frontend/images/bg_slider_one_nav.png) center center no-repeat; text-align: center; } .b-slider-one .b-nav ul { display: inline-block; margin-top: 10px; zoom: 1; *display: inline; } .b-slider-one .b-nav ul li { display: inline; } .b-slider-one .b-nav ul li.active a, .b-slider-one .b-nav ul li:hover a { border-color: #f38f00; background: #f9c77f; } .b-slider-one .b-nav ul li a { position: relative; display: block; float: left; margin-left: 8px; width: 6px; height: 6px; border: 1px solid #b7b7b7; background: #dbdbdb; } /* tags list -----------------------------------------------------------------------------*/ .b-tags-list { margin-top: 8px; color: #6f6f6f; font-size: 0; } .b-tags-list span { display: inline-block; vertical-align: bottom; font-size: 12px; line-height: 1; zoom: 1; *display: inline; } .b-tags-list ul { display: inline-block; margin-left: 5px; vertical-align: bottom; zoom: 1; *display: inline; } .b-tags-list ul li { float: left; margin-left: 4px; } .b-tags-list ul li:first-child { margin-left: 0; } .b-tags-list ul li a { color: #007fc7; text-decoration: none; font-size: 12px; line-height: 1; } .b-tags-list ul li a:hover { text-decoration: underline; } .b-slider-one-text { padding-top: 18px; padding-bottom: 20px; border-bottom: 1px solid #dbdbdb; } .b-slider-one-text .b-wrap { position: relative; overflow: hidden; width: 570px; } .b-slider-one-text .b-text-list { position: relative; width: 9999px; } .b-slider-one-text .b-text-list li { float: left; width: 570px; text-align: center; } .b-slider-one-text .b-text-list li p { margin-bottom: 0; color: #706f6f; font-size: 12px; line-height: 14px; } /* tiles img -----------------------------------------------------------------------------*/ .b-tiles-img { margin-left: 0; width: 590px; } .b-tiles-img li { float: left; margin-right: 17px; margin-bottom: 17px; width: 128px; border: 1px solid #dbdbdb; } .b-tiles-img li:hover { border-color: #f38f00; } .b-tiles-img img { display: block; } /* text widget -----------------------------------------------------------------------------*/ .b-text-widget { margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #dbdbdb; } .b-text-widget a { display: block; margin-bottom: 13px; padding: 8px 0; border-top: 1px solid #007fc7; border-bottom: 1px solid #007fc7; color: #007fc7; text-decoration: none; font-size: 16px; } .b-text-widget p { color: #706f6f; text-transform: uppercase; font-size: 11px; line-height: 13px; } .b-graphic-widget { position: relative; width: 100%; border: 1px solid #dcdcdc; } .b-graphic-widget img { width: 100%; vertical-align: top; } .b-graphic-widget a { display: block; } .b-graphic-widget .text { position: absolute; bottom: 0; left: 0; display: block; padding-top: 5px; padding-bottom: 4px; padding-left: 25px; width: 83px; background: #ffffff; color: #007fc7; font-size: 16px; line-height: 1; } .b-graphic-widget .text:after { position: absolute; top: 0; right: -15px; width: 0px; height: 0px; border-width: 25px 15px 0 0; border-style: solid; border-color: #ffffff transparent transparent transparent; content: ""; } /* user agreement -----------------------------------------------------------------------------*/ .b-user-agreement .b-content p { text-indent: 20px; } /* error page -----------------------------------------------------------------------------*/ .g-error-page .g-content { padding-top: 49px; text-align: center; } .b-global-error .b-title { margin-bottom: 7px; color: #2f8ac7; letter-spacing: 8px; font-size: 270px; line-height: 1; } .b-global-error .b-title.small { margin-bottom: 14px; font-size: 260px; } .b-global-error .b-sub-title { margin-bottom: 18px; color: #2f8ac7; text-transform: uppercase; font-weight: lighter; font-size: 26px; line-height: 1; } .b-global-error .b-sub-title.small { margin-bottom: -18px; font-size: 22px; } .b-global-error p { margin-bottom: 28px; color: #232323; font-size: 26px; line-height: 1.3; } .b-global-error p a { color: #298dca; text-decoration: underline; } .b-global-error p a:hover { text-decoration: none; } /* calculator -----------------------------------------------------------------------------*/ .b-calculator-wrap { padding: 15px 25px; border: 1px solid #dbdbdb; background: #f3f3f3; } .b-calculator-wrap .b-title { margin-bottom: 35px; color: #007fc7; text-transform: uppercase; font-size: 17px; line-height: 1; } .b-calculator-wrap .b-field { margin-top: 25px; padding: 15px 25px; border: 1px solid #dbdbdb; background: #ffffff; } .b-calculator-wrap .b-field:first-child { margin-top: 0; } .b-calculator-wrap .b-field .b-left-part { display: inline-block; margin-right: 32px; width: 245px; vertical-align: middle; *display: inline; *zoom: 1; } .b-calculator-wrap .b-field .b-right-part { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; } .b-calculator-wrap .b-img { display: inline-block; margin-right: 17px; vertical-align: middle; *display: inline; *zoom: 1; } .b-calculator-wrap .b-text { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; } .b-calculator-wrap .b-text p { color: #706f6f; font-size: 17px; } .b-calculator-wrap .b-text span { display: block; margin-top: 5px; color: #706f6f; font-size: 12px; } .b-calculator-choise { position: relative; margin-top: 18px; } .b-calculator-choise > li { position: relative; float: left; margin-left: 24px; width: 280px; color: #70706f; font-size: 12px; line-height: 28px; } .b-calculator-choise > li:first-child { margin-left: 0; } .b-calculator-choise > li.active { border-color: #007fc7; } .b-calculator-choise > li i { position: relative; z-index: 50; } .b-calculator-choise > li.active .b-first-choise, .b-calculator-choise > li:hover .b-first-choise { border-color: #007fc7; } .b-calculator-choise > li.active .b-first-choise:after, .b-calculator-choise > li:hover .b-first-choise:after { border-color: transparent transparent #007fc7 transparent; } .b-calculator-choise > li.active .b-first-choise > i, .b-calculator-choise > li:hover .b-first-choise > i { background-position: 0 -35px; } .b-calculator-choise .b-first-choise { position: relative; padding-left: 26px; border: 1px solid #dbdbdb; background: #ffffff; cursor: pointer; } .b-calculator-choise .b-first-choise:before { position: absolute; top: -18px; left: 29px; z-index: 20; display: block; width: 0px; height: 0px; border-width: 0 10.5px 18px 10.5px; border-style: solid; border-color: transparent transparent #ffffff transparent; content: ""; } .b-calculator-choise .b-first-choise:after { position: absolute; top: -19px; left: 28px; z-index: 19; display: block; width: 0px; height: 0px; border-width: 0 11.5px 19px 11.5px; border-style: solid; border-color: transparent transparent #dbdbdb transparent; content: ""; } .b-calculator-choise .ico-droplet { margin-top: -14px; margin-right: 18px; margin-left: 5px; } .b-calculator-choise .ico-house { margin-top: -15px; margin-right: 20px; margin-left: 5px; } .b-calculator-choise .ico-pizza { margin-top: -16px; margin-right: 17px; margin-left: 1px; } .b-calculator-sub-choise { position: relative; display: none; } .b-calculator-sub-choise .b-inner { position: relative; padding-top: 9px; border: 1px solid #dbdbdb; background: #ffffff; } .b-calculator-sub-choise > li { padding-top: 19px; } .b-calculator-sub-choise > li:before { position: absolute; top: 2px; left: 29px; z-index: 20; display: block; width: 0px; height: 0px; border-width: 0 10.5px 18px 10.5px; border-style: solid; border-color: transparent transparent #ffffff transparent; content: ""; } .b-calculator-sub-choise > li:after { position: absolute; top: 0px; left: 28px; z-index: 19; display: block; width: 0px; height: 0px; border-width: 0 11.5px 19px 11.5px; border-style: solid; border-color: transparent transparent #dbdbdb transparent; content: ""; } .b-calculator-sub-choise .ico-shower { position: relative; z-index: 50; margin-top: -12px; margin-right: 14px; margin-left: 24px; vertical-align: top; } .b-calculator-sub-choise p { display: inline-block; width: 155px; line-height: 1.2; *display: inline; *zoom: 1; } .b-calculator-sub-choise .b-answer { border-top: 1px solid #dbdbdb; } .b-calculator-sub-choise .b-answer li { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; } .b-calculator-sub-choise .b-answer li:first-child { border-right: 1px solid #dbdbdb; } .b-calculator-sub-choise .b-answer li a { display: block; width: 100%; color: #70706f; text-align: center; text-decoration: none; } .b-calculator-sub-choise .b-answer li a:hover { color: #f38f00; } /* range slider -----------------------------------------------------------------------------*/ .b-range-wrap { position: relative; left: -7.5px; margin-top: -6px; width: 280px; } .b-range-text { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 18px; margin-left: 7.5px; padding-left: 20px; width: 100%; height: 30px; border: 1px solid #dbdbdb; background: #ffffff; line-height: 28px; } .b-range-text span { display: inline-block; margin-right: 4px; width: 25px; color: #f38f00; font-size: 25px; *display: inline; *zoom: 1; } .b-range-text p { display: inline-block; font-size: 12px; *display: inline; *zoom: 1; } /* paramert for house -----------------------------------------------------------------------------*/ .b-area-home .b-house { position: relative; display: inline-block; margin-right: 27px; width: 76px; height: 96px; border-top: none; background: url(../../../frontend/images/bg_house_76x96.png) bottom center no-repeat; *display: inline; *zoom: 1; } .b-area-home .b-meters { position: absolute; bottom: 0; left: 0; display: block; width: 18px; height: 18px; background: #f29004; color: #fff; text-align: center; font-size: 14px; line-height: 18px; } .b-area-home .b-meters sup { position: relative; top: -5px; z-index: 55; font-size: 8px; } .b-area-home .b-meters .b-arrow { position: absolute; top: -15px; right: -16px; z-index: 50; display: block; width: 20px; height: 19px; background: url(../../../frontend/images/img_options_arrow_20x19.png) center no-repeat; cursor: pointer; } .b-area-home .b-options { position: relative; top: -2px; display: inline-block; padding-left: 9px; width: 163px; height: 28px; border: 1px solid #dbdbdb; vertical-align: bottom; *display: inline; *zoom: 1; } .b-area-home .b-options .b-meters-count { display: inline-block; width: 42px; height: 26px; border: none; color: #f38f00; vertical-align: bottom; font-size: 25px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 28px; *display: inline; *zoom: 1; } .b-area-home .b-options p { position: relative; top: -4px; display: inline-block; color: #706f70; vertical-align: bottom; font-size: 12px; *display: inline; *zoom: 1; } /* calc vertical choise -----------------------------------------------------------------------------*/ .b-calculator-vertical-choise { width: 68px; } .b-calculator-vertical-choise .b-option { display: block; margin-bottom: 4px; width: 100%; height: 28px; border: 1px solid #dbdbdb; background: #ffffff; color: #706f70; text-align: center; font-size: 12px; line-height: 28px; cursor: pointer; } .b-calculator-vertical-choise .b-option:hover, .b-calculator-vertical-choise .b-option.active { border-color: #f38f00; background: #f38f00; color: #fff; } /* progressbar -----------------------------------------------------------------------------*/ .b-progress-bar { display: block; width: 280px; height: 10px; background: #d7d7d7; } .b-progress-bar div { display: block; width: 0; height: 10px; background: #f38f00; } .b-progress-choise .b-choise { margin-bottom: 1px; } .b-progress-choise .b-choise li { float: left; margin-left: 45px; width: 28px; height: 32px; background: url(../../../frontend/images/img_cube_28x32.png) 0 0 no-repeat; cursor: pointer; } .b-progress-choise .b-choise li:first-child { margin-left: 17px; } .b-progress-choise .b-choise li:hover, .b-progress-choise .b-choise li.active { background-position: 0 -42px; } .b-progress-text { margin-top: 4px; } .b-progress-text li { float: left; margin-left: 6px; width: 67px; color: #70706f; font-size: 12px; } .b-progress-text li:first-child { margin-left: 31px; } /* calc result -----------------------------------------------------------------------------*/ .b-calculator-result { margin-top: 25px; } .b-calculator-result .b-left-part { float: left; width: 295px; } .b-calculator-result .b-right-part { float: right; margin-top: -1px; width: 578px; } .b-calculator-result .b-right-part p { font-size: 12px; line-height: 1.4; } .b-calculator-result .b-right-part p a { color: #007fc7; text-decoration: underline; } .b-calculator-result .b-right-part p a:hover { text-decoration: none; } .b-calculator-result .b-submit { display: block; float: left; margin-right: 5px; padding-left: 25px; width: 142px; height: 30px; border: none; background: #f38f00 url(../../../frontend/images/bg_submit_corner_30.jpg) right center no-repeat; color: #ffffff; vertical-align: middle; text-align: left; font-size: 14px; cursor: pointer; } .b-calculator-result .b-result-text { position: relative; float: left; padding-right: 9px; width: 136px; height: 28px; border: 1px solid #dbdbdb; border-left: none; background: #ffffff; text-align: right; line-height: 28px; } .b-calculator-result .b-result-text:before { position: absolute; top: 0px; left: -16px; z-index: 31; display: block; width: 0px; height: 0px; border-width: 0 0 28px 16px; border-style: solid; border-color: transparent transparent #ffffff transparent; content: ""; } .b-calculator-result .b-result-text:after { position: absolute; top: -1px; left: -18px; z-index: 30; display: block; width: 0px; height: 0px; border-width: 0 0 30px 18px; border-style: solid; border-color: transparent transparent #dbdbdb transparent; content: ""; } .b-calculator-result .b-result-text p { color: #70706f; font-size: 25px; } .b-calculator-result .b-result-text p span { font-size: 10px; } /* checked list -----------------------------------------------------------------------------*/ .b-checked-list { margin-bottom: 20px; border: 1px solid #dbdbdb; } .b-checked-list .b-head { padding: 18px 25px; background: #ededed; color: #706f70; font-size: 17px; line-height: 1; } .b-checked-list ul { padding: 0 24px; } .b-checked-list ul li { padding: 0 3px; height: 54px; border-top: 1px solid #dbdbdb; line-height: 54px; cursor: pointer; } .b-checked-list ul li:first-child { padding-top: 0; border: none; } .b-checked-list ul li.checked p { color: #f39000; } .b-checked-list ul li.checked .ico-kettle { background-position: 0 -36px; } .b-checked-list ul li.checked .ico-square { background-position: 0 -27px; } .b-checked-list ul li.checked .ico-cross { background-position: 0 -39px; } .b-checked-list ul li.checked .ico-star-gas { background-position: 0 -42px; } .b-checked-list ul .b-icon { display: inline-block; margin-right: 20px; width: 25px; vertical-align: middle; text-align: center; *display: inline; *zoom: 1; } .b-checked-list ul .b-text { display: inline-block; color: #706f6f; vertical-align: middle; font-size: 14px; line-height: 1; *display: inline; *zoom: 1; } /* cost of gas -----------------------------------------------------------------------------*/ .g-cost-gas .b-file-download { margin-bottom: 45px; } /* retail price -----------------------------------------------------------------------------*/ .b-retail-prices { padding: 20px 25px; background: #ededed; } .b-retail-prices .b-head { margin-bottom: 19px; color: #706f70; font-size: 17px; line-height: 1; } .b-retail-prices .b-radio-check { margin-bottom: 50px; } .b-retail-prices .b-select-wrap { width: 275px; } .b-retail-prices .b-tariff-choise { margin-bottom: 30px; } .b-retail-prices .b-tariff-choise p { margin-bottom: 9px; font-size: 12px; } .b-retail-prices .selectboxit-text { text-indent: 24px; } .b-retail-prices .selectboxit-option, .b-retail-prices .selectboxit-optgroup-header { text-indent: 13px; } .b-retail-prices .table-two { margin-bottom: 30px; } .b-tariff-show { display: none; } .b-tariff-show.show { display: block; } /* table two column -----------------------------------------------------------------------------*/ .table-two { max-width: 100%; width: 100%; border-spacing: 0; border-collapse: collapse; border-top: 1px solid #007fc7; background: #ffffff; text-align: left; } .table-two .first { padding-left: 24px; width: 270px; } .table-two .second { width: 275px; } .table-two thead { border-bottom: 1px solid #007fc7; } .table-two tbody { border-bottom: 1px solid #007fc7; } .table-two tfoot { border-bottom: 1px solid #dbdbdb; } .table-two tfoot td { background: #ededed; } .table-two th, .table-two td { height: 29px; vertical-align: middle; text-align: left; } .table-two tr { border-top: 1px solid #dbdbdb; } .table-two tr:first-child { border-top: none; } .table-two td:first-child { padding-left: 24px; } .table-two sup { color: #f38f00; } /* table six column -----------------------------------------------------------------------------*/ .table-six { max-width: 100%; width: 100%; border-spacing: 0; border-collapse: collapse; border-top: 1px solid #007fc7; background: #ffffff; text-align: left; line-height: 1.3; } .table-six .first { padding-left: 24px; width: 190px; } .table-six .second { width: 86px; } .table-six .third { width: 251px; } .table-six thead { border-bottom: 1px solid #007fc7; } .table-six p { position: relative; } .table-six p:before { position: absolute; top: 5px; left: -16px; display: block; width: 4px; height: 4px; background: url(../../../frontend/images/ico_square_table_4x4.png) 0 0 no-repeat; content: ""; } .table-six > tbody { border-bottom: 1px solid #007fc7; } .table-six tfoot td { background: #ededed; } .table-six th { padding-bottom: 5px; height: 52px; vertical-align: middle; text-align: left; font-size: 11px; line-height: 1.5; } .table-six td { position: relative; padding-top: 7px; padding-bottom: 8px; height: 42px; vertical-align: top; font-size: 14px; } .table-six td:first-child { padding-left: 42px; font-size: 12px; } .table-six td.parameter { width: 73px; } .table-six td.parametr-last { width: 35px; } .table-six td.select { color: #007fc7; } .table-six tr { position: relative; border-top: 1px solid #dbdbdb; } .table-six tr:first-child { border-top: none; } .table-six sup { color: #f38f00; } .table-six .mini-table tbody { border-bottom: none; } .table-six .mini-table th { padding: 0; width: 73px; height: 25px; vertical-align: middle; text-align: left; line-height: 1.2; } .table-six .mini-table .down th { padding: 0; height: 28px; vertical-align: bottom; } .table-six .mini-table .last { width: 35px; } body:not(:-moz-handler-blocked) .table-six tbody { border-bottom: 1px solid #007fc7; } body:not(:-moz-handler-blocked) .table-six .mini-table { position: relative; top: 6px; } /* radio button -----------------------------------------------------------------------------*/ .b-radio-button { display: none; } .b-radio-button + label { color: #666666; font-size: 12px; cursor: pointer; } .b-radio-button + label span { display: inline-block; margin: 0 18px 0 0; width: 12px; height: 12px; background: url(../../../frontend/images/bg_radio_btn_12x12.png) 0 0 no-repeat; vertical-align: middle; cursor: pointer; *display: inline; *zoom: 1; } .b-radio-button + label p { display: inline-block; color: #706f6f; vertical-align: middle; font-size: 12px; *display: inline; *zoom: 1; } .b-radio-button:checked + label span { background-position: 0 -22px; } .b-radio-button.large + label span { margin: 0 39px 0 0; } .b-radio-check .b-field { height: 29px; border-bottom: 1px solid #dbdbdb; line-height: 29px; } .b-radio-check .b-field:first-child { border-top: 1px solid #dbdbdb; } .b-radio-check .b-description { display: block; margin-top: 8px; padding-left: 54px; color: #706f6f; font-size: 12px; } /* checkbox -----------------------------------------------------------------------------*/ .b-checkbox input[type="checkbox"] { display: none; } .b-checkbox input[type="checkbox"] + label { color: #706f70; font-size: 14px; cursor: pointer; } .b-checkbox input[type="checkbox"] + label span { display: inline-block; margin: 0 8px 0 0; width: 14px; height: 14px; background: url(../../../frontend/images/bg_checbox_14x14.png) 0 0 no-repeat; vertical-align: top; cursor: pointer; *display: inline; *zoom: 1; } .b-checkbox input[type="checkbox"] + label p { display: inline-block; color: #706f70; vertical-align: top; font-size: 14px; line-height: 1.1; *display: inline; *zoom: 1; } .b-checkbox input[type="checkbox"]:checked + label span { background-position: 0 -24px; } .b-checkbox.tick input[type="checkbox"] + label span { background: url(../../../frontend/images/checkbox_14x38.png) 0 0 no-repeat; } .b-checkbox.tick input[type="checkbox"]:checked + label span { background-position: 0 -24px; } /* right widget choise -----------------------------------------------------------------------------*/ .b-widget-choise { margin-bottom: 10px; padding: 11px; border: 1px solid #dbdbdb; background: #f3f3f3; } .b-widget-choise .b-title { margin-bottom: 11px; } .b-widget-choise .b-radio-check { margin-bottom: 15px; } .b-widget-choise .b-widget-field { margin-top: 26px; } .b-widget-choise .b-widget-field.first { margin-top: 0; } .b-widget-choise .b-widget-field p { margin-top: 9px; margin-bottom: 9px; } .b-widget-choise .submit { display: block; margin-top: 13px; padding-left: 8px; width: 193px; height: 30px; border: none; background: #f38f00 url(../../../frontend/images/bg_submit_corner_30.jpg) right center no-repeat; color: #ffffff; vertical-align: middle; text-align: left; font-size: 14px; cursor: pointer; } /* map wrap -----------------------------------------------------------------------------*/ .b-map-wrap { margin-bottom: 29px; } /* large choise -----------------------------------------------------------------------------*/ .b-large-choise { padding: 25px; border: 1px solid #dbdbdb; background: #f3f3f3; } .b-large-choise .b-title { margin-bottom: 25px; color: #706f70; font-size: 17px; line-height: 1.2; } .b-large-choise .b-title.underline { margin-bottom: 13px; padding-bottom: 13px; border-bottom: 1px solid #dbdbdb; } .b-large-choise .b-radio-check { margin-bottom: 25px; } .b-large-choise .b-select-list .b-field { margin-bottom: 30px; } .b-large-choise .b-select-wrap { display: inline-block; width: 421px; vertical-align: middle; *display: inline; *zoom: 1; } .b-large-choise .b-sep { display: inline-block; width: 39px; color: #706f6f; vertical-align: middle; text-align: center; *display: inline; *zoom: 1; } .b-large-choise .submit { display: block; padding-left: 8px; width: 193px; height: 30px; border: none; background: #f38f00 url(../../../frontend/images/bg_submit_corner_30.jpg) right center no-repeat; color: #ffffff; vertical-align: middle; text-align: left; font-size: 14px; cursor: pointer; } /* history nav -----------------------------------------------------------------------------*/ .b-history-nav { margin-bottom: 29px; } .b-history-nav .b-top-part { position: relative; padding-top: 9px; padding-bottom: 9px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background: #ffffff; } .b-history-nav .b-wrapper { overflow: hidden; margin: 0 auto; width: 493px; } .b-history-nav ul { position: relative; width: 9999px; } .b-history-nav ul li { float: left; } .b-history-nav ul li:first-child a { border-left: 1px solid #a9a9a9; } .b-history-nav ul li.active a { color: #007fc7; } .b-history-nav ul li a { display: block; width: 81px; height: 30px; border-right: 1px solid #a9a9a9; background: #ededed; color: #6f6f6f; text-align: center; text-decoration: none; line-height: 30px; } .b-history-nav ul li a:hover { color: #007fc7; } .b-history-nav .b-arrow { position: absolute; top: 50%; margin-top: -15px; width: 11px; height: 30px; content: ""; cursor: pointer; } .b-history-nav .b-arrow:hover { background-position: 0 -40px; } .b-history-nav .b-prev { left: 0; background: url(../../../frontend/images/ico_arrow_left_11x30.png) 0 0 no-repeat; } .b-history-nav .b-next { right: 0; background: url(../../../frontend/images/ico_arrow_right_11x30.png) 0 0 no-repeat; } .b-history-nav .b-desctiprion { position: relative; padding-right: 29px; width: 184px; height: 30px; background: #2183c4; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxODNjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzBhNmJiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iIzA4NjliMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iIzA3NjdiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzAwNjBhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwNWZhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjYyYWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient( left, #2183c4 0%, #0a6bb2 70%, #0869b0 72%, #0767b1 79%, #0060aa 96%, #005fab 99%, #0262ae 100% ); background: -webkit-gradient( linear, left top, right top, color-stop(0%, #2183c4), color-stop(70%, #0a6bb2), color-stop(72%, #0869b0), color-stop(79%, #0767b1), color-stop(96%, #0060aa), color-stop(99%, #005fab), color-stop(100%, #0262ae) ); background: -webkit-linear-gradient( left, #2183c4 0%, #0a6bb2 70%, #0869b0 72%, #0767b1 79%, #0060aa 96%, #005fab 99%, #0262ae 100% ); background: -o-linear-gradient( left, #2183c4 0%, #0a6bb2 70%, #0869b0 72%, #0767b1 79%, #0060aa 96%, #005fab 99%, #0262ae 100% ); background: -ms-linear-gradient( left, #2183c4 0%, #0a6bb2 70%, #0869b0 72%, #0767b1 79%, #0060aa 96%, #005fab 99%, #0262ae 100% ); background: linear-gradient( to right, #2183c4 0%, #0a6bb2 70%, #0869b0 72%, #0767b1 79%, #0060aa 96%, #005fab 99%, #0262ae 100% ); color: #fff; text-align: center; font-size: 15px; line-height: 30px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2183c4', endColorstr='#0262ae', GradientType=1); } .b-history-nav .b-desctiprion:after { position: absolute; top: 0; right: -17px; display: block; width: 0px; height: 0px; border-width: 30px 17px 0 0; border-style: solid; border-color: #0060aa transparent transparent transparent; content: ""; } /* voting -----------------------------------------------------------------------------*/ .b-voting { position: relative; } .b-voting .b-img img { display: block; } .b-voting .b-number { padding: 0 25px; height: 55px; line-height: 55px; } .b-voting .b-number .b-current { display: block; float: left; color: #f38f00; font-size: 28px; } .b-voting .b-number .b-total { display: block; float: right; color: #6f6f6f; font-size: 14px; } .b-voting .b-question { padding: 0 24px; height: 55px; background: #f3f3f3; line-height: 55px; } .b-voting .b-question p { display: inline-block; margin-right: 10px; width: 325px; color: #706f70; vertical-align: middle; font-size: 17px; line-height: 1.2; *display: inline; *zoom: 1; } .b-voting .b-question a { display: inline-block; width: 220px; color: #6f6f6f; vertical-align: middle; text-align: right; text-decoration: none; font-size: 14px; line-height: 1; *display: inline; *zoom: 1; } .b-voting .b-question a i { margin-left: 12px; } .b-voting .b-answer { padding: 6px 24px 29px 24px; } .b-voting .b-answer .b-left { float: left; width: 445px; } .b-voting .b-answer .b-right { float: right; width: 115px; } .b-voting .b-answer-list > li { padding: 7px 0; border-bottom: 1px solid #dbdbdb; } .b-voting .b-answer-list > li:first-child { padding-top: 0; border-top: none; } .b-voting .b-answer-list > li p { font-size: 14px; line-height: 14px; } .b-voting .b-answer-list > li .ico-plus-orange-square { margin-top: -2px; margin-right: 12px; } .b-voting .b-answer-list > li .ico-minus-blue-square { margin-top: -2px; margin-right: 12px; } .b-voting .b-answer-list .b-sub-list li { margin-top: 8px; padding-top: 9px; padding-right: 13px; padding-left: 25px; border-top: 1px solid #dbdbdb; } .b-voting .b-answer-list .b-sub-list li p { font-size: 14px; line-height: 1.2; } .b-voting .b-current-score { margin-top: 22px; padding: 5px 16px 1px 16px; border: 1px solid #dbdbdb; } .b-voting .b-current-score .b-title { margin-bottom: 6px; color: #706f70; font-size: 12px; } .b-voting .b-current-score p { margin-bottom: 5px; font-size: 12px; } .b-voting .b-current-score .b-plus { color: #f38f00; } .b-voting .b-current-score .b-plus i { margin-top: -2px; margin-right: 8px; margin-left: 1px; } .b-voting .b-current-score .b-minus { color: #007fc7; } .b-voting .b-current-score .b-minus i { margin-top: 1px; margin-right: 9px; } .b-answer-result { margin-top: 22px; padding: 9px 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } .b-answer-result span { display: block; color: #f38f00; font-size: 14px; line-height: 1; } .b-answer-result p { color: #706f70; font-size: 14px; } .b-voting-title { padding-left: 23px; height: 40px; background: #005ea8; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWVhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjMTI3MGI2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjMTI3M2I3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjMTk3OGJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjMWY4MWMwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSIjMjQ4NmM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjMjY4OGM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjMmQ4ZmNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjMmU5MWNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjMzA5M2NlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjclIiBzdG9wLWNvbG9yPSIjMzM5NmNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjM2E5ZGQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzElIiBzdG9wLWNvbG9yPSIjM2I5ZWQ1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzElIiBzdG9wLWNvbG9yPSIjM2RhMGQ3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjNTFiNWU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDclIiBzdG9wLWNvbG9yPSIjNWNjM2YwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVjYzNmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient( left, #005ea8 0%, #1270b6 8%, #1273b7 10%, #1978bc 12%, #1f81c0 17%, #2486c5 18%, #2688c5 20%, #2d8fcc 23%, #2e91cc 24%, #3093ce 24%, #3396cf 27%, #3a9dd6 30%, #3b9ed5 31%, #3da0d7 31%, #51b5e6 42%, #5cc3f0 47%, #5cc3f0 100% ); background: -webkit-gradient( linear, left top, right top, color-stop(0%, #005ea8), color-stop(8%, #1270b6), color-stop(10%, #1273b7), color-stop(12%, #1978bc), color-stop(17%, #1f81c0), color-stop(18%, #2486c5), color-stop(20%, #2688c5), color-stop(23%, #2d8fcc), color-stop(24%, #2e91cc), color-stop(24%, #3093ce), color-stop(27%, #3396cf), color-stop(30%, #3a9dd6), color-stop(31%, #3b9ed5), color-stop(31%, #3da0d7), color-stop(42%, #51b5e6), color-stop(47%, #5cc3f0), color-stop(100%, #5cc3f0) ); background: -webkit-linear-gradient( left, #005ea8 0%, #1270b6 8%, #1273b7 10%, #1978bc 12%, #1f81c0 17%, #2486c5 18%, #2688c5 20%, #2d8fcc 23%, #2e91cc 24%, #3093ce 24%, #3396cf 27%, #3a9dd6 30%, #3b9ed5 31%, #3da0d7 31%, #51b5e6 42%, #5cc3f0 47%, #5cc3f0 100% ); background: -o-linear-gradient( left, #005ea8 0%, #1270b6 8%, #1273b7 10%, #1978bc 12%, #1f81c0 17%, #2486c5 18%, #2688c5 20%, #2d8fcc 23%, #2e91cc 24%, #3093ce 24%, #3396cf 27%, #3a9dd6 30%, #3b9ed5 31%, #3da0d7 31%, #51b5e6 42%, #5cc3f0 47%, #5cc3f0 100% ); background: -ms-linear-gradient( left, #005ea8 0%, #1270b6 8%, #1273b7 10%, #1978bc 12%, #1f81c0 17%, #2486c5 18%, #2688c5 20%, #2d8fcc 23%, #2e91cc 24%, #3093ce 24%, #3396cf 27%, #3a9dd6 30%, #3b9ed5 31%, #3da0d7 31%, #51b5e6 42%, #5cc3f0 47%, #5cc3f0 100% ); background: linear-gradient( to right, #005ea8 0%, #1270b6 8%, #1273b7 10%, #1978bc 12%, #1f81c0 17%, #2486c5 18%, #2688c5 20%, #2d8fcc 23%, #2e91cc 24%, #3093ce 24%, #3396cf 27%, #3a9dd6 30%, #3b9ed5 31%, #3da0d7 31%, #51b5e6 42%, #5cc3f0 47%, #5cc3f0 100% ); color: #ffffff; text-transform: uppercase; font-size: 14px; line-height: 40px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005ea8', endColorstr='#5cc3f0', GradientType=1); } /* for tablet -----------------------------------------------------------------------------*/ @media only screen and (min-width: 801px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { .b-crumbs { display: none !important; } .g-content { top: 5px !important; } } @media only screen and (min-width: 0px) and (max-width: 800px) { .desktop-hidden { display: block; } .mobile-hidden { display: none; } .g-col-left, .g-col-right { float: none; width: 100%; } body.content-bg .g-content { background: none; } body.content-bg .g-content:before, body.content-bg .g-content:after { display: none; } body .b-crumbs { display: none; } body .g-content { padding-top: 0; } .g-news-preview-block-list .g-col-right, .g-news-preview-block-list .g-col-left { padding-top: 0; } .b-wrapper { width: 728px; } .b-header-nav-wrap { top: 8px; } .g-header { margin-bottom: 20px; } /* .g-header .b-gt-right { display: block; } */ .g-header .b-left { margin-top: 25px; } .g-header .b-lang-list { display: none; } .g-header .b-lang-list.text { display: block; } .g-header .b-header-action { margin-bottom: 10px; margin-left: 0; padding-left: 0; } .g-header .b-header-action li.rss { display: none; } .b-header-number { margin-right: -4px; margin-bottom: 5px; } .b-mini-widget-btns { margin-bottom: 3px; width: 750px; } .b-mini-widget-btns li { float: left; margin-top: 0; margin-right: 20px; margin-bottom: 10px; width: 355px; } .b-mini-widget-btns .arrow a { display: block; height: 53px; border: 1px solid #dbdbdb; background: #f3f3f3; color: #6f6f6f; text-decoration: none; text-transform: uppercase; font-size: 15px; line-height: 53px; } .b-mini-widget-btns .arrow a:hover i { background-position: 0 0; } .b-mini-widget-btns .arrow a i { margin-right: 0; } .b-mini-widget-btns .arrow a span { position: relative; display: inline-block; margin-right: 37px; padding-right: 8px; padding-left: 10px; background: #fff; zoom: 1; *display: inline; } .b-mini-widget-btns .arrow a span:after { position: absolute; top: 0; right: -31px; width: 0px; height: 0px; border-width: 53px 31px 0 0; border-style: solid; border-color: #ffffff transparent transparent transparent; content: ""; } .b-mini-widget-btns .arrow a:hover { border-color: #ed7203; background: #f38f00; color: #fff; } .b-mini-widget-btns .arrow.question-round a { height: 53px; line-height: 53px; } .b-mini-widget-btns .arrow.question-round a span { margin-right: 25px; padding-right: 6px; padding-left: 12px; } .b-mini-widget-btns .arrow.purse a span { margin-right: 25px; } .b-cabinet-bottom-btns .b-mini-widget-btns { width: 100%; } .b-cabinet-bottom-btns .b-mini-widget-btns.hor li { float: none; width: 100%; margin-left: 0; } .b-cabinet-bottom-btns .b-mini-widget-btns .arrow.color:hover a, .b-cabinet-bottom-btns .b-mini-widget-btns .arrow.color:active a { color: #fff; } .b-cabinet-bottom-btns .b-mini-widget-btns .arrow.large span { vertical-align: top; height: 53px; line-height: 53px; } .b-cabinet-index .b-mini-widget-btns { margin-top: -25px; width: 100%; } .b-cabinet-index .b-mini-widget-btns li { float: none; width: 100%; } .b-cabinet-index .b-mini-widget-btns .arrow.large span { vertical-align: top; height: 53px; line-height: 53px; } .b-cabinet-index .b-mini-widget-btns .arrow.color:hover a, .b-cabinet-index .b-mini-widget-btns .arrow.color:active a { color: #fff; } .g-content { top: 0; } body .g-cabinet { top: 0; } .g-footer .b-left, .g-footer .b-right { float: none; width: 100%; } .g-footer .b-left { margin-bottom: 18px; } .g-footer .b-wrapper { background: #f3f3f3; } .g-footer .b-top { padding-top: 19px; height: auto; background: #f3f3f3; } .b-social-buttons { float: left; margin-bottom: 0; } .b-social-buttons li { margin-left: 12px; } .b-social-buttons li.tw a { background: url(../../../frontend/images/ico_tw_30x30.jpg) no-repeat; } .b-social-buttons li.fb { background: url(../../../frontend/images/ico_fb_30x30.jpg) no-repeat; } .b-social-buttons li.vk { display: block; background: url(../../../frontend/images/ico_vk_30x30.jpg) no-repeat; } .b-social-buttons li.rss { display: block; background: url(../../../frontend/images/ico_rss_30x30.jpg) no-repeat; } .b-social-buttons a { display: block; width: 30px; height: 30px; } .b-newsletter-form { float: right; width: 482px; } .b-newsletter-form p { display: none; } .b-newsletter-form .b-email { float: left; width: 239px; } .b-newsletter-form input[type="submit"] { float: right; padding-left: 0; width: 227px; text-align: center; } .b-footer-nav > li { width: 197px; } .b-footer-sub-nav li { margin-top: 11px; } .g-footer .b-down { position: relative; height: 10px; background: #eaeaea url(../../../frontend/images/bg_footer_down_tablet.jpg) center top no-repeat; } .g-footer .b-down .b-gt { position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 9.1625%; background: #379cd5; content: ""; } .g-news-article .g-content, .g-our-services .g-content, .g-news-preview-list .g-content { margin-bottom: 19px; } .g-news-article .g-col-right, .g-our-services .g-col-right, .g-news-preview-list .g-col-right { padding-top: 0; } .b-competition-article .b-head .b-title { color: #f39000; } .b-content .b-text-nav { padding-right: 55px; padding-left: 55px; width: 568px; } .b-action-btn ul li { width: 327px; } .b-action-btn ul li.small { width: 327px; } .b-slider-one { width: 680px; } .b-slider-one .b-next { right: 40px; } .b-slider-one > .b-wrap { height: 486px; } .b-slider-one-text .b-wrap { width: 680px; } .b-slider-one-text .b-text-list li { width: 680px; } .b-tiles-img { width: 676px; } .b-tiles-img ul { width: 685px; } .b-tiles-img li { width: 152px; height: 109px; } .b-tiles-img li img { width: 100%; height: 100%; } .b-news-prev-small-list .sub-list { margin-right: auto; margin-left: auto; } .b-ribbon-slider { left: -20px; } .b-ribbon-slider img { width: 100%; height: 100%; } .b-ribbon-slider .b-prev, .b-ribbon-slider .b-next { display: none; } .b-ribbon-slider > .b-wrap { width: 768px; } .b-ribbon-slider .b-left { width: 491px; height: 223px; } .b-ribbon-slider .b-left:after { position: absolute; top: 0; right: 0; z-index: 2; width: 0px; height: 0px; border-width: 0 0 223px 130px; border-style: solid; border-color: transparent transparent #f1f2f2 transparent; content: ""; } .b-ribbon-slider .b-right { float: left; margin-right: 0; width: 276px; } .b-ribbon-slider-list > li { width: 768px; } .b-ribbon-small-slider { padding-right: 20px; padding-left: 20px; height: 223px; background: #f1f2f2; } .b-ribbon-small-slider > li { width: 235px; } .b-ribbon-small-slider-list li { margin-top: 24px; } .b-ribbon-small-slider-list p { display: none; } .b-content .b-img { width: 676px; } .b-news-prev-ver-list .b-img { width: 680px; } .b-news-prev-small-list .sub-list { width: 700px; } .b-news-prev-small-list .sub-list li { width: 330px; } .g-news-preview.mobile-first .b-mini-widget-btns .solid a .text { width: 272px; } .g-news-preview.mobile-first .b-news-preview-list { width: 710px; } .g-news-preview.mobile-first .b-news-preview-list li { width: 333px; } .g-news-preview.mobile-second .g-col-left { float: left; width: 480px; } .g-news-preview.mobile-second .g-col-right { float: right; width: 230px; } .g-news-preview.mobile-second .b-news-preview.without-border { padding: 0; border: none; } .g-news-preview.mobile-second .b-news-preview.without-border .b-news-preview-list { width: 505px; } .g-news-preview.mobile-second .b-news-preview.without-border .b-news-preview-list li { width: 229px; } .g-news-preview.mobile-second .b-news-preview-list { width: 460px; } .g-news-preview.mobile-second .b-news-preview-list li { width: 208px; } .g-news-preview.mobile-second .b-mini-widget-btns { width: 100%; } .g-news-preview.mobile-second .b-mini-widget-btns li { width: 100%; } .g-news-preview.mobile-second .b-mini-widget-btns .solid a { font-size: 10px; } .g-news-preview.mobile-second .b-mini-widget-btns .solid a .text { width: 150px; } /* main page -----------------------------------------------------------------------------*/ .g-main-page .b-fb-widget { display: none; } .g-main-page .b-mini-widget-btns { margin-bottom: 20px; } .b-content-nav { margin: 0 auto; width: 747px; } .b-content-nav > li { margin-right: 13px; width: 331px; } .b-content-nav-link { width: 747px; } .b-content-nav-link > li { margin-right: 13px; width: 331px; } .b-content-nav-inner { width: 250px; } .b-content-nav-inner li:first-child a { font-size: 18px; } .b-content-nav-inner li a { font-size: 14px; } .b-content-nav-inner li { width: auto; } .b-slider-one > .b-wrap { width: 678px; } .b-slider-one .b-list li { width: 678px; } .b-slider-one .b-list li img { width: 100%; height: 100%; } .b-services-information-list li { margin-bottom: 10px; width: 355px; } .b-header-sub-nav { z-index: 50; padding: 0; min-width: 1px; background: none; } .b-header-sub-nav > li { display: block; padding-right: 0; padding-left: 0; width: auto; border-top: 1px solid #278bc9; border-left: none; } .b-header-sub-nav > li:first-child { border-top: none; } .b-header-sub-nav .b-list { position: relative; z-index: 25; } .b-header-sub-nav .b-list li { display: none; margin-top: 0; border-top: 1px solid #278bc9; background: #197bbe; vertical-align: middle; } .b-header-sub-nav .b-list li:first-child { display: block; padding-bottom: 0; border-top: none; background: #197bbe url(../../../frontend/images/ico_arrow_right_white_7x18.png) 95% center no-repeat; } .b-header-sub-nav .b-list li:first-child.hover { background: #197bbe url(../../../frontend/images/ico_arrow_down_19x7.png) 95% center no-repeat; } .b-header-sub-nav .b-list li:first-child a { padding-left: 12px; } .b-header-sub-nav .b-list li:first-child a:before { display: none; } .b-header-sub-nav .b-list li.hover { display: block; } .b-header-sub-nav .b-list li a { position: relative; display: block; padding-top: 15px; padding-bottom: 15px; padding-left: 70px; min-width: 300px; vertical-align: middle; font-size: 14px; line-height: 1; zoom: 1; } .b-header-sub-nav .b-list li a:before, .b-header-sub-nav .b-list li a:after { display: table; content: ""; line-height: 0; } .b-header-sub-nav .b-list li a:after { clear: both; } .b-header-sub-nav .b-list li a:before { position: absolute; top: 50%; left: 44px; display: block; margin-top: -9px; width: 7px; height: 18px; background: url(../../../frontend/images/ico_arrow_right_white_7x18.png) no-repeat; } .b-header-sub-nav .b-list i { float: left; margin-right: 10px; margin-left: 0; } .b-header-sub-nav .b-list .ico-gas-stove { margin-left: 0; } .b-header-sub-nav .b-list .ico-flower { margin-left: 0; } /* g-our-services -----------------------------------------------------------------------------*/ .g-our-services .b-content-title { display: none; } .g-our-services .b-services-wrap .b-top { padding-bottom: 0; border-bottom: none; } } /* cabinet -----------------------------------------------------------------------------*/ .b-cabinet-title { margin-bottom: 20px; color: #007fc7; font-size: 14px; line-height: 1; } .b-cabinet-title-bold { font-size: 18px; line-height: 1; margin-bottom: 21px; color: #0080c3; } .g-cabinet { top: 0px; } .g-cabinet .b-crumbs { margin-bottom: 17px; } .b-cabinet .b-send { position: relative; float: left; padding-left: 13px; width: 95px; border: 1px solid #dbdbdb; border-right: none; background: #ededed; vertical-align: middle; } .b-cabinet .b-send input[type="submit"] { width: 100%; height: 28px; border: none; padding: 0; text-align: left; background: #ededed; font-size: 13px; line-height: 1; } .b-cabinet .b-send:after { position: absolute; top: -1px; right: -18px; z-index: 1; width: 0px; height: 0px; border-width: 30px 18px 0 0; border-style: solid; border-color: #dbdbdb transparent transparent transparent; content: ""; } .b-cabinet .b-send:before { position: absolute; top: 0; right: -16px; z-index: 2; width: 0px; height: 0px; border-width: 27px 16px 0 0; border-style: solid; border-color: #ededed transparent transparent transparent; content: ""; } .b-cabinet .b-send:hover { border-color: #f38f00; background: #ffffff; } .b-cabinet .b-send:hover input[type="submit"] { background: #ffffff; color: #f38f00; } .b-cabinet .b-send:hover:after { border-color: #f38f00 transparent transparent transparent; } .b-cabinet .b-send:hover:before { border-color: #ffffff transparent transparent transparent; } .b-cabinet .b-send:active { border-color: #f38f00; background: #f38f00; } .b-cabinet .b-send:active input[type="submit"] { background: #f38f00; color: #fff; } .b-cabinet .b-send:active:after { border-color: #f38f00 transparent transparent transparent; } .b-cabinet .b-send:active:before { border-color: #f38f00 transparent transparent transparent; } .b-cabinet-user-data { margin-bottom: 18px; } .b-cabinet-user-data .b-left { position: relative; float: left; margin-right: 10px; width: 100px; } .b-cabinet-user-data .b-text { float: left; } .b-cabinet-user-data p { color: #6f6f6f; font-size: 12px; line-height: 1.4; } .b-cabinet-user-data .b-upload { position: absolute; right: -35px; bottom: 2px; overflow: hidden; width: 25px; height: 20px; background: url(../../../frontend/images/ico_photo_25x20.png) no-repeat; } .b-cabinet-user-data .b-upload input[type="file"] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 200px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } .b-cabinet-current-counter { margin-bottom: 21px; } .b-cabinet-current-counter .b-title { margin-bottom: 15px; color: #007fc7; font-size: 14px; line-height: 1; } .b-cabinet-current-counter .b-left { float: left; width: 280px; margin-right: 41px; } .b-cabinet-current-counter .b-right { margin-top: -4px; float: left; } .b-cabinet-current-counter .b-date { float: left; padding: 2px 2px; border: 1px solid #dbdbdb; background: #ededed; font-size: 14px; line-height: 1; } .b-cabinet-current-counter .b-data { float: left; margin-left: 52px; padding-right: 7px; padding-left: 7px; width: 84px; height: 16px; border: 1px solid #dbdbdb; background: #fff; font-size: 14px; line-height: 16px; } .b-cabinet-current-counter span { float: left; margin-top: 3px; margin-right: 5px; font-size: 14px; line-height: 1; } .b-cabinet-table-three { position: relative; margin-top: 31px; } .b-cabinet-table-three.mt-low { margin-top: 20px; } .b-cabinet-table-three .b-title { font-size: 14px; line-height: 1; margin-bottom: 17px; color: #007fc7; } .b-cabinet-table-three p { margin-bottom: 20px; font-size: 14px; line-height: 1; color: #6f6f6f; } .b-cabinet-table-three .b-opacity { position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0.75; filter: alpha(opacity=75); background: #ffffff; z-index: 1; display: none; } .b-cabinet-table-three .b-opacity.show { display: block; } .b-cabinet-table-three .b-table-list { width: 100%; } .b-cabinet-table-three .b-table-list td { height: 29px; border-top: 1px solid #ffffff; background: #dbdbdb; color: #706f6f; vertical-align: middle; font-size: 12px; } .b-cabinet-table-three .b-table-list td.first { padding-right: 10px; padding-left: 10px; width: 205px; } .b-cabinet-table-three .b-table-list td.second { padding-right: 10px; padding-left: 10px; width: 60px; } .b-cabinet-table-three .b-table-list td.third { padding-left: 10px; width: 289px; } .b-cabinet-table-three .b-table-list tr:first-child td { border-top: none; } .b-cabinet-table-three .b-table-list tr.even td { background: #ededed; } .b-cabinet-table-three .b-pagination { height: 30px; } .b-cabinet-table-three .hide { display: none; } .b-cabinet-index { margin-top: 3px; } .b-cabinet-index.mt { margin-top: -21px; } .b-cabinet-index .b-index-list { margin-bottom: 22px; } .b-cabinet-index .b-index-list span { display: block; margin-bottom: 9px; color: #f38f00; font-size: 16px; line-height: 1; } .b-cabinet-index .b-index-list span sup { vertical-align: super; font-size: 10px; } .b-cabinet-index .b-index-list p { color: #f38f00; font-size: 40px; line-height: 1; } .b-cabinet-index .b-index-list a { color: #6f6f6f; text-decoration: underline; font-size: 12px; } .b-cabinet-index .b-index-list a:hover { text-decoration: none; } .b-cabinet-index li { margin-top: 20px; text-align: left; } .b-cabinet-index li:first-child { margin-top: 0; } .b-cabinet-index li.b-inline-link { margin-top: 11px; } .b-cabinet-index li.b-inline-link a { display: inline-block; margin-top: 14px; height: auto; border: none; color: #6f6f6f; text-decoration: underline; font-size: 12px; line-height: 1; *display: inline; *zoom: 1; } .b-cabinet-index li.b-inline-link a:hover, .b-cabinet-index li.b-inline-link a:active { color: #6f6f6f; text-decoration: none; } .b-cabinet-index .b-top { margin-bottom: 12px; padding-top: 5px; padding-bottom: 2px; border: 1px solid #f38f00; text-align: center; } .b-cabinet-bottom-btns { margin-top: 20px; padding-top: 20px; border-top: 1px solid #dbdbdb; } .b-cabinet-register { background: #f1f1f1; border: 1px solid #dbdbdb; padding: 20px; } .b-cabinet-register p { font-size: 12px; color: #70706f; line-height: 1.3; margin-bottom: 18px; } .b-cabinet-register .b-title { font-size: 17px; line-height: 1; text-transform: uppercase; color: #0080c3; padding-bottom: 20px; margin-bottom: 11px; border-bottom: 1px solid #dbdbdb; } .b-cabinet-register .b-title.error span { color: #ff9100; } .b-cabinet-register .b-title.error span.error_type_login { color: red; } .b-cabinet-register .b-title span { font-size: 12px; color: #70706f; margin-left: 15px; text-transform: none; } .b-cabinet-register .b-sub-title { font-size: 15px; color: #0080c3; margin-bottom: 11px; } .b-cabinet-register__scroll-text { max-height: 454px; margin-bottom: 11px; overflow-y: auto; } .b-cabinet-register .b-divide { height: 1px; background: #dbdbdb; margin-top: 20px; margin-bottom: 15px; } .b-cabinet-register .field { width: 280px; margin-top: 17px; } .b-cabinet-register .field.field_actions_links { width: 100%; } .b-cabinet-register .field:first-child, .b-cabinet-register .field.mtn { margin-top: 0; } .b-cabinet-register .field .description { cursor: pointer; font-size: 15px; line-height: 1; color: #70706f; margin-bottom: 9px; display: block; } .b-cabinet-register .field .textfield { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 28px; line-height: 28px; border: 1px solid #dbdbdb; padding-left: 12px; padding-right: 12px; color: #706f6f; } .b-cabinet-register .field .textfield:focus { border-color: #706f6f; } .b-cabinet-register .field.error .description, .b-cabinet-register .field.error p { color: red; } .b-cabinet-register .field.error .textfield { color: red; border-color: red; } .b-cabinet-register .field-wrap .field { float: left; margin-top: 17px; } .b-cabinet-register .field-wrap .field.left { margin-right: 18px; } .b-cabinet-register .field-wrap .b-entry-wrap { position: relative; display: inline-block; *display: inline; *zoom: 1; margin-top: 41px; } .b-cabinet-register .field-wrap .b-entry-wrap:after { position: absolute; top: 0px; right: -16px; z-index: 1; width: 0px; height: 0px; border-width: 29px 18px 0 0; border-style: solid; border-color: #dbdbdb transparent transparent transparent; content: ""; } .b-cabinet-register .field-wrap .b-entry-wrap:before { position: absolute; top: 1px; right: -14px; z-index: 2; width: 0px; height: 0px; border-width: 26px 16px 0 0; border-style: solid; border-color: #ffffff transparent transparent transparent; content: ""; } .b-cabinet-register .field-wrap .b-entry-wrap:hover .entry { border-color: #003a63; } .b-cabinet-register .field-wrap .b-entry-wrap:hover:after { border-color: #003a63 transparent transparent transparent; } .b-cabinet-register .field-wrap .b-entry-wrap:active .entry { background: #003a63; color: #fff; } .b-cabinet-register .field-wrap .b-entry-wrap:active:before { border-color: #003a63 transparent transparent transparent; } .b-cabinet-register .field-wrap .entry { padding-top: 0; padding-bottom: 0; padding-right: 57px; padding-left: 12px; position: relative; display: inline-block; *display: inline; *zoom: 1; height: 28px; border: 1px solid #dbdbdb; border-right: none; background: #ffffff; color: #70706f; text-decoration: none; line-height: 1; vertical-align: middle; font-size: 13px; } .b-cabinet-register .b-double-block .field { float: left; margin-top: 5px; margin-bottom: 20px; } .b-cabinet-register .b-double-block .clear.flex-row { display: flex; align-items: stretch; justify-content: flex-start; } .b-cabinet-register .b-double-block .clear.flex-row .field { flex: 0 0 calc(50% - 9px); max-width: 280px; display: flex; flex-direction: column; justify-content: space-between; margin-top: 0; } @media screen and (max-width: 767px) { .b-cabinet-register .b-double-block .clear.flex-row { display: flex; flex-direction: column; align-items: flex-start; } .b-cabinet-register .b-double-block .clear.flex-row .field { flex: 0 0 100%; max-width: 288px; margin-left: 0; } .b-cabinet-register .b-double-block .clear.flex-row .field.left { margin-right: auto; } } .b-cabinet-register .b-double-block .field.left { margin-right: 18px; } .b-cabinet-register .b-double-block p { min-height: 50px; margin-bottom: 7px; } .b-cabinet-register .b-inline-link { text-decoration: underline; font-size: 15px; line-height: 1; color: #0080c3; } .b-cabinet-register .b-inline-link:hover { text-decoration: none; } .b-cabinet-register .b-captcha-wrap { border: 1px solid #f38f00; } .b-cabinet-register .b-captcha-wrap img { display: block; } .b-cabinet-register-btns li { float: left; width: 280px; } .b-cabinet-register-btns li:first-child { margin-right: 18px; } .b-cabinet-register-btns li a { padding-right: 5px; padding-left: 12px; border-right: none; position: relative; display: inline-block; *display: inline; *zoom: 1; height: 28px; border: 1px solid #dbdbdb; background: #ffffff; color: #70706f; text-decoration: none; line-height: 28px; font-size: 15px; } .b-cabinet-register-btns li a:after { position: absolute; top: -1px; right: -18px; z-index: 1; width: 0px; height: 0px; border-width: 31px 18px 0 0; border-style: solid; border-color: #dbdbdb transparent transparent transparent; content: ""; } .b-cabinet-register-btns li a:before { position: absolute; top: 0; right: -16px; z-index: 2; width: 0px; height: 0px; border-width: 28px 16px 0 0; border-style: solid; border-color: #ffffff transparent transparent transparent; content: ""; } .b-cabinet-register-btns li a:hover { border-color: #003a63; } .b-cabinet-register-btns li a:hover:after { border-color: #003a63 transparent transparent transparent; } .b-cabinet-register-btns li a:active { background: #003a63; color: #fff; } .b-cabinet-register-btns li a:active:before { border-color: #003a63 transparent transparent transparent; } .b-cabinet-register-btns li a:active .ico-arrow-orange { background-position: 0 -28px; } .b-cabinet-register-btns li a:active .ico-cross-orange { background-position: 0 -28px; } .b-cabinet-register-btns li a .ico-arrow-orange { margin-left: 8px; background-image: url("../../../frontend/images/Icon_arrow.png"); background-size: 13px auto; } .b-cabinet-register-btns li a .ico-cross-orange { margin-left: 5px; background-image: url("../../../frontend/images/Icon_cross.png"); background-size: 13px auto; } .b-cabinet-register-btns .b-checkbox { margin-top: 8px; } .b-cabinet-register-btns .b-checkbox input[type="checkbox"] + label { font-size: 15px; color: #70706f; } .b-cabinet-calendar-wrap { padding-bottom: 20px; padding-top: 20px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; margin-top: 20px; } .b-cabinet-calendar-wrap.pt { padding-top: 47px; } .b-cabinet-calendar-wrap .b-title { font-size: 14px; line-height: 1; color: #007fc7; margin-bottom: 12px; } .b-cabinet-calendar-wrap .b-left { width: 280px; float: left; margin-right: 41px; } .b-cabinet-calendar-wrap .b-right { float: left; margin-top: -2px; } .b-cabinet-calendar-wrap .b-date-wrap { float: left; } .b-cabinet-calendar-wrap .b-date-wrap.right { margin-left: 20px; } .b-cabinet-calendar-wrap .b-date-wrap .b-desc { font-size: 14px; line-height: 1; color: #6f6f6f; margin-right: 5px; float: left; margin-top: 3px; } .b-cabinet-calendar-wrap .b-date-wrap .b-field-date { float: left; padding: 1px 0; border: 1px solid #dbdbdb; background: #ffffff; font-size: 14px; line-height: 1; margin-right: 7px; width: 78px; text-align: center; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .b-cabinet-calendar-wrap .b-date-wrap .b-toggle-calendar { cursor: pointer; float: left; display: block; margin-top: -2px; } .b-calendar-popup { display: none; position: absolute; top: -21px; left: 0; z-index: 50; width: 304px; } .b-calendar-popup.show { display: block; } .b-calendar-popup .b-down { border: 1px solid #007fc6; text-align: center; height: 34px; font-size: 15px; line-height: 34px; text-transform: uppercase; } .b-calendar-popup .b-down span { color: #007fc6; } .b-calendar-popup .b-head { border: 1px solid #dbdbdb; background: #ededed; padding-top: 9px; padding-bottom: 11px; } .b-calendar-popup .b-head .b-month-wrap { float: left; width: 165px; position: relative; margin-left: 19px; } .b-calendar-popup .b-head .b-month-wrap .b-month-inner { width: 145px; overflow: hidden; position: relative; } .b-calendar-popup .b-head .b-month-wrap .b-month-inner ul { position: relative; width: 99999px; } .b-calendar-popup .b-head .b-month-wrap .b-month-inner ul li { float: left; width: 145px; text-align: center; } .b-calendar-popup .b-head .b-month-wrap .b-month-inner ul li a { font-size: 17px; line-height: 1; text-transform: uppercase; color: #007fc6; text-decoration: none; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .b-calendar-popup .b-head .b-month-wrap .b-month-inner ul li a:hover { text-decoration: underline; } .b-calendar-popup .b-head .b-month-wrap .b-arrow { position: absolute; top: 50%; margin-top: -11px; width: 10px; height: 22px; content: ""; cursor: pointer; } .b-calendar-popup .b-head .b-month-wrap .b-arrow:hover { background-position: 0 -32px; } .b-calendar-popup .b-head .b-month-wrap .b-prev { left: -10px; background: url(../../../frontend/images/ico_arrow_orange_left_10x22.png) 0 0 no-repeat; } .b-calendar-popup .b-head .b-month-wrap .b-next { right: 11px; background: url(../../../frontend/images/ico_arrow_orange_right_10x22.png) 0 0 no-repeat; } .b-calendar-popup .b-head .b-date-wrap { float: right; width: 80px; margin-right: -6px; position: relative; } .b-calendar-popup .b-head .b-date-wrap .b-date-inner { width: 60px; overflow: hidden; position: relative; } .b-calendar-popup .b-head .b-date-wrap .b-date-inner ul { position: relative; width: 99999px; } .b-calendar-popup .b-head .b-date-wrap .b-date-inner ul li { float: left; width: 60px; text-align: center; } .b-calendar-popup .b-head .b-date-wrap .b-date-inner ul li a { font-size: 17px; line-height: 1; text-transform: uppercase; color: #007fc6; text-decoration: none; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .b-calendar-popup .b-head .b-date-wrap .b-date-inner ul li a:hover { text-decoration: underline; } .b-calendar-popup .b-head .b-date-wrap .b-arrow { position: absolute; top: 50%; margin-top: -11px; width: 10px; height: 22px; content: ""; cursor: pointer; } .b-calendar-popup .b-head .b-date-wrap .b-arrow:hover { background-position: 0 -32px; } .b-calendar-popup .b-head .b-date-wrap .b-prev { left: -10px; background: url(../../../frontend/images/ico_arrow_orange_left_10x22.png) 0 0 no-repeat; } .b-calendar-popup .b-head .b-date-wrap .b-next { right: 11px; background: url(../../../frontend/images/ico_arrow_orange_right_10x22.png) 0 0 no-repeat; } .b-calendar-popup .b-calendar-table { width: 100%; border-collapse: collapse; border-spacing: 0; } .b-calendar-popup .b-calendar-table thead tr th { background: #fff; width: 42px; height: 17px; vertical-align: middle; font-size: 12px; line-height: 1; text-transform: uppercase; color: #70706f; font-family: "Roboto", sans-serif; text-align: center; } .b-calendar-popup .b-calendar-table thead tr th.first { border-left: 1px solid #dbdbdb; } .b-calendar-popup .b-calendar-table thead tr th.last { border-right: 1px solid #dbdbdb; } .b-calendar-popup .b-calendar-table thead tr th.b-free { color: #ff9100; } .b-calendar-popup .b-calendar-table tbody tr td { border: 1px solid #dbdbdb; background: #fff; text-align: center; width: 42px; height: 42px; vertical-align: middle; position: relative; } .b-calendar-popup .b-calendar-table tbody tr td:hover { background: #ededed; color: #70706f; } .b-calendar-popup .b-calendar-table tbody tr td.active a { background: #007fc6; color: #ffffff; border: 1px solid #007fc6; position: absolute; z-index: 10; right: -1px; left: -1px; bottom: -1px; top: -1px; } .b-calendar-popup .b-calendar-table tbody tr td.current a { background: #ffffff; color: #70706f; border: 1px solid #007fc6; position: absolute; z-index: 10; right: -1px; left: -1px; bottom: -1px; top: -1px; } .b-calendar-popup .b-calendar-table tbody tr td.b-free a { color: #ff9100; } .b-calendar-popup .b-calendar-table tbody tr td.b-free.active a { background: #ff9100; color: #fff; border: 1px solid #ff9100; position: absolute; z-index: 10; right: -1px; left: -1px; bottom: -1px; top: -1px; } .b-calendar-popup .b-calendar-table tbody tr td.b-off { background: #ffffff; } .b-calendar-popup .b-calendar-table tbody tr td.b-off a { color: #e8e8e8; cursor: default; } .b-calendar-popup .b-calendar-table tbody tr td a { z-index: 5; font-size: 24px; color: #70706f; text-decoration: none; display: block; line-height: 42px; } .b-cabinet-ver-graphs-wrap { display: none; height: 250px; margin-top: 20px; } .b-cabinet-ver-graphs-wrap.show { display: block; } .b-cabinet-ver-graphs { position: absolute; left: 0; right: 0; background: #f1f1f1; height: 220px; padding-top: 15px; padding-bottom: 15px; } .b-cabinet-ver-graphs .b-arrow { position: absolute; top: 50%; margin-top: -11px; width: 12px; height: 30px; content: ""; cursor: pointer; } .b-cabinet-ver-graphs .b-arrow:hover { background-position: 0 -40px; } .b-cabinet-ver-graphs .b-prev { left: 7px; background: url(../../../frontend/images/ico_arrow_left_gray_12x30.png) 0 0 no-repeat; } .b-cabinet-ver-graphs .b-next { right: 7px; background: url(../../../frontend/images/ico_arrow_right_gray_12x30.png) 0 0 no-repeat; } .b-cabinet-ver-graphs-inner { overflow: hidden; margin: 0 auto; width: 890px; position: relative; } .b-cabinet-ver-graphs-inner .b-list { position: relative; width: 9999px; } .b-cabinet-ver-graphs-inner li { text-align: center; width: 74px; float: left; } .b-cabinet-ver-graphs-inner li:hover .b-scale .b-bar { background: #fabf1b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYmYxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmFiODAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjklIiBzdG9wLWNvbG9yPSIjZjdhOTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZjhhNjAyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjZjM5YTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjZjU5MjAzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjZWU3YzAyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZWQ3NDAzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VjNzYwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient( top, #fabf1b 0%, #fab800 1%, #f7a901 29%, #f8a602 30%, #f39a00 45%, #f59203 54%, #ee7c02 81%, #ed7403 99%, #ec760a 100% ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #fabf1b), color-stop(1%, #fab800), color-stop(29%, #f7a901), color-stop(30%, #f8a602), color-stop(45%, #f39a00), color-stop(54%, #f59203), color-stop(81%, #ee7c02), color-stop(99%, #ed7403), color-stop(100%, #ec760a) ); background: -webkit-linear-gradient( top, #fabf1b 0%, #fab800 1%, #f7a901 29%, #f8a602 30%, #f39a00 45%, #f59203 54%, #ee7c02 81%, #ed7403 99%, #ec760a 100% ); background: -o-linear-gradient( top, #fabf1b 0%, #fab800 1%, #f7a901 29%, #f8a602 30%, #f39a00 45%, #f59203 54%, #ee7c02 81%, #ed7403 99%, #ec760a 100% ); background: -ms-linear-gradient( top, #fabf1b 0%, #fab800 1%, #f7a901 29%, #f8a602 30%, #f39a00 45%, #f59203 54%, #ee7c02 81%, #ed7403 99%, #ec760a 100% ); background: linear-gradient( to bottom, #fabf1b 0%, #fab800 1%, #f7a901 29%, #f8a602 30%, #f39a00 45%, #f59203 54%, #ee7c02 81%, #ed7403 99%, #ec760a 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fabf1b', endColorstr='#ec760a', GradientType=0); } .b-cabinet-ver-graphs-inner li:hover .b-tooltip { display: block; } .b-cabinet-ver-graphs-inner .b-shell { height: 178px; border: 1px solid #ffffff; border-top: none; margin-bottom: 10px; position: relative; } .b-cabinet-ver-graphs-inner .b-index { margin-bottom: 12px; font-size: 12px; line-height: 1; color: #70706f; } .b-cabinet-ver-graphs-inner .b-date { font-size: 12px; line-height: 1; color: #70706f; } .b-cabinet-ver-graphs-inner .b-scale { margin: 0 auto; position: relative; width: 30px; height: 179px; background: #fff; } .b-cabinet-ver-graphs-inner .b-scale .b-bar { position: absolute; bottom: 0; width: 100%; background: #6cc9f2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjYzlmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjNWFjM2YwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiM1NmJmZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiM0YmIzZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiM0M2E4ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiM0M2E4ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiMzZGE1ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzNyUiIHN0b3AtY29sb3I9IiMzZWEzZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiMxOTdhYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MiUiIHN0b3AtY29sb3I9IiMwYzZkYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiMwMTYxYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTM2YWIxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient( top, #6cc9f2 0%, #5ac3f0 1%, #56bfee 9%, #4bb3e6 22%, #43a8dc 31%, #43a8de 32%, #3da5dc 35%, #3ea3db 37%, #197abe 69%, #0c6db2 82%, #0161ab 99%, #136ab1 100% ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #6cc9f2), color-stop(1%, #5ac3f0), color-stop(9%, #56bfee), color-stop(22%, #4bb3e6), color-stop(31%, #43a8dc), color-stop(32%, #43a8de), color-stop(35%, #3da5dc), color-stop(37%, #3ea3db), color-stop(69%, #197abe), color-stop(82%, #0c6db2), color-stop(99%, #0161ab), color-stop(100%, #136ab1) ); background: -webkit-linear-gradient( top, #6cc9f2 0%, #5ac3f0 1%, #56bfee 9%, #4bb3e6 22%, #43a8dc 31%, #43a8de 32%, #3da5dc 35%, #3ea3db 37%, #197abe 69%, #0c6db2 82%, #0161ab 99%, #136ab1 100% ); background: -o-linear-gradient( top, #6cc9f2 0%, #5ac3f0 1%, #56bfee 9%, #4bb3e6 22%, #43a8dc 31%, #43a8de 32%, #3da5dc 35%, #3ea3db 37%, #197abe 69%, #0c6db2 82%, #0161ab 99%, #136ab1 100% ); background: -ms-linear-gradient( top, #6cc9f2 0%, #5ac3f0 1%, #56bfee 9%, #4bb3e6 22%, #43a8dc 31%, #43a8de 32%, #3da5dc 35%, #3ea3db 37%, #197abe 69%, #0c6db2 82%, #0161ab 99%, #136ab1 100% ); background: linear-gradient( to bottom, #6cc9f2 0%, #5ac3f0 1%, #56bfee 9%, #4bb3e6 22%, #43a8dc 31%, #43a8de 32%, #3da5dc 35%, #3ea3db 37%, #197abe 69%, #0c6db2 82%, #0161ab 99%, #136ab1 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cc9f2', endColorstr='#136ab1', GradientType=0); } .b-cabinet-ver-graphs-inner .b-tooltip { display: none; position: absolute; left: 22px; font-size: 12px; line-height: 1; color: #70706f; bottom: 11px; background: #ffffff; border: 1px solid #f38f00; padding: 4px 8px; z-index: 15; white-space: nowrap; } .b-cabinet-ver-graphs-inner .b-tooltip.show { display: block; } .b-cabinet-ver-graphs-inner .b-tooltip:after { position: absolute; content: ""; top: 100%; left: 9px; width: 0; height: 0; border-style: solid; border-width: 13px 8px 0 8px; border-color: #f39200 transparent transparent transparent; z-index: 15; } .b-cabinet-ver-graphs-inner .b-tooltip:before { position: absolute; content: ""; left: 10px; top: 100%; width: 0; height: 0; border-style: solid; border-width: 11px 7px 0 7px; border-color: #ffffff transparent transparent transparent; z-index: 20; } .b-tab-wrap .b-tab-main-switch.first-small li.first { width: 175px; } .b-tab-wrap .b-tab-main-switch.first-small li.second { width: 233px; } .b-tab-wrap .b-tab-main-switch.first-small li.third { width: 212px; } .b-tab-wrap .b-tab-main-switch.four li.first { width: 197px; } .b-tab-wrap .b-tab-main-switch.four li.second { width: 155px; } .b-tab-wrap .b-tab-main-switch.four li.third { width: 155px; margin-left: -32px; } .b-tab-wrap .b-tab-main-switch.four li.fourth { width: 145px; } .b-tab-wrap .b-tab-main-switch li { float: left; } .b-tab-wrap .b-tab-main-switch li.active .ico-write-message { background-position: 0 -49px; } .b-tab-wrap .b-tab-main-switch li.active .ico-send-arrow { background-position: 0 -30px; } .b-tab-wrap .b-tab-main-switch li.active .ico-message-envelope { background-position: 0 -30px; } .b-tab-wrap .b-tab-main-switch li.active .ico-money-orange { background-position: 0 -41px; } .b-tab-wrap .b-tab-main-switch li.active .ico-currency { background-position: 0 -31px; } .b-tab-wrap .b-tab-main-switch li.active .ico-calendar { background-position: 0 -44px; } .b-tab-wrap .b-tab-main-switch li.active .ico-message { background-position: 0 -43px; } .b-tab-wrap .b-tab-main-switch li.active .ico-card-large { background-position: 0 -31px; } .b-tab-wrap .b-tab-main-switch li.active .ico-question { background-position: 0 -38px; } .b-tab-wrap .b-tab-main-switch li:first-child a { border-left: 1px solid #dbdbdb; border-right: none; } .b-tab-wrap .b-tab-main-switch li:first-child a:before { display: none; } .b-tab-wrap .b-tab-main-switch li:first-child a:after { right: -32px; } .b-tab-wrap .b-tab-main-switch li.active a { color: #f38f00; background: #fff; border-color: #f38f00; } .b-tab-wrap .b-tab-main-switch li.active a:after, .b-tab-wrap .b-tab-main-switch li.active a:before { z-index: 35; background-position: 0 -130px; } .b-tab-wrap .b-tab-main-switch li.active a .ico-write-message { background-position: 0 -49px; } .b-tab-wrap .b-tab-main-switch li.active a .ico-send-arrow { background-position: 0 -30px; } .b-tab-wrap .b-tab-main-switch li.active a .ico-message-envelope { background-position: 0 -30px; } .b-tab-wrap .b-tab-main-switch li.active a:hover { color: #f38f00; background: #fff; border-color: #f38f00; } .b-tab-wrap .b-tab-main-switch li.active a:hover:after, .b-tab-wrap .b-tab-main-switch li.active a:hover:before { z-index: 35; background-position: 0 -130px; } .b-tab-wrap .b-tab-main-switch li.active a:hover .ico-write-message { background-position: 0 -49px; } .b-tab-wrap .b-tab-main-switch li.active a:hover .ico-send-arrow { background-position: 0 -30px; } .b-tab-wrap .b-tab-main-switch li.active a:hover .ico-message-envelope { background-position: 0 -30px; } .b-tab-wrap .b-tab-main-switch li.active a:hover .ico-money-orange { background-position: 0 -41px; } .b-tab-wrap .b-tab-main-switch li.active a:hover .ico-currency { background-position: 0 -31px; } .b-tab-wrap .b-tab-main-switch li.active a:hover .ico-calendar { background-position: 0 -44px; } .b-tab-wrap .b-tab-main-switch li.active a:hover .ico-message { background-position: 0 -43px; } .b-tab-wrap .b-tab-main-switch li.active a:hover .ico-card-large { background-position: 0 -31px; } .b-tab-wrap .b-tab-main-switch li.last a { border-right: 1px solid #dbdbdb; border-left: none; } .b-tab-wrap .b-tab-main-switch li.last a:after { display: none; } .b-tab-wrap .b-tab-main-switch li.last a:before { left: -32px; } .b-tab-wrap .b-tab-main-switch li.first { width: 215px; } .b-tab-wrap .b-tab-main-switch li.second { width: 225px; } .b-tab-wrap .b-tab-main-switch li.third { width: 180px; } .b-tab-wrap .b-tab-main-switch li .ico-write-message { position: relative; left: 10px; margin-right: 16px; } .b-tab-wrap .b-tab-main-switch li .ico-message-envelope { position: relative; left: 0px; top: -3px; margin-right: 12px; } .b-tab-wrap .b-tab-main-switch li .ico-send-arrow { position: relative; left: -5px; top: -4px; } .b-tab-wrap .b-tab-main-switch li .ico-question { position: relative; left: 2px; top: -2px; margin-right: 13px; } .b-tab-wrap .b-tab-main-switch li .ico-message { position: relative; left: -4px; margin-right: 6px; } .b-tab-wrap .b-tab-main-switch li .ico-calendar { position: relative; left: -10px; top: -2px; } .b-tab-wrap .b-tab-main-switch li .ico-loop-blue { position: relative; left: 5px; margin-right: 19px; } .b-tab-wrap .b-tab-main-switch li a { position: relative; text-align: center; font-size: 15px; line-height: 53px; height: 53px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; display: block; text-decoration: none; color: #70706f; } .b-tab-wrap .b-tab-main-switch li a .b-count { margin-left: 18px; font-size: 18px; } .b-tab-wrap .b-tab-main-switch li a:after, .b-tab-wrap .b-tab-main-switch li a:before { position: absolute; width: 32px; height: 55px; top: -1px; content: ""; z-index: 30; } .b-tab-wrap .b-tab-main-switch li a:after { right: 0; background: url(../../../frontend/images/bg_tab_switch_divide_after.png) no-repeat 0 0; } .b-tab-wrap .b-tab-main-switch li a:before { left: 0; background: url(../../../frontend/images/bg_tab_switch_divide_before.png) no-repeat 0 0; } .b-tab-wrap .b-tab-main-switch li a:hover { background: #f3f3f3; } .b-tab-wrap .b-tab-main-switch li a:hover:after, .b-tab-wrap .b-tab-main-switch li a:hover:before { z-index: 50; background-position: 0 -65px; } .b-tab-wrap .b-tab-main-switch li a:active { color: #f38f00; background: #fff; border-color: #f38f00; } .b-tab-wrap .b-tab-main-switch li a:active:after, .b-tab-wrap .b-tab-main-switch li a:active:before { z-index: 35; background-position: 0 -130px; } .b-tab-wrap .b-tab-main-switch li a:active .ico-write-message { background-position: 0 -49px; } .b-tab-wrap .b-tab-main-switch li a:active .ico-send-arrow { background-position: 0 -30px; } .b-tab-wrap .b-tab-main-switch li a:active .ico-message-envelope { background-position: 0 -30px; } .b-tab-wrap .b-tab-main-switch li a:active .ico-money-orange { background-position: 0 -41px; } .b-tab-wrap .b-tab-main-switch li a:active .ico-currency { background-position: 0 -31px; } .b-tab-wrap .b-tab-main-switch li a:active .ico-calendar { background-position: 0 -44px; } .b-tab-wrap .b-tab-main-switch li a:active .ico-message { background-position: 0 -43px; } .b-tab-wrap .b-tab-main-switch li a:active .ico-card-large { background-position: 0 -31px; } .b-tab-wrap-cont { display: none; border: 1px solid #dbdbdb; border-top: none; } .b-tab-wrap-cont.show { display: block; } .b-tab-wrap-cont.no-border { border: none; } .b-tab-sub-swith { padding: 13px 0 15px 17px; } .b-tab-sub-swith li { float: left; padding-left: 12px; margin-left: 8px; position: relative; } .b-tab-sub-swith li:first-child { padding-left: 0; margin-left: 0; } .b-tab-sub-swith li:first-child:before { display: none; } .b-tab-sub-swith li.active a { color: #0080c3; } .b-tab-sub-swith li:before { position: absolute; content: "/"; font-size: 15px; line-height: 1; top: 0; left: 0; } .b-tab-sub-swith li a { text-decoration: none; color: #70706f; font-size: 15px; line-height: 1; } .b-tab-sub-swith li a:hover { color: #0080c3; } .b-tab-sub-cont { display: none; } .b-tab-sub-cont.show { display: block; } .b-cabinet-messages-list { width: 100%; border-collapse: collapse; border-spacing: 0; } .b-cabinet-messages-list table { width: 100%; } .b-cabinet-messages-list a { text-decoration: none; } .b-cabinet-messages-list tr:first-child td { border-top: none; } .b-cabinet-messages-list td { height: 28px; vertical-align: middle; border-top: 1px solid #dbdbdb; font-size: 12px; line-height: 1; color: #70706f; } .b-cabinet-messages-list .b-new .b-status .b-circle { background: #f38f00; border-color: #ee7802; } .b-cabinet-messages-list .b-status { width: 12px; padding-right: 7px; padding-left: 18px; } .b-cabinet-messages-list .b-status .b-circle { display: block; width: 9px; height: 9px; border-radius: 50%; background: #dbdbdb; border: 1px solid #bfbfbf; } .b-cabinet-messages-list .b-date { width: 75px; padding-right: 4px; } .b-cabinet-messages-list .b-sender { width: 120px; padding-right: 4px; color: #0080c3; } .b-cabinet-messages-list .b-type { width: 103px; padding-right: 5px; } .b-cabinet-messages-list .b-theme { width: 271px; color: #0080c3; } .b-received-message-cont .b-head { width: 100%; border-collapse: collapse; border-spacing: 0; } .b-received-message-cont .b-head td { padding-left: 19px; border-bottom: 1px solid #dbdbdb; height: 28px; vertical-align: middle; font-size: 14px; line-height: 1; color: #70706f; } .b-received-message-cont .b-received-cont { background: #f1f1f1; padding: 20px; } .b-received-message-cont .b-received-cont .b-in { background: #ffffff; border: 1px solid #dbdbdb; padding: 20px; font-size: 14px; line-height: 1.3; color: #717070; } .b-cabinet-send-wrap { background: #f3f3f3; padding: 20px 25px; position: relative; } .b-cabinet-send-wrap .b-in { width: 435px; position: relative; } .b-cabinet-send-wrap .b-description { font-size: 17px; line-height: 1; color: #706f6f; display: block; margin-bottom: 15px; } .b-cabinet-send-wrap .b-field { margin-top: 20px; } .b-cabinet-send-wrap .b-field:first-child { margin-top: 0; } .b-cabinet-send-wrap textarea { width: 100%; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize: none; overflow: auto; height: 232px; border: 1px solid #dbdbdb; background: #fff; font-size: 12px; line-height: 1.3; padding: 12px 12px; } .b-cabinet-send-wrap .b-send-wrap { position: absolute; bottom: -5px; left: 100%; margin-left: 5px; } .b-cabinet-send-wrap .b-send { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #6f6f6f; background: none; font-size: 14px; line-height: 1; text-decoration: underline; border: none; } .b-cabinet-send-wrap .b-send:hover { background: none; } .b-cabinet-send-wrap .b-tooltip { display: none; position: absolute; font-size: 14px; line-height: 1.3; color: #70706f; background: #ffffff; border: 1px solid #f38f00; padding: 12px 9px; z-index: 15; white-space: nowrap; right: -15px; margin-bottom: 10px; bottom: 100%; margin-bottom: 16px; } .b-cabinet-send-wrap .b-tooltip.show { display: block; } .b-cabinet-send-wrap .b-tooltip:after { position: absolute; content: ""; top: 100%; right: 63px; width: 0; height: 0; border-style: solid; border-width: 13px 8px 0 8px; border-color: #f39200 transparent transparent transparent; z-index: 15; } .b-cabinet-send-wrap .b-tooltip:before { position: absolute; content: ""; right: 64px; top: 100%; width: 0; height: 0; border-style: solid; border-width: 11px 7px 0 7px; border-color: #ffffff transparent transparent transparent; z-index: 20; } .b-reviews-list > li { border: 1px solid #dbdbdb; margin-top: 20px; } .b-reviews-list .b-head { padding: 16px 24px 22px 24px; border-bottom: 1px solid #dbdbdb; } .b-reviews-list .b-head p { color: #70706f; font-size: 14px; line-height: 1.3; } .b-reviews-list a { text-decoration: none; } .b-reviews-list a:hover .b-head { background: #f3f3f3; } .b-reviews-list a:hover .b-inf-list li .b-count { color: #ff9100; } .b-reviews-list .b-inf-list li { float: left; height: 53px; line-height: 53px; font-size: 12px; color: #70706f; position: relative; text-align: center; } .b-reviews-list .b-inf-list li:before { position: absolute; width: 32px; height: 55px; top: -1px; content: ""; z-index: 30; } .b-reviews-list .b-inf-list li:before { left: 0; background: url(../../../frontend/images/bg_tab_switch_divide_before.png) no-repeat 0 0; } .b-reviews-list .b-inf-list li:first-child:before { display: none; } .b-reviews-list .b-inf-list li.first { width: 100px; } .b-reviews-list .b-inf-list li.second { text-align: left; width: 258px; } .b-reviews-list .b-inf-list li.second .b-count { position: absolute; right: 15px; top: -2px; } .b-reviews-list .b-inf-list li.third { text-align: left; width: 260px; } .b-reviews-list .b-inf-list li.third .b-count { position: absolute; right: 24px; top: -2px; } .b-reviews-list .b-inf-list li .ico-like-hand { margin-left: 36px; margin-right: 15px; } .b-reviews-list .b-inf-list li .ico-eye { position: relative; margin-left: 38px; margin-right: 14px; top: -5px; } .b-reviews-list .b-inf-list li .b-count { font-size: 20px; color: #007fc7; } /** * Infographics styles * @author goshi (aka web-T) */ .b-infographic-Ig01 { display: block; margin-bottom: 20px; background: #fff; } .b-infographic-Ig01 h2.title{ min-height: 33px; padding: 11px 22px; line-height: 1.3em; color: #fff; font-size: 14px; text-transform: uppercase; background-color: #005EAB; background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #005EAB), color-stop(1, #5BC5F2) ); background-image: -o-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: -moz-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: -webkit-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: -ms-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: linear-gradient(to right, #005EAB 0%, #5BC5F2 100%); } .b-infographic-Ig01 .graph { position: relative; z-index: 1; width: 620px; height: 335px; /*border-bottom: 2px solid #006d8f; */ background: url('/frontend/images/infographics/ig1_images/bg.png') 0 0 no-repeat; } .b-infographic-Ig01 .graph .ig_point{ display: block; width: 27px; height: 27px; /*margin: -13px 0 0 -13px;*/ position: absolute; color: #007ec7; font-size: 21px; line-height: 26px; text-align: center; text-decoration: none; transition: all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; border-radius: 15px; -moz-border-radius: 15px; border: 2px solid #007ec7; background: #fff; } .b-infographic-Ig01 .graph .ig_point span{ display: block; width: 27px; height: 27px; } .b-infographic-Ig01 .graph .ig_point_active, .b-infographic-Ig01 .graph .ig_point:hover{ color: #fff; border-color: #fff; background: #f38f00; } .b-infographic-Ig01 .graph .ig_point ins{ position: absolute; opacity: 0; filter: alpha(opacity=0); z-index: 1000; left: 37px; top: 0; display: none; font-size: 16px; line-height: 1; padding: 6px 9px; background: #f29004; color: #fff; white-space: nowrap; transition: all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; } .b-infographic-Ig01 .graph .ig_point ins:before{ content: " "; width: 9px; height: 28px; position: absolute; left: -8px; top: 0; display: block; background: url('/frontend/images/infographics/ig1_images/arr_l.png') 0 0 no-repeat; } /*.b-infographic-Ig01 .graph .ig_point:hover ins,*/ .b-infographic-Ig01 .graph .ig_point_active ins{ display: block; opacity: 1; filter: alpha(opacity=100); } .b-infographic-Ig01 .graph #ig01-p1 { top: 208px; left: 81px; } .b-infographic-Ig01 .graph #ig01-p2 { top: 172px; left: 260px; } .b-infographic-Ig01 .graph #ig01-p3 { top: 198px; left: 427px; } .b-infographic-Ig01 .graph #ig01-p4 { top: 172px; left: 505px; } .b-infographic-Ig01 .graph #ig01-p5 { top: 51px; left: 481px; } .b-infographic-Ig01 .graph #ig01-p6 { top: 51px; left: 299px; } .b-infographic-Ig01 .graph #ig01-p7 { top: 51px; left: 233px; } .b-infographic-Ig01 .graph #ig01-p2 ins:before, .b-infographic-Ig01 .graph #ig01-p4 ins:before{ width: 30px; height: 8px; background: url('/frontend/images/infographics/ig1_images/arr_b.png') 0 0 no-repeat; } .b-infographic-Ig01 .graph #ig01-p3 ins:before, .b-infographic-Ig01 .graph #ig01-p5 ins:before, .b-infographic-Ig01 .graph #ig01-p6 ins:before, .b-infographic-Ig01 .graph #ig01-p7 ins:before { width: 30px; height: 8px; background: url('/frontend/images/infographics/ig1_images/arr_t.png') 0 0 no-repeat; } .b-infographic-Ig01 .graph #ig01-p2 ins{ left: -105px; top: -38px; } .b-infographic-Ig01 .graph #ig01-p2 ins:before{ left: 103px; top: 28px; } .b-infographic-Ig01 .graph #ig01-p3 ins{ left: -101px; top: 37px; } .b-infographic-Ig01 .graph #ig01-p3 ins:before{ left: 100px; top: -8px; } .b-infographic-Ig01 .graph #ig01-p4 ins{ left: -151px; top: -38px; } .b-infographic-Ig01 .graph #ig01-p4 ins:before{ left: 148px; top: 28px; } .b-infographic-Ig01 .graph #ig01-p5 ins{ left: -140px; top: 37px; } .b-infographic-Ig01 .graph #ig01-p5 ins:before{ left: 138px; top: -8px; } .b-infographic-Ig01 .graph #ig01-p6 ins{ left: -95px; top: 37px; } .b-infographic-Ig01 .graph #ig01-p6 ins:before{ left: 93px; top: -8px; } .b-infographic-Ig01 .graph #ig01-p7 ins{ left: -121px; top: 37px; } .b-infographic-Ig01 .graph #ig01-p7 ins:before{ left: 120px; top: -8px; } .b-infographic-Ig01 .texts { position: relative; padding: 8px 32px 12px 0; border-left: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; } .b-infographic-Ig01 .h{ display: none; } .b-infographic-Ig01 .texts .text{ min-height: 231px; width: 444px; padding-left: 144px; background-position: -5px -11px; background-repeat: no-repeat; } .b-infographic-Ig01 .texts .text h4.slide-title{ display: block; font-size: 16px; color: #f38f00; margin-bottom: 19px; } .b-infographic-Ig01 .texts .text .b-content{ } .b-infographic-Ig01 #ig01-text-intro{ background-image: url('/frontend/images/infographics/ig1_images/0.jpg'); } .b-infographic-Ig01 #ig01-text-p1{ background-image: url('/frontend/images/infographics/ig1_images/1.jpg'); } .b-infographic-Ig01 #ig01-text-p2{ background-image: url('/frontend/images/infographics/ig1_images/2.jpg'); } .b-infographic-Ig01 #ig01-text-p3{ background-image: url('/frontend/images/infographics/ig1_images/3.jpg'); } .b-infographic-Ig01 #ig01-text-p4{ background-image: url('/frontend/images/infographics/ig1_images/4.jpg'); } .b-infographic-Ig01 #ig01-text-p5{ background-image: url('/frontend/images/infographics/ig1_images/5.jpg'); } .b-infographic-Ig01 #ig01-text-p6{ background-image: url('/frontend/images/infographics/ig1_images/6.jpg'); } .b-infographic-Ig01 #ig01-text-p7{ background-image: url('/frontend/images/infographics/ig1_images/7.jpg'); } .b-infographic-Ig01 #ig01-text-p8{ background-image: url('/frontend/images/infographics/ig1_images/8.jpg'); } .b-infographic-Ig01 .texts .text .b-content, .b-infographic-Ig01 .texts .text .b-content p{ font-size: 12px; line-height: 1.5; color: #6f6f6f; } .b-infographic-Ig01 .texts .text .b-content-main, .b-infographic-Ig01 .texts .text .b-content-main p{ color: #70706f; font-size: 16px; line-height: 1.8em; } /** IG02 **/ .b-infographic-Ig02 { display: block; margin-bottom: 20px; background: #fff; } .b-infographic-Ig02 h2.title{ min-height: 33px; padding: 11px 22px; line-height: 1.3em; color: #fff; font-size: 14px; text-transform: uppercase; background-color: #005EAB; background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #005EAB), color-stop(1, #5BC5F2) ); background-image: -o-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: -moz-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: -webkit-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: -ms-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: linear-gradient(to right, #005EAB 0%, #5BC5F2 100%); } .b-infographic-Ig02 .graph { position: relative; width: 620px; height: 335px; border-bottom: 2px solid #006d8f; background: url('/frontend/images/infographics/Ig02.png') 0 0 no-repeat; } .b-infographic-Ig02 .graph .ig_point{ display: block; width: 11px; height: 11px; margin: -8px 0 0 -8px; position: absolute; transition: all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; border-radius: 8px; -moz-border-radius: 8px; border: 1px solid #0073bb; padding: 2px; background: #fff; /*background: url('/frontend/images/infographics/ig2_images/point.png') 0 0 no-repeat;*/ } .b-infographic-Ig02 .graph .ig_point span{ display: block; width: 11px; height: 11px; background: #f59100; border-radius: 6px; -moz-border-radius: 6px; transition: all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; } .b-infographic-Ig02 .graph .ig_point_active{ box-shadow: 0px 0px 8px #999; transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); } .b-infographic-Ig02 .graph .ig_point_active span{ background: rgb(255, 220, 82); } .b-infographic-Ig02 .graph .ig_point:hover{ box-shadow: 0px 0px 8px #999; transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); } .b-infographic-Ig02 .graph .ig_point:hover span{ background: rgb(255, 220, 82); } .b-infographic-Ig02 .graph #ig02-p1 { top: 257px; left: 86px; } .b-infographic-Ig02 .graph #ig02-p2 { top: 186px; left: 158px; } .b-infographic-Ig02 .graph #ig02-p3 { top: 238px; left: 208px; } .b-infographic-Ig02 .graph #ig02-p4 { top: 168px; left: 243px; } .b-infographic-Ig02 .graph #ig02-p5 { top: 238px; left: 262px; } .b-infographic-Ig02 .graph #ig02-p6 { top: 238px; left: 428px; } .b-infographic-Ig02 .graph #ig02-p7 { top: 284px; left: 441px; } .b-infographic-Ig02 .graph #ig02-p8 { top: 242px; left: 508px; } .b-infographic-Ig02 .graph .op { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background: #fff; opacity: 0.5; filter: alpha(opacity=50); } .b-infographic-Ig02 .graph .ov { display: block; position: absolute; z-index: 2; left: 0; top: 0; /*width: 100%; height: 100%;*/ } .b-infographic-Ig02 .graph .ov .ig_point{ position: absolute; z-index: 1; } .b-infographic-Ig02 .graph .ov .img{ position: absolute; display: block; z-index: 3; } .b-infographic-Ig02 .graph #ig02-ov-p1 .img{ width: 250px; height: 226px; top: 33px; left: 54px; background: url('/frontend/images/infographics/ig2_images/1.png') 0 0 no-repeat; } .b-infographic-Ig02 .graph #ig02-ov-p2 .img{ width: 219px; height: 264px; top: 18px; left: 157px; background: url('/frontend/images/infographics/ig2_images/2.png') 0 0 no-repeat; } .b-infographic-Ig02 .graph #ig02-ov-p3 .img{ width: 205px; height: 190px; top: 50px; left: 104px; background: url('/frontend/images/infographics/ig2_images/3.png') 0 0 no-repeat; } .b-infographic-Ig02 .graph #ig02-ov-p4 .img{ width: 183px; height: 192px; top: 62px; left: 62px; background: url('/frontend/images/infographics/ig2_images/4.png') 0 0 no-repeat; } .b-infographic-Ig02 .graph #ig02-ov-p5 .img{ width: 212px; height: 189px; top: 51px; left: 154px; background: url('/frontend/images/infographics/ig2_images/5.png') 0 0 no-repeat; } .b-infographic-Ig02 .graph #ig02-ov-p6 .img{ width: 225px; height: 204px; left: 314px; top: 37px; background: url('/frontend/images/infographics/ig2_images/6.png') 0 0 no-repeat; } .b-infographic-Ig02 .graph #ig02-ov-p7 .img{ width: 204px; height: 239px; top: 46px; left: 338px; background: url('/frontend/images/infographics/ig2_images/7.png') 0 0 no-repeat; } .b-infographic-Ig02 .graph #ig02-ov-p8 .img{ width: 231px; height: 257px; top: 71px; left: 280px; background: url('/frontend/images/infographics/ig2_images/8.png') 0 0 no-repeat; } .b-infographic-Ig02 .graph .ov.h { display: none; } .b-infographic-Ig02 .texts { position: relative; padding: 16px 32px; border-left: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; } .b-infographic-Ig02 .texts .text{ width: 556px; } .b-infographic-Ig02 .h{ display: none; } .b-infographic-Ig02 .texts .text h4.slide-title{ display: block; font-size: 16px; color: #f38f00; margin-bottom: 19px; } .b-infographic-Ig02 .texts .text .b-content, .b-infographic-Ig02 .texts .text .b-content p{ font-size: 14px; line-height: 1.5; color: #6f6f6f; } .b-infographic-Ig02 .texts .text .b-content-main, .b-infographic-Ig02 .texts .text .b-content-main p{ color: #007ec7; font-size: 16px; } .b-infographic-Ig03 { display: block; margin-bottom: 20px; background: #fff; } .b-infographic-Ig03 h2.title{ min-height: 33px; padding: 11px 22px; line-height: 1.3em; color: #fff; font-size: 14px; text-transform: uppercase; background-color: #005EAB; background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #005EAB), color-stop(1, #5BC5F2) ); background-image: -o-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: -moz-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: -webkit-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: -ms-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: linear-gradient(to right, #005EAB 0%, #5BC5F2 100%); } .b-infographic-Ig03 .graph { position: relative; z-index: 1; width: 620px; height: 335px; /*border-bottom: 2px solid #006d8f; */ background: url('/frontend/images/infographics/Ig03.png') 0 0 no-repeat; } .b-infographic-Ig03 .graph .ig_point{ display: block; width: 103px; height: 105px; position: absolute; text-decoration: none; } .b-infographic-Ig03 .graph .ig_point ins{ display: none; border: 1px solid #F38F00; border-radius: 10px; background: white; width: auto; height: auto; font-size: 14px; line-height: 1.3em; color: black; text-transform: uppercase; text-align: center; padding: 10px; } .b-infographic-Ig03 .graph .ig_point ins:before{ content: " "; display: block; position: absolute; top:-9px; width: 28px; height: 9px; background: url('/frontend/images/infographics/ig3_images/arr_t.png') 0 0 no-repeat; } .b-infographic-Ig03 .graph .ig_point span{ position: absolute; width: 103px; height: 20px; top: 105px; text-align: center; font-size: 21pt; } .b-infographic-Ig03 .graph #ig03-p1 { top: 6px; left: 29px; } .b-infographic-Ig03 .graph #ig03-p1 span{ color: #007FC7; } .b-infographic-Ig03 .graph #ig03-p1.ig_point_active ins{ width: 145px; top: 150px; } .b-infographic-Ig03 .graph #ig03-p1.ig_point_active ins:before{ left: 32px; } .b-infographic-Ig03 .graph #ig03-p2 { top: 6px; left: 143px; } .b-infographic-Ig03 .graph #ig03-p2 span{ color: #7CBCDF; } .b-infographic-Ig03 .graph #ig03-p2.ig_point_active ins{ width: 227px; top: 150px; } .b-infographic-Ig03 .graph #ig03-p2.ig_point_active ins:before{ left: 35px; } .b-infographic-Ig03 .graph #ig03-p3 { top: 6px; left: 258px; } .b-infographic-Ig03 .graph #ig03-p3 span{ color: #99CCE9; } .b-infographic-Ig03 .graph #ig03-p3.ig_point_active ins{ width: 325px; top: 150px; left: -110px; } .b-infographic-Ig03 .graph #ig03-p3.ig_point_active ins:before{ left: 145px; } .b-infographic-Ig03 .graph #ig03-p4 { top: 6px; left: 373px; } .b-infographic-Ig03 .graph #ig03-p4 span{ color: #9A9A9A; } .b-infographic-Ig03 .graph #ig03-p4.ig_point_active ins{ width: 220px; top: 150px; } .b-infographic-Ig03 .graph #ig03-p4.ig_point_active ins:before{ left: 35px; } .b-infographic-Ig03 .graph #ig03-p5 { top: 6px; left: 487px; } .b-infographic-Ig03 .graph #ig03-p5 span{ color: #B7B7B7; } .b-infographic-Ig03 .graph #ig03-p5.ig_point_active ins{ width: 220px; top: 150px; left: -115px; } .b-infographic-Ig03 .graph #ig03-p5.ig_point_active ins:before{ left: 115px; } .b-infographic-Ig03 .graph #ig03-p6 { width: 180px; height: 180px; top: 139px; left: 221px; } .b-infographic-Ig03 .graph #ig03-p6 span{ right: -150px; width: auto; top: 80px; color: #007FC7; } .b-infographic-Ig03 .graph #ig03-p6.ig_point_active ins{ width: 160px; top: 125px; left: 175px; } .b-infographic-Ig03 .graph #ig03-p6.ig_point_active ins:before{ left: 75px; } .b-infographic-Ig03 .graph .ig_point.ig_point_active{ background: url('/frontend/images/infographics/ig3_images/ig03-small-active.png') 0 0 no-repeat; z-index: 10; } .b-infographic-Ig03 .graph #ig03-p6.ig_point_active{ background: url('/frontend/images/infographics/ig3_images/ig03-big-active.png') 0 0 no-repeat; z-index: 10; } .b-infographic-Ig03 .graph .ig_point.ig_point_active ins{ display: block; position: absolute; } .b-infographic-Ig03 .graph .ig_point.ig_point_active span{ color: #F38F00!important; } .b-infographic-Ig03 .texts { position: relative; padding: 8px 32px 12px 0; border-left: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; } .b-infographic-Ig03 .h{ display: none; } .b-infographic-Ig03 .texts .text{ min-height: 231px; width: 580px; padding: 10px 15px; } .b-infographic-Ig03 .texts .text h4.slide-title{ display: block; font-size: 16px; color: #f38f00; margin-bottom: 19px; } .mt18 { margin-top: 18px; } .h { display: none; } /** fields **/ .b-error-field { border: 1px solid red !important; } .content-bg { /*background: url(../images/bg_content_after.jpg) left 174px repeat-x #fff;*/ } .g-main-page .g-content, .content-bg .g-content{ margin-bottom: -4px; } .g-header .b-wrapper { height: 161px; } body.content-bg .g-content:after, body.content-bg .g-content:before { background: none; } body.content-bg .g-content{ background: url(../../../frontend/images/bg_content_after.jpg) left 0px repeat-x #fff; } body.content-bg .g-content-before{ position: absolute; top: 0; left: 0; width: 100%; display: block; height: 335px; background: url(../../../frontend/images/bg_content.jpg) center top no-repeat; } .b-header-nav-wrap { left: 0; top: auto; bottom: 16px; position: absolute; } .b-header-nav > li { position: static; } .g-header .b-lang-list.text { display: inline; } .g-header .b-lang-list li.active a { font-weight: bold; } .b-header-action { float: right; } .b-header-number { background: url(/frontend/images/104.png) right 4px no-repeat; width: 55px; height: 40px; right: -2px; text-decoration: none; } .b-header-call { margin-bottom: 1px; } .b-header-call .b-insert { font-size: 12px; line-height: 16px; } .b-header-call .b-insert .b-insert-inner{ width: 255px; overflow: hidden; } .b-header-search:before { left: -22px; width: 22px; } @-webkit-keyframes mmenu { 0% { opacity: 0; } 50% { opacity: 0; } 51% { opacity: 0.1; } 100% { opacity: 1; } } @-moz-keyframes mmenu { 0% { opacity: 0; } 50% { opacity: 0; } 51% { opacity: 0.1; } 100% { opacity: 1; } } @-o-keyframes mmenu { 0% { opacity: 0; } 50% { opacity: 0; } 51% { opacity: 0.1; } 100% { opacity: 1; } } .b-header-nav > li .b-header-sub-nav { opacity: 0; left: 0; min-width: 492px; max-width: 673px; } .b-header-nav > li .b-header-sub-nav-2 { min-width: 412px; } .b-header-nav > li:hover .b-header-sub-nav { opacity: 1; -webkit-animation: mmenu 0.7s 1 linear; -moz-animation: mmenu 0.7s 1 linear; -o-animation: mmenu 0.7s 1 linear; animation: mmenu 0.7s 1 linear; z-index: 1000; } .b-header-nav > li .b-header-sub-nav-3 { left: 142px; } .b-header-sub-nav .b-list li:first-child { white-space: nowrap; margin-bottom: 18px; min-height: 14px; padding-bottom: 24px; } .b-header-sub-nav .b-list li:first-child a{ display: inline-block; margin-top: -6px; white-space: normal; padding-right: 39px; background-position: right top; background-repeat: no-repeat; min-height: 23px; padding-top: 3px; } .b-header-sub-nav .b-list li.b-no-child:first-child { background: none; padding-bottom: 0; margin-bottom: 0; height: auto; white-space: normal; min-height: 0; padding-top: 0; padding-right: 0; } .b-header-sub-nav .b-list li.b-no-child:first-child a{ margin-top: -3px; padding-top: 0; } .b-header-sub-nav .b-list i { display: inline-block; width: 32px; height: 26px; margin-left: 13px; vertical-align: middle; line-height: 26px; background-position: left center; background-repeat: no-repeat; } a.b-logo { display: block; text-decoration: none; margin-top: 5px; } a.b-logo img { max-height: 142px; } a.b-logo span{ display: block; margin-top: 7px; font-size: 13px; font-family: Verdana, Arial; text-transform: uppercase; line-height: 1; color: #6f6f6f; } a.pat-logo { max-width: 256px; max-height: 60px; width: 100%; height: 100%; margin: 28px 0 0 0; } a.pat-logo img { object-fit: cover; max-height: none; width: 100%; height: 100%; } div#big-slider:after { z-index: 1000; content: ""; display: block; position: absolute; left: 0; top: 0; width: 162px; height: 280px; background: url(/frontend/images/img_slider_hover.png); } .b-ribbon-slider > .b-wrap { height: 280px; } .b-content-nav-inner { height: 138px; overflow: hidden; } .b-content-nav > li { margin-bottom: 20px; } .b-content-nav > li.narrow { height: 33px; } .b-content-nav > li.narrow .b-content-nav-inner { height: 33px; min-height: 33px; } .b-content-nav-inner li a:hover { text-decoration: none; color: #f59100; } .b-content-nav > li.narrow .b-content-nav-inner li { display: table-cell; vertical-align: middle; } .b-content-nav-single .b-content-nav-inner li:first-child { display: table-cell; height: 138px; vertical-align: middle; } .b-content-nav > li.narrow .b-content-nav-inner li:first-child { height: 33px; } .b-content-title a, .b-page-header a{ color: #007fc7; text-decoration: none; } .b-content-title a:hover, .b-page-header a:hover{ text-decoration: underline; } /** override b-content vals */ .b-content h2 { margin-bottom: 27px; } .b-content p, .b-content a{ color: #333; } .b-content p img{ max-width: 100%; height: auto; } .b-content .b-img span { color: #999; line-height: 1.3; } .b-content > ul, .b-content .b-text-nav .b-accordion-content > ul, .b-content .b-text-nav .b-accordion-content > ol{ width: auto; margin-left: 37px; margin-bottom: 28px; } .b-content .b-text-nav .b-accordion-content > ul li, .b-content .b-text-nav .b-accordion-content > ol li{ float: none; margin-bottom: 6px; margin-right: 0; list-style-type: square; font-size: 14px; line-height: 19px; } .b-content > ul li span, .b-content > ol li span{ color: #333; } .b-content strong { display: inline; margin-bottom: 0px; color: inherit; letter-spacing: 0px; font-weight: bold; font-size: inherit; line-height: inherit; } .b-content p strong { /*display: inline; margin-bottom: 24px; color: #6f6f6f; letter-spacing: -1px; font-weight: bold; font-size: 14px; line-height: 16px; */ } /** table styles **/ .b-content table { padding: 20px 25px; border-collapse: collapse; background: #ededed; } .b-content table tr{ border-bottom: 1px solid #dbdbdb; } .b-content table tr:first-child{ border-top: 1px solid #007fc7; border-bottom: 1px solid #007fc7; } .b-content table td{ padding: 7px 8px; font-size: 12px; color: #666666; } .b-content table tr:first-child td{ background: #fff; } /* info messages */ .b-msg { display: block; margin: 0 0 10px; border: 1px solid #e5e1e1; background: #fff; } .b-msg .b-msg-inner{ padding: 4px 10px; font-size: 12px; line-height: 1.6em; color: #6f6f6f; } .b-msg-error .b-msg-inner { display: table-cell; padding: 15px 15px 15px 49px; min-height: 24px; vertical-align: middle; background: url(/frontend/images/ico_msg_error.png) 13px center no-repeat; } .b-msg-ok .b-msg-inner { display: table-cell; padding: 15px 15px 15px 49px; min-height: 24px; vertical-align: middle; background: url(/frontend/images/ico_msg_ok.png) 13px center no-repeat; } /** fb widget **/ .b-fb-widget { margin-bottom: 20px; } /** middle slider **/ .b-slider-three-grey .b-list li a:hover, .b-slider-three-grey .b-list li a:hover span{ color: #f38f00; } .b-slider-three-grey .b-list li img.ico-img{ margin-bottom: 9px; display: inline-block; } .b-slider-three-grey .b-list li { margin-left: 0; padding: 0; width: 157px; height: 157px; border: 0px none; background: none; } .b-slider-three-grey .b-list li .inner { margin-left: 9px; margin-right: 8px; padding-top: 24px; padding-right: 15px; padding-bottom: 22px; padding-left: 15px; width: 110px; height: 109px; border: 1px solid #dbdbdb; background: #fff; } /** gallery **/ .b-slider-one > .b-wrap { height: auto; } .b-slider-one .b-list li { text-align: center; } .b-slider-one .b-prev, .b-slider-one .b-next{ opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); } .b-slider-one .b-prev:hover, .b-slider-one .b-next:hover{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .b-slider-one .b-nav{ right: 0; top: auto; bottom: 0; width: auto; min-width: 176px; padding: 4px 0 0 100px; background: url(../../../frontend/images/bg_slider_one_nav_wide.png) left center no-repeat; } /** images **/ .b-news-prev-ver-list .b-img.center img { width: auto; max-width: 100%; height: auto; } .b-news-prev-ver-list .b-link:hover, .b-news-preview-list .b-link:hover{ color: #f38f00; } /** button set **/ .b-mini-widget-btns .arrow-middle a{ height: 83px; line-height: 83px; } .b-mini-widget-btns .arrow-big a{ height: 158px; line-height: 158px; } .b-ribbon-small-slider-list a.b-link:hover { color: #f38f00; } .b-ribbon-small-slider-list .b-head a{ color: #007fc7; text-decoration: none; } .b-ribbon-small-slider-list .b-title a{ text-decoration: none; color: #6f6f6f; } .b-ribbon-small-slider-list .b-title a:hover { color: #007fc7; } .b-ribbon-small-slider-list p { max-height: 82px; overflow: hidden; } .b-ribbon-small-slider-list .b-title { max-height: 54px; overflow: hidden; } /** button right **/ .b-mini-widget-btns .arrow a:hover { color: #f38f00; } .b-mini-widget-btns .arrow a span { float: left; width: 41px; margin-right: 17px; } .b-mini-widget-btns .arrow-big a span { background: url(../../../frontend/images/ico_arrow_right_41x140.png) right center no-repeat; } .b-mini-widget-btns .arrow a ins.text-arrow-outer{ display: inline-block; width: 186px; height: 55px; } .b-mini-widget-btns .arrow-middle a ins.text-arrow-outer { height: 83px; } .b-mini-widget-btns .arrow-big a ins.text-arrow-outer { height: 160px; } .b-mini-widget-btns .arrow a ins.text-arrow{ width: 189px; height: 100%; display: table; } .b-mini-widget-btns .arrow a ins.text-arrow-inner{ width: 100%; display: table-cell; line-height: 1.3em; vertical-align: middle; } /** text widget **/ .b-text-widget p.big-item { margin-bottom: 13px; padding-bottom: 13px; border-bottom: 1px solid #dbdbdb; } .b-text-widget p.big-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0px none; } .b-text-widget p.big-item a{ padding: 0px; margin: 0px; font-size: 13px; line-height: 20px; color: #706f6f; border: 0px none; } .b-text-widget p.big-item span.descr{ display: block; margin-top: 13px; line-height: 1.4em; font-size: 12px; text-transform: none; } /** gallery widget **/ .b-gallery-widget { margin-bottom: 8px; } .b-gallery-widget strong { display: block; margin-bottom: 13px; padding: 8px 0; border-top: 1px solid #007fc7; border-bottom: 1px solid #007fc7; color: #007fc7; text-decoration: none; font-size: 16px; } .b-gallery-widget strong a{ text-decoration: none; color: #007fc7; } .b-gallery-widget li{ float: left; margin: 0 15px 12px 0; } .b-gallery-widget li.last{ margin-right: 0; } /** graphic widget **/ .b-graphic-widget { margin-bottom: 20px; } .b-graphic-widget a { text-decoration: none; } /** contest widget **/ .b-contests-widget { width: 298px; margin-bottom: 20px; border: 1px solid #dbdbdb; } .b-contests-widget img{ display: block; } .ico-universal-section { display: inline-block; width: 40px; height: 50px; background-repeat: no-repeat; vertical-align: middle; line-height: 50px; } .ico-woman { display: inline-block; width: 30px; height: 35px; background: url(../../../frontend/images/ico_man_30x35.png) top left no-repeat; vertical-align: middle; line-height: 35px; } .b-mini-widget-btns .solid a .text { width: 197px; text-align: left; padding-left: 22px; line-height: 1.3em; } .b-mini-widget-btns .solid a:hover .ico-woman{ background-position: bottom left; } /** contacts widget **/ .b-content-nav-contacts { width: auto; } .b-content-nav-contacts .b-content-nav-inner { margin-left: -20px; padding-left: 61px; width: 183px; height: auto; min-height: 138px; } .b-content-nav-contacts .title{ display: block; margin-bottom: 13px; padding-top: 6px; font-size: 16px; } .b-content-nav-contacts .title a{ color: #007fc7; text-decoration: none; } .b-content-nav-contacts .descr{ line-height: 1.4em; } .b-content-nav-contacts .descr .custom-phone{ font-size: 16px !important; margin-bottom: 5px; } .b-content-nav-contacts .descr a{ color: #6f6f6f; } /** icons **/ .ico-map { display: inline-block; width: 21px; height: 28px; background: url(../../../frontend/images/ico_map_21x28.png) 0 0 no-repeat; vertical-align: middle; line-height: 28px; } .ico-wallet { display: inline-block; width: 39px; height: 28px; background: url(../../../frontend/images/ico_wallet_39x28.png) 0 0 no-repeat; vertical-align: middle; line-height: 28px; } .ico-fire { display: inline-block; width: 39px; height: 28px; background: url(../../../frontend/images/ico_fire_39x28.png) 0 0 no-repeat; vertical-align: middle; line-height: 28px; } .ico-instructions-online { display: inline-block; width: 40px; height: 28px; background: url(../../../frontend/images/ico_instructrions_online_40x28.png) 0 0 no-repeat; vertical-align: middle; line-height: 28px; } .ico-reports { display: inline-block; width: 40px; height: 28px; background: url(../../../frontend/images/ico_reports_40x28.png) 0 0 no-repeat; vertical-align: middle; line-height: 28px; } .ico-contacts { display: inline-block; width: 44px; height: 43px; background: url(../../../frontend/images/icons/ico_contacts.png) no-repeat; vertical-align: middle; line-height: 43px; } .ico-social-projects { display: inline-block; width: 35px; height: 32px; background: url(../../../frontend/images/icons/ico_social_projects.png) no-repeat; vertical-align: middle; line-height: 32px; } .ico-career { display: inline-block; width: 35px; height: 35px; background: url(../../../frontend/images/icons/ico_career.png) no-repeat; vertical-align: middle; line-height: 35px; } .ico-shareholders { display: inline-block; width: 36px; height: 36px; background: url(/frontend/images/36x36_icon_sprite.png) -276px 0px no-repeat; vertical-align: middle; line-height: 32px; } .b-mini-widget-btns .arrow:hover .ico-shareholders { background-position: -276px -39px; } .ico-press-center { display: inline-block; width: 35px; height: 43px; background: url(../../../frontend/images/icons/ico_press_center.png) no-repeat; vertical-align: middle; line-height: 43px; } .ico-informers { display: inline-block; width: 40px; height: 36px; background: url(/frontend/images/36x36_icon_sprite.png) -183px -598px no-repeat; vertical-align: middle; line-height: 29px; } .g-col-right .ico-informers { background-image: url(/frontend/images/36x36_icon_sprite_grey.png); } .b-mini-widget-btns .arrow:hover .ico-informers { background-position: -183px -637px; } .ico-metter { display: inline-block; width: 36px; height: 26px; background: url(/frontend/images/36x36_icon_sprite_grey.png) -92px -686px no-repeat; vertical-align: middle; line-height: 29px; } .b-mini-widget-btns .arrow:hover .ico-metter { background-position: -92px -724px; } .ico-view-account { display: inline-block; width: 36px; height: 26px; background: url(/frontend/images/36x36_icon_sprite_grey.png) -138px -430px no-repeat; vertical-align: middle; line-height: 29px; } .b-mini-widget-btns .arrow:hover .ico-view-account { background-position: -138px -468px; } .ico-discover-account { display: inline-block; width: 36px; height: 26px; background: url(/frontend/images/36x36_icon_sprite_grey.png?1) -92px -853px no-repeat; vertical-align: middle; line-height: 29px; } .b-mini-widget-btns .arrow:hover .ico-discover-account { background-position: -92px -892px; } .ico-reporting { display: inline-block; width: 29px; height: 32px; background: url(../../../frontend/images/icons/ico_reporting.png) no-repeat; vertical-align: middle; line-height: 32px; } .ico-management { display: inline-block; width: 37px; height: 36px; vertical-align: middle; line-height: 32px; background: url(/frontend/images/36x36_icon_sprite.png) -276px -173px no-repeat; } .b-mini-widget-btns .arrow:hover .ico-management { background-position: -276px -212px; } .ico-documents { display: inline-block; width: 37px; height: 36px; vertical-align: middle; line-height: 32px; background: url(/frontend/images/36x36_icon_sprite.png) 0px -595px no-repeat; } .ico-fiz { display: inline-block; width: 36px; height: 36px; vertical-align: middle; line-height: 32px; background: url(/frontend/images/36x36_icon_sprite.png) -230px -680px no-repeat; } .g-col-right .ico-fiz { background-image: url(/frontend/images/36x36_icon_sprite_grey.png); } .b-mini-widget-btns .arrow:hover .ico-fiz { background-position: -230px -719px; } .ico-yur { display: inline-block; width: 36px; height: 36px; vertical-align: middle; line-height: 32px; background: url(/frontend/images/36x36_icon_sprite.png) -276px -173px no-repeat; } .g-col-right .ico-yur { background-image: url(/frontend/images/36x36_icon_sprite_grey.png); } .b-mini-widget-btns .arrow:hover .ico-yur { background-position: -276px -212px; } /** footer pathes **/ .g-footer .b-down .b-wrapper{ line-height: 40px; color: #fff; } /** temporary hide **/ .b-social-buttons { display: none; } /** agreement menu **/ .b-agreement-menu { display: block; margin: 20px 0 0; } .b-agreement-menu li{ display: block; margin: 0 0 10px; } .b-agreement-menu li a{ font-size: 12px; line-height: 1; color: #6f6f6f; text-decoration: none; } .b-agreement-menu li a:hover{ text-decoration: underline; } /** TO-DO - add icon **/ .ico-video { display: inline-block; width: 36px; height: 36px; vertical-align: middle; line-height: 29px; background: url(/frontend/images/36x36_icon_sprite.png) -276px -596px no-repeat; } .ico-gallery { display: inline-block; width: 40px; height: 36px; vertical-align: middle; line-height: 29px; background: url(/frontend/images/36x36_icon_sprite.png) -230px -596px no-repeat; } /* calculator -----------------------------------------------------------------------------*/ .b-calculator-wrap h3.b-title { margin-bottom: 20px; } .b-calculator-wrap .b-field1 .b-text { margin-bottom: 10px; } .b-calculator-wrap .b-field-new .b-text { margin-bottom: 0px; } .b-calculator-choise > li { width: 263px; } .b-calculator-wrap .b-field1-wrap .b-text span { display: inline-block; } .b-calculator-wrap .b-field-new-next { margin-left: 24px; } .b-calculator-wrap .b-field-new { padding: 0; width: 278px; height: 175px; display: inline-block; position: relative; float: left; } .b-calculator-wrap .b-field-new .b-left-part { border-bottom: 1px solid #dbdbdb; width: 248px; margin-right: 0; padding: 5px 15px; } .b-calculator-wrap .b-field-new-wrap { padding: 10px 15px; margin-bottom: 15px; width: 261px; position: absolute; bottom: -10px; } .b-calculator-wrap .b-field-new2 { height: 140px; } .b-calculator-wrap .b-range-wrap { width: 248px; } .b-calculator-wrap .b-progress-choise .b-choise li { background: url(../../../frontend/images/img_cube_28x32.png) 0 0 no-repeat; } .b-calculator-counter-choise .b-option.active, .b-calculator-house-choise .b-option.active { border-color: #007fc7; } .b-calculator-result .b-submit { display: block; float: left; margin-right: 5px; padding-left: 25px; width: 142px; height: 30px; border: none; background: #f38f00 url(../../../frontend/images/bg_submit_corner_30.jpg) right center no-repeat; color: #ffffff; vertical-align: middle; text-align: left; font-size: 14px; cursor: pointer; } .b-calculator-result .b-result-text:before { position: absolute; top: 0px; left: -16px; z-index: 31; display: block; width: 0px; height: 0px; border-width: 0 0 28px 16px; border-style: solid; border-color: transparent transparent #ffffff transparent; content: ""; } .b-calculator-result .b-result-text:after { position: absolute; top: -1px; left: -18px; z-index: 30; display: block; width: 0px; height: 0px; border-width: 0 0 30px 18px; border-style: solid; border-color: transparent transparent #dbdbdb transparent; content: ""; } .b-calculator-result .b-result-text { width: 123px; } .b-calculator-sub-choise .b-answer li { cursor: pointer; } .b-calculator-sub-choise .b-answer > li { padding: 13px 0; text-align: center; } .b-calculator-sub-choise .b-answer > li:first-child { border-right: none; } .b-calculator-sub-choise .b-answer li.active { color: #007fc7; font-weight: bold; border-bottom: 5px solid #B1D4FE; } .b-calculator-sub-choise .b-answer p { border: 1px solid #dbdbdb; width: 80px; padding: 10px; } .b-calculator-sub-choise .b-answer li p { text-align: center; } .b-calculator-counter-choise .b-option, .b-calculator-house-choise .b-option { display: inline-block; margin-bottom: 4px; width: 108px; height: 42px; border: 1px solid #dbdbdb; background: #ffffff; color: #706f70; text-align: left; font-size: 12px; line-height: 42px; cursor: pointer; padding-left: 5px; } .b-calculator-counter-choise .b-option-last, .b-calculator-house-choise .b-option-last { margin-left: 12px; } .b-calculator-house-choise .b-option-last span { display: inline-table; width: 20px; height: 25px; /* background: url(../images/icons/ico_calc_condo.png) no-repeat; */ vertical-align: middle; line-height: 13px; margin-right: 5px; } .b-calculator-result { padding: 0; width: 278px; height: 75px; display: inline-block; position: relative; float: left; margin-left: 24px; } /*.b-calculator-result .b-right-part {*/ /*width: 257px;*/ /*border: 1px solid #F4A040;*/ /*color: #F4A040;*/ /*background-color: #fff;*/ /*margin-top: 5px;*/ /*height: 85px;*/ /*padding: 10px;*/ /*line-height: 1.5;*/ /*}*/ .succ-calced, .succ-calced-heating, .calc-info, .spec-volume, .for-which-gas { display: none; } .ico-calc-counter { display: inline-block; width: 36px; height: 26px; background: url(../../../frontend/images/icons/ico_calc_counter.png) no-repeat; vertical-align: middle; line-height: 26px; margin-right: 20px; } .ico-calc-nocounter { display: inline-block; width: 36px; height: 26px; background: url(../../../frontend/images/icons/ico_calc_nocounter.png) no-repeat; vertical-align: middle; line-height: 26px; margin-right: 20px; } .ico-calc-private { display: inline-block; width: 21px; height: 25px; background: url(../../../frontend/images/icons/ico_calc_private.png) no-repeat; vertical-align: middle; line-height: 25px; margin-right: 5px; } .ico-calc-condo { display: inline-block; width: 20px; height: 25px; background: url(../../../frontend/images/icons/ico_calc_condo.png) no-repeat; vertical-align: middle; line-height: 25px; margin-right: 5px; } /*.b-calc-square, .b-cnt-people, .b-counter {*/ /*pointer-events: none;*/ /*opacity: 0.4;*/ /*}*/ .b-area-home .b-meters .b-arrow { z-index: 3; } .bg-no-click { display: none; position: absolute; z-index: 5; /*opacity: .6;*/ /*filter: alpha(opacity=60);*/ /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; */ background: url(../../../frontend/images/tr_15_1.png) 0 0 repeat; } .b-cnt-people .bg-no-click, .b-calc-square .bg-no-click, .b-volume .bg-no-click { width: 278px; height: 175px; } .b-counter .bg-no-click, .b-house-type .bg-no-click { width: 278px; height: 140px; } .b-field1-wrap .bg-no-click { width: 886px; height: 137px; } .b-field1-wrap li .bg-no-click { width: 100%; height: 100%; } .b-calc-square .bg-no-click, .b-cnt-people .bg-no-click, .b-counter .bg-no-click { display: inline-block; } /* update voting gallery styles */ #nestedSlideshow > ul > li{ float: left; width: 620px; } .b-nested-voting-slider { position: relative; } .b-voting .b-img { text-align: center; } .b-voting .b-answer-text { padding: 6px 24px 29px 24px; font-size: 14px; line-height: 19px; } .b-voting .b-answer-text .b-title { padding-bottom: 12px; border-bottom: 1px solid #acacac; margin-bottom: 12px; font-size: 16px; color: #f38f00; } .b-voting .b-answer-text p { font-size: 14px; line-height: 19px; color: #6f6f6f; } #nestedSlideshow { position: relative; overflow: hidden; border: 1px solid #dbdbdb; } #nestedSlideshow .b-img img { display: inline; } .b-voting-slider .b-prev, .b-voting-slider .b-next { position: absolute; top: 170px; z-index: 20; display: block; width: 29px; height: 48px; cursor: pointer; } .b-voting-slider .b-prev:hover, .b-voting-slider .b-next:hover { background-position: 0 -58px; } .b-voting-slider .b-next { right: 20px; background: url(../../../frontend/images/ico_arrow_right_white_29x48.png) 0 0 no-repeat; } .b-voting-slider .b-prev { left: 20px; background: url(../../../frontend/images/ico_arrow_left_white_29x48.png) 0 0 no-repeat; } .b-voting .b-answer-text p:last-child { margin-bottom: 0px; } .b-voting-slider .b-prev, .b-voting-slider .b-next{ -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .b-voting-slider-hovered .b-prev, .b-voting-slider-hovered .b-next{ opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .b-voting-slider .b-list .b-pagination { float: right; margin-top: 13px; } .b-voting-slider .b-list .b-pagination ul li { float: none; width: auto; } /*=== timeline page ===*/ .hr-line { background-color: #DBDBDB; height: 1px; margin-bottom: 20px; } .b-breadcrumb { color: #007EC8; margin-bottom: 20px; } .b-breadcrumb a { text-decoration: none; color: #6E6E6E; } .b-page-header { font-size: 18px; /*font-weight: bold;*/ color: #007EC8; margin-bottom: 20px; } .g-timeline-page { border: 1px solid #DBDBDB; } .b-timeline-wrap { font-size: 14px; margin-bottom: 20px; } .b-timeline { border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; height:35px; padding: 10px; } /*.b-timeline-wrap ul {*/ /*background-color: #EDEDED;*/ /*padding: 10px 0;*/ /*}*/ /*.b-timeline-wrap li {*/ /*display: inline;*/ /*padding: 10px;*/ /*border-left: 1px solid #6F6F6F;*/ /*color: #6E6E6E;*/ /*}*/ /*.b-timeline-wrap li.last {*/ /*border-right: 1px solid #6F6F6F;*/ /*}*/ .b-timeline-wrap .nav { float: left; background: url(../../../frontend/images/bg_timeline_nav_wide.png) top right no-repeat; color: #fff; font-size: 16px; font-weight: bold; min-width: 230px; height: 30px; line-height: 30px; padding-left: 45px; } .b-timeline-wrap .nav-small { margin-left: 46px; } .b-timeline-wrap .nav a { color: #fff; text-decoration: none; } .g-timeline-page { padding: 25px; font-size: 14px; } .g-timeline-page .b-header { margin-bottom: 10px; line-height: 1.5em; } .g-timeline-page .b-header .b-date { float: left; margin-top: 8px; margin-bottom: 20px; color: #a9a9a8; font-size: 12px; line-height: 1; } .g-timeline-page .b-header .b-share { float: right; } .g-timeline-page .b-header-bottom .b-share { margin-bottom: 7px; } .g-timeline-page .b-header .b-social-btns { float: right; margin-bottom: 20px; } .g-timeline-page .b-header .title, .g-timeline-page .b-header .title-lev1 { color: #007FC6; font-size: 18px; line-height: 25px; margin-bottom: 10px; text-transform: uppercase; } .g-accordion-page .b-header .title{ text-transform: uppercase; } .g-timeline-page .b-header .title-lev1 { margin-bottom: 20px; } .g-timeline-page .b-header .short-descr { margin-bottom: 20px; font-size: 16px; font-style: italic; } .g-timeline-page .b-header .b-img { width: 100%; } .g-timeline-page .b-header .b-img img { margin-bottom: 5px; max-width: 100%; } .g-timeline-page .b-header .b-img .name, .g-timeline-page .b-header .b-img .source { color: #A8A8A8; font-size: 12px; margin-bottom: 5px; } .g-timeline-page .b-content { line-height: 1.5em; margin-bottom: 20px; } .g-timeline-page .b-footer { line-height: 1.5em; margin-bottom: 20px; padding: 0 45px; } .g-timeline-page .b-footer .title { margin-bottom: 6px; font-size: 16px; color: #007FC6; } .g-timeline-page .b-footer .title a{ color: #007FC6; text-decoration: none; } .g-timeline-page .b-footer .descr .b-img { width: auto; } .g-timeline-page .b-footer .descr .b-img img{ max-width: 100%; } /* timeline carousel */ .b-timeline-wrap .d-carousel { border-bottom: 1px solid #DBDBDB; border-top: 1px solid #DBDBDB; margin: 0 auto; } .b-timeline-wrap .d-carousel .last { border-right: 1px solid #a9a9a9; } .b-timeline-wrap .d-carousel ul li { float: left; /*background: none;*/ /*-webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;*/ /*-moz-box-shadow: 0px 1px 2px 0px #b7b7b7;*/ /*box-shadow: 0px 1px 2px 0px #b7b7b7;*/ border-left: 1px solid #a9a9a9; padding: 8px 16px; text-align: center; } .b-timeline-wrap .d-carousel li { background-color: #EDEDED; width: 50px; } .jcarousel-direction-rtl { direction: rtl; } .d-carousel .jcarousel-container { display: block; overflow: hidden; margin-bottom: 0px; } .d-carousel .jcarousel-item { width: 65px; height: 15px; } .d-carousel .jcarousel-container-horizontal { /*width: 370px;*/ height: 42px; /*padding: 0 45px;*/ margin: 10px auto 0; } .d-carousel .jcarousel-clip-horizontal { width: 500px; margin-left: 60px; } .d-carousel-small .jcarousel-clip-horizontal { margin-left: 46px; } .d-carousel-small .jcarousel-clip-horizontal ul{ width: 9999px; } .d-carousel .jcarousel-item-horizontal { margin-left: 0px; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; } .d-carousel .jcarousel-next-horizontal { position: absolute; top: 1px; right: 0; margin-right: 3px; width: 11px; height: 30px; cursor: pointer; background: transparent url(../../../frontend/images/timeline_ico_arrow_right_11x30.png); } .d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; } .d-carousel .jcarousel-next-horizontal:hover { /*background-position: bottom right;*/ background-image: url(../../../frontend/images/timeline_ico_arrow_right_a_11x30.png); } .d-carousel .jcarousel-prev-horizontal { position: absolute; top: 1px; left: 0; margin-left: 3px; width: 11px; height: 30px; cursor: pointer; background: transparent url(../../../frontend/images/timeline_ico_arrow_left_11x30.png); } .d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; } .d-carousel .jcarousel-prev-horizontal:hover { /*background-position: bottom left;*/ background-image: url(../../../frontend/images/timeline_ico_arrow_left_a_11x30.png); } .b-timeline-wrap .carousel a { text-decoration: none; color: #6F6F6F; } .b-timeline-wrap .carousel a:hover, .b-timeline-wrap .carousel a:active { color: #017FC9; } .b-timeline-wrap .carousel li.active2 { background-color: #fff; } .b-timeline-wrap .carousel li.active a, .b-timeline-wrap .carousel li.active2 a{ color: #017FC9; } /* Accordion */ .g-accordion-page { margin-bottom: 30px; padding-bottom: 0px; } /*.g-accordion-page .b-header .short-descr { margin-bottom: 0; } */ .accordion-icon { background: url(../../../frontend/images/accordion_icon.png) top left no-repeat; width: 52px; height: 30px; margin: 20px 0; } #accordion1 { height: auto; } .ui-accordion-content { height: auto !important; } .ui-accordion-header { padding: 10px 0; border-bottom: 1px solid #DBDBDB; } .ui-accordion-header-active { border-bottom: none; } h3.b-subitem-title { cursor: pointer; margin-top: 20px; margin-bottom: 28px; font-size: 17px; text-transform: uppercase; } h3.b-subitem-title a{ display: block; padding-right: 49px; color: #333; font-style: normal; text-decoration: none; background: url(../../../frontend/images/img_charts_legend_switch_30x30_grey.png) right center no-repeat; } h3.b-subitem-title a:visited{ color: #ddd; } h3.b-subitem-title a:hover { color: #007FC6; } h3.b-subitem-title a.active { color: #007FC6; background: url(../../../frontend/images/img_charts_legend_unswitch_30x30_grey.png) right center no-repeat; } /*.g-accordion-page .accordion-item:first-child h3.b-subitem-title{ margin-top: 0px; }*/ .g-accordion-page .accordion-item { border-top: 1px solid #dbdbdb; } .g-accordion-page .accordion-item:last-child { border-bottom: 0px none; } .g-business-units .g-accordion-page h3.b-subitem-title { text-transform: none; } .g-business-units .g-accordion-page h3.b-subitem-title a{ padding-left: 24px; background: url(../../../frontend/images/ico_arrow_down_18x6.png) left center no-repeat; } .g-business-units .g-accordion-page h3.b-subitem-title a.active{ background-image: url(../../../frontend/images/ico_arrow_up_18x6.png) } /** pressroom overrides **/ .g-pressroom .g-content{ padding-top: 0px; } .b-faq-list .accordion-item:first-child { border-top: 0px none; } .b-faq-list .accordion-item:first-child h3{ margin-top: 0px; } .b-graphic-widget .text { width: auto; min-width: 83px; } .b-soc-widget { padding: 23px 20px; } .g-col-right .b-soc-widget { margin-bottom: 20px; } .b-soc-widget .b-head li { width: 50%; } .b-soc-widget .b-cont.show { overflow: hidden; height: 163px; } .b-soc-widget .b-cont.show#soc-1-cont a{ display: block; width: 246px; height: 163px; background: url("/frontend/images/social/facebook_fake.png") center center no-repeat; } .b-soc-widget .b-head li a { position: relative; background: #ececec; } .b-soc-widget .b-head li a#soc-1 { /*width: 129px;*/ width: 256px; /*border-right: 0px none;*/ } .b-soc-widget .b-head li.active a { border-color: #dbdbdb; color: #2082c3; background: #fff; } .b-soc-widget .b-head li a#soc-2:before, .b-soc-widget .b-head li a#soc-2:after{ display: block; position: absolute; z-index: 2; left: -16px; top: 0px; width: 0px; height: 0px; border-width: 0 0 27px 16px; border-style: solid; border-color: transparent transparent #ececec transparent; content: ""; } .b-soc-widget .b-head li a#soc-2:after { z-index: 1; left: -17px; border-color: transparent transparent #dbdbdb transparent; } .b-soc-widget .b-head li.active a#soc-2:before{ border-color: transparent transparent #fff transparent; } .b-news-preview .b-head h2 a{ text-decoration: none; color: #6f6f6f; } .b-news-preview .b-head h2 a:hover{ color: #007fc7; } .b-news-preview .b-news-preview-list .b-title { line-height: 18px; } /** info for shareholders page **/ .g-info-for-shareholders .b-mini-widget-btns a{ height: 68px; line-height: 68px; } .g-info-for-shareholders .b-mini-widget-btns .arrow a ins.text-arrow-outer, .g-info-for-shareholders .b-mini-widget-btns .arrow-middle a ins.text-arrow-outer { height: 68px; } .g-info-for-shareholders .b-mini-widget-btns, .g-pressroom .b-mini-widget-btns{ margin-bottom: 22px; } .g-info-for-shareholders .b-mini-widget-btns:last-child, .g-pressroom .b-mini-widget-btns:last-child{ margin-bottom: 21px; } .g-pressroom .b-content-nav-contacts, .g-info-for-shareholders .b-content-nav-contacts{ margin-top: -1px; } /** natural gas cost fixes **/ .g-cost-gas .b-file-download { margin-bottom: 35px; } .service-cost-left .selectboxit-text { max-width: 250px !important; } .service-cost-left .b-select-wrap-perpage { width: 130px; display: inline-block; float: right; } .service-cost-left .b-select-wrap-perpage .b-select-wrap { width: 130px; } .service-cost-left .b-select-wrap-cat { display: inline-block; margin-bottom: 25px; } .service-cost-left .b-select-wrap-cat .b-select-wrap { width: 400px; margin-right: 37px; } .service-cost-left .b-select-wrap-search { /*float: right;*/ width: 518px; } .service-cost-left .b-select-wrap-search #search { background-color: #ffffff; border: 1px solid #dbdbdb; margin: 0; padding: 0 25px 0 25px; width: 518px; height: 28px; line-height: 28px; cursor : pointer; text-overflow: ellipsis; } .gas-cost-tbl-title { margin-bottom: 10px; } /* Units search */ .g-business-units .short-descr{ margin-bottom: 20px; font-size: 16px; font-style: italic; line-height: 1.5em; } .b-unit-col { padding: 15px 25px; border: 1px solid #dbdbdb; background: #f3f3f3; margin-bottom: 15px; width: 251px; } .b-unit-col .header { border-bottom: 1px solid #007EC8; color: #007EC8; padding-left: 40px; width: 205px; float: right; height: 32px; line-height: 20px; position: relative; margin-bottom: 10px; float: right; } .b-unit-col .header-act { color: #F4A040; border-bottom: 1px solid #F4A040; } .unit-marker { width: 22px; height: 32px; position: absolute; left: -10px; background: url(../../../frontend/images/icons/ico_map_2.png) 0 0 no-repeat; } .b-unit-col .header-act .unit-marker { background: url(../../../frontend/images/icons/ico_map_1.png) 0 0 no-repeat; } .b-unit-col a { color: #007EC8; text-decoration: none; } .b-unit-col .header-act a { color: #F4A040; } .b-unit-col .serv-name, .b-unit-col .addr, .b-unit-col .email, .b-unit-col .phone, .b-unit-col .work, .b-unit-col .break, .b-unit-col .no-reception-days, .b-unit-col .add-info, .b-unit-col .places, .b-unit-col .work-up, .b-unit-col .work-down { border-bottom: 1px solid #DBDBDB; padding: 15px 15px 15px 50px; font-size: 12px; line-height: 1.5em; width: 190px; /*float: right;*/ } .b-unit-col .serv-name { font-size: 16px; } .b-unit-col .addr { background: url(../../../frontend/images/icons/ico_map_i.png) 0 50% no-repeat; } .b-unit-col .email { background: url(../../../frontend/images/icons/ico_unit_email.png) 0 50% no-repeat; } .b-unit-col .phone { background: url(../../../frontend/images/icons/ico_unit_phone.png) 0 50% no-repeat; } .b-unit-col .work, .b-unit-col .break, .b-unit-col .no-reception-days, .b-unit-col .add-info, .b-unit-col .places { background: url(../../../frontend/images/icons/ico_unit_time.png) 0 50% no-repeat; } .err-service { display: none; color: #ff0000; margin-bottom: 10px; } #unitsForm .selectboxit-text { max-width: 380px !important; } #place-selSelectBoxItOptions { width: 600px; } .selectboxit-option-anchor { /*white-space: none;*/ padding-right: 10px; } .b-unit-col .work-up { background: url(../../../frontend/images/ico_arrow_down_18x6.png) 0 50% no-repeat; cursor: pointer; border-bottom: none; display: none; } .b-unit-col .work-down { background: url(../../../frontend/images/ico_arrow_up_18x6.png) 0 50% no-repeat; cursor: pointer; border-bottom: none; } /** search page **/ .g-search-list .g-col-right{ padding-top: 61px; } .b-form-search { position: relative; z-index: 100; margin-left: 18px; margin-bottom: 6px; } .b-form-search:before { position: absolute; top: 0px; left: -22px; display: block; width: 22px; height: 30px; background: url(../../../frontend/images/bg_header_search.png) center center no-repeat; content: ""; } .b-form-search input[type="text"] { position: relative; padding-right: 37px; padding-left: 4px; width: 513px; height: 26px; border: none; border-top: 1px solid #6f6f6f; border-right: 1px solid #6f6f6f; border-bottom: 1px solid #6f6f6f; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #6f6f6f; font-size: 12px; line-height: 28px; } .b-form-search input[type="text"]::-webkit-input-placeholder { color: #6f6f6f; } .b-form-search input[type="text"]:-moz-placeholder { color: #6f6f6f; } .b-form-search input[type="text"]::-moz-placeholder { color: #6f6f6f; } .b-form-search input[type="text"]:-ms-input-placeholder { color: #6f6f6f; } .b-form-search input[type="submit"] { position: absolute; top: 50%; right: 9px; margin-top: -11px; width: 30px; height: 22px; border: none; background: url(../../../frontend/images/bg_bth_header_search.png) center center no-repeat; cursor: pointer; } .g-search-list h4.b-title{ margin-bottom: 14px; text-transform: uppercase; font-size: 17px; color: #6f6f6f; } .g-search-list h4.b-tags-title { margin-top: 26px; } .g-search-list h4.b-search-title { margin-top: 33px; margin-bottom: 26px; } .g-search-list .b-search-results li.item{ display: block; position: relative; margin-bottom: 12px; padding-left: 23px; font-size: 14px; line-height: 19px; } .g-search-list .b-search-results li ins{ position: absolute; left: 0; top: 0; } .g-search-list .b-search-results li a{ text-decoration: none; color: #666; } .g-search-list .b-search-results li a:hover{ color: #007fc7; } .g-search-list .b-tags-list span { vertical-align: top; } .g-search-list .b-search-results .b-tags-list a{ color: #007fc7; text-decoration: none; } .g-search-list .b-search-results .b-tags-list a ins{ position: relative; left: auto; top: auto; padding: 0px 3px; color: #fff; background: #f38f00; } .g-search-list .b-popular-tags{ padding: 13px; line-height: 23px; font-size: 14px; background: #ededed; } .g-search-list .b-popular-tags a{ color: #6f6f6f; text-decoration: none; } .g-search-list .b-popular-tags a:hover{ color: #007fc7; } .g-search-list .b-popular-tags a.b-tag-size-19{ font-size: 26px; } .g-search-list .b-popular-tags a.b-tag-size-18{ font-size: 19px; } .g-search-list .b-popular-tags a.b-tag-size-17{ font-size: 17px; } .g-search-list .b-popular-tags a.b-tag-size-16{ font-size: 16px; } .g-search-list .b-popular-tags a.b-tag-size-15{ font-size: 15px; } /** sitemap page **/ .g-sitemap-list .g-col-right{ padding-top: 61px; } .g-sitemap-list .b-map-section { float: left; width: 48%; margin-right: 2%; margin-bottom: 14px; } .g-sitemap-list .b-map-section.last { margin-right: 0; width: 50%; } .g-sitemap-list .b-map-section a{ font-size: 12px; color: #6f6f6f; text-decoration: none; } .g-sitemap-list .b-map-section a:hover{ color: #007fc7; } .g-sitemap-list .b-map-section h4{ margin: 0 0 9px; text-transform: uppercase; font-size: 12px; font-weight: normal; } .g-sitemap-list .b-map-section ul.b-level1 { list-style-type: square; list-style-position: inside; } .g-sitemap-list .b-map-section ul.b-level1 > li{ margin: 0 0 20px; padding-left: 0px; font-size: 14px; font-weight: normal; } .g-sitemap-list .b-map-section ul.b-level1 > li h5{ margin-bottom: 7px; } .g-sitemap-list .b-map-section h5 a { font-size: 14px; } .g-sitemap-list .b-map-section ul.b-level1 ul{ padding-left: 21px; } .g-sitemap-list .b-map-section ul.b-level1 ul li{ margin-bottom: 8px; font-size: 12px; } /** tags **/ .b-tags-list span { display: inline; } .b-tags-list ul { display: inline; } .b-tags-list ul li { display: inline; float: none; } /** register **/ .g-cabinet .g-content { position: relative; z-index: 9; } .b-checkbox input[type="checkbox"] + label p { width: 84%; } .b-cabinet-register .b-double-block-short p { min-height: 0px; } .b-cabinet-register p b { font-weight: bold; } .b-cabinet-current-counter form.frmMeter { display: block; position: relative; } .b-cabinet-current-counter input.b-date { width: 82px; } .b-cabinet-current-counter .b-toggle-calendar{ margin-left: 5px; margin-top: -4px; } .b-cabinet-current-counter .b-data { margin-left: 34px; } .b-cabinet-send-wrap .b-tooltip p{ display: none; } .b-cabinet-user-data #img-result{ display: block; width: 100px; } .b-cabinet-user-data #img-result img{ display: inline-block; max-width: 100%; } .b-cabinet-user-data .b-property .inlineTitle { float: left; margin-right: 3px; } #externalLocalityCont { margin-top: 12px; } .frmInline { display: inline-block; position: relative; } .frmInlineWide { padding: 5px; border: 1px solid #ddd; background: #fff; } .frmInlineWide label { display: block; margin-bottom: 3px; } .frmInline input[type="text"]{ padding-right: 7px; padding-left: 7px; width: 130px; height: 16px; border: 1px solid #dbdbdb; background: #fff; font-size: 12px; line-height: 16px; vertical-align: middle; } .frmInline input[type="submit"], .frmInline input[type="button"]{ height: 20px; border: none; padding: 0px 4px; text-align: left; background: #ededed; font-size: 12px; line-height: 1; vertical-align: middle; } .frmInline input[type="button"]{ border-left: 1px solid #ddd; } .frmInlineWide input[type="text"]{ width: 90%; } .frmInlineWide .qq-upload-button { display: block; height: auto; line-height: 1em; margin: 5px 0; padding: 6px 7px 5px; font-size: 0.9em; text-align: center; color: #6f6f6f; border: 1px solid #dbdbdb; } .frmInlineWide .qq-upload-button:hover { color: #f38f00; text-decoration: none; } .frmInlineWide .qq-upload-button:hover div{ text-decoration: none; } .frmInlineWide .qq-upload-list li { margin: 0 0 5px; padding: 4px 9px; font-size: 0.9em; line-height: 1.1em; } .b-cabinet-index.mt { margin-top: -1px; } #frmAddMessage .selectboxit-container span.selectboxit-text{ max-width: 95% !important; } /* map marker style */ .marker { line-height: 32px; padding: 0 10px 0 10px; text-transform: uppercase; font-size: 12px; } .marker:after { content:''; position:absolute; right:-12px; top: -1px; bottom:0; width:23px; height: 32px; background:#fff; border: 1px solid #F4A040;/*#F4A040;*/ border-left: 0; /*border-bottom: 0;*/ -webkit-transform:skewX(-30deg); -moz-transform:skewX(-30deg); -ms-transform:skewX(-30deg); -o-transform:skewX(-30deg); transform:skewX(-30deg); } #map_canvas { height: 450px; width: 940px; } .btn-new-srch { background: url(../../../frontend/images/bg_btn_new_srch.png) 0 0 no-repeat; width:206px; height: 30px; line-height: 30px; color: #fff; text-indent: 15px; } .btn-new-srch a { color: #fff; text-decoration: none; } /** 104 block */ .b-services-information-list .b-img { height: 161px; } /* Calculator - new style */ .b-calculator-wrap .b-field1-wrap { padding: 0 0 15px 0; } .b-calculator-wrap .b-field1 { border: 0; border-bottom: 1px solid #dbdbdb; padding-bottom: 5px; margin-bottom: 15px; } .b-calculator-wrap .b-field1-wrap .b-text span { display: inline-block; } .b-calculator-sub-choise .b-answer > li:first-child { border-right: none; } .b-calculator-sub-choise .b-answer > li { padding: 13px 0; text-align: center; } .b-calculator-sub-choise .b-answer p { border: 1px solid #dbdbdb; width: 80px; padding: 10px; } .b-calculator-wrap .b-field-new-wrap { padding: 10px 15px; margin-bottom: 15px; width: 261px; position: absolute; bottom: -10px; } .b-calculator-wrap .b-field-new { padding: 0; width: 278px; height: 175px; display: inline-block; position: relative; float: left; } .b-calculator-wrap .b-field-new .b-left-part { border-bottom: 1px solid #dbdbdb; width: 248px; margin-right: 0; padding: 5px 15px; } .b-calculator-wrap .b-field-new-next { margin-left: 24px; } .b-calculator-choise > li:first-child { margin-left: 25px; } .b-calculator-choise > li { width: 263px; } .b-calculator-wrap .b-range-wrap { width: 248px; } .b-area-home .b-options { width: 160px; padding-left: 5px; } .b-area-home .b-house { margin-right: 6px; } .b-progress-bar { width: 248px; } .b-progress-choise .b-choise li { float: left; margin-left: 50px; width: 28px; height: 32px; background: url(../../../frontend/images/img_cube_28x32.png) 0 0 no-repeat; cursor: pointer; } .b-progress-choise .b-choise li:first-child { margin-left: 27px; } .calc-help a { text-decoration: none; color: #007fc7; } .b-calculator-wrap .b-field-new2 { height: 140px; } .ico-calc-counter { display: inline-block; width: 36px; height: 26px; background: url(../../../frontend/images/icons/ico_calc_counter.png) no-repeat; vertical-align: middle; line-height: 26px; margin-right: 20px; } .ico-calc-nocounter { display: inline-block; width: 36px; height: 26px; background: url(../../../frontend/images/icons/ico_calc_nocounter.png) no-repeat; vertical-align: middle; line-height: 26px; margin-right: 20px; } .ico-calc-condo { display: inline-block; width: 20px; height: 25px; background: url(../../../frontend/images/icons/ico_calc_condo.png) no-repeat; vertical-align: middle; line-height: 25px; margin-right: 5px; } .ico-calc-private { display: inline-block; width: 21px; height: 25px; background: url(../../../frontend/images/icons/ico_calc_private.png) no-repeat; vertical-align: middle; line-height: 25px; margin-right: 5px; } .b-calculator-counter-choise, .b-calculator-house-choise { width: 100%; } .b-calculator-counter-choise .b-option:first-child:hover { /*border-color: #f29004;*/ } .b-calculator-counter-choise .b-option:hover { /*border-color: #007fc7;*/ } .b-calculator-house-choise .b-option:hover { /*border-color: #007fc7;*/ } .b-calculator-counter-choise .b-option:first-child.active { border-color: #007fc7; /*color: #f29004;*/ } .b-calculator-counter-choise .b-option.active { border-color: #007fc7; /*color: #007fc7;*/ } .b-calculator-house-choise .b-option.active { border-color: #007fc7; /*color: #f29004;*/ } .b-calculator-counter-choise .b-option, .b-calculator-house-choise .b-option { display: inline-block; margin-bottom: 4px; width: 108px; height: 42px; border: 1px solid #dbdbdb; background: #ffffff; color: #706f70; text-align: left; font-size: 12px; line-height: 42px; cursor: pointer; padding-left: 5px; } .b-calculator-counter-choise .b-option-last, .b-calculator-house-choise .b-option-last { margin-left: 12px; } .b-calculator-house-choise .b-option-last span { display: inline-table; width: 20px; height: 25px; /*background: url(../images/icons/ico_calc_condo.png) no-repeat;*/ vertical-align: middle; line-height: 13px; margin-right: 5px; } .b-calculator-result { padding: 0; width: 278px; height: 75px; display: inline-block; position: relative; float: left; margin-left: 24px; } .b-calculator-result .b-right-part { width: 271px; border: 1px solid #F4A040; color: #F4A040; background-color: #fff; margin-top: 5px; height: 64px; padding: 3px; line-height: 1.5; font-size: 12px; } .b-calculator-result .b-submit { margin-left: -1px; } .b-calculator-result .b-result-text { width: 123px; } .b-start-over .start-over { background: url(../../../frontend/images/bg_btn_start_over.jpg) 0 0 no-repeat; width: 153px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; margin-top: 12px; } .b-start-over .start-over:hover { cursor: pointer; } /*.b-calculator-choise > li.active .b-first-choise {*/ /*color: #f29004;*/ /*}*/ .b-calculator-sub-choise .b-answer li:first-child p:hover { /*border-color: #f29004;*/ } .b-calculator-sub-choise .b-answer li p:hover { /*border-color: #007fc7;*/ } .b-calculator-wrap .b-field .b-right-part { width: 425px; } /* Natural gas cost */ .table-six td { /*padding: 5px 0;*/ font-size: 12px; padding-right: 5px; } .table-six td.select { padding-left: 15px; } .table-six .norm td:first-child, .table-six .norms-price td:first-child { padding-left: 0; } .table-six .norms-price { width: 100%; } .table-six .norms-price td { width: 25%; padding-left: 5px; } .table-six-descr { margin-bottom: 10px; } .table-six-new th.first { width: 55%; } .table-six-new th { width: 15%; } .table-volume-wrap { margin-bottom: 20px; } .table-volume-descr { margin-bottom: 10px; } .table-volume { width: 100%; } .table-volume th, .table-volume td { width: 25%; text-align: center; } .table-volume td:first-child { padding-left: 0; } .radio-volumes .b-radio-button + label { margin-right: 25px !important; } .b-retail-prices .b-select-wrap { width: 286px; } /** contests **/ .b-contests-widget { min-height: 158px; background: url(/frontend/images/img_children_contest_white.png); } .b-contests-widget a{ display: block; font-size: 13px; line-height: 19px; color: #706f6f; text-decoration: none; padding: 64px 34px 10px 120px; } .b-contests-widget a span{ display: block; color: #007fc7; } /* Calculator */ .succ-calced, .succ-calced-heating, .calc-info, .spec-volume, .for-which-gas { display: none; } /* Contacts */ .b-contact-addr { width: 625px; height: 253px; margin-bottom: 25px; border: 1px solid #dbdbdb; background-color: #f3f3f3; } .b-contact-addr .b-left-col, .b-contact-addr .b-right-col { display: inline-block; width: 260px; height: 200px; padding: 30px 15px 15px 15px; float: left; } .b-contact-addr .b-right-col { float: right; } .ico-addr { display: inline-block; width: 18px; height: 27px; background: url(../../../frontend/images/ico_addr_18x27.png) 0 0 no-repeat; vertical-align: middle; line-height: 27px; } .ico-reception { display: inline-block; width: 23px; height: 28px; background: url(../../../frontend/images/ico_reception_23x28.png) 0 0 no-repeat; vertical-align: middle; line-height: 28px; } .b-contact-addr .b-left-col div, .b-contact-addr .b-right-col div { width: 225px; min-height: 25px; line-height: 20px; border-bottom: 1px solid #dbdbdb; padding: 15px 0 15px 44px; font-size: 13px; /*margin-bottom: 10px;*/ } .b-contact-addr .addr { background: url(../../../frontend/images/ico_addr_18x27.png) 0 center no-repeat; } .b-contact-addr .email { /*background: url(../images/ico_email_20x21.png) 0 center no-repeat;*/ background: url(../../../frontend/images/icons/ico_unit_email.png) 0 50% no-repeat; } .b-contact-addr .b-left-col .phone { /*background: url(../images/ico_phone_12x23.png) 0 center no-repeat;*/ background: url(../../../frontend/images/icons/ico_unit_phone.png) 0 center no-repeat; border-bottom: none; } .b-contact-addr .b-right-col .work { /*background: url(../images/ico_work_21x21.png) 0 center no-repeat;*/ background: url(../../../frontend/images/icons/ico_unit_time.png) 0 50% no-repeat; border-bottom: none; } /* Service cost - cart */ .b-cart { background-color: #ededed; padding: 0; margin-bottom: 25px; } .cart-table { width: 100%; } .cart-table td { /*width: 10%;*/ padding:5px 0 5px 0; text-align: left; } .cart-table td.descr { width: 285px; text-align: left; } .cart-table tfoot { font-weight: bold; } .b-cart a, .table-six a { text-decoration: none; color: #007fc7; } .cart-table td.center { width: 35px; text-align: center; vertical-align: middle; } .b-cart div.delete { background: url(../../../frontend/images/cart_del.png) 0 0 no-repeat; width: 12px; height: 12px; display: inline-block; } .b-cart div.delete:hover { background: url(../../../frontend/images/cart_del_sel.png) 0 0 no-repeat; width: 12px; height: 12px; display: inline-block; } .b-cart .cart-logo { margin-left: 25px; margin-bottom: 10px; } .b-cart .empty-cart { text-align: center; padding-bottom: 10px; display: inline-block; } /** calendar **/ .b-calendar-popup { display: block; position: relative; width: 304px !important; } .b-calendar-popup .b-down { background: #fff; } .b-calendar-popup .b-head .b-month-wrap { margin-left: 79px; } .b-calendar-popup .b-calendar-table thead tr th:first-child { border-left: 1px solid #dbdbdb; } .b-calendar-popup .b-calendar-table thead tr th:last-child { border-right: 1px solid #dbdbdb; } .b-calendar-popup .b-calendar-table tbody tr td .other-month { color: #e8e8e8; cursor: default; } .b-calendar-popup .b-calendar-table tbody tr td .other-month { color: #e8e8e8; cursor: default; } .b-calendar-popup .b-calendar-table tbody tr td a.b-free { color: #ff9100; } .b-calendar-popup .b-calendar-table tbody tr td span.b-free { color: #ff9100; } .b-cabinet-send-wrap .b-tooltip { min-width: 80px; } .b-cabinet-send-wrap input[type="text"] { width: 100%; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize: none; overflow: auto; border: 1px solid #dbdbdb; background: #fff; font-size: 12px; line-height: 1.3; padding: 0px 12px; } .b-cabinet-send-wrap .b-payment-form .b-send-wrap { position: static; float: right; top: 0; } .b-cabinet-send-wrap .b-payment-form .b-send-wrap .b-send{ margin-bottom: 10px; } .b-tab-wrap .b-tab-main-switch li a .b-count { margin-left: 10px; font-size: 13px; } .b-calendar-popup .b-head .b-month-wrap .b-prev , .b-calendar-popup .b-head .b-month-wrap .b-next { overflow: hidden; } .b-calendar-popup .b-head .b-month-wrap .b-prev a, .b-calendar-popup .b-head .b-month-wrap .b-next a{ display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); } .b-cabinet .b-opacity { position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0.75; filter: alpha(opacity=75); background: #ffffff; z-index: 1; display: none; } .b-tooltip .tooltipError{ padding-left: 50px; background: url(../../../frontend/images/ico_msg_error.png) 13px 23px no-repeat #fff; } .b-received-message-cont .b-received-cont .b-in .cite { margin-bottom: 10px; padding: 8px; font-style: italic; background: #f0f0f0; border: 1px solid #999; } .b-guestbook-section .b-no-messages{ padding-top: 15px; } .b-tab-wrap .b-tab-main-switch li form { position: relative; text-align: center; font-size: 15px; line-height: 53px; height: 53px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; display: block; text-decoration: none; color: #70706f; } .b-tab-wrap .b-tab-main-switch li form input.text{ display: inline; font-size: 15px; color: #70706f; width:150px; letter-spacing: 0px; font-family:arial; border: 0px none; } .b-tab-wrap .b-tab-main-switch li:first-child form { border-left: 1px solid #dbdbdb; border-right: none; } .b-tab-wrap .b-tab-main-switch li form:hover , .b-tab-wrap .b-tab-main-switch li form:hover input.text{ background: #f3f3f3; } .b-tab-wrap .b-tab-main-switch li .ico-loop-blue{ margin-right: 14px; margin-left:6px; border: 0px none; } .b-tab-wrap .b-tab-main-switch li form:after { position: absolute; width: 32px; height: 55px; top: -1px; content: ""; z-index: 30; } .b-tab-wrap .b-tab-main-switch li form:after { right: -32px; background: url(../../../frontend/images/bg_tab_switch_divide_after.png) no-repeat 0 0; } .b-tab-wrap .b-tab-main-switch li form:hover:after { z-index: 50; background-position: 0 -65px; } .b-reviews-list .b-inf-list li.doGuestbookVote .ico-like-hand:hover { cursor: pointer; background: url(../../../frontend/images/ico_like_orange_39x31.png) no-repeat 0 0; } .b-reviews-list .b-inf-list li.doGuestbookVote:hover .votes-title{ display: none; } .b-reviews-list .b-inf-list li.doGuestbookVote:hover .dovote-title{ display: inline; } /* Survey */ .b-answer-res-wrap { display: none; } .b-answer-result span { display: inline-block; } .b-voting .b-question { min-height: 70px; height: auto; } .b-voting .b-question p { margin-top: 5px; margin-bottom: 5px; } .b-answer-list input[type="text"] { width: 420px; height: 24px; padding: 0 10px; } .b-voting .b-img { width: 618px; height: 349px; position: relative; z-index: 10; } .b-voting .result-chart { width: 618px; height: 349px; font-weight: bold; opacity: 0; } .b-surv-show-result { position: relative; width: 200px; display: inline-block; margin-left: 20px; } .b-surv-show-result .surv-show-result { line-height: 32px; padding: 0 10px 0 10px; text-transform: uppercase; font-size: 12px; border: 1px solid #dbdbdb; width: 177px; background-color: #ededed; cursor: pointer; } .b-surv-show-result .surv-show-result:after { cursor: pointer; content:''; position:absolute; right:-12px; top: 0px; bottom:0; width:23px; height: 32px; background-color: #ededed; border: 1px solid #DBDBDB;/*#F4A040;*/ border-left: 0; /*border-bottom: 0;*/ -webkit-transform:skewX(-30deg); -moz-transform:skewX(-30deg); -ms-transform:skewX(-30deg); -o-transform:skewX(-30deg); transform:skewX(-30deg); } #chart { background-color: #e7e5e6; float: right; } .b-progress { display: none; width: 46px; height: 56px; background: url(../../../frontend/images/progress.gif) 0 0 no-repeat; z-index: 100; position: absolute; top: 147px; left: 283px; } .more-one-option { font-size: 10px; height: 30px !important; line-height: 30px !important; } .bg-no-click { display: none; position: absolute; z-index: 5; background-color: #000; display: none; opacity: .1; filter: alpha(opacity=10); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=10)"; } .chart-wrap { width: 100%; height: 100%; } .qn-no { width: 25px; display: none; font-size: 14px; } .b-checkbox { width: 300px; display: inline-block; } /* voting articles -----------------------------------------------------------------------------*/ .b-voting-article .b-head { margin-bottom: 20px; } .b-voting-article .b-head h1 { display: inline-block; *display: inline; *zoom: 1; width: 304px; vertical-align: middle; text-align: left; line-height: 1.2; font-size: 21px; color: #f38f00; text-transform: uppercase; } .b-voting-article .b-head .b-share { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 253px; line-height: 1.2; } .b-voting-article .b-head .b-share img { vertical-align: middle; } .b-voting-article p { font-size: 12px; line-height: 1.5; margin-bottom: 10px; } .b-voting-article-list { margin-top: 20px; } .b-voting-article-list .b-item .b-left { float: left; width: 256px; } .b-voting-article-list .b-item .b-right { width: 196px; float: right; } .b-voting-article-list .b-title { font-size: 16px; color: #6f6f6f; text-transform: uppercase; line-height: 1.2; margin-bottom: 12px; } .b-voting-article-list .b-sub-title { font-size: 13px; color: #706f6f; margin-bottom: 5px; line-height: 1; vertical-align: bottom; margin-bottom: 12px; } .b-voting-article-list .b-sub-title sup { vertical-align: super; font-size: 9px; } .b-voting-article-list .b-sub-title span { font-size: 20px; line-height: 1; vertical-align: bottom; } .b-voting-article-list p { margin: 0 0 0 0; font-size: 12px; line-height: 1; color: #007fc7; line-height: 1.2em; font-size: 20px; } .b-voting-article-list .b-stats { margin-top: 28px; } .b-voting-article-list .b-stats li { float: left; width: 58px; margin-left: 23px; } .b-voting-article-list .b-stats li:first-child { margin-left: 0; } .b-voting-article-list .b-stats .b-scale { position: relative; width: 32px; height: 224px; background: #ededed; } .b-voting-article-list .b-stats .b-bar { position: absolute; bottom: 0; width: 100%; } .b-voting-article-list .b-stats .b-bar.like { background: #fabf1b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYmYxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmFiODAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjklIiBzdG9wLWNvbG9yPSIjZjdhOTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZjhhNjAyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjZjM5YTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjZjU5MjAzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjZWU3YzAyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZWQ3NDAzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VjNzYwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #fabf1b 0%, #fab800 1%, #f7a901 29%, #f8a602 30%, #f39a00 45%, #f59203 54%, #ee7c02 81%, #ed7403 99%, #ec760a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fabf1b), color-stop(1%, #fab800), color-stop(29%, #f7a901), color-stop(30%, #f8a602), color-stop(45%, #f39a00), color-stop(54%, #f59203), color-stop(81%, #ee7c02), color-stop(99%, #ed7403), color-stop(100%, #ec760a)); background: -webkit-linear-gradient(top, #fabf1b 0%, #fab800 1%, #f7a901 29%, #f8a602 30%, #f39a00 45%, #f59203 54%, #ee7c02 81%, #ed7403 99%, #ec760a 100%); background: -o-linear-gradient(top, #fabf1b 0%, #fab800 1%, #f7a901 29%, #f8a602 30%, #f39a00 45%, #f59203 54%, #ee7c02 81%, #ed7403 99%, #ec760a 100%); background: -ms-linear-gradient(top, #fabf1b 0%, #fab800 1%, #f7a901 29%, #f8a602 30%, #f39a00 45%, #f59203 54%, #ee7c02 81%, #ed7403 99%, #ec760a 100%); background: linear-gradient(to bottom, #fabf1b 0%, #fab800 1%, #f7a901 29%, #f8a602 30%, #f39a00 45%, #f59203 54%, #ee7c02 81%, #ed7403 99%, #ec760a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fabf1b', endColorstr='#ec760a', GradientType=0); } .b-voting-article-list .b-stats .b-bar.dislike { background: #6cc9f2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjYzlmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjNWFjM2YwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiM1NmJmZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiM0YmIzZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiM0M2E4ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiM0M2E4ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiMzZGE1ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzNyUiIHN0b3AtY29sb3I9IiMzZWEzZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiMxOTdhYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MiUiIHN0b3AtY29sb3I9IiMwYzZkYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiMwMTYxYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTM2YWIxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #6cc9f2 0%, #5ac3f0 1%, #56bfee 9%, #4bb3e6 22%, #43a8dc 31%, #43a8de 32%, #3da5dc 35%, #3ea3db 37%, #197abe 69%, #0c6db2 82%, #0161ab 99%, #136ab1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6cc9f2), color-stop(1%, #5ac3f0), color-stop(9%, #56bfee), color-stop(22%, #4bb3e6), color-stop(31%, #43a8dc), color-stop(32%, #43a8de), color-stop(35%, #3da5dc), color-stop(37%, #3ea3db), color-stop(69%, #197abe), color-stop(82%, #0c6db2), color-stop(99%, #0161ab), color-stop(100%, #136ab1)); background: -webkit-linear-gradient(top, #6cc9f2 0%, #5ac3f0 1%, #56bfee 9%, #4bb3e6 22%, #43a8dc 31%, #43a8de 32%, #3da5dc 35%, #3ea3db 37%, #197abe 69%, #0c6db2 82%, #0161ab 99%, #136ab1 100%); background: -o-linear-gradient(top, #6cc9f2 0%, #5ac3f0 1%, #56bfee 9%, #4bb3e6 22%, #43a8dc 31%, #43a8de 32%, #3da5dc 35%, #3ea3db 37%, #197abe 69%, #0c6db2 82%, #0161ab 99%, #136ab1 100%); background: -ms-linear-gradient(top, #6cc9f2 0%, #5ac3f0 1%, #56bfee 9%, #4bb3e6 22%, #43a8dc 31%, #43a8de 32%, #3da5dc 35%, #3ea3db 37%, #197abe 69%, #0c6db2 82%, #0161ab 99%, #136ab1 100%); background: linear-gradient(to bottom, #6cc9f2 0%, #5ac3f0 1%, #56bfee 9%, #4bb3e6 22%, #43a8dc 31%, #43a8de 32%, #3da5dc 35%, #3ea3db 37%, #197abe 69%, #0c6db2 82%, #0161ab 99%, #136ab1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cc9f2', endColorstr='#136ab1', GradientType=0); } .b-voting-article-list .b-stats p { position: absolute; bottom: 0; font-size: 10px; line-height: 1; right: 100%; margin-right: 5px; margin-bottom: 0; } .b-voting-article-list .b-like-btns { position: absolute; top: -5px; right: 82px; z-index: 100; } .b-voting-article-list .b-like-btns li { float: left; width: 32px; } .b-voting-article-list .b-like-btns li:first-child { margin-right: 48px; } .g-leaders-voting .b-content .b-text-nav { margin-bottom: 25px; } .b-leaders-voting .b-head { margin-bottom: 22px; } .b-leaders-voting .b-head .b-title { font-size: 18px; line-height: 1; color: #f38f00; margin-bottom: 10px; } .b-leaders-voting .b-head p { font-size: 12px; line-height: 1; color: #706f6f; margin-bottom: 0; } .b-leaders-voting-list .b-item { border-top: 1px solid #dbdbdb; padding-top: 22px; margin-top: 25px; } .b-leaders-voting-list .b-item:first-child { margin-top: 0; } .b-leaders-voting-list .b-left { margin-top: 2px; float: left; width: 300px; } .b-leaders-voting-list .b-img { float: left; width: 195px; height: 138px; margin-right: 20px; border: none; padding-bottom: 0; margin-bottom: 0; } .b-leaders-voting-list .b-img a { text-decoration: none; display: block; } .b-leaders-voting-list .b-scale { float: left; position: relative; width: 32px; height: 138px; background: #ededed; } .b-leaders-voting-list .b-scale p { position: absolute; bottom: -5px; font-size: 30px; line-height: 1; left: 100%; color: #b7b7b7; margin-left: 19px; margin-bottom: 0; } .b-leaders-voting-list .b-bar { position: absolute; bottom: 0; width: 100%; background: #fab800; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYjgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZjhiNjAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjZjdhOTAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjZjQ5OTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZjQ5NTAzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjZjI5MjAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjZjM4ZjAzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjZjA4ODAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjclIiBzdG9wLWNvbG9yPSIjZjI4NzAzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzMlIiBzdG9wLWNvbG9yPSIjZWY4MjAxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzQlIiBzdG9wLWNvbG9yPSIjZjE4MTAzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjZWQ3ODA0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjZWQ3NDAzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlNzEwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #fab800 0%, #f8b600 8%, #f7a901 28%, #f49900 45%, #f49503 51%, #f29200 54%, #f38f03 57%, #f08801 66%, #f28703 67%, #ef8201 73%, #f18103 74%, #ed7804 88%, #ed7403 99%, #ee7103 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fab800), color-stop(8%, #f8b600), color-stop(28%, #f7a901), color-stop(45%, #f49900), color-stop(51%, #f49503), color-stop(54%, #f29200), color-stop(57%, #f38f03), color-stop(66%, #f08801), color-stop(67%, #f28703), color-stop(73%, #ef8201), color-stop(74%, #f18103), color-stop(88%, #ed7804), color-stop(99%, #ed7403), color-stop(100%, #ee7103)); background: -webkit-linear-gradient(top, #fab800 0%, #f8b600 8%, #f7a901 28%, #f49900 45%, #f49503 51%, #f29200 54%, #f38f03 57%, #f08801 66%, #f28703 67%, #ef8201 73%, #f18103 74%, #ed7804 88%, #ed7403 99%, #ee7103 100%); background: -o-linear-gradient(top, #fab800 0%, #f8b600 8%, #f7a901 28%, #f49900 45%, #f49503 51%, #f29200 54%, #f38f03 57%, #f08801 66%, #f28703 67%, #ef8201 73%, #f18103 74%, #ed7804 88%, #ed7403 99%, #ee7103 100%); background: -ms-linear-gradient(top, #fab800 0%, #f8b600 8%, #f7a901 28%, #f49900 45%, #f49503 51%, #f29200 54%, #f38f03 57%, #f08801 66%, #f28703 67%, #ef8201 73%, #f18103 74%, #ed7804 88%, #ed7403 99%, #ee7103 100%); background: linear-gradient(to bottom, #fab800 0%, #f8b600 8%, #f7a901 28%, #f49900 45%, #f49503 51%, #f29200 54%, #f38f03 57%, #f08801 66%, #f28703 67%, #ef8201 73%, #f18103 74%, #ed7804 88%, #ed7403 99%, #ee7103 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fab800', endColorstr='#ee7103', GradientType=0); } .b-leaders-voting-list .b-right { width: 195px; float: right; } .b-leaders-voting-list .b-title { font-size: 17px; line-height: 1.2; color: #f39000; margin-bottom: 3px; } .b-leaders-voting-list p { font-size: 12px; margin-bottom: 6px; line-height: 1; } .b-leaders-voting-list .button { display: inline-block; *display: inline; *zoom: 1; margin-top: 11px; } .b-leaders-voting-list .button span { position: relative; display: inline-block; padding-right: 11px; background: #fff; background: url(../../../frontend/images/104/ico_arrow_right_11x35.png) right center no-repeat; zoom: 1; *display: inline; height: 35px; } .b-leaders-voting-list .button i { margin-top: 3px; } .ico-like-orange { display: inline-block; width: 32px; height: 26px; background: url(../../../frontend/images/104/ico_like_orange_32x26.png) 0 0 no-repeat; vertical-align: middle; line-height: 26px; margin-bottom: 5px; } .ico-like-orange:hover, .ico-like-orange-hover { background-position: 0 -36px; } /* Contest */ .bx-next, .bx-prev { width: 29px; height: 48px; display: block; } .bx-caption { text-align: center; margin-top: 20px; } .b-action-btn ul li a.contest-before, .b-action-btn ul li a.contest-after { font-size: 14px; line-height: 15px; padding: 13px 0 0 20px; height: 40px; } .b-slider-one .b-list li { text-align: center; } .b-text-nav .text-info { width: 100%; } .infoid1, .infoid2, .infoid3, .infoid4, .infoid5 { display: none; } .infoid-active { color: #007fc7 !important; } /** banner block **/ .b-top-banner-wrapper { position: relative; margin: 0 auto 10px; width: 940px; text-align: center; } /** helper right of the breadcumbs **/ .b-cabinet-register .top-row .field .description .field-helper { min-height: 95px; } .b-cabinet-register .b-register-form-helper { color: #999; font-size: 0.9em; line-height: 1.4em; margin-top: 23px; } .b-cabinet-register .b-register-form-helper a{ color: #2082c3; text-decoration: none; } .b-cabinet-test-helper { float: right; background: #f38f00; color: #fff; padding: 3px 5px; } /** Fix oblgazes layout **/ .g-header {padding-top: 0;} .g-content {top: -15px; z-index: 20} .b-slider-three-grey .b-list li img.ico-img {min-height: 40px;} .b-slider-three-grey .b-list li {height: 177px;} .b-slider-three-grey .b-list li .inner {height: 129px;} .b-slider-three-grey .ms-title {display: table-cell; vertical-align: middle; height: 50px;} /**-------- select2 custom style-----------*/ select.forSelect2 { width: 100%; display: block; } .select2-container--default .select2-selection--single{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border: 1px solid #dbdbdb; } .select2-container--default .select2-selection--single .select2-selection__rendered{ color: #6f6f6f; } .select2-container--default .select2-selection--single .select2-selection__rendered:hover, .select2-container--default .select2-selection--single .select2-selection__rendered:active{ color: #333333; } .select2-container .select2-selection--single .select2-selection__rendered{ padding-left:12px; } .select2-container--default .select2-selection--single .select2-selection__arrow{ width:30px; background: url('../../../frontend/images/ico_arrow_down_18x6.png') 50% 53% no-repeat; } .select2-container--default .select2-selection--single .select2-selection__arrow b{ display: none; } .select2-dropdown{ border-radius: 0; border: 1px solid #dbdbdb; } .select2-container--default .select2-results__option[aria-selected=true]{ background-color: #ffffff; } .select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: #f39508; } .select2-results__option{ padding: 8px 8px 8px 12px ; } @media (min-width: 768px) { .mCSB_horizontal.mCSB_inside>.mCSB_container{ /*max-width: 100%; */ } } #cookie__page { background-color: #f3f3f3; } .cookie__main_text { width: 755px; margin-top: 20px; margin-bottom: 20px; font-size: 13px; line-height: 20px; color: #6f6f6f; letter-spacing: -0.1px; } .cookie__container { display: flex; flex-direction: row; width: 940px; margin: 0 auto; justify-content: space-between; } .cookie__main_text a { color: #007ec6; } .cookie__btn_container { display: flex; flex-direction: column; } .cookie__btn_container { margin: 22px 0 0 0; } .cookie__btn { width: 118px; font-size: 14px; padding: 4px 0 5px 0px; border: 2px solid #eaeaea; background-color: #f4f4f4; color: #9b9a9a; cursor: pointer; } .cookie__btn:hover { color: #007ec6; border: 2px solid #007ec6; background-color: #ffffff; } .cookie__btn:first-child { margin-bottom: 13px; } @media screen and (max-width: 957px) { .cookie__container { width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } } @media screen and (max-width: 700px) { .cookie__container { flex-direction: column; width: 100%; padding-top: 30px; } .cookie__main_text { width: 100%; box-sizing: border-box; margin-bottom: 0; } .cookie__btn_container { flex-direction: row; margin-bottom: 20px; } .cookie__btn:first-child { margin-bottom: 0; display: flex; order: 2; justify-content: center; } .cookie__btn:nth-child(2) { margin-right: 20px; } } @media screen and (max-width: 323px) { .cookie__btn { width: 100px; font-size: 14px; } } @media screen and (max-width: 205px) { .cookie__btn_container { flex-direction: column; } .cookie__btn { margin-bottom: 20px; } } .clr { display: block; float: none !important; width: 100% !important; clear: both !important; } /** new pseudo social widgets **/ .b-pseudo-share { /*display: none;*/ margin-bottom: 10px; font-size: 11px; } .b-pseudo-share .item{ float: left; padding-top: 4px; margin-left: 15px; } .b-pseudo-share a{ width: 25px; height: 17px; font-family: Arial,sans-serif; font-size: 11px; font-size: 1.1rem; line-height: 19px; text-align: left; text-indent: 19px; text-decoration: none; text-rendering: optimizeLegibility; text-decoration: none; color: #555; border: 1px solid #b6b7b9; border-top-color: #b6b7b9; border-left-color: #b6b7b9; background-color: #fff; display: inline-block; position: relative; vertical-align: top; margin: 0 36px 0px 0px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .b-pseudo-share a:link, .b-pseudo-share a:visited, .b-pseudo-share a:active{ color: #7d7d7d; text-decoration: none; } .b-pseudo-share a:hover{ border-color: #999; text-decoration: none; } .b-pseudo-share a ins{ display: block; height: 17px; font-style: normal; background-position: center center; background-repeat: no-repeat; /*background: #e0e0e0;*/ } .b-pseudo-share a:before { content: attr(data-shares); display: block; padding: 1px 0; position: absolute; top: -1px; right: -37px; width: 33px; padding-left: 3px; height: 18px; font-size: 11px; /*font-size: 1.1rem;*/ line-height: 18px; white-space: nowrap; color: #7d7d7d; background: url(/frontend/images/social/social_count.png) center center no-repeat; font-family: Arial,sans-serif; text-align: center; text-indent: 0; font-weight: normal; font-style: normal; } .b-pseudo-share a.facebook ins{ background: url(/frontend/images/social/bg_facebook_16x16.png) center center no-repeat; } .b-pseudo-share a.twitter ins{ background: url(/frontend/images/social/bg_twitter_16x16.png) center center no-repeat; } .b-pseudo-share a.vkontakte ins{ background: url(/frontend/images/social/bg_vkontakte_16x16.png) center center no-repeat; } .b-pseudo-share a.linkedin ins{ background: url(/frontend/images/social/bg_linkedin_16x16.png) center center no-repeat; } /** digit style **/ .b-webt-digit { display: table; margin: 18px 0; padding: 16px 0; width: 100%; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } .b-webt-digit div{ display: table-cell; width: 44%; padding: 0 3%; vertical-align: middle; color: #6f6f6f; font-size: 12px; line-height: 1.5em; } .b-webt-digit div.digit{ text-align: center; color: #007fc7; font-size: 35px; line-height: 1.1em; } .custom-blue { color: #007fc7 !important; } .custom-big-text { font-size: 1.5em; } .custom-footnote-text { display: block; margin-top: 3px; margin-bottom: 5px; color: #999; text-align: left; font-size: 12px; line-height: 1.3; } .b-content-mini p { font-size: 12px; line-height: 19px; } .custom-img-left { float: left; margin: 0 10px 8px 0; } .custom-img-right { float: right; margin: 0 0 8px 10px; } /** files **/ /* file interaction for news preview -----------------------------------------------------------------------------*/ .b-file-interaction { margin-top: 19px; } .b-file-interaction .b-name { float: left; margin-top: 8px; margin-bottom: 7px; font-size: 13px; line-height: 1.2em; } .b-file-interaction .b-name a { color: #007fc7; text-decoration: none; } .b-file-interaction .b-list { float: right; } .b-file-interaction .b-list li { float: left; margin-left: 25px; } .b-file-interaction .b-list li:first-child { margin-left: 0; } .b-file-interaction .b-list li.left a { padding-right: 14px; padding-left: 15px; border-right: none; } .b-file-interaction .b-list li.left a:after { position: absolute; top: -1px; right: -18px; z-index: 1; width: 0px; height: 0px; border-width: 30px 18px 0 0; border-style: solid; border-color: #dbdbdb transparent transparent transparent; content: ""; } .b-file-interaction .b-list li.left a:before { position: absolute; top: 0; right: -16px; z-index: 2; width: 0px; height: 0px; border-width: 27px 16px 0 0; border-style: solid; border-color: #ededed transparent transparent transparent; content: ""; } .b-file-interaction .b-list li.left:hover a:after { border-color: #ed7203 transparent transparent transparent; } .b-file-interaction .b-list li.left:hover a:before { border-color: #f38f00 transparent transparent transparent; } .b-file-interaction .b-list li.right a { padding-right: 12px; padding-left: 12px; border-left: none; } .b-file-interaction .b-list li.right a:after { position: absolute; top: -1px; left: -18px; z-index: 1; width: 0px; height: 0px; border-width: 0 0 30px 18px; border-style: solid; border-color: transparent transparent #dbdbdb transparent; content: ""; } .b-file-interaction .b-list li.right a:before { position: absolute; top: 0; left: -16px; z-index: 2; width: 0px; height: 0px; border-width: 0 0 28px 17px; border-style: solid; border-color: transparent transparent #ededed transparent; content: ""; } .b-file-interaction .b-list li.right:hover a:after { border-color: transparent transparent #ed7203 transparent; } .b-file-interaction .b-list li.right:hover a:before { border-color: transparent transparent #f38f00 transparent; } .b-file-interaction .b-list li a { position: relative; display: block; height: 28px; border: 1px solid #dbdbdb; background: #ededed; color: #6f6f6f; text-decoration: none; line-height: 28px; } .b-file-interaction .b-list li a:hover { border-color: #ed7203; background: #f38f00; color: #fff; } .b-file-interaction .b-list li a:hover .ico-download { background-position: 0 -26px; } .b-file-interaction .ico-download { margin-left: 18px; } /* file download -----------------------------------------------------------------------------*/ .b-file-download a { position: relative; display: block; float: left; margin-right: 37px; padding-right: 19px; padding-left: 24px; height: 28px; border: 1px solid #dbdbdb; border-right: none; background: #ededed; color: #6f6f6f; text-decoration: none; line-height: 28px; } .b-file-download a:after { position: absolute; top: -1px; right: -18px; z-index: 1; width: 0px; height: 0px; border-width: 30px 18px 0 0; border-style: solid; border-color: #dbdbdb transparent transparent transparent; content: ""; } .b-file-download a:before { position: absolute; top: 0; right: -16px; z-index: 2; width: 0px; height: 0px; border-width: 27px 16px 0 0; border-style: solid; border-color: #ededed transparent transparent transparent; content: ""; } .b-file-download a:hover { border-color: #ed7203; background: #f38f00; color: #fff; } .b-file-download a:hover .ico-download { background-position: 0 -26px; } .b-file-download a:hover:after { border-color: #ed7203 transparent transparent transparent; } .b-file-download a:hover:before { border-color: #f38f00 transparent transparent transparent; } .b-file-download p { float: left; color: #706f6f; font-size: 12px; line-height: 28px; } .b-file-download p span { color: #007fc7; } .b-file-download .ico-download { margin-left: 4px; } .b-file-interaction { margin-bottom: 20px; } .b-file-interaction .b-name a, .b-file-interaction .b-list li a{ font-style: normal; } .b-file-interaction .b-list li a:hover { border-color: #2082c3; background: #2082c3; } .b-file-interaction .b-list li.left:hover a:after { border-color: #2082c3 transparent transparent transparent; } .b-file-interaction .b-list li.left:hover a:before { border-color: #2082c3 transparent transparent transparent; } .b-file-interaction .b-list li.right:hover a:after { border-color: transparent transparent #2082c3 transparent; } .b-file-interaction .b-list li.right:hover a:before { border-color: transparent transparent #2082c3 transparent; } .b-file-download a:hover:after { border-color: #2082c3 transparent transparent transparent; } .b-file-download a:hover:before { border-color: #2082c3 transparent transparent transparent; } .b-file-interaction .b-list li.right a:hover:before { border-color: transparent transparent #2082c3 transparent; } /** contest styles **/ .b-content .b-text-nav .b-accordion-content{ padding-top: 13px; border-top: 1px solid #dbdbdb; } .b-content .b-text-nav li a:hover { color: #007fc7; } .b-content .b-text-nav li a.active { color: #f39000; } .b-content blockquote{ float: left; width: 41%; margin-right: 40px; } .b-content blockquote p:last-child { margin-bottom: 0px; } /** subscribe popup **/ .subPopup { position: absolute; z-index: 1000; left: 50%; top: 50%; padding-top: 11px; } .subPopup .content{ padding: 23px 17px; font-size: 12px; color: #6f6f6f; line-height: 22px; background: #fff; border: 1px solid #e5e1e1; } .subPopup .content strong { font-weight: 600; } .subPopup .content a { color: #007FC7; } .subPopup .tb{ position: absolute; z-index: 2; width: 22px; height: 11px; left: 14px; top: 1px; background: url(../../../frontend/images/sub_arrow_top.png); } .popupSuccess .content { padding-left: 50px; background: url(../../../frontend/images/ico_msg_ok.png) 17px 23px no-repeat #fff; } .popupError .content { padding-left: 50px; background: url(../../../frontend/images/ico_msg_error.png) 13px 23px no-repeat #fff; } .popupInfoColumned { width: 300px; } .popupInfoTwoColumned, .popupInfoTwoColumnedLeft{ width: 639px; margin-left: -617px; } .popupInfoTwoColumnedLeft { margin-left: 0; } .popupInfoTwoColumned .tb{ left: auto; right: 5px; } /** loader **/ @keyframes ldio-b4pnfsaffbo { 0% { transform: translate(-50%,-50%) rotate(0deg); } 100% { transform: translate(-50%,-50%) rotate(360deg); } } .b-strobber-cont { display: block !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; z-index: 10000000 !important; min-height: 50px !important; padding: 0 !important; margin: 0 !important; background: none !important; } .b-strobber-cont .strobber-bg{ display: block !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; padding: 0 !important; z-index: 1 !important; background: #fff !important; opacity: 0.7 !important; filter: alpha(opacity=70) !important; } .b-strobber-cont .strobber { position: absolute !important; z-index: 2 !important; width: 60px !important; height: 60px !important; left: 50% !important; top: 50% !important; margin: -30px 0 0 -30px !important; padding: 0 !important; /*background: url(/frontend/images/loader.gif) !important;*/ display: inline-block; overflow: hidden; background: none; background: none !important; } .b-strobber-cont .strobber span.strobber__inner span { position: absolute; width: 30px; height: 30px; border: 10px solid #007fc8; border-top-color: transparent; border-radius: 50%; background: none !important; } .b-strobber-cont .strobber span.strobber__inner span { animation: ldio-b4pnfsaffbo 1s linear infinite; top: 30px; left: 30px; background: none !important; padding: 0; margin: 0; } .b-strobber-cont .strobber span.strobber__inner { width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(1); backface-visibility: hidden; transform-origin: 0 0; /* see note above */ display: inline-block; left: 0; background: none !important; padding: 0; margin: 0; } .b-strobber-cont .strobber span.strobber__inner span { box-sizing: content-box; } .webt-layer-cont { display: block !important; position: fixed !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; z-index: 10000001 !important; min-height: 50px !important; padding: 0 !important; margin: 0 !important; background: none !important; overflow: auto; } .webt-layer-cont.scrollPopup{ position: absolute !important; } .webt-layer-cont.scrollPopup .webt-layer{ margin-left:-470px !important; margin-top:0 !important; background: none; } .webt-layer-cont.scrollPopup .webt-layer, .webt-layer-cont.scrollPopup .webt-layer-inner{ width:620px !important; } .webt-layer-cont .webt-layer-bg{ display: block !important; position: fixed !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; padding: 0 !important; z-index: 1 !important; background: #fff !important; opacity: 0.35 !important; filter: alpha(opacity=70) !important; } .webt-layer-cont .webt-layer-bg-dark { background: #808080 !important; } .webt-layer-cont .webt-layer{ position: absolute !important; z-index: 2 !important; left: 50% !important; top: 50%; padding: 0 !important; background: #fff; /*box-shadow: 0px 0px 5px #000;*/ } .webt-layer-cont .webt-layer-nobg { background: none; } .webt-layer-cont .webt-layer-inner { /*overflow: auto;*/ } /** action icons **/ .ico-edit { display: inline-block; width: 12px; height: 14px; margin-left: 6px; cursor: pointer; vertical-align: middle; background: url(/frontend/images/cabinet/ico_edit.png); } .b-no-messages { padding: 0 17px 15px 17px; } /** votings sytles **/ .b-voting-title { height: auto; min-height: 33px; padding: 11px 22px; line-height: 1.3em; color: #fff; font-size: 14px; text-transform: uppercase; background-color: #005EAB; background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #005EAB), color-stop(1, #5BC5F2) ); background-image: -o-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: -moz-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: -webkit-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: -ms-linear-gradient(right, #005EAB 0%, #5BC5F2 100%); background-image: linear-gradient(to right, #005EAB 0%, #5BC5F2 100%); } /** browser info block **/ .b-browser-info { padding: 18px 10px; font-size: 18px; color: #6f6f6f; text-align: center; background: #f3f3f3; border-top: 1px dotted #666; border-bottom: 1px dotted #666; } .b-browser-info .b-wrapper{ position: relative; margin: 0 auto; padding-right: 20px; } .b-browser-info .b-wrapper .closer{ position: absolute; display: block; right: 0; top: 50%; margin-top: -6px; width: 12px; height: 12px; cursor: pointer; z-index: 1; background: url(../../../frontend/images/cart_del_sel.png); opacity: 0.7; filter: alpha(opacity=70); } .b-browser-info .b-wrapper .closer:hover{ opacity: 1; filter: alpha(opacity=100); } .b-browser-info .b-wrapper a{ color: #007fc7; } /*?=Popup profile -------------------------------------*/ .b-popup-dialog { padding: 10px 20px } .scrollPopup .b-popup-dialog{ background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #0060AA), color-stop(1, #5BC4F1) ); background-image: -o-linear-gradient(bottom, #0060AA 0%, #5BC4F1 100%); background-image: -moz-linear-gradient(bottom, #0060AA 0%, #5BC4F1 100%); background-image: -webkit-linear-gradient(bottom, #0060AA 0%, #5BC4F1 100%); background-image: -ms-linear-gradient(bottom, #0060AA 0%, #5BC4F1 100%); background-image: linear-gradient(to bottom, #0060AA 0%, #5BC4F1 100%); padding: 55px 10px 10px; position:relative; } .scrollPopup .b-popup-dialog:before{ content: ''; display: block; height: 60px; background: #ffffff; width:100%; } .scrollPopup .b-popup-dialog:after{ content:''; display: block; width: 86px; height:95px; position: absolute; left:28px; top: 9px; background: url(../../../frontend/images/icon_comment.png) 0 0 no-repeat; } .scrollPopup .b-popup-dialog.fonPhoto{ background-size: cover; padding:20px 23px; } .scrollPopup .b-popup-dialog.fonPhoto__custom{ background-color: #e4e9ed !important; color: #064c87; padding-bottom: 251px; background-position: bottom center !important; } @media screen and (max-width: 767px) { .scrollPopup .b-popup-dialog.fonPhoto__custom { background-size: contain !important; padding-bottom: 180px; } } .scrollPopup .b-popup-dialog.fonPhoto .b-popup-dialog-inner, .scrollPopup .b-popup-dialog.fonPhoto .button-cont{ background: none; padding-left:0; } .scrollPopup .b-popup-dialog.fonPhoto:before, .scrollPopup .b-popup-dialog.fonPhoto:after{ display: none; } .scrollPopup .b-popup-dialog.fonPhoto .item{ max-width: 340px; padding: 0; color: #ffffff; } .scrollPopup .b-popup-dialog.fonPhoto__custom .item { max-width: 100%; color: #064c87; } .scrollPopup .b-popup-dialog.fonPhoto .item .title{ font-size: 22px; line-height: 28px; color: #ffffff; } .scrollPopup .b-popup-dialog.fonPhoto__custom .item .title{ color: #064c87; } .scrollPopup .b-popup-dialog.fonPhoto .button-closer{ background: #fff; color: #706f6f; border-color: #706f6f; } .scrollPopup .b-popup-dialog-inner{ background: #ffffff; } .scrollPopup .b-popup-dialog-inner a{ color: #6f6f6f; text-decoration: underline; font-style: italic; } .scrollPopup .b-popup-dialog-inner .custom-blue{ color: #007fc7 !important; } .scrollPopup .b-popup-dialog-inner a:hover{ text-decoration: none; } .b-popup-dialog .item { display: block; text-align: center; margin-top: 20px; } .scrollPopup .b-popup-dialog .item { display: block; margin-top: 20px; padding: 0 18px; } .b-popup-dialog .item:first-child { margin-top: 0; } .b-popup-dialog .item .title{ margin-bottom: 10px; font-size: 18px; color: #007FC7; } .scrollPopup .b-popup-dialog .item .title{ margin-bottom: 10px; font-size: 21px; color: #007FC7; text-transform: uppercase; } .b-popup-dialog .item .content { font-size: 13px; line-height: 1.3em; text-align: left; } .scrollPopup .b-popup-dialog .item .content { font-size: 16px; line-height: 1.3em; text-align: left; padding:0 0 20px; } .b-popup-dialog .item .content p{ margin-bottom: 10px; } .b-popup-dialog .item .content img{ max-width: 100%; } .b-popup-dialog .closer{ position: absolute; display: block; right: 10px; top: 20px; width: 18px; height: 18px; cursor: pointer; z-index: 1; /*background: url(../images/cart_del_sel.png) center center no-repeat;*/ background: url(../../../frontend/images/close_popup.png) center center no-repeat; opacity: 1; filter: alpha(opacity=100); } .b-popup-dialog .closer:hover{ opacity: 1; filter: alpha(opacity=100); } .b-popup-dialog .button-cont { text-align: left; padding-bottom:20px; padding-left: 18px; padding-right: 18px; background: #ffffff; /*http://oblgaz.dev/uploads/image/8c/225d1575b7e9148e62676ad0e0a9d08c_0.jpg*/ } .b-popup-dialog .button-closer{ position: relative; display: inline-block; height: 28px; line-height: 28px; padding: 0px 14px 0px 14px; /*text-transform: uppercase;*/ text-decoration: none; font-size: 15px; color: #007FC7; border: 1px solid #007FC7; min-width: 120px; } .b-popup-dialog .button-closer:hover{ border: 1px solid #F38F00; color: #F38F00; } /*?=Special helper styles -------------------------------------*/ .text-warning { color: #F38F00 !important; } .text-orange { color: #F38F00 !important; } .text-red { color: #ff1e00 !important; } .text-blue { color: #007FC7 !important; } .text-big { font-size: 22px; } /* new custom popup*/ .custom-popup{ display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 10000001; min-height: 50px; padding: 30px 0; margin: 0; background: none; text-align: center; overflow: auto; } .custom-popup:before, .custom-popup__countdown:before{ content: ""; display: inline-block; min-height: inherit; height: 100%; vertical-align: middle; } .custom-popup-content{ position: relative; display: inline-block; width: 90%; max-width: 940px; text-align: left; vertical-align: middle; background: #ffffff; z-index: 2; -webkit-box-shadow: 0 2px 3px #dbdbdb; -moz-box-shadow: 0 2px 3px #dbdbdb; box-shadow: 0 2px 3px #dbdbdb; overflow: hidden; } .custom-popup-content *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .custom-popup-content__header{ position: relative; height: 50px; background: #f29004; } .custom-popup-content__close{ position: absolute; display: block; right: 10px; top: 50%; width: 18px; height: 18px; margin-top: -9px; cursor: pointer; z-index: 1; background: url(../../../frontend/images/close_popup.png) center center no-repeat; opacity: 1; filter: alpha(opacity=100); } .custom-popup__fon{ display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0; z-index: 1; background: #fff; opacity: 0.35; filter: alpha(opacity=70); } .custom-popup-content__img{ width: 100%; height: calc(90vw * 0.4); max-height: 254px; margin-bottom: 13px; background: url("../../../frontend/images/custom-popup-img.png") 50% 50% no-repeat; background-size: cover; } .custom-popup-content__ttl{ margin-bottom: 5px; line-height: 34px; color: #f38f00; font-size: 20px; text-transform: uppercase; letter-spacing: 0.8px; } .custom-popup-content__main article{ padding: 0 32px 15px; } .custom-popup-content__main article p{ margin-bottom: 10px; font-size: 1.3em; line-height: 1.35; } .custom-popup-content__main .btn{ display: inline-block; width: 120px; height: 30px; color: #70706f; font-size: 15px; text-align: center; line-height: 1; padding: 7px; margin-top: 10px; border: 1px solid #dbdbdb; text-decoration: none; background: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .custom-popup-content__main .btn:hover{ border-color: #f38f00; color: #f38f00; } .custom-popup__countdown{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; background: #ffffff; text-align: center; } .custom-popup__countdown span{ display: inline-block; vertical-align: middle; font-size: 100px; } .black-counter{ width: 100%; height: 100%; background: #000000; min-height: 500px; padding: 40px 90px; text-align: center; } .black-counter__close{ position: absolute; display: block; width: 20px; height: 20px; top: 20px; right: 20px; background: url("../../../frontend/images/close_popup.png") 50% 50%; cursor: pointer; } .black-counter__alert-text{ margin-bottom: 20px; text-transform: uppercase; color: #E30613; font-size: 40px; line-height: 53px; } .black-counter__counter-red{ display: none; position: relative; width: 225px; height: 225px; color: #E30613; border: 16px solid #E30613; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; line-height: 190px; font-size: 160px; } .black-counter__counter-red.active{ display: inline-block; } .black-counter__counter-red:before{ display: block; content: ''; position: absolute; top: -13px; right: -13px; bottom: -13px; left: -13px; border: 10px solid #000000; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } @keyframes countdown { 0% { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); } 50% { -webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); opacity: 0.65; } } @-webkit-keyframes countdown { 0% { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); } 50% { -webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); opacity: 0.65; } } .black-counter__counter-red span{ display: inline-block } .black-counter__counter-red.active span{ animation-name: countdown; animation-duration: 1s; animation-iteration-count: infinite; -webkit-animation-name: countdown; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; } .black-counter__white-text{ position: absolute; left: 0; right: 0; top: 100%; color: #ffffff; -webkit-transition: all 10s linear; -moz-transition: all 10s linear; -ms-transition: all 10s linear; -o-transition: all 10s linear; transition: all 10s linear; } .black-counter__white-text--go{ top: 30%; } .black-counter__white-text span{ display: inline-block; max-width: 520px; font-size: 40px; line-height: 45px; margin-bottom: 45px; } .black-counter__white-text .btn--red{ display: inline-block; width: 300px; height: 50px; border: 2px solid #ffffff; background: #3aaa35; color: #ffffff; font-size: 37px; line-height: 46px; text-decoration: none; } @media (max-width: 960px){ .black-counter__alert-text, .black-counter__white-text span{ font-size: 3em; } } @media (max-width: 767px) { .black-counter{ min-height: 420px; } .black-counter{ padding: 20px; } .black-counter__alert-text, .black-counter__white-text span{ font-size: 2em; line-height: 1.4em; } .black-counter__white-text .btn--red{ font-size: 1.8em; width: 250px; } .black-counter__counter-red{ width: 200px; height: 200px; line-height: 175px; font-size: 140px; } .black-counter__close{ top: 10px; right: 10px; } } /*end new custom popup*/ .slider { width: 100%; } .slider > .dragger { background: #f38f00; position: relative; width: 15px; height: 16px; margin-top: -8.5px !important; } .slider > .dragger:after { width: 0px; height: 0px; border-style: solid; border-width: 0 11.5px 19px 11.5px; border-color: transparent transparent #dbdbdb transparent; display: block; content: ""; position: absolute; z-index: 19; top: 16px; left: -3px; } .slider > .dragger:before { width: 0px; height: 0px; border-style: solid; border-width: 0 10.5px 18px 10.5px; border-color: transparent transparent #ffffff transparent; content: ""; display: block; position: absolute; top: 17px; left: -2px; z-index: 20; } .slider > .dragger:hover { background: #df8709; } .slider > .track, .slider > .highlight-track { background: #d7d7d7; height: 10px; } /*.slider > .highlight-track { background-color: #8DCA09; background: -webkit-linear-gradient(top, #8DCA09, #72A307); background: -moz-linear-gradient(top, #8DCA09, #72A307); background: linear-gradient(top, #8DCA09, #72A307); border-color: #496805; }*/ /*! jQuery UI - v1.10.4 - 2014-01-24 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("../../../frontend/css/accordion/smoothness/images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(../../../frontend/css/accordion/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(../../../frontend/css/accordion/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(../../../frontend/css/accordion/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(../../../frontend/css/accordion/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(../../../frontend/css/accordion/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(../../../frontend/css/accordion/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(../../../frontend/css/accordion/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(../../../frontend/css/accordion/smoothness/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(../../../frontend/css/accordion/smoothness/images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(../../../frontend/css/accordion/smoothness/images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(../../../frontend/css/accordion/smoothness/images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(../../../frontend/css/accordion/smoothness/images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(../../../frontend/css/accordion/smoothness/images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(../../../frontend/css/accordion/smoothness/images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(../../../frontend/css/accordion/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(../../../frontend/css/accordion/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} /* * jquery.selectBoxIt.css 3.8.1 * Author: @gregfranko */ /* Common CSS Properties --------------------- These properties will be applied to any themes that you use */ /* SelectBoxIt container */ .selectboxit-container { position: relative; display: inline-block; vertical-align: top; width: 100%; } /* Styles that apply to all SelectBoxIt elements */ .selectboxit-container * { /* Prevents text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -o-user-select: none; user-select: none; outline: none; white-space: nowrap; } /* Button */ .selectboxit-container .selectboxit { width: 100%; /* Width of the dropdown button */ cursor: pointer; margin: 0; padding: 0; overflow: hidden; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Height and Vertical Alignment of Text */ .selectboxit-container span, .selectboxit-container .selectboxit-options a { height: 28px; /* Height of the drop down */ line-height: 28px; /* Vertically positions the drop down text */ display: block; } /* Focus pseudo selector */ .selectboxit-container .selectboxit:focus { outline: 0; } /* Disabled Mouse Interaction */ .selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled { opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor: default; } /* Button Text */ .selectboxit-text { text-indent: 7px; overflow: hidden; text-overflow: ellipsis; float: left; } .selectboxit .selectboxit-option-icon-container { margin-left: 5px; } /* Options List */ .selectboxit-container .selectboxit-options { -moz-box-sizing: border-box; box-sizing: border-box; min-width: 100%; /* Minimum Width of the dropdown list box options */ *width: 100%; margin: 0; padding: 0; list-style: none; position: absolute; overflow-x: hidden; overflow-y: auto; cursor: pointer; display: none; z-index: 9999999999999; text-align: left; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Individual options */ .selectboxit-option .selectboxit-option-anchor{ padding: 0 2px; } /* Individual Option Hover Action */ .selectboxit-option .selectboxit-option-anchor:hover { text-decoration: none; } /* Individual Option Optgroup Header */ .selectboxit-option, .selectboxit-optgroup-header { text-indent: 5px; /* Horizontal Positioning of the select box option text */ margin: 0; list-style-type: none; } /* The first Drop Down option */ .selectboxit-option-first { } /* The first Drop Down option optgroup */ .selectboxit-optgroup-header + .selectboxit-option-first { } /* The last Drop Down option */ .selectboxit-option-last { } /* Drop Down optgroup headers */ .selectboxit-optgroup-header { font-weight: bold; } /* Drop Down optgroup header hover psuedo class */ .selectboxit-optgroup-header:hover { cursor: default; } /* Drop Down down arrow container */ .selectboxit-arrow-container { /* Positions the down arrow */ width: 30px; position: absolute; right: 0; } /* Drop Down down arrow */ .selectboxit .selectboxit-arrow-container .selectboxit-arrow { /* Horizontally centers the down arrow */ margin: 0 auto; position: absolute; top: 50%; margin-top: -3px; right: 0; left: 0; width: 18px; height: 6px; background: url(../../../frontend/images/ico_arrow_down_18x6.png) 0 0 no-repeat; } /* Drop Down down arrow for jQueryUI and jQuery Mobile */ .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon { top: 30%; } /* Drop Down individual option icon positioning */ .selectboxit-option-icon-container { float: left; } .selectboxit-container .selectboxit-option-icon { margin: 0; padding: 0; vertical-align: middle; } /* Drop Down individual option icon positioning */ .selectboxit-option-icon-url { width: 18px; background-size: 18px 18px; background-repeat: no-repeat; height: 100%; background-position: center; float: left; } .selectboxit-rendering { display: inline-block !important; *display: inline !important; zoom: 1 !important; visibility: visible !important; position: absolute !important; top: -9999px !important; left: -9999px !important; } /* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */ .jqueryui .ui-icon { background-color: inherit; } /* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */ .jqueryui .ui-icon-triangle-1-s { background-position: -64px -16px; } /* Default Theme ------------- Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme */ .selectboxit-btn { background-color: #ffffff; border: 1px solid #dbdbdb; } .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { } .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus { color: #333333; text-decoration: none; background-position: 0 -15px; } .selectboxit-list { background-color: #ffffff; border: 1px solid #dbdbdb; border-top: none; } .selectboxit-list .selectboxit-option-anchor { color: #333333; } .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { color: #ffffff; background: #f39508; } .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { color: #999999; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('../../../frontend/components/slick-carousel/slick/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../../../frontend/components/slick-carousel/slick/./fonts/slick.eot'); src: url('../../../frontend/components/slick-carousel/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../../frontend/components/slick-carousel/slick/./fonts/slick.woff') format('woff'), url('../../../frontend/components/slick-carousel/slick/./fonts/slick.ttf') format('truetype'), url('../../../frontend/components/slick-carousel/slick/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(../../../frontend/components/malihu-custom-scrollbar-plugin/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}