/* * Webasyst Default 3.0 theme family * * Core CSS file * * @link http://www.webasyst.com/ * @author Webasyst LLC * @copyright 2015 Webasyst LLC * @package Webasyst */ /* Reset -------- */ 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, credentials, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } article, aside, credentials, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* Common HTML elements, fonts, and colors ------------------------------------------ */ html, body {width: 100%; height: 100%; min-width: 980px; min-height: 550px; font-family: Arial, sans-serif; font-size: 14px; color: #333;} /*links*/ a, a:visited {color: #066aba; outline: none; text-decoration: none;} a:hover, a:active {color: #005580; text-decoration: underline;} /* Customized search input look ------------------------------- */ /* .search { } .search-wrapper { position: relative; width: 100%; height: 30px; padding: 0 10px 0 10px; float: left; border: 0; border-radius: 3px; -webkit-appearance: none; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; } .search input { width: 100%; float: left; height: 27px; padding-top: 0; margin-top: 1px; background: transparent; border: 0; -webkit-appearance: none; margin-right: 0; padding-left: 0; padding-right: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search input:focus { outline: 0; } */ .clr:after {content: ''; display: block; clear: both;} .fl {float: left;} .fr {float: right;} /*.search button { min-width: 32px; overflow: visible; position: absolute; right: 0px; float: left; border: none; padding: 0; cursor: pointer; height: 32px; color: #fff; background-color: transparent; background-image: url(img/search16black.png); background-repeat: no-repeat; background-position: 8px 6px; background-size: 16px 16px; border-radius: 0 3px 3px 0; font-size: 1.0em; }*/ .search button:hover { background-color: rgba(100,100,100,0.1); } .search button:active, .search button:focus { background-color: rgba(100,100,100,0.2); outline: 0; } .search button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */ border: 0; padding: 0; } /* 16x16 Icons -------------- */ i.icon16 { background-repeat:no-repeat; height:16px; width:16px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("img/icons.png"); background-size: 260px 160px /* 50% of the original size for auto @2x optimization */; } * i.icon16 { text-decoration:none!important; vertical-align:top; margin: 0.2em 0.25em 0 0; } .icon16.rss { background-position: -16px 0; } .icon16.facebook { background-position: -32px 0; } .icon16.twitter { background-position: -48px 0; } .icon16.vk { background-position: -64px 0; } .icon16.gplus { background-position: -80px 0; } .icon16.pinterest { background-position: -96px 0; } .icon16.youtube { background-position: -112px 0; } .icon16.instagram { background-position: -128px 0; } .icon16.userpic20 { background-position: -2px -2px; border-radius: 50%; background-size: 20px 20px; } .icon16.color { border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); width: 12px; height: 12px; background-image: none; } .icon16.like { background-position:0 -16px; margin-top: 0; } .icon16.star, .icon16.star-full { background-position:-16px -16px; } .icon16.star-half { background-position:-32px -16px; } .icon16.star-empty { background-position:-48px -16px; } .icon16.star-hover { background-position:-64px -16px; } .icon16.remove { background-position:-96px -16px; } .icon16.saved { background-position:-112px -16px; } .icon16.stock-red { background-position:-128px -16px; } .icon16.stock-yellow { background-position:-144px -16px; } .icon16.stock-green { background-position:-160px -16px; } .icon16.stock-transparent { background-position:-176px -16px; } .icon16.checkmark { background-position:-192px -16px; } .icon16.compare { background-position:-208px -16px; } .icon16.compare.active { background-position:-224px -16px; } .icon16.uarr { background: url('img/uarr.png'); background-position: 0 0; background-size: 16px 16px; } .icon16.loading { background-image: url('img/loading16.gif'); background-position: 0 0; background-size: 16px 16px; } .icon24.loading { background-image: url('img/loading.gif'); background-size: 24px 24px; height:24px; width:24px; display:inline-block; } .icon32.loading { background-image: url('img/loading.gif'); background-size: 32px 32px; height:32px; width:32px; display:inline-block; } /* 10x10 Icons -------------- */ i.icon10 { background-repeat:no-repeat; height:10px; width:10px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("img/icons.png"); background-size: 260px 160px; } * i.icon10 { text-decoration:none!important; vertical-align:top; margin: 0.3em 0.1em 0 0; } .icon10.darr { background-image: url('img/darr.png'); background-size: 16px 16px; } .icon10.star, .icon10.star-full { background-position:0 -100px; } .icon10.star-half { background-position:-10px -100px; } .icon10.star-empty { background-position:-20px -100px; } /* 24x24 Icons -------------- */ i.icon24 { background-repeat:no-repeat; height:24px; width:24px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("img/icons.png"); background-size: 260px 160px; } * i.icon16 { text-decoration:none!important; vertical-align:top; margin: 0.2em 0.25em 0 0; } .icon24.rss { background-position: 0 -50px; } .icon24.facebook { background-position: -24px -50px; } .icon24.twitter { background-position: -48px -50px; } .icon24.vk { background-position: -72px -50px; } .icon24.instagram { background-position: -96px -50px; } .icon24.youtube { background-position: -120px -50px; } .icon24.pinterest { background-position: -144px -50px; } .icon24.gplus { background-position: -168px -50px; } /* My account (hide core app nav elements) ------------------------------------------ */ html.my ul.menu-h li a { padding: 5px 7px; } html.my ul.menu-h li.selected a { color: #fff; } html.my .sidebar { display: none; } .wrapper {min-height: 100%;} .content_block {padding: 0px 0px 250px;} .content_block.wait_for_load_data {min-height: 200px; background: url(img/circle-loading.gif) 50% 30px no-repeat;} .content_block.wait_for_load_data * {display: none;} .footer {width: 100%; height: 260px; margin: -250px auto 0px; background: #f7f7f7;} .footer .footer_menu {height: 40px; width: 100%; border-top: 3px solid #dadada; border-bottom: 1px solid #e7e7e7; position: relative; top: -3px; margin-bottom: 15px;} .footer .footer_menu ul {margin: 0px; padding: 0px; list-style: none;} .footer .footer_menu ul li {margin: 0px; padding: 11px 0px 13px 0px; height: 15px; float: left;} .footer .footer_menu ul li a {margin: 0px; padding: 0px 12px; line-height: 15px; font-size: 14px; color: #036a96; text-shadow: 1px 1px 1px #fff; text-decoration: underline;} .footer .footer_menu ul li a:hover, .footer .footer_menu ul li a.active {color: #efa903;} .footer .footer_right_block {width: 210px; height: 130px; float: right;} .footer .footer_right_block #homepage_grafik span {display: block;} .footer .footer_right_block #homepage_grafik .title {margin: 0px 0px 5px 0px; padding: 0px; font-size: 16px; line-height: 16px; font-weight: normal; color: #454545; text-rendering: optimizelegibility;} .footer .footer_right_block #homepage_grafik .item {display: block; margin: 0px; padding: 0px; width: auto; height: auto;} .footer .footer_right_block #homepage_grafik .data {font-size: 13px; color: #888; line-height: 14px;} .footer .footer_right_block #homepage_grafik .follow-us {clear: both; padding-top: 20px;} .footer .footer_right_block #homepage_grafik .follow-us .social-links {margin: 0px; padding: 0px; list-style: none; height: 30px;} .footer .footer_right_block #homepage_grafik .follow-us .social-item {display: block; float: left; margin: 0px 5px 10px 0px; padding: 0px;} .footer .footer_right_block #homepage_grafik .follow-us .social-link {display: block; height: 30px; width: 30px; text-indent: -9999px; overflow: hidden; background-size: cover;} .footer .footer_right_block #homepage_grafik .follow-us .vk {background-image: url(img/soc_icons/vk_icon.png);} .footer .footer_right_block #homepage_grafik .follow-us .fb {background-image: url(img/soc_icons/fb_icon.png);} .footer .footer_right_block #homepage_grafik .follow-us .tw {background-image: url(img/soc_icons/tw_icon.png);} .footer .footer_right_block #homepage_grafik .follow-us .gplus {background-image: url(img/soc_icons/g_icon.png);} .footer .footer_right_block #homepage_grafik .follow-us .ytub {background-image: url(img/soc_icons/youtube.png);} .footer .footer_right_block #homepage_grafik .follow-us .inst {background-image: url(img/soc_icons/inst_icon.png);} .footer .footer_right_block #homepage_grafik .follow-us .viber {background-image: url(img/soc_icons/viber_icon.png);} .footer .footer_right_block #homepage_grafik .follow-us .telegram {background-image: url(img/soc_icons/tel_icon.png);} .footer .footer_cities {height: 140px;} .footer .footer_cities .item {float: left; width: 115px; height: 35px; margin: 0px 10px 0px 0px;} .footer .footer_cities .item .city {display: block; padding: 0px 0px 0px 4px;} .footer .footer_cities .item .city:after {content: ''; clear: both; display: block; height: 0px;} .footer .footer_cities .item .city span {display: block; float: left; color: #999; font-size: 12px; line-height: 14px;} .footer .footer_cities .item .phone {color: #999; font-size: 13px; line-height: 15px; margin-top: 2px; font-weight: bold;} .footer .footer_bottom_info {} .footer .footer_bottom_info #copyright {color: #999; font-size: 13px; line-height: 15px; margin: 2px 0px 0px;} .footer .footer_bottom_info #copyright p {margin: 0px;} .footer .footer_bottom_info #copyright a {color: #066aba; outline: none; text-decoration: none;} .footer .footer_bottom_info #copyright a:hover {text-decoration: underline;} .footer .footer_bottom_info #googleplus {float: right; margin: 5px 47px 00px 00px;} .header {min-height: 256px;} .header .top-line {height: 42px; background: -webkit-linear-gradient(top, #fff 0px, #e2eff3 39px, #cbd5d8 40px, #eaeaea 41px, #fafafa 42px); background: -moz-linear-gradient(top, #fff 0px, #e2eff3 39px, #cbd5d8 40px, #eaeaea 41px, #fafafa 42px); background: -ms-linear-gradient(top, #fff 0px, #e2eff3 39px, #cbd5d8 40px, #eaeaea 41px, #fafafa 42px); background: linear-gradient(top, #fff 0px, #e2eff3 39px, #cbd5d8 40px, #eaeaea 41px, #fafafa 42px); } .header .header-line {min-height: 160px; background: -webkit-linear-gradient(top, #f5f9fb 0px, #fff 160px, #fff 190px); background: -moz-linear-gradient(top, #f5f9fb 0px, #fff 160px, #fff 190px); background: -ms-linear-gradient(top, #f5f9fb 0px, #fff 160px, #fff 190px); background: linear-gradient(top, #f5f9fb 0px, #fff 160px, #fff 190px); } .header .header-line::after {content: ''; display: block; clear: both;} .header .menu-line {height: 54px; background: -webkit-linear-gradient(top, #fbfbfb 0px, #fbfbfb 1px, #dedddd 1px, #dedddd 2px, #fefdfa 2px, #ecebe8 50px, #c3c1bd 51px, #e6e6e6 51px, #e6e6e6 52px, #f2f2f2 53px, #fbfbfb 54px); background: -moz-linear-gradient(top, #fbfbfb 0px, #fbfbfb 1px, #dedddd 1px, #dedddd 2px, #fefdfa 2px, #ecebe8 50px, #c3c1bd 51px, #e6e6e6 51px, #e6e6e6 52px, #f2f2f2 53px, #fbfbfb 54px); background: -ms-linear-gradient(top, #fbfbfb 0px, #fbfbfb 1px, #dedddd 1px, #dedddd 2px, #fefdfa 2px, #ecebe8 50px, #c3c1bd 51px, #e6e6e6 51px, #e6e6e6 52px, #f2f2f2 53px, #fbfbfb 54px); background: linear-gradient(top, #fbfbfb 0px, #fbfbfb 1px, #dedddd 1px, #dedddd 2px, #fefdfa 2px, #ecebe8 50px, #c3c1bd 51px, #e6e6e6 51px, #e6e6e6 52px, #f2f2f2 53px, #fbfbfb 54px); } .header .menu-line .center_bl {position: relative;} #sidebarleft .cpt_category_tree .menu li a .new-category, .header .menu-line .new-category{display:block;width:20px;height:20px;line-height:100%;float:right;margin-left:5px;position:relative;top:-5px;background:url(img/new-icon.png) no-repeat 100% 50%;background-size:20px} #sidebarleft .cpt_category_tree .menu li a .new-category {position: absolute;top:-3px; right: 0px;} .header .menu-line>.center_bl>ul {list-style: none; margin: 0px; padding: 2px 0px 0px; height: 50px; text-align: center; display: inline-block;} .header .menu-line>.center_bl>ul>li {height: 50px; margin: 0px; /*padding-right: 2px;*/ display: block; float: left; /*border-right: 2px solid #e3e3e2; box-shadow: 1px 0px 0px 0px #fcfcfb;*/} .header .menu-line>.center_bl>ul>li>noindex>a, .header .menu-line>.center_bl>ul>li>a {padding: 0px 18px 0px 40px; height: 48px; line-height: 48px; text-decoration: none; font-size: 14px; color: #777; font-weight: bold; display: block; position: relative; border-right: 2px solid #e3e3e2; box-shadow: 1px 0px 0px 0px #fcfcfb;} .header .menu-line>.center_bl>ul>li:first-child>noindex>a, .header .menu-line>.center_bl>ul>li:first-child>a {border-left: 2px solid #fcfcfb; box-shadow: 1px 0px 0px 0px #fcfcfb, -1px 0px 0px 0px #e3e3e2;} .header .menu-line>.center_bl>ul>li>noindex>a>span, .header .menu-line>.center_bl>ul>li>a>span {display: block; padding-left: 30px; margin-left: -30px; background-position: 0px 8px; background-repeat: no-repeat;} .header .menu-line>.center_bl>ul>li.selected>noindex>a, .header .menu-line>.center_bl>ul>li.selected>a {padding-top: 3px; margin: -3px 1px 0px -1px; line-height: 46px; border-radius: 3px; border: 1px solid #dedddd; box-shadow: 3px 3px 5px rgba(0,0,0,0.1); z-index: 2; background: -webkit-linear-gradient(top, #f7f7f7, #dfdfdf); } .header .menu-line>.center_bl>ul>li.selected>noindex>a>span, .header .menu-line>.center_bl>ul>li.selected>a>span {background-position: 0px -42px; color: #036a96;} .header .menu-line>.center_bl>ul>li.selected.hover>noindex>a>span, .header .menu-line>.center_bl>ul>li.selected.hover>a>span {background-position: 0px -43px;} .header .menu-line>.center_bl>ul>li.hover>noindex>a>span, .header .menu-line>.center_bl>ul>li.hover>a>span {background-position: 0px 6px;} .header .menu-line>.center_bl>ul>li>noindex>a>span:hover, .header .menu-line>.center_bl>ul>li>a>span:hover {color: #EFA903;} .header .menu-line>.center_bl>ul>li.hover>noindex>a, .header .menu-line>.center_bl>ul>li.selected.hover>noindex>a, .header .menu-line>.center_bl>ul>li.hover>a, .header .menu-line>.center_bl>ul>li.selected.hover>a {background: #fff; border: 2px solid #ffd642; border-bottom: none; line-height: 44px; border-radius: 4px 4px 0px 0px; padding: 0px 18px 0px 38px;} .header .menu-line>.center_bl>ul>li.selected.hover>noindex>a, .header .menu-line>.center_bl>ul>li.selected.hover>a {padding: 3px 16px 0px 38px; box-shadow: none;} .header .menu-line>.center_bl>ul>li:first-child.hover>noindex>a, .header .menu-line>.center_bl>ul>li:first-child.hover>a {padding: 0px 17px 0px 39px; margin-right: 1px;} .header .menu-line>.center_bl>ul>li:first-child.selected.hover>noindex>a, .header .menu-line>.center_bl>ul>li:first-child.selected.hover>a {padding: 3px 19px 0px 39px;} .header .menu-line>.center_bl>ul>li.hover>noindex>a, .header .menu-line>.center_bl>ul>li.hover>a {z-index: 999;} .header .menu-line>.center_bl>ul>li.hover>noindex>a::after, .header .menu-line>.center_bl>ul>li.hover>a::after {content: ''; display: block; position: absolute; width: 100%; bottom: -7px;left: 0px; height: 8px; background: #fff;} .header .menu-line>.center_bl>ul>li .subcateg_block {width: calc(100% - 52px); max-width: calc(100% - 52px); padding: 15px 25px; position: absolute; z-index: 100; left: -1px; top: 50px; border: 2px solid #ffd642; border-radius: 4px; background: #fff; text-align: left; display: none;} .header .menu-line>.center_bl>ul>li.hover .subcateg_block {display: block;} .header .menu-line>.center_bl>ul>li .subcateg_block .sub_sub_cat_bl {width: 140px; margin-bottom: 15px; padding-right: 10px; float: left;} .header .menu-line>.center_bl>ul>li .subcateg_block .sub_sub_cat_bl>a {color: #454545; text-shadow: 1px 1px 1px rgba(3, 106, 150, 0.2);} .header .menu-line>.center_bl>ul>li .subcateg_block .sub_sub_cat_bl ul {padding: 0px; list-style: disc; margin: 5px 0px 0px; padding-left: 15px;} .header .menu-line>.center_bl>ul>li .subcateg_block .sub_sub_cat_bl ul>li {color: #ccc;} .header .menu-line>.center_bl>ul>li .subcateg_block .sub_sub_cat_bl ul>li a {text-decoration: none; font-size: 13px; color: #0093dd; text-shadow: 1px 1px 1px rgba(0,0,0,.1);} .header .menu-line>.center_bl>ul>li .subcateg_block .sub_sub_cat_bl ul>li a:hover {color: #efa903;} .header .line_ads {height: 36px; background: #057fab; margin: 1px 0px 0px;} .header .line_ads .center_bl { background: -webkit-linear-gradient(left, #057fab 0%, #1ba3d0 50%, #057fab 100%); background: -moz-linear-gradient(left, #057fab 0%, #1ba3d0 50%, #057fab 100%); background: -ms-linear-gradient(left, #057fab 0%, #1ba3d0 50%, #057fab 100%); background: linear-gradient(left, #057fab 0%, #1ba3d0 50%, #057fab 100%); } .header .line_ads .center_bl .add_text {width: calc(100% - 160px); height: 36px; float: left;} /* Адаптивный размер текста в полосе line_ads */ @media (max-width: 1350px){ .header .line_ads .center_bl .add_text p {text-align: center; line-height: 36px; font-size: 19px; font-weight: bold; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); font-family: Arial, sans-serif;} } @media (min-width: 1351px){ .header .line_ads .center_bl .add_text p {text-align: center; line-height: 36px; font-size: 22px; font-weight: bold; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); font-family: Arial, sans-serif;} } .header .line_ads .center_bl .add_link {width: 160px; height: 36px; float: right;} .header .line_ads .center_bl .add_link a {display: block; height: 26px; width: 115px; background: url(img/global_add_link.png) no-repeat 0px 0px; padding: 4px 0px 0px 15px; margin: 4px 0px 0px; font-size: 12px; color: #888; text-align: left; line-height: 22px; text-decoration: none;} .header .line_ads .center_bl .add_link a:hover {background-position: 0px -30px;} .header .line_ads .center_bl .add_link a:active {background-position: 0px -60px;} /* .header .menu-line ul li:hover a {border: 2px solid #ffd642; border-bottom: none; border-radius: 4px 4px 0 0; background: #fff url('images/new/menu-svet.png') 8px 7px no-repeat; padding: 0 18px 0 38px; height: 48px; line-height: 44px; position: relative; z-index: 310; box-shadow: -3px -3px 3px rgba(0,0,0,0.05),3px -3px 3px rgba(0,0,0,0.05);}*/ .header .center_bl, #homepage .center_bl, #categorypage .center_bl, #productpage .center_bl, .footer .center_bl {/*outline: 1px solid red;*/ width: 940px; height: 100%; margin: 0px auto;} .header .menu-line .center_bl {text-align: center;} .special_offers .center_bl {margin: 0px auto;} .locale_block {float: left;} .locale_block .locale_choose {margin: 0px 10px 0px 100px; height: 40px; line-height: 40px; color: #333333; font-size: 12px; display: block; float: left;} .currency_block {float: left;} .currency_block .currency_title {margin: 0px 10px 0px 0px; height: 40px; line-height: 40px; color: #333333; font-size: 12px; display: block; float: left;} .currency_block .currency_select_box {height: 40px; width: 120px; float: left; position: relative;} .currency_block .currency_select_box .current_currency {z-index: 21; position: absolute; top: 6px; left: 0px; width: 118px; height: 25px; border: 1px solid #c1c8c9; border-radius: 5px; cursor: pointer; background: #fff;} /*.currency_block .currency_select_box .current_currency .icon {display: block; float: left; width: 16px; height: 16px; margin: 5px 0 0 2px;}*/ .currency_block .currency_select_box .current_currency .text {display: block; float: left; height: 20px; line-height: 20px; width: 80px; overflow: hidden; font-size: 11px; color: #333333; padding: 0 0 0 23px; margin: 3px 0px;} .currency_block .currency_select_box .current_currency::after {content: ''; display: block; position: absolute; top: 8px; right: 7px; width: 10px; height: 10px; background: url(img/select-icons.png) 0px -20px no-repeat;} .currency_block .currency_select_box .current_currency:hover::after {background-position: 0px -30px;} .currency_block .currency_select_box.open .current_currency::after {background-position: 0px 0px;} .currency_block .currency_select_box.open .current_currency:hover::after {background-position: 0px -10px;} .currency_block .currency_select_box .currency-list {z-index: 20; position: absolute; top: 0px; width: 118px; max-height: 0px; border-radius: 5px; border: 1px solid #c1c8c9; padding: 5px 0px; margin: 0px; display: block; background: #fff; box-shadow: 0 0 3px 1px #c1c8c9; opacity: 0; overflow: hidden; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .currency_block .currency_select_box.open .currency-list {top: 35px; opacity: 1; max-height: 200px;} .currency_block .currency_select_box .currency-list .currency-item {display: block; height: 20px; cursor: pointer;} .currency_block .currency_select_box .currency-list .currency-item.selected {background: #e3f0f4;} .currency_block .currency_select_box .currency-list .currency-item.selected:hover, .currency_block .currency_select_box .currency-list .currency-item:hover {background: #0093dd;} .currency_block .currency_select_box .currency-list .currency-item .currency-link {padding: 0 0 0 23px; display: block; height: 20px; line-height: 20px; font-size: 11px; color: #0093dd;} .currency_block .currency_select_box .currency-list .currency-item:hover .currency-link {color: #fff;} .login_block {width: 220px; height: 100%; float: right;} .login_block .login-link {display: block; height: 24px; border: 1px solid #c1c8c9; border-radius: 3px; line-height: 24px; font-size: 13px; color: #036a96; text-shadow: 1px 1px 1px #fff; margin: 8px 40px 0px 0px; cursor: pointer; background: -webkit-linear-gradient(#fff, #e8e8e8); background: -moz-linear-gradient(#fff, #e8e8e8); background: -ms-linear-gradient(#fff, #e8e8e8); background: linear-gradient(#fff, #e8e8e8); } .login_block .login-link:hover {text-decoration: underline;} .login_block .login-link span {display: block; height: 24px; padding: 0px 10px 0px 23px; background: url(img/auth_key.png) 5px 5px no-repeat;} .login_block .exit_ent {margin: 10px auto; display: inline-block;} .login_block .exit_ent a {padding: 0px 12px; line-height: 15px; font-size: 13px; color: #036a96; text-shadow: 1px 1px 1px #fff;} .login_block .exit_ent a:first-child {border-right: 1px solid #d2d9db;} .login_block .exit_ent a:hover {text-decoration: underline;} .login_block:not(.auth) .exit_ent, .login_block.auth .login-link {display: none;} .login_block.auth .exit_ent, .login_block:not(.auth) .login-link {display: block;} .page_menu_block {width: 100%; height: 100%; text-align: center;} .page_menu_block .page_menu {height: 100%; display: inline-block; list-style: none; margin: 0px; padding: 0px;} .page_menu_block .page_menu>li {padding: 11px 0px 13px 0px; height: 15px; float: left; line-height: 15px;} .page_menu_block .page_menu>li>a {padding: 0px 5px; line-height: 15px; font-size: 13px; color: #036a96; text-shadow: 1px 1px 1px #fff; text-decoration: none;} .page_menu_block .page_menu>li>a.active, .page_menu_block .page_menu>li>a:hover {text-decoration: underline;} .page_menu_block .page_menu>li:not(:first-child)>a {border-left: 1px solid #d2d9db;} .page_menu_block .page_menu>li.shine>a {font-weight: bold; color: #eb1313; text-shadow: 1px 1px 1px yellow;} .page_menu_block .page_menu>li.sale_topmenu>a {font-weight: bold;} .currency_block .currency_select_box .current_currency .text_UAH, .currency_block .currency_select_box .currency-item .currency-UAH {background:url(img/currency/uah.png) 3px 50% no-repeat;} .currency_block .currency_select_box .current_currency .text_USD, .currency_block .currency_select_box .currency-item .currency-USD {background:url(img/currency/usd.png) 3px 50% no-repeat;} .currency_block .currency_select_box .current_currency .text_EUR, .currency_block .currency_select_box .currency-item .currency-EUR {background:url(img/currency/eur.png) 3px 50% no-repeat;} .currency_block .currency_select_box .current_currency .text_RUB, .currency_block .currency_select_box .currency-item .currency-RUB {background:url(img/currency/rub.png) 3px 50% no-repeat;} .currency_block .currency_select_box .current_currency .text_GBP, .currency_block .currency_select_box .currency-item .currency-GBP {background:url(img/currency/gbp.png) 3px 50% no-repeat;} .logo_block {width: 220px; height: 160px; margin: 0px 5px; float: left; position: relative;} .logo_block .logo_link {display: table-cell; width: 220px; height: 156px; vertical-align: middle; text-align: center;} .logo_block .logo_link img {max-width: 220px; max-height: 160px;} .cart_block {width: 220px; min-height: 160px; margin-left: 10px; float: right;} .comp_favor {width: 100%; margin: 44px 0px 10px;} .comp_favor::after {content: ''; display: block; clear: both;} .comp_favor>div {height: 55px; float: left; border-radius: 3px; margin: 0px 5px; position: relative;} /*.comp_favor>div:not(:last-child) {border-right: 1px solid #ccc;}*/ .comp_favor>div:hover {box-shadow: 0px 0px 2px 0px #036a96;} .comp_favor>div:not(.empty)>a, .comp_favor>div.empty .disabl {display: block;} .comp_favor>div.empty>a, .comp_favor>div:not(.empty) .disabl {display: none;} .comp_favor>div .disabl, .comp_favor>div>a {padding: 35px 0px 5px; position: relative;} .comp_favor>div .disabl {cursor: default;} .comp_favor>div span {display: block; font-size: 12px; padding: 0px 5px;} .comp_favor>div::before {content: ''; display: block; width: 40px; height: 28px; position: absolute; top: 0px; left: 50%; margin: 5px 0px 0px -20px;} .comp_favor>.compare.empty::before {background: url(img/compare_icon.png) no-repeat 50% -28px;} .comp_favor>.favorites.empty::before {background: url(img/favorites_icon.png) no-repeat 50% -28px;} .comp_favor>.compare:not(.empty)::before {background: url(img/compare_icon.png) no-repeat 50% 0px;} .comp_favor>.favorites:not(.empty)::before {background: url(img/favorites_icon.png) no-repeat 50% 0px;} .comp_favor>div .count {width: 20px; height: 20px; background: #F3B50B; color: #fff; text-align: center; line-height: 20px; font-size: 16px; border-radius: 50%; position: absolute; top: 0px; right: 10px;} .cities_block {width: calc(100% - 480px); height: 100%; padding: 0px 0px 0px 20px; float: left; text-align: left;} .cool_number {margin: 0; padding: 13px 0px 2px 0px;} .cool_number p {margin: 0px; padding: 0px; font-size: 12px; color: #555; line-height: 15px;} .cool_number p strong {font-size: 14px;} .cities_block .cities {display: block; list-style: none; margin: 0px; padding: 10px 0px;} .cities_block .cities::after {content: ''; display: block; clear: both;} .cities_block .cities>li {width: 105px; height: 35px; padding: 0px 10px 0px 0px; margin-bottom: 5px; float: left; position: relative; cursor: pointer;} .cities_block .cities>li.hidden {display: none;} .cities_block .cities>li>.citi_popup {width: 105px; max-height: 35px; overflow: hidden; position: absolute; top: 0px; left: 0px;} .cities_block .cities>li:hover>.citi_popup {width: 220px; max-height: 300px; top: 20px; left: -5px; z-index: 10; overflow: visible; background: #fff; padding: 10px 5px; border-radius: 0px 4px 4px 4px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,.2); z-index: 10000; cursor: auto;} .cities_block .cities>li>.citi_popup>span {display: block; color: #888; font-size: 13px; line-height: 15px; margin-top: 3px;} .cities_block .cities>li>.citi_popup>span.name {border-bottom: 1px dotted #0891be; float: left; color: #0891be; font-size: 12px; line-height: 14px; margin-bottom: 2px;} .cities_block .cities>li>.citi_popup>span.phone {margin-top: 19px;} .cities_block .cities>li>.citi_popup>span.phone::before {content: ''; display: block; clear: both;} .cities_block .cities>li:hover>.citi_popup>span.phone {padding-left: 20px; background: url(img/drop-phones.png) no-repeat;} .cities_block .cities>li:hover>.citi_popup>span.email {padding-left: 20px; background: url(img/drop-emails.png) no-repeat 0px -2px; cursor: pointer;} .cities_block .cities>li:hover>.citi_popup>span.email:hover {text-decoration: underline;} .cities_block .cities>li:hover>.citi_popup>span.address {padding-left: 20px; background: url(img/drop-adresses.png) no-repeat;} .cities_block .cities>li:hover>.citi_popup>span.name {height: 11px; padding: 5px; background: #fff; color: #efa903; position: absolute; top: -25px; left: 0px; border-radius: 4px 4px 0px 0px; box-shadow: 0px -1px 4px 1px rgba(0,0,0,.2); border: none;} .cities_block .cities>li:hover>.citi_popup>span.name::after {content: ''; display: block; background: #fff; width: 100%; height: 6px; position: absolute; bottom: -4px; left: 0px;} .cities_block .cities>li:hover>.citi_popup>span.phone {margin-top: 0px;} #item_other {width: 103px; height: 29px; margin: 6px 0px 0px 5px; float: left; border-radius: 0px 4px 4px 0px; position: relative; cursor: pointer; background: url(img/item_other.png) no-repeat -4px -3px; z-index: 1000;} #item_other.after_search_position {position: absolute; left: 50%; top: 140px; margin-left: 240px;} #item_other:hover {background-position: -4px -41px;} #item_other:hover .cities {display: block;} #item_other .name {height: 28px; line-height: 26px; position: relative; z-index: 5;} #item_other .name>span {border-bottom: 1px dotted #0891be; color: #0891be; font-size: 12px; line-height: 14px; margin-left: 15px;} #item_other .cities {width: 450px; padding: 20px 5px; position: absolute; z-index: 4; right: 0px; top: 25px; background: #fff; border: 1px solid #ccc; border-radius: 4px 0px 4px 4px; display: none; cursor: auto;} #item_other .cities::before {content: ''; width: 101px; height: 3px; background: #fff; position: absolute; top: -2px; right: 0px;} @media screen AND (max-width: 1349px) { #item_other .cities { right: -180px; } #item_other .cities::before { right: 180px; } } #item_other .cities>div::after {content: ''; display: block; clear: both;} #item_other .cities .citi_popup {width: 140px; padding: 0px 5px; float: left;} #item_other .cities .citi_popup::after {content: ''; display: block; clear: both;} #item_other .cities .citi_popup>span {display: block; color: #888; font-size: 13px; line-height: 15px; margin-top: 3px;} #item_other .cities .citi_popup>span.name {font-size: 14px; color: #3F5485;} #item_other .cities .citi_popup>span.phone {padding-left: 20px; background: url(img/drop-phones.png) no-repeat;} #item_other .cities .citi_popup>span.email {padding-left: 20px; background: url(img/drop-emails.png) no-repeat 0px -2px; cursor: pointer;} #item_other .cities .citi_popup>span.email:hover {text-decoration: underline;} #item_other .cities .citi_popup>span.address {padding-left: 20px; background: url(img/drop-adresses.png) no-repeat;} #item_other.wide {margin: 10px 0px 0px 35px;} /*#item_other.wide::before {left: 22px; top: -22px; width: 45px; height: 45px; background: #f9f8f8; -webkit-transform: rotate(45deg) skew(-23deg, -23deg); -moz-transform: rotate(45deg) skew(-23deg, -23deg); -ms-transform: rotate(45deg) skew(-23deg, -23deg); transform: rotate(45deg) skew(-23deg, -23deg); }*/ /* #item_other.wide .cities {bottom: 25px; top: initial; border-radius: 4px 4px 0px 4px;} #item_other.wide .cities::before {bottom: -13px; top: initial;}*/ .search_block {height: 50px; margin-bottom: 10px; position: relative; margin-left: -10px;} .search_block form {height: 100%; width: 100%; max-width: 560px; border: 1px solid #e3eff3; float: left; border-radius: 4px; box-shadow: inset 0px 1px 0px 0px #fff; margin-bottom: 0px; background: -webkit-linear-gradient(top, #f5f8fa, #e3eff3); background: -moz-linear-gradient(top, #f5f8fa, #e3eff3); background: -ms-linear-gradient(top, #f5f8fa, #e3eff3); background: linear-gradient(top, #f5f8fa, #e3eff3); } /*.search_block form .search-wrapper {display: block; box-sizing: content-box; margin: 11px 10px 10px; height: 27px; width: calc(100% - 42px); font-family: Arial; font-size: 14px; font-style: italic; background: #fff url(img/lupa.png) 340px 8px no-repeat; color: #888; border: 1px solid #d0e1e8;}*/ .search_block form .search-wrapper {display: block; box-sizing: content-box; margin: 10px 0px; height: 29px;} .search_block form .search-wrapper input#search {width: calc(100% - 129px); height: 100%; box-sizing: content-box; float: left; border: 1px solid #d0e1e8; margin: 0px 10px; background: #fff url(img/lupa.png) 99% 8px no-repeat; font-style: italic; font-family: Arial; font-size: 14px; color: #888; border-radius: 4px; box-shadow: inset 0px 1px 0px 0px #f1f1f1; padding: 0px 25px 0px 10px;} .search_block form .search-wrapper button {display: block; box-sizing: content-box; height: 27px; float: right; border: 1px solid #d0e1e8; cursor: pointer; font-family: Arial; font-size: 14px; color: #888; padding: 0 10px; margin-right: 10px; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); text-shadow: 1px 1px 0 rgba(255,255,255,0.7); background: -webkit-linear-gradient(top, #fefdfa, #edece9); background: -moz-linear-gradient(top, #fefdfa, #edece9); background: -ms-linear-gradient(top, #fefdfa, #edece9); background: linear-gradient(top, #fefdfa, #edece9); } .search_block input::-webkit-input-placeholder {color: #888; font-weight: normal; opacity: 1;} .search_block input:-moz-placeholder, .search_block input::-moz-placeholder {color: #888; font-weight: normal; opacity: 1;} .search_block input:-ms-input-placeholder {color: #888; font-weight: normal; opacity: 1;} /* MODAL ****************************/ .dialog { display: none; } .dialog-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(5, 127, 171, .3); opacity: 0.8; filter: alpha(opacity=80); z-index: 1000; } .dialog-window {position: fixed; top: -400px; left: 50%; margin-left: -140px !important; border-radius: 5px; background: #f5f5f5; border: none; width: 280px; opacity: 1; z-index: 3001; overflow-x: hidden; margin: 0 auto; text-align: left; -webkit-transition: top .5s; -moz-transition: top .5s; -ms-transition: top .5s; transition: top .5s; } .dialog-window.open {top: 100px;} .uaModalLabel {font-size: 24.5px; line-height: 30px; font-weight: bold;} .dialog-window .cart {position: relative; top: 0px; border: none; width: 280px; /*height: 170px;*/ background: #fff; opacity: 1; z-index: 3001; overflow-x: hidden; margin: 0 auto; text-align: left; margin: 0px !important;} .dialog-window .dialog-close { text-decoration: none; font-size: 14px; line-height: 26px; position: absolute; right: 0; top: -2px; width: 20px; text-align: center; } .dialog-window .dialog-close:hover { font-size: 24px; } .dialog-window>.title {width: 250px; padding: 10px 15px; height: 28px; background: #fff; font-size: 21px; color: #454545; font-weight: normal; line-height: 28px; margin: 0px; border-bottom: 1px solid #eee;} .dialog-window .cart.authentification {width: 260px; padding: 10px 10px 21px;} .dialog-window .cart.authentification>p { margin-bottom: 0; } .dialog-window .cart.authentification #page { padding-bottom: 0; } .dialog-window .cart.authentification #page:after { content: ""; width: 100%; height: 0; clear: both; display: block; } .dialog-window .cart.authentification .wa-form {margin: 5px 5px 0px;} .dialog-window .cart.authentification .wa-form form {margin: 0px;} .dialog-window .cart.authentification #page .wa-form, .dialog-window .cart.authentification .wa-value .wa-captcha p { margin-bottom: 0; } .dialog-window .cart.authentification .wa-auth-adapters p {} .dialog-window .cart.authentification .wa-auth-adapters ul {} .wa-auth-adapters {margin-bottom: 12px; border-bottom: 1px solid #eee;} .dialog-window .cart.authentification .wa-auth-adapters {text-align: center;} .wa-auth-adapters::after {content: ''; display: block; clear: left;} .wa-auth-adapters p {color: #999; font-size: 13px;} .wa-auth-adapters ul {list-style: none; display: inline-block; padding: 0px 0px 10px; margin: 0px;} .wa-auth-adapters ul li {width: 32px; height: 32px; float: left; margin: 0px 5px; background-size: 32px;} .wa-auth-adapters ul li a {display: block; height: 100%; width: 100%; text-indent: -99999px;} .wa-auth-adapters ul li.wa-auth-adapter-facebook {background-image: url(/wa-data/public/site/themes/keramis_desktop/img/soc_icons/fb_icon.png);} .wa-auth-adapters ul li.wa-auth-adapter-twitter {background-image: url(/wa-data/public/site/themes/keramis_desktop/img/soc_icons/tw_icon.png);} .wa-auth-adapters ul li.wa-auth-adapter-google {background-image: url(/wa-data/public/site/themes/keramis_desktop/img/soc_icons/g_icon.png);} .dialog-window .wa-form .wa-field .wa-name {float: none; padding: 0px; font-size: 14px; color: #666; margin-bottom: 2px;} .dialog-window .wa-form .wa-field .wa-name::after {content: '*'; display: inline-block; color: #efa903;} .dialog-window .wa-form .wa-field .wa-value {margin: 0px;} .dialog-window .wa-form .wa-field .wa-value input {border-radius: 0; border: 1px solid #dde7eb; width: 238px; min-width: 40px; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px;} .dialog-window .wa-form .wa-field .wa-value input.wa-error {border-color: red; box-shadow: 0px 0px 10px 1px red;} .dialog-window .wa-form .wa-field .wa-value .wa-error-msg {font-style: normal; color: red; padding: 0px 0px 10px; display: block;} .dialog-window .cart.authentification .succes_auth {text-align: center; font-size: 16px; color: #333; padding: 15px 0px;} .dialog-window .wa-form .wa-field .wa-value.wa-submit a {font-size: 14px; color: #0093dd; text-decoration: none; border-bottom: 1px dashed; position: absolute; top: -37px; left: 15px; line-height: 20px;} .dialog-window .wa-form .wa-field .wa-value.wa-submit a[href="/blog/signup/"], .dialog-window .wa-form .wa-field .wa-value.wa-submit a[href="/signup/"] {border-bottom: 1px solid; position: relative; top: 3px; left: 0px; color: #066aba; line-height: 14px;} /*.dialog-window .wa-form .wa-field .wa-value.wa-submit a[href="/blog/signup/"]::before, .dialog-window .wa-form .wa-field .wa-value.wa-submit a[href="/signup/"]::before {content: 'У Вас еще нет учетной записи?'; display: block; font-size: 15px; color: #454545; border: none; margin: 0px 0px 3px;} .dialog-window .wa-form .wa-field .wa-value.wa-submit a[href="/blog/signup/"]::after, .dialog-window .wa-form .wa-field .wa-value.wa-submit a[href="/signup/"]::after {content: 'Зарегистрируйся и получи скидку 2%'; display: block; margin: 12px 0px 0px; padding: 0px; font-size: 13px; color: #454545; border: none;}*/ .around_signup {display: none;} .dialog-window .wa-form .wa-field .wa-value.wa-submit .around_signup {display: block;} .dialog-window .wa-form .wa-field .wa-value.wa-submit .around_signup.top {display: block; font-size: 15px; color: #454545; border: none; margin: 0px 0px 3px;} .dialog-window .wa-form .wa-field .wa-value.wa-submit .around_signup.bottom {display: block; margin: 12px 0px 0px; padding: 0px; font-size: 13px; color: #454545; border: none;} .dialog-window .wa-form .wa-field .wa-value.wa-submit a[href="/blog/signup/"]:hover::after, .dialog-window .wa-form .wa-field .wa-value.wa-submit a[href="/signup/"]:hover::after, .dialog-window .wa-form .wa-field .wa-value.wa-submit a[href="/blog/signup/"]:hover::before, .dialog-window .wa-form .wa-field .wa-value.wa-submit a[href="/signup/"]:hover::before {color: #454545;} .dialog-window .wa-form .wa-field .wa-value.wa-submit a:hover {border-bottom: 1px solid;} .dialog-window .wa-form .wa-field .wa-value.wa-submit a[href="/blog/signup/"]:hover, .dialog-window .wa-form .wa-field .wa-value.wa-submit a[href="/signup/"]:hover {color: #005580;} .dialog-window .wa-form .wa-field .wa-value.wa-submit {background: #f5f5f5; border-top: 1px solid #ddd; padding: 14px 15px; width: 100%; height: 105px; margin: 31px 0px -21px -15px; position: relative;} .dialog-window .wa-form .wa-field .wa-value.wa-submit input {width: 70px !important; height: 30px !important; padding: 4px 12px !important; background-color: #1092be; color: #fff; font-weight: bold; font-size: 15px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); border: 1px solid #0C6E8F; background-image: -webkit-linear-gradient(to bottom, #1aa2cf, #0680ac); background-image: -moz-linear-gradient(to bottom, #1aa2cf, #0680ac); background-image: -ms-linear-gradient(to bottom, #1aa2cf, #0680ac); background-image: linear-gradient(to bottom, #1aa2cf, #0680ac); } /* .dialog-window .cart { position: fixed; top: 15%; left: 0; right: 0; opacity: 1; z-index: 100; overflow-x: hidden; box-shadow: 0 3px 15px #ddd; margin: 0 auto; text-align: left; width: 400px; bottom: 15%; background: #fff; padding: 25px; } .dialog-window .cart .added2cart { font-style: italic; } .dialog-window .cart .purchase { display: block; }*/ .dialog-window .dialog-close {position: absolute; background: url(img/close_icon.png) no-repeat 50% 50%; top: 17px; right: 15px; width: 12px; height: 12px; z-index: 999999; display: block; cursor: pointer;} @media screen and (min-width: 1350px){ .header .center_bl, #homepage .center_bl, #categorypage .center_bl, #productpage .center_bl, .footer .center_bl {width: 1170px;} .cool_number {text-align: center;} .comp_favor {margin-top: 0px;} .header .menu-line>.center_bl>ul>li>a {padding: 0px 34px 0px 54px; height: 48px; line-height: 48px; text-decoration: none; font-size: 14px; color: #777; font-weight: bold; display: block; position: relative; border-right: 2px solid #e3e3e2; box-shadow: 1px 0px 0px 0px #fcfcfb;} .header .menu-line>.center_bl>ul>li:first-child>a {border-left: 2px solid #fcfcfb; box-shadow: 1px 0px 0px 0px #fcfcfb, -1px 0px 0px 0px #e3e3e2;} .header .menu-line>.center_bl>ul>li>a>span {display: block; padding-left: 30px; margin-left: -30px; background-position: 0px 8px; background-repeat: no-repeat;} .header .menu-line>.center_bl>ul>li.selected>a {padding-top: 3px; margin: -3px 1px 0px -1px; line-height: 46px; border-radius: 3px; border: 1px solid #dedddd; box-shadow: 3px 3px 5px rgba(0,0,0,0.1); z-index: 2; background: -webkit-linear-gradient(top, #f7f7f7, #dfdfdf); } .header .menu-line>.center_bl>ul>li.selected>a>span {background-position: 0px -42px; color: #036a96;} .header .menu-line>.center_bl>ul>li.selected.hover>a>span {background-position: 0px -43px;} .header .menu-line>.center_bl>ul>li.hover>a>span {background-position: 0px 6px;} .header .menu-line>.center_bl>ul>li>a>span:hover {color: #EFA903;} .header .menu-line>.center_bl>ul>li.hover>a, .header .menu-line>.center_bl>ul>li.selected.hover>a {background: #fff; border: 2px solid #ffd642; border-bottom: none; line-height: 44px; border-radius: 4px 4px 0px 0px; padding: 0px 33px 0px 53px;} .header .menu-line>.center_bl>ul>li.selected.hover>a {padding: 3px 33px 0px 53px; box-shadow: none;} .header .menu-line>.center_bl>ul>li:first-child.hover>a {padding: 0px 33px 0px 53px; margin-right: 1px;} .header .menu-line>.center_bl>ul>li:first-child.selected.hover>a {padding: 3px 33px 0px 53px;} .header .menu-line>.center_bl>ul>li.hover>a {z-index: 101;} .header .menu-line>.center_bl>ul>li.hover>a::after {content: ''; display: block; position: absolute; width: 100%; bottom: -7px;left: 0px; height: 8px; background: #fff;} } /* WIDE ========= */ @media screen and (min-width: 1300px) { .container { max-width: 1200px; } } .promo_code_block {height: 20px; line-height: 20px; font-size: 12px; width: 100%; margin: 8px 0px 10px; text-align: left; color: green;} .scrollToTop{background:url(img/up.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);bottom:40px;height:46px;opacity:0;position:fixed;left:20px;width:68px;z-index:99;-webkit-transition:opacity ease 1s;-webkit-transform:scale(0)} .scrollToTop.visible{opacity:1;-webkit-transform:scale(1)} .mini-cart {width: 100%; position: relative; z-index: 9999;} .mini-cart .cart_top {width: 100%; height: 50px;} .mini-cart .cart_top_title {padding: 0px 0px 0px 30px; font-size: 18px; text-align: left; color: #333; font-weight: normal; line-height: 24px; background: url(img/cart_title_bg.png) no-repeat 0px 0px;} .mini-cart .onestep_link {height: 28px; line-height: 28px; display: block; margin: 0px 0px 0px 7px; padding: 0 3px 3px 0; width: 130px; font-size: 13px; color: #fff; text-decoration: none; text-align: center; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); background: url(img/goto-cart.png) 0px 0px no-repeat; float: right; margin: 10px 5px;} .mini-cart .onestep_link:hover {background-position: 0px -33px;} .mini-cart .onestep_link:active {background-position: 0px -66px;} .mini-cart .empty_cart_cont, .mini-cart .cart_cont {font-size: 13px; color: #555; margin: 4px 0px 0px 7px; line-height: 17px;} .mini-cart .cart_cont .cart-count {color: #066aba; text-decoration: underline;} .mini-cart .cart_cont .cart-count:hover {color: #005580;} .mini-cart.empty .empty_cart_cont, .mini-cart:not(.empty) .cart_cont {display: block;} .mini-cart:not(.empty) .empty_cart_cont, .mini-cart.empty .cart_cont {display: none;} .mini-cart .mini-cart-wrapper {display: block; height: 100%;} .mini-cart .mini-cart-wrapper:hover {color: inherit; text-decoration: none;} .mini-cart .mini-cart-dropdown {position: absolute; z-index: 10; min-height: 50px; width: 220px; background: #fff; border-radius: 6px; display: none; right: 20px; top: 55px; border: 1px solid #dddcdc; border-top: 2px solid #036a96; box-shadow: 0px 0px 5px rgba(0,0,0,0.2);} .mini-cart .mini-cart-dropdown::before {content: ''; position: absolute; left: 0px; top: -20px; width: 100%; height: 20px;} .mini-cart .mini-cart-dropdown .mini-cart-list {list-style: none; padding: 0px; margin: 0px;} .mini-cart .mini-cart-dropdown .mini-cart-list li {padding: 10px; position: relative; border-bottom: 1px solid #dde7eb;} .mini-cart .mini-cart-dropdown .mini-cart-list li .minicart-thumb {float: left; width: 48px; height: 48px; border: 1px solid #dde7eb; border-radius: 3px; overflow: hidden;} .mini-cart .mini-cart-dropdown .mini-cart-list li .minicart-thumb img {max-width: 48px; max-height: 48px;} .mini-cart .mini-cart-dropdown .mini-cart-list::after {content:''; display: block; clear: both; height: 0px;} .mini-cart .mini-cart-dropdown .mini-cart-list li::after {content: ''; display: block; clear: both;} .mini-cart .mini-cart-dropdown .total-block {text-align: right;} .mini-cart .mini-cart-dropdown .mini-cart-list li .minicart-name {float: left; width: 140px; min-height: 33px; padding-left: 10px; text-align: left; font-size: 12px; line-height: 14px;} .mini-cart .mini-cart-dropdown .mini-cart-list li .minicart-name a {color:#0891be;word-wrap:break-word} .mini-cart .mini-cart-dropdown .mini-cart-list li .minicart-name a:hover {text-decoration: underline;} .mini-cart .mini-cart-dropdown .mini-cart-list li .cart_li_bottom {padding: 5px 0px 0px 60px;} .mini-cart .mini-cart-dropdown .mini-cart-list li .cart_li_bottom::after {content: ''; display: block; clear: both;} .mini-cart .mini-cart-dropdown .mini-cart-list li .soaring-cart-quantity {float: left; font-size: 12px; color: #666;} .mini-cart .mini-cart-dropdown .mini-cart-list li .minicart-total {float: right; text-align: right; font-size: 14px; color: #353535;} .mini-cart .mini-cart-dropdown .mini-cart-list li .minicart-remove {cursor: pointer; width: 13px; height: 13px; position: absolute; top: 50%; right: -6px; margin-top: -6px; background: url(img/cart-popup-item-delete.png); display: none;} .mini-cart .mini-cart-dropdown .mini-cart-list li:hover .minicart-remove {display: block;} .mini-cart .mini-cart-dropdown .mini-cart-list li .minicart-remove .minicart-remove-button {width: 13px; height: 13px; display: block;} .mini-cart .mini-cart-dropdown .total-block {height: 30px;} .mini-cart .mini-cart-dropdown .total-block>a {float: left; height: 30px; font-size: 12px; line-height: 30px; color: #0093dd; text-decoration: underline; padding-left: 5px;} .mini-cart .mini-cart-dropdown .total-block>a:hover {text-decoration: none;} .mini-cart .mini-cart-dropdown .total-block>span {height: 30px; font-size: 14px; line-height: 30px; color: #353535; float: right; padding-right: 5px; width: 147px; text-align: center;} .mini-cart .mini-cart-dropdown .total-block>span>span {float: right;} .ul-wrapper .mCSB_container{margin-right:20px;} .ul-wrapper .mCSB_scrollTools .mCSB_draggerContainer{ border-radius: 20px; border: 1px solid #4c87d2; background: #dbedff; width: 9px; } .ul-wrapper .mCSB_dragger{ background: #4c87d2; border-radius: 15px; } .ul-wrapper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #4c87d2; } .mCSB_scrollTools .mCSB_draggerRail{ background: #dbedff!important; } /*.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background: #4c87d2!important;} .mCSB_scrollTools .mCSB_dragger:hover {background:#4c87d2!important;}*/ .search_block.fixed {position: fixed; top: 0px; z-index: 99999; box-shadow: 0px 5px 20px 1px rgb(159, 159, 159);} #suggestions {z-index: 1000; border: 2px solid rgb(5, 116, 200); background: #fff; padding: 5px; display: none; position: absolute; left: 11px; top: 44px; width: 503px;} #suggestions .search_light {background: yellow;} #suggestions .search_suggestion_list .search_suggestion_item::after {content: ''; clear: both; display: block; height: 0px;} #suggestions .search_suggestion_list .search_suggestion_item .search_suggestion_pic {width: 48px; height: 48px; margin-right: 5px; float: left; overflow: hidden;} #suggestions .search_suggestion_list .search_suggestion_goon {background: #efefef; text-align: right; height: 20px; line-height: 20px; color: #333; font-size: 12px; font-family: arial; padding: 0px 10px; margin: 0px 0px 5px 0px; position: relative;} #suggestions .search_suggestion_list .search_suggestion_goon span {position: absolute; top: 0px; left: 4px;} #suggestions .search_suggestion_list .search_suggestion_item .search_suggestion_info {width: 320px; margin-right: 5px; float: left;} #suggestions .search_suggestion_list .search_suggestion_item .search_suggestion_info .search_suggestion_name a {font-family: arial; font-size: 14px;} #suggestions .search_suggestion_list .search_suggestion_item .search_suggestion_info .search_suggestion_name a span.highlight {background-color: yellow;} #suggestions .search_suggestion_list .search_suggestion_item .search_suggestion_info .search_suggestion_category a {font-family: arial; font-size: 12px; color: #999;} #suggestions .search_suggestion_list .search_suggestion_item .search_suggestion_info .search_suggestion_category a:hover {font-family: arial; font-size: 12px; color: #999; text-decoration: underline;} #suggestions .search_suggestion_list .search_suggestion_item .search_suggestion_price {width: 121px; float: left; font-family: arial; font-size: 20px; color: rgb(5, 116, 200);} #suggestions .search_suggestion_list .search_suggestion_item .search_suggestion_clear {width: 493px; height: 10px; clear: left;} #suggestions .search_suggestion_list .search_suggestion_item .no-result-form-search {cursor: pointer;} /* FEEDBACK ****************************/ #feedback_new .feedback-city-fields{position:relative} #feedback_new #feedback_city_suggestion{position:absolute;top:57px;left:0px;z-index:1000;border:2px solid rgb(5, 116, 200);background:#fff;padding:0;display:none;width:216px} #feedback_new #feedback_city_suggestion .cities_suggestion_list{margin:0;padding:0;max-height:100px;overflow-y:auto} #feedback_new #feedback_city_suggestion .search_suggestion_item {margin:0;padding:0} #feedback_new #feedback_city_suggestion .cities_suggestion_title {display:block;margin:0;padding:3px 5px 4px 5px;font-size:13px;line-height:13px;color:#1ba3d0} #feedback_new #feedback_city_suggestion .cities_suggestion_title:hover {cursor:pointer;color:#fff;background:#1ba3d0;text-decoration:none} #feedback_chief #feedback_chief_newLabel, #feedback_new #feedback_newLabel {line-height: 30px;margin: 0;font-size: 24.5px;font-weight: bold;text-rendering: optimizelegibility;} /* BOOTSTRAP ********************************************/ .row{margin-left:-20px;*zoom:1} .row:before, .row:after{display:table;line-height:0;content:""} .row:after{clear:both} .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{width:940px} [class*="span"]{float:left;min-height:1px;margin-left:20px} .span12{width:940px} .span11{width:860px} .span10{width:780px} .span9{width:700px} .span8{width:620px} .span7{width:540px} .span6{width:460px} .span5{width:380px} .span4{width:300px} .span3{width:220px} .span2{width:140px} .span1{width:60px} .container {margin-right:auto;margin-left:auto;*zoom:1} .container:before, .container:after{display:table;line-height:0;content:""} .container:after{clear:both} [class*="span"].pull-right, .row-fluid [class*="span"].pull-right{float:right} .nav > .pull-right{float:right} .pull-right{float:right} /* .nav { margin-bottom: 20px; margin-left: 0; list-style: none; } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; line-height: 0; content: ""; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover{color:#ffffff;background-color:#0088cc} li{line-height:20px} .nav > li > a{display:block} .nav > li > a:hover, .nav > li > a:focus{text-decoration:none;background-color:#eeeeee}*/ .modal-body .control-group {margin-bottom: 0px;} #feedback_phone, #feedback_chief_phone, #cheeper_phone {width: 145px;} .modal-body .control-group .control-label, .modal-body .control-group .controls textarea, .modal-body .control-group .controls input {margin-bottom: 0px;} .modal-backdrop {background-color: rgba(5, 127, 171, .3) !important;} #wa-my-info-wrapper .wa-form .wa-field {min-height: 40px; margin: 5px 0px;} #wa-my-info-wrapper .wa-form .wa-field:not(:first-child) .wa-name {width: 160px; float: left; line-height: 40px;} #wa-my-info-wrapper .wa-form .wa-field:first-child {padding: 10px; border: 1px solid #DDE7EB; margin-bottom: 10px;} #wa-my-info-wrapper .wa-form .wa-field:first-child .wa-name {display: none;} #wa-my-info-wrapper .wa-form .wa-field:not(:first-child) .wa-value {float: left; width: calc(100% - 160px); line-height: 40px;} #wa-my-info-wrapper .wa-form .wa-field:not(:first-child) .wa-value input:not([type="button"]):not([type="submit"]) {width: calc(100% - 80px); margin: 5px 0px;} #wa-my-info-wrapper .wa-form .wa-field:not(:first-child) .wa-value select {width: calc(100% - 66px); margin: 5px 0px;} #wa-my-info-wrapper .wa-form .wa-field .wa-value [class*="wa-field-address"] span {display: block;} #wa-my-info-wrapper .wa-form .wa-field .input-prepend {display: block; width: calc(100% - 38px);} .wa-signup-form .wa-form .wa-field {min-height: 40px; margin: 5px 0px; position: relative;} .wa-signup-form .wa-form .wa-field .wa-name {width: 160px; float: left; line-height: 40px;} .wa-signup-form .wa-form .wa-field .wa-value {float: left; width: calc(100% - 160px); line-height: 40px;} .wa-signup-form .wa-form .wa-field .wa-value input:not([type="button"]):not([type="submit"]) {width: calc(100% - 40px); margin: 5px 0px;} .wa-signup-form .wa-form .wa-field .wa-value select {width: calc(100% - 26px); margin: 5px 0px;} .wa-signup-form .wa-form .wa-field .wa-value [class*="wa-field-address"] span {display: block;} .wa-signup-form .wa-captcha img {float: left;} .wa-signup-form .wa-captcha strong {float: left; margin: 10px;} .wa-signup-form .wa-captcha .wa-captcha-input {width: 200px !important; margin-left: 6px !important;} /*.input-prepend .btn.dropdown-toggle {margin: 5px 0px;}*/ .input-prepend input {width: calc(100% - 100px) !important;} .input-prepend .btn.dropdown-toggle {width: 60px !important;} .modal .input-prepend input {width: calc(100% - 73px) !important;} .forgot_passw * {float: left; margin: 0px 10px 0px 0px; line-height: 30px;} .forgot_passw input[type="text"] {margin: 0px;} .forgot_passw {padding: 0px 0px 20px;} .forgot_passw::after {content: ''; display: block; clear: left;} .forgot_passw_sign {padding: 0px 0px 30px; display: block;} .forgot_passw .wa-error-msg {color: red; margin-left: 10px;} .login_page_block .wa-error-msg {color: red; margin-left: 10px;} .wa-signup-form .required-fields {font-size: 13px; margin: 10px 0; padding: 10px; border: 1px solid #eee; border-radius: 4px;} .wa-error-msg {color: red;} .wa-error {border-color: red !important; box-shadow: 0px 0px 10px 0px red !important;} .modal {z-index: 9999 !important;} .fancybox-overlay {z-index: 10000 !important;} /* SLIDER HOMEPAGE ***************************/ #main_slider {background: #f6f6f6; padding-top: 10px; width: calc(100vw - 17px); left: 50%; margin-left: calc((100vw - 17px) / 2 * -1);} #slider {padding-bottom: 10px;} /* ALL ACTIONS */ #slider .nivo-controlNav .all-actions {background:none;color:#0891be;border-bottom:1px dashed #0891be;width:auto;height:14px;line-height:14px;font-size:12px;text-indent:0px;margin-left:10px;position:relative;top:-4px;font-weight:bold} #slider .nivo-controlNav .all-actions:hover{text-decoration:none;border-bottom:1px solid #0891be} /* banner_slider */ .banner_slider_wrap { background: #f6f6f6; padding: 10px 0; width: calc(100vw - 17px); left: 50%; margin-left: calc((100vw - 17px) / 2 * -1); } .banner_slider .nivoSlider a.nivo-imageLink {display: block;} .banner_slider .nivoSlider a.nivo-imageLink img {display: block; max-width: 940px; max-height: 290px; margin: 0 auto;} .banner_slider .banner_all.all-actions {background:none;color:#0891be;border-bottom:1px dashed #0891be;width:auto;height:14px;line-height:14px;font-size:12px;text-indent:0px;margin-left:10px;position:relative;top:-4px;font-weight:bold} .banner_slider .banner_all.all-actions:hover{text-decoration:none;border-bottom:1px solid #0891be} .banner_slider .nivo-controlNav {bottom: 0;} .theme-default .banner_slider .nivo-directionNav a { display: inline-block; vertical-align: top; line-height: 30px; color: #fff; font-size: 20px; border-radius: 100%; text-indent: 0; text-align: center; text-decoration: none; opacity: 1; cursor: pointer; background: rgb(247,215,93); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZDc1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmMyMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(247,215,93,1) 0%, rgba(246,194,20,1) 100%); background: -webkit-linear-gradient(top, rgba(247,215,93,1) 0%,rgba(246,194,20,1) 100%); background: linear-gradient(to bottom, rgba(247,215,93,1) 0%,rgba(246,194,20,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d75d', endColorstr='#f6c214',GradientType=0 ); } .theme-default .banner_slider .nivo-directionNav a:hover { background: rgb(246,194,20); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2YzIxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Q3NWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(246,194,20,1) 0%, rgba(247,215,93,1) 100%); background: -webkit-linear-gradient(top, rgba(246,194,20,1) 0%,rgba(247,215,93,1) 100%); background: linear-gradient(to bottom, rgba(246,194,20,1) 0%,rgba(247,215,93,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6c214', endColorstr='#f7d75d',GradientType=0 ); } /* banner_slider end */ .btn-group {height: 30px !important;} /* SIDE BUTTONS **********************************/ #online_help{width:40px;height:37px;position:fixed;top:60px;right:0;z-index:290} #online_help a{width:40px;height:37px;display:block;background:url(img/new/online_help.png) 0 0 no-repeat;text-indent:-999em} #online_help a:hover{background:url(img/new/online_help.png) 0 -37px no-repeat} #online_help a:active{background:url(img/new/online_help.png) 0 -74px no-repeat} #callback{width:40px;height:37px;position:fixed;top:105px;right:0;z-index:290} #callback a{width:40px;height:37px;display:block;background:url(img/new/callback.png) 0 0 no-repeat;text-indent:-999em;cursor: pointer;} #callback a:hover{background:url(img/new/callback.png) 0 -37px no-repeat} #callback a:active{background:url(img/new/callback.png) 0 -74px no-repeat} #skype{width:40px;height:37px;position:fixed;top:150px;right:0;z-index:290} #skype a{width:40px;height:37px;display:block;background:url(img/new/skype.png) 0 0 no-repeat;text-indent:-999em} #skype a:hover{background:url(img/new/skype.png) 0 -37px no-repeat} #skype a:active{background:url(img/new/skype.png) 0 -74px no-repeat} #chief_feedback{width:40px;height:37px;position:fixed;top:290px;right:0;z-index:1030;cursor:pointer} #chief_feedback a{width:40px;height:37px;display:block;background:url(img/new/chief.png) 0 0 no-repeat;text-indent:-999em} #chief_feedback a:hover{background:url(img/new/chief.png) 0 -37px no-repeat} #chief_feedback a:active{background:url(img/new/chief.png) 0 -74px no-repeat} #viber{width:40px;height:37px;position:fixed;top:197px;right:0;z-index:1030;cursor:pointer} #viber a{width:40px;height:37px;display:block;background:url(img/new/viberico2.png) 0 -37px no-repeat;text-indent:-999em;background-size: cover;border-radius: 5px 0 0 5px;} #viber a:hover{background:url(img/new/viberico2.png) 0 0px no-repeat;background-size: cover;border-radius: 5px 0 0 5px;} #viber a:active{background:url(img/new/viberico2.png) 0 -74px no-repeat;background-size: cover;border-radius: 5px 0 0 5px;} #telegram{width:40px;height:37px;position:fixed;top:243px;right:0;z-index:1030;cursor:pointer} #telegram a{width:40px;height:37px;display:block;background:url(img/new/tgramico2.png) 0 -38px no-repeat;text-indent:-999em;background-size: cover;border-radius: 5px 0 0 5px;} #telegram a:hover{background:url(img/new/tgramico2.png) 0 0px no-repeat;background-size: cover;border-radius: 5px 0 0 5px;} #telegram a:active{background:url(img/new/tgramico2.png) 0 -75px no-repeat;background-size: cover;border-radius: 5px 0 0 5px;} .products_carousel li {width: 200px; height: 200px; float: left; list-style: none; margin-right: 20px;} .products_carousel li .prd-name{margin-bottom:10px;height:45px;overflow:hidden} .products_carousel li .prd-name a{display:block;font-size:14px;line-height:15px;color:#0891be;text-decoration:none} .products_carousel li .prd-name a:hover{color:#efa903;text-decoration:none} .products_carousel li .prd-image {height:140px;overflow:hidden;position:relative} .products_carousel li .prd-image a{background:#fff;display:table-cell;height:140px;width:200px;text-align:center;vertical-align:middle} .products_carousel li .prd-image a img{max-height:140px;max-width:200px;} .products_carousel li .prd-image .price{position:absolute;bottom:0;right:0;background:url(/wa-content/jcarousel/price_bg.png) 0 0 no-repeat;width:108px;height:44px} .products_carousel li .prd-image .price p{display:block;width:101px;height:41px;font-size:12px;color:#f4ab04 !important;text-align:right;padding:3px 7px 0 0} .products_carousel li .prd-image .price p span{font-size:21px} .products_carousel li .name{margin-bottom:10px;height:45px;overflow:hidden;display:block;font-size:13px;line-height:15px;color:#0891be;text-decoration:none} .products_carousel li .name a:hover{color:#efa903;text-decoration:none} .products_carousel li .image {margin-bottom:10px} .products_carousel li .image a{background:#fff;width:190px;height:190px;display:table-cell;text-align:center;vertical-align:middle} .products_carousel li .image a img{max-width:190px;max-height:190px;border-radius:6px} .products_carousel li .act{height:30px} .products_carousel li .act .price{line-height:30px;color:#353535;font-size:14px;height:30px;position:static;display:block;float:left;background:transparent;width:100px} .products_carousel li .act .price span{font-size:18px} .products_carousel li .act .add2cart{float:right;background: url("../images/new/prd_addtocart.png") no-repeat scroll 0 0 transparent;border:medium none;color:#FFFFFF;font-size:14px;height:32px;margin:0;padding:0;text-align:center;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.05);width:76px} .products_carousel li .act .add2cart:hover{background: url("../images/new/prd_addtocart.png") no-repeat scroll 0 -32px transparent} .products_carousel li .act .add2cart:active{background: url("../images/new/prd_addtocart.png") no-repeat scroll 0 -64px transparent} /*.jcarousel-clip {overflow: hidden;}*/ #page-content .error_page_block {width: 940px; margin: 0px auto; padding: 70px 0px 20px;} #page-content .center_part {width: 480px; margin: 0px; } #page-content .center_part span {color: #FF0000; display: block; font-size: 22px; font-weight: normal; letter-spacing: 0; line-height: 22px;} #page-content .center_part h1 {font-size: 46px; font-weight: bold; letter-spacing: -0.05em; line-height: 46px; padding: 0px; margin: 0px; font-family: arial;} #page-content .center_part p {color: #676666; font-size: 17px;} #page-content .error_page_block img {width: 280px; float: right; margin-right: 100px;} #page-content .error_page_search {} #page-content .error_page_search .search_block {width: 940px; margin: 0px;} #page-content .error_page_search .search_block form {max-width: 940px;} #collectionerror {width: 100px; float: right;} /* REGISTER */ .wa-signup-form .state {width: 16px; height: 16px; position: absolute; right: 0px; top: 12px;} .wa-signup-form .check-state{display:block;width:16px;height:16px;margin:0;padding:0;background:url(img/reg_state_loading.gif) 0 0 no-repeat;opacity:0;} .wa-signup-form .check-state.good {background:url(img/reg_state_icon.png) 0 -16px no-repeat;opacity:1} .wa-signup-form .check-state.wrong {background:url(img/reg_state_icon.png) 0 0 no-repeat;opacity:1} #agree_checkbox {margin: 4px 5px 0px 0px; width: 16px; float: left;} #wa-my-info-edit-wrapper td.adress-fields-block .adress-fields-wrapper, .wa-signup-form td.adress-fields-block .adress-fields-wrapper{background:#FAFDFE;border:1px solid #DDE7EB;border-radius:5px;margin-bottom:10px;padding:10px;width:650px} #wa-my-info-edit-wrapper td.adress-fields-block .adress-fields-wrapper .regions-block H3, .wa-signup-form td.adress-fields-block .adress-fields-wrapper .regions-block H3{color:#666666;font-size:14px;font-weight:normal;line-height:16px;margin:0;padding:0} #wa-my-info-edit-wrapper td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list, .wa-signup-form td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list{margin:10px 0;padding:0;list-style:none} #wa-my-info-edit-wrapper td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list:after, .wa-signup-form td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list:after{content:'';clear:both;display:block;height:0} #wa-my-info-edit-wrapper td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list li, .wa-signup-form td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list li{margin:0 1%;padding:0;width:31%;float:left;display:block; line-height: 20px;} #wa-my-info-edit-wrapper td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list li .wrap, .wa-signup-form td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list li .wrap{cursor:pointer;display:block;margin:0;padding:2px 5px;color:#0891be;font-size:12px;border:1px solid #FAFDFE;border-radius:2px} #wa-my-info-edit-wrapper td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list li .wrap:hover, .wa-signup-form td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list li .wrap:hover{border:1px solid #dde7eb;color:#666666} #wa-my-info-edit-wrapper td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list li .wrap:hover, .wa-signup-form td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list li .wrap:hover{background:#fbfeff;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fbfeff), to(#f2faff));background:-webkit-linear-gradient(#fbfeff, #f2faff);background:-moz-linear-gradient(#fbfeff, #f2faff);background:-ms-linear-gradient(#fbfeff, #f2faff);background:-o-linear-gradient(#fbfeff, #f2faff);background:linear-gradient(#fbfeff, #f2faff)} #wa-my-info-edit-wrapper td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list .register-city-list-item.active .wrap, .wa-signup-form td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list .register-city-list-item.active .wrap{border:1px solid #dde7eb;background:#fbfeff;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fbfeff), to(#f2faff));background:-webkit-linear-gradient(#fbfeff, #f2faff);background:-moz-linear-gradient(#fbfeff, #f2faff);background:-ms-linear-gradient(#fbfeff, #f2faff);background:-o-linear-gradient(#fbfeff, #f2faff);background:linear-gradient(#fbfeff, #f2faff)} #wa-my-info-edit-wrapper td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list .register-city-list-item.active .wrap .star, .wa-signup-form td.adress-fields-block .adress-fields-wrapper .regions-block .register-city-list .register-city-list-item.active .wrap .star{display:block;background:url(/wa-data/public/shop/themes/keramis_desktop/img/city-item_bg.png) 100% 6px no-repeat} /*#registerpage #reg_fields_tbl{width:700px}*/ #wa-my-info-edit-wrapper .row_odd td, .wa-signup-form .row_odd td{border:none} #wa-my-info-edit-wrapper .row_even td, .wa-signup-form .row_even td{border:none} #wa-my-info-edit-wrapper td input, .wa-signup-form td input{margin:0;width:500px} #wa-my-info-edit-wrapper td textarea, .wa-signup-form td textarea{margin:0;width:500px} #wa-my-info-edit-wrapper td select, .wa-signup-form td select{margin:0;width:514px} #wa-my-info-edit-wrapper td.address_label, .wa-signup-form td.address_label{width:147px} #wa-my-info-edit-wrapper table.adress_table_block td, .wa-signup-form table.adress_table_block td {padding: 5px;} #wa-my-info-edit-wrapper td.state, .wa-signup-form td.state {position: relative; top: 0px;} /* CITY SUGGESTION **********************************************/ .city-suggestion-block{position:relative;height:1px} .city-suggestion-block #city_suggestion{position:absolute;top:0px;left:0px;z-index:1000;border:2px solid rgb(5, 116, 200);background:#fff;padding:0;display:none;width:510px} .city-suggestion-block #city_suggestion .cities_suggestion_list{margin:0;padding:0} .city-suggestion-block #city_suggestion .search_suggestion_item {margin:0;padding:0} .city-suggestion-block #city_suggestion .cities_suggestion_title {display:block;margin:0;padding:2px 5px;font-size:13px;color:#1ba3d0} .city-suggestion-block #city_suggestion .cities_suggestion_title:hover {cursor:pointer;color:#fff;background:#1ba3d0;text-decoration:none} /* CHIEF FEEDBACK ****************************/ #feedback_chief #feedback_chief_newLabel{line-height:30px;margin:0;font-size:24.5px;font-weight:bold;text-rendering:optimizelegibility} #feedback_chief .feedback-city-fields{position:relative} #feedback_chief #feedback_chief_city_suggestion{position:absolute;top:57px;left:0px;z-index:1000;border:2px solid rgb(5, 116, 200);background:#fff;padding:0;display:none;width:216px} #feedback_chief #feedback_chief_city_suggestion .cities_suggestion_list{margin:0;padding:0;max-height:100px;overflow-y:auto} #feedback_chief #feedback_chief_city_suggestion .search_suggestion_item {margin:0;padding:0} #feedback_chief #feedback_chief_city_suggestion .cities_suggestion_title {display:block;margin:0;padding:3px 5px 4px 5px;font-size:13px;line-height:13px;color:#1ba3d0} #feedback_chief #feedback_chief_city_suggestion .cities_suggestion_title:hover {cursor:pointer;color:#fff;background:#1ba3d0;text-decoration:none} #wa-my-info-edit-wrapper .btn-group {margin: 5px 0px;} /* SEARCH AUTOCOMPLETE HIGHLIGHT */ #suggestions .search_suggestion_list .search_suggestion_item .search_suggestion_info .search_suggestion_name A SPAN.highlight { background-color: yellow; } /* brands -------*/ #brands_view_toggler {text-align: center; float: right; margin-top: 18px;} #brands_view_toggler i {display: inline-block; vertical-align: top; width: 26px; height: 26px; margin: 0 10px; opacity: 0.5; cursor: pointer; background-position: center center; background-repeat: no-repeat;} #brands_view_toggler i:hover, #brands_view_toggler i.active {opacity: 1;} #brands_view_toggler i.brands_view_list {background-image: url(./img/brands_view_list.png);} #brands_view_toggler i.brands_view_square {background-image: url(./img/brands_view_square.png);} #brands_filter {padding: 0 35px; text-align: center; text-transform: uppercase; margin-bottom: 20px;} #brands_filter li {display: inline-block; vertical-align: top; color: #adadad; font-size: 18px; margin: 0 8px 15px; border-bottom: 2px solid transparent;} #brands_filter li.active, #brands_filter li.selected {color: #0093dd; cursor: pointer;} #brands_filter li.active:hover, #brands_filter li.selected {border-color: #0093dd;} .brands_list {box-sizing: border-box; display: none; padding: 0 30px; width: 100%; height: 100%; position: relative; margin-bottom: 30px;} .brands_list.active {display: block;} .brands_list:after {content: ''; display: block; clear: both;} #brands_view_list .brand_block {display: inline-block; vertical-align: top; width: 200px; padding-right: 15px; margin-bottom: 30px;} #brands_view_list .brand_block>* {display: block; margin-bottom: 10px;} #brands_view_list .brand_block .brand_letter {color: #0093dd; font-size: 18px; text-transform: uppercase;} #brands_view_list .brand_block a {color: #000000; font-size: 14px; text-decoration: none;} #brands_view_list .brand_block a:hover {text-decoration: underline;} #brands_view_square {border-bottom: 1px solid #e1e1e1; } #brands_view_square .brand_block {box-sizing: border-box; width: 100%; padding: 10px 5px; border-top: 1px solid #e1e1e1;} #brands_view_square .brand_block .brand_letter {display: block; color: #0093dd; font-size: 18px; text-transform: uppercase; margin-bottom: 15px; padding-left: 5px;} #brands_view_square .brand_block a {box-sizing: border-box; display: inline-block; vertical-align: top; width: 116px; margin: 0 10px 15px 0; border: 1px solid transparent; padding: 5px;} #brands_view_square .brand_block a:hover {border-color: #cccccc; text-decoration: none;} #brands_view_square .brand_block a span.name {display: block; color: #999999; height: 30px; font-size: 10px; font-weight: 300;} #brands_view_square .brand_block a span.image {box-sizing: border-box; display: table; width: 100%; height: 80px; color: #9a9a9a; font-size: 20px; text-decoration: none;} #brands_view_square .brand_block a span.image span {display: table-cell; vertical-align: middle; width: 100%; height: 100%;} #brands_view_square .brand_block a span img {display: block; max-width: 100%; max-height: 100%; margin: 0 auto;} /* -------- brands */ /* brand page -------*/ #brand_page {padding-bottom: 30px;} #brand_page .brand_image {box-sizing: border-box; display: block; width: 105px; height: 115px; background: #fff; border: 1px solid #cccccc; margin-bottom: 30px;} #brand_page .brand_image span {display: table; width: 100%; height: 100%; table-layout: fixed;} #brand_page .brand_image span span {display: table-cell; vertical-align: middle;} #brand_page .brand_image span span img{box-sizing: border-box; display: block; max-width: 103px; max-height: 113px; margin: 0 auto;} #brand_page .sidebar {box-sizing: border-box; width: 220px; padding: 20px 15px; border-top: 4px solid #0093DD; background: #f6f5f5; min-height: 555px;} #brand_page .sidebar .block {margin-bottom: 25px;} #brand_page .sidebar .block * {display: block; color: #999999; font-size: 12px; margin-bottom: 10px;} #brand_page .sidebar .block h4 {color: #000; text-transform: uppercase; margin-bottom: 15px;} #brand_page .sidebar .block a:hover {color: #000;} #brand_page .sidebar .block a.active {color: #0093DD;} #brand_page .sidebar .block.subcategories a {text-transform: uppercase;} #brand_page .info {width: 700px;} #brand_page .info .description .brand_image {margin-left: 30px;} #brand_page .info h4 {font-size: 24px; font-weight: 300;} #brand_page .info .product_list_wrap {margin-bottom: 25px; border-bottom: 1px solid #cecece;} #brand_page .info .product_list_wrap .product_list li:nth-child(n) {margin-right: 20px;} #brand_page .info .product_list_wrap .product_list li:nth-child(3n) {margin-right: 0;} #brand_page .category-actions {display: none;} #brand_page .category-products {margin:0;padding:20px 0} #brand_page .category-products .block_brief {width: 210px; height: 450px; float: left; margin: 0 19px 30px 0; color: #666; font: 12px Arial;overflow:hidden;} #brand_page .category-products .block_brief.hover {overflow:visible} #brand_page .category-products .product_brief_block{width:210px;} #brand_page .category-products .product_brief_block .prdbrief_info {position: relative;} #brand_page .category-products.list .product_brief_block{width:100%;} #brand_page .category-products .block_brief.hover .product_brief_block{position:relative;top:-11px;left:-11px;background:#fff;border:1px solid #dddcdc;border-radius:5px;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,0.2);z-index:100} #brand_page .category-products.list .block_brief{width:100%;height:210px;float:none;margin:0 0 30px 0;} #brand_page .category-products.list .product_brief_block:after{content:'';display:block;height:0px;clear:both} #brand_page .category-products.list .prdbrief_info{width:210px;float:right;clear:right;margin:0;} #brand_page .category-products.list .prdbrief_brief_description{width:460px;clear:both;margin:0;padding:10px 0 0 0} #brand_page .category-products .mar_r0 {margin-right: 0;} #brand_page .category-products .prdbrief_name {font-size:14px;line-height:17px;color:#0891be;padding:0;margin:0 0 10px 0;height:34px;overflow:hidden; position: relative;} #brand_page .category-products.list .prdbrief_name {height: 17px !important;} #brand_page .category-products .prdbrief_name::after {content: ''; width: 70px; height: 16px; position: absolute; right: 0px; bottom: 0px; background: -webkit-linear-gradient(left, transparent, #fff); background: -moz-linear-gradient(left, transparent, #fff); background: -ms-linear-gradient(left, transparent, #fff); background: linear-gradient(left, transparent, #fff); } @media screen and (min-width: 1350px){ #brand_page .info {width: 930px;} } @media screen and (max-width: 1349px){ .wrapper .category-banners .banner_block {height: 193px;} .wrapper .category-banners .banner_block a {height: 193px;} } /* ------- brand page */ #other-offers { position: relative } #other-offers .row::after { content: ''; display: block; clear: both; } #other-offers .news_title {color: #454545;font-size: 26px;font-weight: normal;line-height: 30px;padding: 5px 0px;margin: 10px 0;text-rendering: optimizelegibility;} #other-offers .news_title a{display:block;font-size:13px;line-height:17px;color:#0093dd;text-decoration:underline} #other-offers .news_title a:hover{color:#efa903} #other-offers .news-viewall { position: absolute; top: 15px; right: 0; } #other-offers .news_brief{margin:0 0 5px 0;font-size:13px;line-height:17px;color:#888888} #other-offers .news_date{margin:0;font-size:12px;line-height:15px;color:#adadad;font-weight:normal} #other-offers .new_block {width: calc(25% - 20px); min-width: 195px; float: left; margin-left: 20px; padding-top: 15px;} #other-offers .new_block .news_title {height: 30px; overflow: hidden} #other-offers .new_block .announce-photo {min-height: 146px; margin-bottom: 10px;} #other-offers .new_block .announce-photo img {max-width: 195px;} #other-offers .news_brief {padding-bottom: 15px;} .fcoupon__code { display: inline-block; white-space: nowrap; } .fcoupon_product { color: red; border: 1px dashed #EBC033; padding: 5px; border-radius: 2px; } .fcoupon_product .fcoupon__item { margin-bottom: 10px; } .fcoupon_product .fcoupon__item:last-child { margin-bottom: 0; } .fcoupon_product .fcoupon__title { font-weight: bold; margin-bottom: 3px; } .fcoupon_product .fcoupon__desc { font-size: 12px; } .fcoupon_product .fcoupon__desc STRONG { font-size: 14px; } .fcoupon_list .fcoupon__code { color: red; border: 1px dashed red; padding: 2px 5px; border-radius: 2px; } .space-20h { height: 28px; } /* NEW AUTH */ .dialog-window .cart.authentification .wa-login-form-fields .wa-name { display: block; margin-bottom: 2px; font-size: 14px; line-height: 16px; color: #666; } .dialog-window .cart.authentification .wa-login-form-fields .wa-name::after { content: '*'; display: inline-block; color: #efa903; } .dialog-window .cart.authentification .wa-login-form-fields .wa-value input { border-radius: 0; border: 1px solid #dde7eb; width: 238px; min-width: 40px; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; box-sizing: content-box; margin-right: 0; } .dialog-window .cart.authentification .wa-login-form-fields .wa-value input:focus { border-color: rgba(82,168,236,.8); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } .dialog-window .cart.authentification .wa-login-forgotpassword-url { margin-right: 0; display: inline-block; font-size: 14px; color: #0093dd; text-decoration: none; border-bottom: 1px dashed; line-height: 20px; } .dialog-window .cart.authentification .wa-login-forgotpassword-url:hover { border-bottom: 1px solid; } .dialog-window .cart.authentification .wa-login-form-actions { background: #f5f5f5; border-top: 1px solid #ddd; padding: 20px 10px 5px; width: 100%; margin: 15px -10px 0 -10px; } .dialog-window .cart.authentification .wa-login-form-actions .wa-buttons-wrapper input[type="submit"] { width: 70px!important; height: 30px!important; padding: 4px 12px!important; background-color: #1092be; color: #fff; font-weight: 700; font-size: 15px; text-shadow: 1px 1px 0 rgba(0,0,0,.2); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); border: 1px solid #0c6e8f; background-image: -webkit-linear-gradient(to bottom,#1aa2cf,#0680ac); background-image: -moz-linear-gradient(to bottom,#1aa2cf,#0680ac); background-image: -ms-linear-gradient(to bottom,#1aa2cf,#0680ac); background-image: linear-gradient(to bottom,#1aa2cf,#0680ac); } .dialog-window .cart.authentification .wa-login-form-actions .wa-buttons-wrapper input[type="submit"]:hover { text-decoration: none; background-position: 0 -15px; transition: background-position .1s linear; } .dialog-window .cart.authentification .wa-login-form-actions .wa-signup-url { margin-top: 5px; } .dialog-window .cart.authentification .wa-login-form-actions .wa-signup-url A { text-decoration: underline; } .dialog-window .cart.authentification .login-motivation { display: block; margin: 12px 0 0; padding: 0; font-size: 13px; color: #454545; border: none; background: #f5f5f5; margin: 0 -10px -21px -10px; padding: 0 10px 10px; } /* NEW QUICKORDER */ .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header { padding: 10px; background: #fff; box-sizing: border-box; width: 780px; /*если 3 ряда - 610px, если в 2 ряда - 460px*/ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -7%); box-shadow: none; } .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header .quickorder-form { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 45px 25px 20px; border: 1px solid #ecb22c; -webkit-box-shadow: inset 0 0 0 1px #f5d68f; box-shadow: inset 0 0 0 1px #f5d68f; margin: 0; color: #777; font-size: 12px; border-radius: 0; } .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header .quickorder-form-head { background: transparent; padding: 0; border: 0; margin-bottom: 15px; color: #777; font-weight: 700; font-size: 18px; } .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header .quickorder-form-head .js-close-dialog { position: absolute; right: 0px; top: -25px; width: 24px; height: 24px; opacity: 1; margin-top: 0; cursor: pointer; } .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header .quickorder-form-head .js-close-dialog::before, .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header .quickorder-form-head .js-close-dialog::after { width: 5px; background-color: #ecb22c; } .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header .quickorder-form-content { padding: 0; } .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header .quickorder-form-content .quickorder-block P { color: #777; font-size: 15px; line-height: 21px; margin-bottom: 25px; } .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header .quickorder-form-content .quickorder-product, .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header .quickorder-form-content .ig-hidden, .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header .quickorder-form-content SELECT[name="quickorder_fields[address::region]"] { display: none!important; } .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header .quickorder-form input { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% !important; font-size: 14px !important; height: 38px; border: 1px solid #b8b8b8; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0 0 0 10px; outline: 0; resize: none; background-color: #fff; transition: border linear .2s,box-shadow linear .2s; } .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header .quickorder-form input:focus { border-color: rgba(82,168,236,.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6); } .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header .quickorder-submit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header .quickorder-submit DIV { padding: 0; font-size: 18px; width: 140px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border-radius: 0; line-height: 1; color: #fff; font-weight: 700; border: 0; outline: 0; margin: 0; position: relative; background: #00b6e8; background: -moz-linear-gradient(top,rgba(0,182,232,1) 0%,rgba(0,120,170,1) 100%); background: -webkit-linear-gradient(top,rgba(0,182,232,1) 0%,rgba(0,120,170,1) 100%); background: -o-linear-gradient(top,rgba(0,182,232,1) 0%,rgba(0,120,170,1) 100%); background: linear-gradient(to bottom,rgba(0,182,232,1) 0%,rgba(0,120,170,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6e8',endColorstr='#0078aa',GradientType=0 ); } .ig-dialog-wrap .w-dialog-wrapper .w-dialog-block.gray-header.compact-header .quickorder-submit DIV:hover { color: #c8f3ff; } .igaponov-dialog .ig-dialog-wrap.is-full-screen .w-dialog-background { background: rgba(0, 0, 0, 0.65); } .quickorder-form .quickorder-fields .input-prepend { display: flex; box-sizing: border-box; width: 100%; font-size: 14px; height: 38px; box-shadow: none; border-radius: 0; margin: 0; padding: 0; outline: 0; resize: none; } .quickorder-form .quickorder-fields .input-prepend .btn-group { height: 100%!important; } .quickorder-form .quickorder-fields .input-prepend .input-prepend > * { float: left; } .quickorder-form .quickorder-fields .input-prepend .btn { height: 100%; border-radius: 0; } .quickorder-form #onesteporder_city_suggestion { position: absolute; top: 36px; left: 0; z-index: 1000; border: 2px solid #0574c8; background: #fff; padding: 0; display: none; width: 259px; } .quickorder-form #onesteporder_city_suggestion .cities_suggestion_list { margin: 0; padding: 0; max-height: 80px; overflow-y: auto; } .quickorder-form #onesteporder_city_suggestion .cities_suggestion_title { display: block; margin: 0; padding: 3px 5px 4px; font-size: 13px; line-height: 13px; color: #1ba3d0; } .quickorder-form #onesteporder_city_suggestion .cities_suggestion_title:hover { cursor: pointer; color: #fff; background: #1ba3d0; text-decoration: none; } /*--Blog --*/ .zoom-gallery{position:relative;display:inline-block} .zoom-gallery IMG{height:190px;display:block} .zoom-gallery::after{display:none;content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(40,130,149,0.66) url(img/icons/expand_icon.png) center no-repeat} .zoom-gallery:hover::after{display:block} /* LANG SELECTOR */ .locale_choose .locale-link { display: inline-block; width: 32px; height: 32px; line-height: 32px; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; color: #777; transition: color 0.25s ease-in-out; } .locale_choose .locale-link:hover { color: #efa903; } .locale_choose .locale-link.locale-link--active, .locale_choose .locale-link.locale-link--active:hover { color: #057fab; }