*{ margin: 0; padding: 0;} a { color: #0072bc; } body { font-family: 'Roboto'; font-weight: normal; font-size: 14px; color: #333333; /*background: darkgrey;*/ } body.hidden_scroll-y { overflow-y: hidden; } .section-box-header .container, .section-box-footer .container {background: none !important;} .section-box.causes_wr .container {background: #fff !important;} img { border: none; } .off-scroll {overflow-y: hidden; height: 100%;position: fixed; } .desktop .off-scroll {position: relative} [class*="section-box"]{width:100%;float:left;position:relative;} .style {width: 100%;float: left;} .header-full { height: 207px; background: #50ae34; z-index: 10; position: relative; } .section-box.footer-all, .footer-min-wr { background: #4c4c50;} .section-box.footer-all { min-height: 480px; } .footer-min-wr {margin-top: 20px;padding: 20px 0 16px 0;} .footer-min-center, .version-button-full-wr, .footer-min, .videos-footer-mobile { width: 220px; margin: 0 auto; } .footer-min { float: left; text-align: center; color: #fff; } .section-box.studio_footer { background: #f5f5f5; } .copyright, .artweb-wr a { color: #88888f; } .copyright { width: 100%; float: left; height: 40px; line-height: 40px; font-size: 11px; } .artweb-wr { width: 100%; float: right; height: 40px; position: relative; } .artweb-wr a { height: 40px; line-height: 40px; text-decoration: underline; font-size: 11px; float: right; margin-right: 36px; } .artweb-img { width: 24px; height: 23px; position: absolute; right: 0; top: 50%; margin-top: -11px; cursor: default; } .artweb-wr a { height: 40px; line-height: 40px; text-decoration: underline; font-size: 11px; float: right; margin-right: 36px; } .artweb-img a { margin: 0; padding: 0; width: 24px; height: 23px; display: block; } .artweb-img img { width: 100%; height: 100%; } .phone-wr-footer div:first-child, .skype-mail-footer div:first-child, .socnetwork-buttons div, .menu-list-footer li:first-child, .menu-list-second-footer li:first-child {margin-top: 0;} /*****footer*****/ .section-box.footer-mob {background:#fff;} .footer-all { padding-top: 37px; color: #fff; } .footer-title { font-size: 18px; color: #50ae34; font-weight: 500; } .graph-footer table { width: 227px; background: #fff; border-radius: 4px; border: 1px solid #dfdfdf; margin-top: 8px; float: left; } .graph-footer table tr:first-child td { border-bottom: 1px solid #dfdfdf; } .graph-footer table td { height: 27px; text-align: center; font-size: 13px; color: #333; } .graph-footer table td span { padding: 0 2px; } .phone-tb-f table { width: 100%; max-width: 350px; } .shops-title, .shops-str, .graph-footer-title, .phones_help { font-size: 13px; } .shops-wr { margin-top: 2px; } .shops-title { font-weight: 500; margin-top: 11px; } .shops-title span { font-weight: normal; /*cursor: pointer;*/ position: relative; color: #50ae34; border-bottom: 1px dashed #50ae34; } /*.shops-title span:before {*/ /*position: absolute;*/ /*right: -15px;*/ /*top: 50%;*/ /*margin-top: -3px;*/ /*background: url("../images/icons/ico-10.png") no-repeat;*/ /*width: 11px;*/ /*height: 7px;*/ /*content: '';*/ /*}*/ .shops-str { padding-left: 16px; position: relative; line-height: 15px; padding-left: 16px; position: relative; line-height: 15px; margin-top: 5px; } .shops-str:before { width: 9px; height: 14px; position: absolute; top: 50%; margin-top: -7px; left: 0; content: ''; background: url("../images/icons/ico-1.png") no-repeat; } .phone-wr-footer { font-size: 18px; font-family: Helvetica; margin-top: 14px; } .phone-wr-footer div { width: 100%; float: left; height: 20px; position: relative; line-height: 20px; padding-left: 24px; margin-top: 2px; } .phone-wr-footer div img { position: absolute; top: 50%; margin-top: -8px; width: 16px; height: 16px; left: 0; } .graph-footer {margin-top: 13px;} .skype-mail-footer div { height: 15px; position: relative; margin-top: 15px; } .skype-mail-footer div img { width: 16px; height: 16px; position: absolute; top: 50%; margin-top: -8px; left: 0; } .skype-mail-footer a { font-size: 13px; font-family: Arial; margin-left: 24px; } .skype_f { color: #fff; text-decoration: none; } .mail_f { color: #388e1e; } .skype-mail-footer { margin-top: 13px; } .phones_help {margin-top: 24px;} .phones_help span { float: left; display: block; height: 16px; line-height: 16px; } .phones_help img { float: left; margin: 0 6px; } .phone-tb-f {margin-top: 10px;} .blog-social-wr, .network-copy { margin-top: 3px; } ul.blog-social-ico { height: 36px; } ul.blog-social-ico li { list-style: none; float: left; width: 36px; height: 36px; margin-left: 8px; border-radius: 100%; cursor: pointer; position: relative; } ul.blog-social-ico li:first-child { margin-left: 0; } ul.blog-social-ico li span { display: block; width: 36px; height: 36px; position: absolute; top: 0; left: 0; z-index: 2; background: url("../images/icons/blog_social.png") no-repeat; border-radius: 100%; border: 2px solid #50ae34; } ul.blog-social-ico li:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; transform: scale(0,0); background: #50ae34; } ul.blog-social-ico li.active:after { transform: scale(1,1); transition: 0.2s; } .blog-social { padding: 10px 9px 0 9px; width: 220px; height: 354px; margin-top: 11px; position: relative; background: #fff; border: 1px solid #e1e1e1; } .blog-social-navi-arrow { position: absolute; top: -9px; left: 0; margin-left: 9px; width: 16px; height: 9px; background: url("../images/icons/blog-social-navi-arrow.png") no-repeat; transition: 0.2s; } ul.blog-social-hide { /*width: 200px;*/ overflow: hidden; height: 333px; } ul.blog-social-hide li { display: none; list-style: none; float: left; width: 100%; position: relative; } ul.blog-social-hide li:first-child { display: block; } .menu-list-footer li { list-style: none; margin-top: 7px; } .menu-list-footer li a { text-decoration: none; color: #fff; font-size: 13px; font-weight: 500; display: block; transition: 0.2s; height: 15px; line-height: 15px; } .menu-list-footer li a:hover { font-size: 16px; transform: translate3d(-15px, 0, 0); transition: 0.4s; } .menu-list-second-footer { margin-top: 25px; } .menu-list-second-footer li { list-style: none; width: 100%; height: 58px; border: 1px solid #69696f; border-radius: 4px; margin-top: 10px; } .menu-list-second-footer li:hover { border-color: #adadad; transition: 0.2s; } .menu-list-second-footer li.active a img { -webkit-animation-name: footerimg; -moz-animation-name: footerimg; animation-name: footerimg; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-play-state: running; -moz-animation-play-state: running; animation-play-state: running; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1,1); -moz-transform: scale(1,1); } .menu-list-second-footer li div { float: left; } .menu-list-second-footer li div span { display: table-cell; vertical-align: middle; height: 56px; width: 70px; text-align: center; } .menu-list-second-footer li div span img {vertical-align: middle} .menu-list-second-footer li a { width: 100%; height: 100%; float: left; padding-left: 10px; } .menu-list-second-footer li p { float: right; height: 56px; margin-right: 15px; font-size: 13px; } .menu-list-second-footer li p span { height: 56px; display: table-cell; vertical-align: middle; color: #93939a; text-transform: uppercase; text-decoration: none; } .menu-list-second-footer {} .footer-menu {} .network-copy div { width: 36px; height: 36px; border-radius: 100%; float: left; margin-left: 8px; position: relative; } .network-copy div a { display: block; width: 36px; height: 36px; position: absolute; top: 0; left: 0; z-index: 2; background: url("../images/icons/blog_social.png") -34px 8px no-repeat; border-radius: 100%; border: 2px solid #50ae34; } .network-copy div:first-child a { background: url("../images/icons/blog_social.png") 11px 8px no-repeat; } .network-copy div:after { content: ''; position: absolute; top:0; left: 0; width: 100%; height: 100%; border-radius: 100%; transform: scale(0,0); background: #50ae34; } .network-copy div:hover:after { transition: 0.5s; transform: scale(1,1); } .videos-footer { line-height: 36px; height: 36px; padding-left: 44px; font-size: 16px; text-decoration: none; font-weight: 500; color: #fff; position: relative; margin-top: 36px; } .videos-footer:after, .videos-footer:before { width: 36px; height: 36px; border-radius: 100%; position: absolute; top: 0; left: 0; content: ''; } .videos-footer:before { background: url("../images/icons/ico-18.png") 50% 50% no-repeat; z-index: 2; } .videos-footer:after { background: #50ae34; z-index: 1; transition: 0.2s; } .videos-footer:hover:after { transform: scale(0.75,0.75); transition: 0.5s; } .blocks_stores {padding-top: 20px;border-top: 1px solid #e1e1e1;} .bl-store { border: 1px solid #ececec; border-radius: 4px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); } .bl-store table { width: 100%; float: left; border: 0; height: 33px; } .bl-store table td { text-align: center; vertical-align: top; vertical-align: middle; } .bl-store table td img {vertical-align: middle} .bl-store p { width: 100%; float: left; text-align: center; font-size: 13px; height: 32px; line-height: 13px; padding: 0 3px; color: #333; } .footer-min .graph-footer {margin-top: 0;} .footer-min .graph-footer-title { } .footer-min .graph-footer table { width: 220px; } .footer-min .phone-wr-footer div { } .footer-min .phone-wr-footer div img { left: 41px; } .version-button-full-wr { margin: 0 auto; padding-top: 20px; } .version-button-full { height: 57px; float: left; border: 1px solid #e1e1e1; cursor: pointer; border-radius: 4px; } .version-button-full img { float: left; margin: 11px 16px 0 20px; } .version-button-full span { display: block; float: left; height: 57px; line-height: 57px; font-size: 11px; text-transform: uppercase; } .videos-footer-mobile .videos-footer { float: none; display: table-cell; vertical-align: middle; width: 140px; color: inherit; line-height: normal; font-size: 11px; text-transform: uppercase; } .network-copy-mobile {float: left; margin-bottom: 20px;} .network-copy-mobile a { float: left; width: 36px; height: 36px; margin-left: 8px; background: #496194 url("../images/icons/blog_social.png") -32px 10px no-repeat; border-radius: 100%; } .network-copy-mobile a:first-child {margin-left: 0; background: #6996c7 url("../images/icons/blog_social.png") 13px 10px no-repeat;} .call-button-mobile { width: 46px; height: 46px; display: block; position: absolute; bottom: 0; left: 0; border-top-right-radius: 4px; background: #54b847; z-index: 9; cursor: pointer; } .call-button-mobile:before { position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ''; background: url("../images/icons/ico-20.png") 50% 50% no-repeat; } .call-button-mobile.close {z-index: 99992} .call-button-mobile.close:before { background: url("../images/icons/ico-34.png") 50% 50% no-repeat;; } /*********header***********/ .first-menu-wr { height: 40px; border-bottom: 1px solid #e1e1e1; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); line-height: 40px; } .first-menu-wr ul {float: left;} .first-menu-wr ul li {list-style: none; float: left;} .first-menu-wr ul li a {text-decoration: none; color: #464646; font-size: 13px;} .first-menu_1 li { margin-left: 19px; } .first-menu_1 li:first-child {margin-left: 0;} .first-menu-wr ul li img { margin-right: 6px; margin-top: 14px; float: left; } .first-menu-wr ul li span { border-bottom: 1px dashed #464646; } .first-menu_2 li { margin-left: 30px; } .first-menu_2 li:first-child {margin-left: 0;} .first-menu_3 {width: 100%;} .first-menu_3 li {float: right !important;} .first-menu-wr ul li a.active {text-decoration: underline} .first-menu-wr ul li a span.active {border-bottom: none;} .logo-wr { padding-right: 20px; } a.logo, .phones-header-wr, .slogan-wr table, .buttons_head_link-wr, .basket-wrapper { height: 95px; } a.logo { width: 100%; float: left; background: #50ae34; display: block; border-radius: 4px; position: relative; } a.logo:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ''; background: url("../images/logo.png") 50% 50% no-repeat; } a.logo:hover:before { animation: animation1 1800ms ease-in-out both; animation-iteration-count: 1; animation-direction: alternate; } .header-content-wr {height: 125px; background: #fff; padding: 15px 0} .slogan-wr table { width: 100%; } .slogan-wr table td { font-size: 16px; text-align: center; vertical-align: top; font-family: "Arial Narrow"; } .slogan-wr table td span { color: #50ae34; } .slogan-wr table tr:first-child td {padding-top: 11px;} .slogan-wr table td a { text-decoration: none; padding: 0 10px; color: #e1e1e1; height: 18px; } .slogan-wr table td a.active { color: #0072bc; } .lang_sep { position: relative; } .lang_sep:before { position: absolute; content: ''; width: 1px; height: 18px; top: 2px; left: -2px; background: #e1e1e1; } .basket-wrapper { float: left; position: relative; /*margin-left: 15px;*/ } .basket_, .buttons_head_link { width: 100%; height: 50px; position: absolute; left: 0; top: 50%; margin-top: -25px; background: #50ae34; border-radius: 4px; text-decoration: none; } .basket_ span.ico_b_ { width: 32px; height: 30px; background: url("../images/icons/ico-26.png") no-repeat; position: absolute; top: 50%; margin-top: -15px; left: 10px; } .basket_ span.ico_b_ span { position: absolute; padding: 0 4px; height: 16px; top: 0px; right: -7px; background: #f26522; color: #fff; font-size: 13px; line-height: 16px; border-radius: 100%; } .basket_:hover span.ico_b_ { animation: animation1 1600ms ease-in-out both; animation-iteration-count: 1; animation-direction: alternate; } .basket_ p { position: relative; height: 100%; width: 100%; padding-left: 56px; line-height: 50px; color: #fff; font-size: 15px; } .basket_ p:before, .basket_ p span:before, .catalog_mob:before { content: ''; position: absolute; display: block; } .basket_ p:before, .catalog_mob:before { width: 11px; height: 100%; background: url("../images/icons/ico-27.png") 0 50% no-repeat; right: 12px; transition: 0.3s; } .basket_ p.active:before, .catalog_mob.active:before { transform: rotate(180deg); } .basket_ p span { width: 100%; height: 50px; display: table-cell; position: relative; vertical-align: top; } .basket_ p span:first-child { width: auto; height: auto; } .basket_ p span:before { width: 1px; height: 24px; position: absolute; background: #388e1e; top: 50%; margin-top: -12px; left: 50%; margin-left: -12px; } .basket_ p span:first-child:before {display: none;} .buttons_head_link-wr { float: left; position: relative; } .buttons_head_link {border-radius: 0;background: none;text-align: right;} .buttons_head_link a { width: 100%; float: left; font-size: 13px; color: #0072bc; height: 15px; margin-top: 20px; } .buttons_head_link a:first-child {margin-top: 0;} .buttons_head_link img { float: right; margin-top: 2px; margin-right: 6px; } .buttons_head_link a span { display: block; float: right; border-bottom: 0; } .buttons_head_link a:hover span {border-bottom: 1px solid #0072bc;} .phones-header-wr { position: relative; margin-left: 15px; } .phones-header { height: 65px; width: 100%; position: absolute; top: 50%; margin-top: -33px; left: 0; } .phones_h, .callback_h { height: 28px; width: 100%; position: absolute; left: 0; top: 0; padding-left: 15px; } .callback_h {bottom: 0; top: auto;} .callback_h form input, .callback_h form button, .callback_h form input[type="submit"] { height: 28px; width: 50%; outline: none!important; } .callback_h form input { border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; padding: 3px 0 0 7px; float: left; line-height: 30px; font-size: 12px; } .callback_h form input:focus, .search form input:focus, .search-mob form input:focus { box-shadow: 1px 2px 2px 0px rgba(215, 215, 215, 0.75) inset; transition: 0.1s } .callback_h form button, .callback_h form input[type="submit"] { border-bottom:3px solid #77777f; border-right:0; border-left:0; border-top:0; background: #88888f; cursor: pointer; color: #fff; font-size: 16px; font-family: "Arial Narrow"; line-height: 28px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .callback_h form input[type="submit"] {line-height: normal} .callback_h form button:hover, .callback_h form input[type="submit"]:hover { border-bottom:3px solid #88888f; } .callback_h form button:active, .callback_h form input[type="submit"]:active { background: #77777f; border-bottom:3px solid #77777f; } .callback_h form .has-error input { border-top: 1px solid #ce0000; border-bottom: 1px solid #ce0000; border-left: 1px solid #ce0000; } .callback_h form .help-block {display: none !important;} .phones-h_list { width: 110px; position: relative; border: 1px solid #dfdfdf; border-radius: 4px; float: left; } .phones-h_list, .callback_h form input { background: #f5f5f5; } .phones-h_list div { width: 50%; height: 100%; float: left; cursor: pointer; } .phones-h_list div, .hidden-phones-h_list ul li>div { background-position: 50% 50%; background-repeat: no-repeat; } .phones-h_list div:first-child { border-right: 1px solid #dfdfdf; } .phones-h_list, .phones-h-num { height: 100%; } .phones-h-num { line-height: 28px; font-size: 24px; float: right; } .phones-h-num span { color: #898989;} .hidden-phones-h_list { background: #fff; display: none; position: absolute; border: 1px solid #dfdfdf; left: 15px; top: 33px; z-index: 2; border-radius: 4px; padding: 0 10px 5px 5px; } .hidden-phones-h_list.active {display: block;} .hidden-phones-h_list ul li{ list-style: none; width: 100%; height: 16px; margin-top: 5px; cursor: pointer; } .hidden-phones-h_list ul li>div { width: 16px; height: 16px; float: left; } .hidden-phones-h_list ul li span { font-size: 14px; float: left; height: 16px; line-height: 16px; display: block; margin-left: 10px; border-bottom: 1px dashed #333; } .hidden-phones-h_list ul li p {display: none;} .hidden-phones-h_list ul li.hidden_ {display: none;} .main-menu-wr, .search-wrapper { height: 42px; } .search-wrapper { position: relative; } .search { width: 100%; height: 32px; position: absolute; top: 50%; margin-top: -16px; left: 0; } .search form { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .search form input { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; border-radius: 4px; border: 0; outline: none !important; padding-left: 11px; padding-right: 32px; z-index: 1; } .search form button[type='submit'], .search form input[type='submit'] { width: 32px; height: 32px; position: absolute; right: 0; z-index: 2; background: none; border: 0; outline: none !important; cursor: pointer; left: auto; display: block; } .search form button[type='submit']:before, .search form input[type='submit']:before { position: absolute; content: ''; display: block; width: 100%; height: 26px; background: #fff url("../images/icons/ico-30.png") 50% 50% no-repeat; top: 3px; left: 0; } .main-menu { width: 100%; float: left; height: 42px; list-style: none; } .main-menu li { float: left; height: 100%; border-left: 1px solid #388e1e; } .main-menu li.outlet_pc { background: #ed1c24; } .main-menu li.outlet_pc a { text-transform: uppercase !important; padding: 0 20px !important; } .main-menu a { color: #fff; text-decoration: none; font-size: 17px; height: 100%; padding: 0 20px 0 38px; position: relative; display: block; line-height: 39px; } .main-menu a span { width: 18px; display: table-cell; vertical-align: middle; text-align: center; position: absolute; top: 0; left: 12px; } .main-menu a span img {vertical-align: middle;max-width: 18px;max-height: 42px;} .main-menu a p { line-height: 42px; } .main-menu li:hover a { animation: animation1 1100ms ease-in-out both; animation-iteration-count: 1; animation-direction: alternate; } .homepage_notclick:hover a{animation: none!important; } .main-menu li a div { position: absolute; top: 0; left: 0; margin-top: 26px; margin-left: 12px; width: 14px; height: 2px; background: #fff; transform: rotate(0); } .main-menu li a div, .main-menu li a div:before { transition: 420ms;} .main-menu li a div:first-child { margin-top: 14px; } .main-menu li a div:before { width: 100%; height: 100%; position: absolute; content: ''; top: 0; margin-top: -6px; left: 0; background: #fff; } .main-menu li a div:first-child:before, .main-menu li.open a div:before {margin-top: 0;} .main-menu li.open a div { transform: rotate(-45deg); margin-top: 21px; } .main-menu li.open a div:first-child { transform: rotate(45deg); margin-top: 21px; } .menu_mob, .header-mobile-wr .logo { height: 68px; } .menu_mob { position: relative; cursor: pointer; background: #439829; width: 40px; float: left; } .menu_mob div { position: absolute; width: 14px; height: 2px; background: #fff; top: 0; margin-top: 39px; left: 50%; margin-left: -7px; } .menu_mob div:first-child { margin-top: 27px; } .menu_mob div:first-child:before { width: 100%; height: 100%; position: absolute; background: #fff; top: 0; left: 0; margin-top: 6px; content: ''; } .header-mobile-wr a.logo { width: 86px; margin-left: 20px; } .header-mobile-wr a.logo:before { background-size: contain; height: 44px; top: 50%; margin-top: -22px; background-position-x: 0; } .header-mobile-wr .logo:hover:before { animation: none; } .main-menu-mob { width: 100%; float: left; padding-right: 10px; } .main-menu-mob li { float: right; list-style: none; } .main-menu-mob li a { font-size: 13px; text-decoration: none; color: #fff; padding: 0 5px; } .main-menu-mob li a:first-child { padding: 0 0 0 5px; } .header-mobile-wr { background: #50ae34; height: 68px; } .header-mobile-wr .basket_ { width: 68px; height: 68px; position: relative; top: auto; left: auto; margin-top: 0; background: none; display: block; float: right; } .header-mobile-wr .basket_:hover span.ico_b_ {animation: none;} .header-mobile-wr .basket_ span.ico_b_ { left: 50%; margin-left: -16px; } .catalog-search-mob { height: 28px; margin: 10px 0; } .catalog_mob-wr, .search-mob-wr { height: 28px; display: table-cell; vertical-align: top; } .catalog_mob-wr, .catalog_mob { width: 108px; } .search-mob-wr { width: 100%; padding-left: 15px; } .catalog_mob { height: 28px; background: #50ae34; border-bottom: 3px solid #439829; display: block; cursor: pointer; border-radius: 4px; position: relative; color: #fff; font-size: 13px; text-transform: uppercase; text-decoration: none; padding-left: 13px; line-height: 30px; } .catalog_mob:before { height: 25px; top: 50%; margin-top: -11px; } .catalog_mob:hover { border-bottom: 3px solid #50ae34; } .catalog_mob:active { background: #439829; border-bottom: 3px solid #439829; } .search-mob { position: relative; height: 28px; } .search-mob form input { width: 100%; height: 28px; outline: none !important; border-radius: 4px; border: 1px solid #d7d7d7; padding: 0 26px 0 7px; } .search-mob form button { width: 26px; height: 26px; position: absolute; right: 1px; top: 1px; z-index: 2; background: none; border: 0; outline: none !important; cursor: pointer; display: block; } .search-mob form button:before { position: absolute; content: ''; display: block; width: 100%; height: 26px; background: url("../images/icons/ico-30.png") 50% 50% no-repeat; top: 0; left: 0; border-radius: 4px; } .mob-overlay { display: none; position: fixed; width: 100%; height: 100%; z-index: 999; background: #000; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; top: 0; left: 0; cursor: default; } #menu-mob-hidden { display: none; width: 300px; position: fixed; z-index: 9999; top: 0; left: 0; margin-left: -300px; height: 100%; overflow-y: scroll; background: #4c4c50; transition: 0.2s; } #menu-mob-hidden.open { display: block; } #menu-mob-hidden.open.visible { margin-left: 0; } #menu-mob-hidden ul { width: 100%; float: left; } #menu-mob-hidden ul li { list-style: none; width: 100%; border-top: 1px solid #343437; padding-left: 20px; float: left; } #menu-mob-hidden ul li .bg-mob-menu { background: #343437; } #menu-mob-hidden ul li:first-child {border-top: 0;} #menu-mob-hidden ul li a { height: 40px; display: block; line-height: 40px; color: #fff; text-decoration: none; font-size: 13px; float: left; width: 100%; position: relative; padding-left: 22px; } #menu-mob-hidden ul li a span { width: 18px; height: 39px; display: table-cell; position: absolute; vertical-align: middle; left: 0; top: 0; } #menu-mob-hidden ul li a span img { vertical-align: middle; } .call-mobile-wr { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99991; overflow-y: scroll; } .call-mobile-wr.open { display: block; } .call-mobile { width: 300px; position: absolute; left: 50%; margin-left: -150px; bottom: 60px; } .call-mobile-scroll { } .bg-mob-menu {background: #343437;} .border_c { border-bottom: 1px dashed #fff; width: auto !important; left: auto !important; height: 30px !important; } .close-menu-mob, .mob-catalog-close { position: relative; width: 100%; height: 40px; background: #50ae34; text-transform: uppercase; color: #fff; line-height: 40px; font-size: 14px; font-weight: 700; padding-left: 15px; cursor: pointer; } .close_mob, .mob-catalog-close:before { content: ''; position: absolute; right: 10px; width: 14px; height: 100%; background: url("../images/icons/ico-34.png") 0 50% no-repeat; } .mob_lang {float: left;padding-left: 5px;} .mob_lang a { font-size: 15px; text-transform: none; color: #fff; font-weight: normal; padding: 1px 5px 3px 5px; text-decoration: none; } .mob_lang a.active { background: #439829; } .outlet_mob { background: #ed1c24; } .outlet_mob a { text-decoration: none !important; text-transform: uppercase !important; padding-left: 0 !important; } .button-call-mob { height: 34px; background: #fff; border-radius: 4px; width: 300px; float: left; margin-top: 4px; position: relative; text-align: center; } .button-call-mob:first-child { margin-top: 0; } .callback-footer { text-align: center; font-size: 13px; line-height: 34px; cursor: pointer; } .callback-footer span { width: 15px; height: 100%; position: absolute; background: url("../images/icons/ico-35.png") 0 50% no-repeat; top: 0; left: 73px; } .button-call_ { display: block; width: 100%; height: 100%; line-height: 34px; text-decoration: none; color: inherit; font-size: 13px; } .button-call_ p, .button-call_ div, .button-call_ span { display: block; float: left; } .button-call_ p { margin-left: 35px; } .button-call_ div {width: 30px;height: 100%} .button-call_ span { font-size: 18px; font-family: Helvetica; } .button-call_ div span { width: 30px; height: 100%; display: table-cell; vertical-align: middle; text-align: center; float: none; } /*.button-call_ div span img {vertical-align: middle}*/ .call-sms, .call-contact { text-decoration: none; position: relative; color: inherit; line-height: 34px; } .call-sms:before, .call-contact:before {position: absolute;width: 16px;height: 100%; position: absolute; top: 0;left: -22px;content: '';} .call-sms:before {background: url("../images/icons/ico-36.png") 50% 50% no-repeat;} .call-contact:before {background: url("../images/icons/ico-37.png") 50% 50% no-repeat;} .causes_title {font-size: 22px;} .causes_wr {position: relative;} .causes_wr .container {padding-top: 37px;padding-bottom: 53px} .causes_wr.all_causes_ .container { padding-top: 68px;position: relative;} .causes_wr.all_causes_:before, .causes_wr.all_causes_ .container:before { position: absolute; content: ''; top: 68px; left: 0; width: 100%; height: 40px; border-top: 1px solid #e1e1e1; margin-top: -28px; background: rgb(245,245,245); background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); } .causes-bl { margin-top: 15px; } .causes-bl>div { width: 64px; height: 64px; margin: 0 auto; background-image: url("../images/causes/causes-1.png"); background-repeat: no-repeat; } .causes-bl:hover div { animation: animation1 1800ms ease-in-out both; animation-iteration-count: 1; animation-direction: alternate; } .causes-bl p { width: 100%; float: left; font-size: 12px; line-height: 16px; text-align: center; padding: 0 5px; font-weight: 500; margin-top: 10px; } .causes_1 { background-position: 0 0; } .causes_2 { background-position: -64px 0; } .causes_3 { background-position: -128px 0; } .causes_4 { background-position: -191px 0; } .causes_5 { background-position: -255px 0; } .causes_6 { background-position: -319px 0; } /****catalog-menu****/ .catalog-menu-wr { position: relative; display: none; } .catalog-menu-wr.opens {display: block;} #menu_ident { position: absolute; left: 0; top: 40px; } .catalog-menu-wr .container { position: relative; z-index: 999; } ul.catalog-menu { width: 100%; float: left; position: relative; border-bottom: 3px solid#50ae34; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 0px 0px 8px 0px rgba(149, 149, 149, 0.75); background: #fff; } ul.catalog-menu.openSecondLi {box-shadow: none;} .catalog-menu li { min-width: 213px; width: 100%; background: #fff; height: 29px; border-top: 1px solid #e1e1e1; list-style: none; padding-left: 10px; cursor: pointer; } .catalog-menu>li:first-child { border-top: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; } .catalog-menu>li:first-child span {border-top-right-radius: 4px;} .catalog-menu li span { display: block; float: left; height: 29px; line-height: 29px; position: relative; width: 100%; white-space: nowrap; overflow: hidden; z-index: 1; } .catalog-menu li span:before, .catalog-menu li span:after { position: absolute; content: ''; height: 28px; top:0; } .catalog-menu li span:before { width: 18px; right: 0; background: #fff url("../images/icons/ico-31-2.png") 4px 50% no-repeat; z-index: 3; } .catalog-menu li span:after { width: 30px; right: 0; z-index: 2; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.25) 0%, #fff 45%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.25) 0%, #fff 45%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.25) 0%, #fff 45%); background: linear-gradient('to right', rgba(255, 255, 255, 0.25) 0%, #fff 45%); } .catalog-menu li ul {display: none;} .catalog-menu li.activ-li ul {display: block;} .catalog-menu li ul { position: absolute; top: -1px; right: -1px; width: 100%; margin-right: -100%; overflow: hidden; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-top-right-radius: 4px; } .catalog-menu li ul li {position: relative;} .catalog-menu li ul li:before { width: 55px; height: 28px; position: absolute; top: 0; left: 0; content: ''; background: rgb(250,250,250); background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 ); z-index: 1; } .catalog-menu li ul li:first-child::before { height: 29px; } .catalog-menu li ul li:last-child::before { height: 27px; } .catalog-menu li a { display: block; float: left; height: 29px; line-height: 29px; width: 100%; white-space: nowrap; overflow: hidden; z-index: 1; color: inherit; } .catalog-menu li ul li a {text-decoration: none; position: relative;z-index: 2} .catalog-menu li ul li a:hover {text-decoration: underline} .catalog-menu li ul li:first-child {border-top: 0; border-top-right-radius: 4px;} .catalog-menu li ul li:last-child { border-bottom: 1px solid #e1e1e1;} .openSecondLi.catalog-menu {border-top-right-radius: 0;} #overlay-size-tb { background: #000; opacity: 0.8; width: 100%; height: 100%; position: fixed; z-index: 10; top: 0; left: 0; } #size-img { position: absolute; top: 0; left: 0; width: 100%; text-align: center; z-index: 11; padding-top: 60px; } #size-img img { max-width: 100%; position: relative; vertical-align: top; } #size-img a {position: relative;cursor: default;} #size-img a span { cursor: pointer; position: absolute; display: block; width: 14px; height: 14px; background: url("../images/icons/ico-34.png") no-repeat; right: 0; top: -24px; cursor: pointer; } #overlay-menu { display: none; width: 100%; height: 100%; position: fixed; z-index: 9; background: #fff; top: 0; left: 0; } #overlay-menu.show { display: block; } #overlay-menu.show { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } /*********end header***********/ /****sidebar-filter****/ .sidebar { background: #fff; border: 1px solid #e1e1e1; /*box-shadow: 0px 0px 3px 0px rgba(149, 149, 149, 0.75);*/ border-radius: 4px; /*padding: 0 10px 97px 10px;*/ padding: 0 0 65px 0; position: relative; } .input-blocks-wrapper { width: 100%; float: left; margin-top: 11px; position: relative; } .input-blocks, .sidebar_checks { width: 100%; float: left; } .input-blocks label { font-size: 12px; color: inherit; font-weight: 700; position: relative; } .sidebar .input-blocks label {text-transform: uppercase;} input.custom-radio, input.custom-check { display: none; } input.custom-radio + label, input.custom-check + label, input.custom-radio + label a, input.custom-check + label a { color: #0072bc; font-size: 13px; cursor: pointer; display: inline; font-weight: normal; text-transform: none !important; text-decoration: none; } input.custom-radio:checked + label a, input.custom-check:checked + label a, input.custom-radio:checked + label, input.custom-check:checked + label { color: #0072bc !important; border: none !important; } input.custom-radio + label span, input.custom-check + label span { margin-right: 7px; margin-top: 2px; } input.custom-radio + label span { width: 16px; height: 16px; background: url(../images/sets-ico/radio-active.png) no-repeat; float: left; } input.custom-radio:checked + label span, input.custom-radio:checked + label:hover span { background: url(../images/sets-ico/radio.png) no-repeat; transition: .2s; } input.custom-radio + label:hover, input.custom-check + label:hover { } input.custom-check + label span { width: 16px; height: 16px; background: url(../images/sets-ico/check.png) no-repeat; float: left; } input.custom-check:checked + label span, input.custom-check:checked + label:hover span { background: url(../images/sets-ico/check-active.png) no-repeat; transition: .2s; } .sidebar_checks, .sidebar_checks_2 { height: 16px; margin-top: 6px; } .sidebar_checks:nth-of-type(1), .sidebar_checks_2:nth-child(1), .sidebar_checks_2:nth-child(2){margin-top: 7px} .sidebar .input-blocks-wrapper { margin-top: 22px; } .sidebar .input-blocks-wrapper:nth-of-type(1) { margin-top: 15px; } .sidebar_checks_2 { float: left; min-width: 100px; margin-left: 9px; } .resetFilters { width: 100%; height: 40px; border-bottom: 3px solid #50ae34; position: absolute; bottom: 0; left: 0; text-align: center; background: #f5f5f5; background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); } .resetFilters span { font-size: 13px; color: #0072bc; cursor: pointer; line-height: 40px; } .buttonsSort { position: relative; width: 100%; float: left; margin-top: 25px; } .buttonsSort ul { width: 100%; float: left; } .buttonsSort ul li { list-style: none; } .buttonsSort ul li { text-align: center; } .buttonsSort ul li a { width: 100%; display: block; font-size: 9px; text-transform: uppercase; text-decoration: none; font-weight: 700; color: #fff; line-height: 23px; background: #ee1c24 } /*.sale_btn_f a{*/ /*background: #ee1c24;*/ /*}*/ /*.new_btn_f a{*/ /*background: #5ab0e9;*/ /*}*/ /*.top_sale_btn_f a{*/ /*background: #8560a8;*/ /*}*/ .close_filters { width: 14px; height: 14px; background: red; position: absolute; top: 14px; right: 14px; z-index: 2; cursor: pointer; } .filter_mobile_ { width: 32px; height: 120px; position: fixed; left: 0; top: 227px; background: #50ae34; overflow: hidden; z-index: 10; cursor: pointer; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .filter_mobile_:before { position: absolute; content: ''; left: 0; bottom: 11px; background: url(../images/icons/btn-filter_sale.png) 50% no-repeat; width: 100%; height: 22px; } .filter_mobile_ a { text-decoration: none; font-size: 12px; font-weight: 700; color: #fff; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: block; margin-top: 39px; text-transform: uppercase; height: 32px; line-height: 32px; } /****end sidebar-filter****/ /***breadcrumb***/ ul.breadcrumb { height: 40px; } ul.breadcrumb li { float: left; list-style: none; line-height: 40px; margin-left: 15px; } ul.breadcrumb li:first-child {margin-left: 0;} ul.breadcrumb li a{ position: relative; text-decoration: none; color: inherit; display: block; height: 40px; line-height: 40px; } ul.breadcrumb li a:hover {text-decoration: underline} ul.breadcrumb li a:before { content: ''; position: absolute; right: -11px; top: 0; height: 100%; width: 5px; background: url("../images/icons/breadcrumb_arrow.png") 0 50% no-repeat; } ul.breadcrumb li.active { } /*******catalog*********/ .catalog-wr, .banner_ { margin-top: 20px; float: left; } .catalog-wr.hover {z-index: 9} .catalog-wr:nth-child(5) {margin-left: 292px;} .banner_ {margin-left: 0!important; text-align: center; } .banner_>div {overflow: hidden;border-radius: 4px; position: relative; width: 100%; height: 100%;border: 1px solid #e1e1e1;border-radius: 4px;padding: 15px 0;} .banner_ img { height: 100%; } /*.banner_>div {padding: 0 !important;border: 0 !important;}*/ /*.banner_ object {width: 100%;float: left;max-width: 100%}*/ /*.banner_ object, .banner_ embed {height: 100% !important;max-width: 100%}*/ /*.banner_ embed {border-radius: 4px;}*/ .banner_ object, .banner_ embed {max-height: 100%; max-width: 100%;} .mobile .banner_ img, .tablet .banner_ img {max-width: 200px} .item_catalog { width: 100%; float: left; border: 1px solid #e1e1e1; border-radius: 4px; position: relative; z-index: 3; } .hover .item_catalog {z-index: 5} .img { margin-top: 53px; text-align: center; padding: 0 20px; max-height: 236px; position: relative; z-index: 1; } .img img {width: 100%;max-width: 400px;max-height: 236px; margin: 0 auto;} .title_cat { font-size: 14px; color: #388e1e; text-align: center; text-decoration: none; height: 34px; overflow: hidden; font-weight: 700; padding: 0 40px; margin-top: 46px; line-height:16px; } .title_cat:hover {text-decoration: underline} .category_cat { font-size: 13px; text-align: center; padding: 0 40px; color: inherit; margin-top: -2px; height: 15px; overflow: hidden; } .price_cat { text-align: center; position: relative; margin-top: 19px; } .price_cat p { color: #f26522; font-size: 15px; line-height: 18px; height: 18px; font-weight: 700; position: relative; z-index: 2; } .price_cat p span {font-size: 13px; font-weight: normal} .price_cat-sale { font-weight: normal !important; font-size: 13px !important; color: #333333; text-decoration: line-through; padding-right: 10px; } .price_cat-sale_ { width: 45px; height: 18px; background: url("../images/icons/ico-38.png") no-repeat; position: absolute; right: 0; top: 0; padding-left: 10px; font-size: 11px; line-height: 20px; } .buttons_cat-wr {margin-bottom: 14px;margin-top: 17px;} .buttons_cat { width: 180px; margin: 0 auto; } .btn_view_cat, .btn_buy_cat { display: block; height: 33px; text-decoration: none; } .btn_view_cat { float: left; font-size: 13px; color: #0072bc; line-height: 33px; } .btn_view_cat:hover {text-decoration: underline;} .btn_view_cat:active {color: #005084;} .btn_buy_cat { float: right; color: #fff; text-decoration: none; font-size: 12px; font-weight: 700; text-transform: uppercase; width: 98px; background: #50ae34; border-bottom: 2px solid #388e1e; border-radius: 4px; overflow: hidden; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; position: relative; text-align: center; line-height: 35px; } .btn_buy_cat:hover { background: #388e1e; } .btn_buy_cat:active { background: #f26522; border-bottom: 2px solid #f26522; -webkit-transition: background-color 0s; transition: background-color 0s; } .btn_buy_cat p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.3s; } .btn_buy_cat::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .btn_buy_cat > span { letter-spacing: 1px; display: inline-block; opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .btn_buy_cat:hover::before { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .btn_buy_cat:hover > span { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn_buy_cat:hover > span:nth-child(1) { -webkit-transition-delay: 0.045s; transition-delay: 0.045s; } .btn_buy_cat:hover > span:nth-child(2) { -webkit-transition-delay: 0.09s; transition-delay: 0.09s; } .btn_buy_cat:hover > span:nth-child(3) { -webkit-transition-delay: 0.135s; transition-delay: 0.135s; } .btn_buy_cat:hover > span:nth-child(4) { -webkit-transition-delay: 0.18s; transition-delay: 0.18s; } .btn_buy_cat:hover > span:nth-child(5) { -webkit-transition-delay: 0.225s; transition-delay: 0.225s; } .btn_buy_cat:hover > span:nth-child(6) { -webkit-transition-delay: 0.27s; transition-delay: 0.27s; } .btn_buy_cat:hover > span:nth-child(7) { -webkit-transition-delay: 0.315s; transition-delay: 0.315s; } /*.btn_buy_cat:hover > span:nth-child(8) {*/ /*-webkit-transition-delay: 0.36s;*/ /*transition-delay: 0.36s;*/ /*}*/ /*.btn_buy_cat:hover > span:nth-child(9) {*/ /*-webkit-transition-delay: 0.405s;*/ /*transition-delay: 0.405s;*/ /*}*/ /*.btn_buy_cat:hover > span:nth-child(10) {*/ /*-webkit-transition-delay: 0.45s;*/ /*transition-delay: 0.45s;*/ /*}*/ .btn_buy_cat:hover p { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .sale_txt, .new_txt, .top_txt { position: absolute; top: 0; left: 0; width: 50px; height: 49px; z-index: 8; } .sale_txt {background: url("../images/icons/ico-39.png") no-repeat;} .new_txt {background: url("../images/icons/ico-40.png") no-repeat;} .top_txt {background: url("../images/icons/ico-46.png") no-repeat;} .tablet .btn_buy_cat::before, .tablet .btn_buy_cat:hover > span, .mobile .btn_buy_cat::before, .mobile .btn_buy_cat:hover > span{display: none;} .tablet .btn_buy_cat:hover p, .mobile .btn_buy_cat:hover p {opacity: 1;-webkit-transform: none;transform: none;} .navi-wr {margin-top: 40px;} a.load_more { width: 155px; height: 33px; display: block; text-decoration: none; line-height: 33px; color: #555; font-size: 13px; margin: 0 auto; border: 1px solid #50ae34; position: relative; border-radius: 4px; overflow: hidden; } a.load_more:before { width: 16px; height: 100%; background: url("../images/icons/ico-41.png") 0 50% no-repeat; position: absolute; left: 13px; top: 0; content: ''; } a.load_more p, a.load_more div { position: absolute; width: 100%; height: 100%; box-sizing: border-box; top: 0; left: 0; } a.load_more p, a.load_more:before { -webkit-transition: 0.3s; transition: 0.3s; /*-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);*/ /*transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);*/ } a.load_more p { padding-left: 42px; } } a.load_more span {font-size: 16px;} a.load_more div { background: #50ae34; color: #fff; margin-left: -100%; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; text-align: center; text-transform: uppercase; } a.load_more:hover p, a.load_more:hover::before { margin-top: 100%; } a.load_more:hover div { margin-left: 0; opacity: 1; } .tags-cat-wr {margin-top: 10px;} .tags-cat-wr a { text-decoration: none; color: #0072bc; float: left; margin-right: 10px; font-size: 13px; line-height: 24px; } .tags-cat-wr a:last-child {margin-right: 0} .tags-cat-wr a:hover {text-decoration: underline;} .tags-cat-wr a:active {color: #005084;} .title_cat-main { font-size: 22px; margin-top: -5px; } .sort-cat-wr { font-size: 13px; float: left;margin-top: 9px; height: 40px; margin-bottom: -15px; } .sort-cat-wr p { color: #828282; float: left; line-height: 36px; } .sort-cat, .city-sel-deliv { margin-left: 9px; float: left; position: relative; z-index: 10; padding: 10px 28px 15px 10px; } .sort-cat.active, .city-sel-deliv.active { background: #fff; border-radius: 4px; box-shadow: 0px 0px 12px 0px rgba(149, 149, 149, 0.75); } .sort-cat a, .city-sel-deliv a { text-decoration: none; color: #0072bc; } .sort-cat>a, .city-sel-deliv>a { color: #0072bc; position: relative; } .sort-cat.active>a, .city-sel-deliv.active>a {color: #333;cursor: default;} .sort-cat>a:before, .city-sel span:after, .city-sel-deliv>a:before, .city-sel-deliv span:after { width: 11px; height: 7px; background: url("../images/icons/ico-10.png") no-repeat; position: absolute; content: ''; top: 50%; margin-top: -3px; right: -18px; -webkit-transition: 0.3s; transition: 0.3s; } .sort-cat.active>a:before, .city-sel span.active:after, .city-sel-deliv.active>a:before, .city-sel-deliv span.active:after { transform: rotate(180deg); } .sort-cat ul, .city-sel-deliv ul { display: none; } .sort-cat.active ul, .city-sel-deliv.active ul {display: block} .sort-cat li, .city-sel-deliv li { list-style: none; margin-top: 13px; } .sort-cat li a:hover, .city-sel-deliv li a:hover { text-decoration: underline; } .catalog-wr { position: relative; } .catalog-wr.hover-border:after { position: absolute; content: ''; width: 100%; height: 3px; background: #50ae34; left: 15px; bottom: -3px; z-index:10; padding-left: 49px; box-sizing: content-box; animation: border 200ms both; animation-iteration-count: 1; animation-direction: alternate; opacity: 0; } .catalog-wr.hover-border.hover_left:before, .catalog-wr.hover-border.hover_left:after { right: 15px; left: auto; } .catalog-wr.hover-border:before { position: absolute; content: ''; width: 100%; height: 100%; left: 15px; top: 0; box-shadow: 0px 0px 12px 0px rgba(149, 149, 149, 0.75); box-sizing: content-box; padding: 0 49px 3px 0; border-radius: 4px; z-index: 4; animation: border 200ms both; animation-iteration-count: 1; animation-direction: alternate; opacity: 0; } .desktop .hover-border .item_catalog { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom: 1px solid #fff; } .desktop .hover-border.hover_left .item_catalog { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .additional_wr { position: absolute; width: 80px; height: 100%; perspective: 150px; top: 0; right: -64px; z-index: 9; border-top-right-radius: 4px; display: none; } .hover_left .additional_wr { right: auto; /*left: -144px;*/ left: -64px; transform:rotateY(180deg) } .desktop .hover .additional_wr {display: block;} .additional_bg { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: #f4f4f4; transform-style: preserve-3d; transform-origin: 0% 0%; transition: 0.2s ease-in-out; -webkit-transform: rotateY(105deg); transform: rotateY(105deg); overflow: hidden; border-top: 1px solid #e1e1e1; border-top-right-radius: 4px; } .startAnim .additional_bg { transition: 0.2s ease-in-out; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .hover_left .startAnim .additional_bg { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .addit_wr { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 4px 0 0 0; /*margin-left: -100%;*/ transform: translate3d(-100%, 0, 0); } .addit_wr.move { transition: 0.3s; /*margin-left: 0;*/ transform: translate3d(0,0, 0); } .addit_bl { width: 46px; margin: 0 auto; margin-top: 15px; } .hover_left .addit_bl {transform: rotateY(180deg)} .videos_btn { width: 100%; height: 30px; display: block; background: #fff url("../images/icons/ico-43.png") 50% 50% no-repeat; border: 1px solid #e1e1e1; border-radius: 4px; } .slider_cat-wr { width: 100%; float: left; margin-top: 21px; } .jcarousel-container-vertical, .jcarousel-clip-vertical { height: 148px; } .jcarousel-clip-vertical { overflow: hidden;} ul.jcarousel-list-vertical li { width: 100%; height: 46px; border: 1px solid #e1e1e1; margin-bottom: 5px; } ul.jcarousel-list-vertical li a { display: table-cell; width: 44px; height: 44px; background: #fff; text-align: center; vertical-align: middle; padding: 0 2px; } ul.jcarousel-list-vertical li a img { width: 100%; vertical-align: middle; } .jcarousel-prev-vertical, .jcarousel-next-vertical { position: absolute; left: 0; width: 100%; height: 16px; background-color: #fff; cursor: pointer; background-repeat: no-repeat; background-position: 50% 50%; } .jcarousel-prev-vertical { top: -21px; background-image: url("../images/icons/ico-31-3.png"); } .jcarousel-next-vertical { bottom: -21px; background-image: url("../images/icons/ico-31.png"); } .jcarousel-prev-disabled-vertical, .jcarousel-next-disabled-vertical { background-color: #e1e1e1; cursor: default; } .addit_buttons {margin-top: 59px;text-align: center;} .addit_buttons div {margin-top: 26px} .addit_buttons div:first-child {margin-top: 0} .addit_buttons a { font-size: 11px; color: #0072bc; text-decoration: none; position: relative; } .addit_buttons a:before { position: absolute; left: 50%; content: ''; } .addit_buttons a:hover {text-decoration: underline;} .btn_aside:before { width: 14px; height: 18px; margin-left: -7px; top: -22px; background: url("../images/icons/ico-44.png") no-repeat; } .btn_compare:before { width: 18px; height: 15px; margin-left: -9px; top: -19px; background: url("../images/icons/ico-45.png") no-repeat; } /*******end catalog*********/ /***********card****************/ .title_card { font-weight: 500; font-size: 22px; line-height: 22px; margin-top: 15px; } .card-wrapper { margin-top: 36px; } .img-big-wr { text-align: center; } .img-big-wr img { max-width: 100%; cursor: pointer; } .img-small-wr { overflow: hidden; } .img-small-wr ul {} .img-small-wr ul li { width: 94px; height: 62px; text-align: center; border: 1px solid #e1e1e1; float: left; list-style: none; position: relative; cursor: pointer; margin: 0 7px; } .img-small-wr ul li:first-child {margin-left: 0;} .img-small-wr ul li.active{ cursor: default;} .img-small-wr ul li.active:before { position: absolute; width: 100%;height: 100%; border: 2px solid #50ae34; content: ''; top: 0; left: 0; padding: 1px; box-sizing: content-box; } .img-small-wr ul li img {max-width: 100%;max-height: 100%;} .options_bl { padding-bottom: 15px; border-bottom: 1px solid #e1e1e1; margin-top: 17px; position: relative; } .product_code { } .product_code span { color: #fff; font-size: 11px; line-height: 20px; display: block; width: 115px; height: 20px; background: #88888f; text-align: center; float: left; } .color_title { font-weight: 700;} .color_title, .colors_list { font-size: 13px; text-transform: uppercase; } .colors_list {margin-top: 7px;} .colors-img {overflow: hidden;margin-top: 2px;} .colors-img ul, .size_growth, .size_growth-list {float: left;width: 274px;list-style: none;} .colors-img ul li { float: left; width: 80px; height: 52px; margin-top: 11px; margin-right: 11px; display: none; } .colors-img ul li:nth-child(-n+5) {display: block;} .size_growth {margin-top: 4px;margin-bottom: 4px;} .colors-img ul li a { float: left; width: 100%; height: 100%; display: block; position: relative; } .colors-img ul li a img { max-width: 100%; width: 100%; height: 100%; float: left; } .colors-img ul li a:before { width: 100%; height: 100%; border: 1px solid #e1e1e1; content: ''; position: absolute; top: 0; left: 0; display: block; } .colors-img ul li a.active:before { border: 2px solid #50ae34; } .more_card {text-align: center;float: left} .color_more { height: 52px; line-height: 52px; width: 80px; margin-top: 11px; } .size_more { width: 40px; height: 45px; line-height: 45px; margin-top: 12px; } .more_card span { font-size: 13px; color: #0072bc; border-bottom: 1px dashed #0072bc; position: relative; cursor: pointer; margin-left: -6px; } .more_card span:before { width: 11px; height: 7px; content: ''; position: absolute; top: 50%; right: -14px; margin-top: -3px; background: url("../images/icons/ico-51.png") no-repeat; } .size_growth li { height: 15px; padding: 0 11px; float: left; border-left: 1px solid #e1e1e1; } .size_growth li:first-child {padding-left: 0;border-left: 0;} .size_growth li a { text-decoration: none; line-height: 15px; } .size_growth li a span { color: #388e1e; border-bottom: 1px dashed #388e1e; font-weight: 700; font-size: 13px; text-transform: uppercase; } .size_growth li a.active span { color: #333333; border-bottom: 0; } .size_growth-list {display: none;width: 100% !important;} .size_growth-list.active { display: block; } .size_growth-list li { float: left; margin-top: 12px; margin-right: 12px; position: relative; display: none; } .size_growth-list li:nth-child(-n+4) {display: block;} .open_bl .size_growth-list li {display: block;} .size_growth-list li:before { width: 100%; height: 100%; position: absolute; top:0; left:0; content: ''; border: 1px solid #e1e1e1; z-index: 1; } .size_growth-list li.active:before { border: 2px solid #50ae34; } .size_growth-list li a { text-decoration: none; color: #333333; font-size: 15px; font-weight: 700; line-height: 45px; text-transform: uppercase; position: relative; z-index: 2; min-width: 40px; height: 45px; text-align: center; padding: 0 5px; display: block; } .size_table { font-size: 13px; text-decoration: none; border-bottom: 1px dashed #0072bc; float: left; margin-top: 18px; } .btn_sets { display: block; font-size: 11px; text-decoration: none; height: 45px; padding-top: 27px; position: relative; text-align: center; border-radius: 1px; border: 1px solid #e1e1e1; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); } .price_links .btns_card_sets { margin: 0 auto 0 auto; width: 68px; } .btns_card_sets:before { width: 14px; height: 18px; background: url("../images/icons/ico-44.png") no-repeat; margin-left: -7px; top: 5px; } .btn_sets:before { content: ''; display: block; position: absolute; left: 50%; z-index: 2; } .price_links .btn_sets:before {z-index: 1} .buttons_card-act .btn_sets { float: left; margin-left: 6px; background: none; overflow: hidden; } .buttons_card-act .btn_sets span {position: relative;z-index: 2;} .buttons_card-act .btn_sets:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); z-index: 1; content: ''; transition: 1s; -webkit-transition: 1s; } .buttons_card-act .btn_sets:hover:after { top: 100%; } .buttons_card-act .btn_sets:first-child {margin-left: 0;} .btns_card_sets_l { width: 68px; } .btns_card_compare {width: 68px;} .btns_card_follow {width: 114px;} .btns_card_compare:before { width: 18px; height: 15px; top: 8px; margin-left: -9px; background: url("../images/icons/ico-45.png") no-repeat; } .btns_card_follow:before { width: 18px; height: 11px; margin-left: -9px; top: 8px; background: url("../images/icons/ico-56.png") no-repeat; } .price-wr { background: #f4f4f4; padding: 0 15px 20px 15px; border-bottom: 3px solid #50ae34; margin-top: 20px; } .buy_card { float: left; width: 117px; height: 43px; font-size: 15px; line-height: 46px; border-bottom: 3px solid #388e1e; } .price_txt table { float: right; width: 103px; height: 43px; text-align: right; } .price_txt table tr td { color: #959595; font-size: 13px; } .price_bl { height: 79px; position: relative; } .price_sale_card { right: -15px; top: 50%; margin-top: -11px; width: 54px; height: 22px; background: url(../images/icons/ico-38-2.png) no-repeat; position: absolute; font-weight: 700; line-height: 22px; text-align: center; padding-left: 7px; font-size: 15px; } .price_bl table { height: 49px; width: 117px; text-align: center; margin-top: 15px; } .price_bl table p { color: #f26522; font-size: 24px; font-weight: 700; } .price_bl table p span {font-weight: normal;font-size: 15px} .price_bl table p.old_price-card { font-size: 15px; color: #333333; text-decoration: line-through; } .price_links {padding-left: 0 !important;padding-right: 0 !important;} .price_links ul { width: 100%; float: left; margin-top: 15px; } .price_links ul li { float: left; width: 100%; list-style: none; margin-top: 10px; } .price_links ul li a { font-size: 13px; text-decoration: underline; position: relative; padding-left: 17px; line-height: 12px; height: 12px; display: block; } .price_links ul li a img { position: absolute; left: 0; top: 0; } .price_links ul li a:hover {text-decoration: none} .banner-time {float: left;width: 100%;position: absolute;left: 0;bottom: 11px;} .banner-time-wr { border: 1px solid #e1e1e1; border-radius: 4px; padding: 16px 0 0 0; position: relative; padding-bottom: 47px; } .banner-time-title { font-size: 18px; font-weight: 700; color: #50ae34; padding: 0 20px; line-height: 20px; } .banner-img {margin-top: 10px;} .banner-img img { width: 100%; max-width: 100%; vertical-align: top; } .delivery-card {margin-top: 22px} .delivery-card-title { padding-left: 60px; text-transform: uppercase; font-size: 14px; color: #50ae34; font-weight: 700; position: relative; line-height: 17px; } .delivery-card-title:before { background: url("../images/icons/ico-58.png") no-repeat; width: 48px; height: 30px; position: absolute; left: 0; top: 50%; margin-top: -15px; content: ''; } .payment_guarantee {margin-top: 17px;} .payment_guarantee div {font-size: 13px; line-height: 17px;} .title_pay { text-transform: uppercase; font-weight: 700; } .pay-txt { position: relative; } .delivery-card_ {margin-top: 14px; position: relative;} .delivery-card_ .pay-txt { padding-right: 70px; } .delivery-card_ .pay-txt p.delivery-price { width: 70px; bottom: 0; right: 0; position: absolute; color: #959595; font-size: 13px; text-align: right; } .delivery-card_ .pay-txt span, .delivery-card_ .pay-txt a { color: #0072bc; border-bottom: 1px dashed #0072bc; text-decoration: none; } .city-sel-deliv { position: absolute; right: 0; top: -10px; } .city-sel-deliv>a {border-bottom: 1px dashed #0072bc;} .city-sel-deliv.active>a {border-bottom: 0;} .rateit .rateit-range { background: url("../images/star.gif") !important; float: left; } .rateit button.rateit-reset { background: url("../images/delete.gif") 0 1px !important; float: left; } .rateit .rateit-hover { background: url("../images/star.gif") left -32px !important; } .rateit .rateit-hover-rtl { background-position: right -32px !important; } .rateit .rateit-selected { background: url("../images/star.gif") left -16px !important; } .rateit .rateit-selected-rtl { background-position: right -16px !important; } .rateit .rateit-preset { background: url("../images/star.gif") left -48px !important; } .rateit .rateit-preset-rtl { background: url("../images/star.gif") left -48px !important; } .rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus { background-position: 0 -15px !important; } .number_of_votes { float: left; font-size: 13px; color: #959595; margin-left: 10px; line-height: 19px; height: 16px; } .stars_raiting .rateit {float: left;} .stars_raiting { margin-top: 25px; } .buttons_card-act { margin-top: 24px; } .open_bl { border-bottom: 1px solid #fff; z-index: 3; position: relative; background: #fff; } .shadow_bl {display: none} .open_bl .shadow_bl { display: block; position: absolute; top: -16px; left: -15px; width: 100%; height: 100%; box-sizing: content-box; padding: 16px 15px 0 15px; border-radius: 4px; box-shadow: 0px 0px 12px 0px rgba(149, 149, 149, 0.75); z-index: 1; overflow: hidden; } .shadow_bl div { width: 40px; height: 40px; position: absolute; z-index: 3; right: 0; top: 0; background: url("../images/icons/ico-59.png") no-repeat; cursor: pointer; } .open_bl .colors-img {position: relative;z-index: 2;} .open_bl .more_card {display: none;} .open_bl .colors-img ul li {display: block;} .open_bl .size_growth {position: relative;z-index: 2} .weather_list {} .weather_list ul {float: left;width: 100%;} .weather_list ul li { float: left; margin-top: 12px; position: relative; display: none; width: 195px; } .weather_list ul li:first-child { display: block; } .weather_list ul li.active {} .weather_list ul li:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ''; border: 1px solid #e1e1e1; z-index: 1; } .weather_list ul li.active:before { border: 2px solid #50ae34; } .weather_list ul li a { text-decoration: none; font-weight: 700; color: #333333; font-size: 15px; line-height: 45px; position: relative; z-index: 2; min-width: 40px; height: 45px; padding-left: 10px; display: block; } .weather_more { width: 67px; height: 45px; line-height: 45px; margin-top: 12px; } .open_bl .weather_list li {display: block} ul.description_list {} ul.description_list li {list-style: none;} ul.description_list li a{font-size: 13px;} ul.description_list>li { float: left; height: 20px; border-left: 1px solid #e1e1e1; } ul.description_list li:first-child {border-left: 0;} ul.description_list li a { font-size: 18px; color: #388e1e; text-decoration: none; font-weight: 700; position: relative; line-height: 20px; margin: 0 7px; } ul.description_list li:first-child a {margin-left: 0;} ul.description_list li.active a { color: #333333; cursor: default; } ul.description_list li a:before { border-bottom: 1px dashed #388e1e; width: 100%; height: 1px; left: 0; bottom: 3px; content: ''; position: absolute; } ul.description_list li.active a:before {display: none;} .desk_blocks-wr {margin-top: 28px;} .desk_list-wr { display: none; } .active.desk_list-wr { display: block; } .desk_list-wr p { width: 100%; float: left; font-size: 13px; color: inherit; margin-bottom: 17px; } .desk_list-wr h2 { text-transform: uppercase; font-weight: 700; font-size: 13px; } .desk_list-wr ul {width: 100%;float: left;} .desk_list-wr ul li { list-style: none; padding-left: 20px; position: relative; margin-top: 14px; position: relative; } .desk_list-wr ul li:first-child {margin-top: 0;} .desk_list-wr ul li:before { background: #50ae34; width: 5px; height: 5px; position: absolute; left: 7px; top: 6px; content: ''; border-radius: 100%; } .desk_list-wr iframe { width: 100%!important; margin-top: 15px; } .desk_videos { margin-top: -15px; } .desk_delivery table, .desk_specifications table {width: 100%;float: left;} .desk_delivery table tr,.desk_specifications table tr{ background: #fff; } .desk_delivery table tr:nth-child(odd), .desk_specifications table tr:nth-child(odd){ background: #f5f5f5; } .desk_delivery table tr td,.desk_specifications table tr td{ padding:4px 0 4px 10px; } .desk_delivery .row img {max-width: 100%;} .desk_specifications table tr td {font-weight: 700; font-size: 13px;} .desk_specifications table tr td:first-child {font-weight: normal} .btn_scroll_to_comment { display: block; background: #88888f; width: 156px; height: 33px; text-align: center; line-height: 35px; border-bottom: 2px solid #77777f; text-transform: uppercase; color: #fff; border-radius: 4px; text-decoration: none; } .btn_scroll_to_comment:hover { border-bottom: 2px solid #88888f; } .btn_scroll_to_comment:active { background: #77777f; border-bottom: 2px solid #77777f; } .description_list-wrapper { margin-top: 40px; } .btn_mobil_show_desk { display: block; background: #88888f; height: 38px; line-height: 38px; position: relative; font-size: 18px; font-weight: 500; color: #fff; text-decoration: none !important; padding-left: 15px; margin-bottom: 13px; } .btn_mobil_show_desk:before { position: absolute; content: ''; top: 50%; margin-top: -3px; right: 24px; width: 9px; height: 6px; background: url("../images/icons/ico-60.png") no-repeat; transition: 0.3s; -webkit-transition: 0.3s; } .active-mobile.desk_list-wr .btn_mobil_show_desk:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .artbox_form_container { margin-top: 30px; } .form-comm-wr { width: 100%; background: #f5f5f5; padding: 16px 20px 30px 20px; float: left; border-radius: 4px; } .artbox_form_container form {float: left;width: 100%;} .comment_form_name { font-weight: 500; font-size: 18px; } .form-comm-wr label { position: relative; font-size: 13px; color: #888888; float: left; } .form-comm-wr .input_bl { width: 100%; float: left; margin-top: 17px; } .form-comm-wr .input_bl div { float: left; width: 320px; } .form-comm-wr .input_bl.area_bl div, .form-comm-wr .input_bl.submit_btn div { width: 100%; float: left; } .form-comm-wr .input_bl.submit_btn div {text-align: center;} .form-comm-wr input, .form-comm-wr textarea { width: 100%; float: left; outline: none !important; height: 32px; border-radius: 4px; background: #fff; border: 1px solid #dfdfdf !important; padding-left: 8px; margin-top: 7px; } .form-comm-wr textarea { height: 122px; max-height: 122px; min-height: 122px; resize: none !important; max-width: 100%; padding-top: 5px; } .input_bl input:focus, .input_bl textarea:focus, .answer-form textarea:focus { box-shadow: 1px 2px 2px 0 rgba(215, 215, 215, 0.75) inset; transition: .1s; border: 1px solid #d2d2d2 !important; } .submit_btn button { display: block; width: 156px; height: 33px; background: #88888f; border-bottom: 2px solid #77777f !important; border-top: 0 !important; border-left: 0 !important; border-right:0 !important; margin: 0 auto; border-radius: 4px; color: #fff; font-size: 11px; font-weight: 700; text-transform: uppercase; cursor: pointer; outline: none !important; line-height: 35px; } .submit_btn button:hover {border-bottom: 2px solid #88888f !important;} .submit_btn button:active { background: #77777f; border-bottom: 2px solid #77777f !important; } .form-comm-wr .required label:before { display: block; content: "*"; color: #d40000; position: absolute; top: 0; right: -7px; } .input_bl.has-error input, .input_bl.has-error textarea, .answer-form .has-error textarea { box-shadow: 1px 2px 2px 0 rgba(212, 0, 0, 0.2) inset !important; border: 1px solid #d2d2d2 !important; } .input_bl .help-block, .answer-form .help-block { display: none !important; } .artbox_list_container { width: 100%; float: left; } .user_name { text-transform: uppercase; font-size: 13px; float: left; font-weight: 700; } .user_data { font-size: 13px; float: right; color: #959595; } .comments-wr .user_rating { float: left; } .user_txt { width: 100%; float: left; font-size: 13px; font-weight: 700; } .comment-panel { width: 100%; float: left; } /*******************************/ /*************contacts******************/ .contacts_img {text-align: center;} .contacts_img img { max-width: 555px; width: 100%; vertical-align: top; margin-top: 4px; } .contact_txt p { font-size: 13px; line-height: 20px; margin-top: 11px; } .contact_txt p:first-child {margin-top: 0;} .contact_txt, .contacts_img { margin-top: 26px; } .contacts_tb { width: 50%; } .contacts_tb-title { font-weight: 700; font-size: 15px; margin-top: 24px; } .contacts_tb-phones {margin-top: 13px;min-height: 60px;} .contacts_tb-phones div { width: 100%; float: left; height: 20px; position: relative; line-height: 20px; padding-left: 17px; } .contacts_tb-phones div img { position: absolute; top: 50%; margin-top: -8px; width: 16px; height: 16px; left: 0; } .contacts_tb-phones div span { font-size: 15px; } .contacts_tb-mail_name { font-size: 15px; font-weight: 700; margin-top: 24px; } .contacts_tb-mail { height: 24px; position: relative; margin-top: 14px; } .contacts_tb-mail a { margin-left: 33px; line-height: 24px; text-decoration: none !important; font-size: 15px; color: #0072bc; } .contacts_tb-mail span { position: absolute; left: 0; top: 0; } .contacts_tb-phones table { min-height: 60px; } .contacts_tb-phones table td img {vertical-align: middle;} .contacts_tb-phones table td div { width: 100%; float: left; padding-left: 9px; } /*******************************/ /*************brands******************/ .box_brend { float: left; width: 133px; height: 85px; margin-top: 20px; margin-left: 15px; margin-right: 15px; } /*******************************/ /***pagination***/ .pagination { height: 32px; margin: 0 auto; display: table; margin-top: 30px; } .pagination li { float: left; list-style: none; height: 32px; border: 1px solid #d7d7d7; line-height: 32px; text-align: center; margin: 0 5px; border-radius: 4px; } .pagination li a { text-decoration: none; color: #555; font-size: 16px; font-weight: 700; display: block; height: 100%; padding: 0 10px; min-width: 32px; } .pagination li.active { background: #d7d7d7; } .pagination li.active a {cursor: default;} .pagination li:hover { box-shadow: 0px 0px 4px 0px rgba(149, 149, 149, 0.75); } .pagination li.active:hover, .pagination li.prev:hover, .pagination li.next:hover {box-shadow: none !important;} .pagination li.prev, .pagination li.next {border: 0; width: 32px;} .pagination li.prev, .pagination li.next, .pagination li.prev a, .pagination li.next a { position: relative; font-size: 0; } .pagination li.prev:before, .pagination li.next:before { content: ''; position: absolute; top: 50%; left: 50%; margin-top: -9px; margin-left: -6px; width: 11px; height: 18px; cursor: pointer; } .pagination li.prev.disabled:before { background: #fff url("../images/icons/ico-42.png") 0 0 no-repeat !important; } .pagination li.prev:before { background: #fff url("../images/icons/ico-42.png") -11px 0 no-repeat; } .pagination li.prev:hover:before { background: #fff url("../images/icons/ico-42.png") -22px 0 no-repeat; } .pagination li.next.disabled:before { background: #fff url("../images/icons/ico-42.png") 0 0 no-repeat !important; } .pagination li.next:before { background: #fff url("../images/icons/ico-42.png") -44px 0 no-repeat; } .pagination li.next:hover:before { background: #fff url("../images/icons/ico-42.png") -33px 0 no-repeat; } .pagination li.disabled, .pagination li.prev.disabled:before, .pagination li.next.disabled:before {cursor: default} /***slider***/ .slider-wr {} .title_slider { padding-left: 15px; height: 23px; margin-top: 30px; } .title_slider span { font-size: 22px; font-weight: 500; display: block; float: left; line-height: 23px; } .prev_btn, .next_btn, .owl-prev, .owl-next { width: 23px; height: 23px; float: left; background-color: #f5f5f5; cursor: pointer; margin-left: 2px; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 4px; } .prev_btn:hover, .next_btn:hover, .owl-prev:hover, .owl-next:hover { background-color: #e1e1e1; transition: 0.1s; } .prev_btn, .owl-prev { margin-left: 10px; background-image: url("../images/icons/ico-31-4.png"); } .next_btn, .owl-next { background-image: url("../images/icons/ico-31-2.png"); } .owl-prev, .owl-next { position: absolute; top: 50%; margin-top: -12px; } .owl-prev {left: -55px;} .owl-next {right: -45px;} /*.slider_time-wr .owl-prev, .slider_time-wr .owl-next {*/ /*top: auto;*/ /*margin-top: 0;*/ /*bottom: -43px;*/ /*}*/ /*.slider_time-wr .owl-prev {left: -10px}*/ /*.slider_time-wr .owl-next {}*/ .owl-carousel .owl-stage-outer { overflow: hidden; } .slider-wr .owl-carousel .owl-stage-outer { padding: 10px 0; } .slider_ .catalog-wr {margin-top: 0; padding: 0 15px;} .owl-item {margin-left: 0;padding: 0 0;} .owl-item:first-child {margin-left: 0;} /***slider-partners***/ .slider-partners-wr {} .slider-partners { padding: 24px 60px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; margin-top: 30px; } .slider-partners .img-wrapp { width: 100%; height: 50px; float: left; text-align: center; } .slider-partners .img-wrapp img { width: 79px !important; height: 100% !important; display: inline !important; } /***slider-timer***/ .slider_time-wr {margin-top: 40px;margin-bottom: 17px;} .slider_time-wr .owl-dots {margin: 6px 15px 0 15px; float: left;} .slider_time-wr .owl-dot { width: 11px; height: 11px; border-radius: 100%; background: #f5f5f5; border: 1px solid #dfdfdf; float: left; margin-left: 5px; } .slider_time-wr .owl-dot.active { background: #50ae34; border: 1px solid #50ae34; } .slider_time-wr .owl-dot:first-child {margin-left: 0;} .slider_time-wr .owl-controls { position: absolute; height: 23px; left: 0; bottom: -43px; width: 100%; } .slider_time-wr .owl-prev, .slider_time-wr .owl-next { position: relative; float: left; left: auto; top: auto; right: auto; margin-top: 0; margin-left: 0; } .slider_time-wr .owl-nav { float: left; } /***buy-now***/ .buy_now-wr { margin-top: 60px; } .title_buy_now { font-size: 22px; font-weight: 500; } .buy_now_bl-wr a { width: 100%; float: left; text-align: center; text-decoration: none; color: #388e1e; font-size: 13px; } .buy_now_bl-wr a p { width: 100%; float: left; font-size: 13px; margin-top: 9px; } .buy_now_bl-wr table, .buy_now_bl-wr table tr {width: 100%;float: left;} .buy_now_bl-wr table tr {margin-top: -39px;} .buy_now_bl-wr table tr td {} .buy_now_bl-wr table tr>td {margin-top: 57px;width: 20%;float: left;} .buy_now_bl-wr table tr td table { width: 100%; border: 0; padding: 0; border-spacing:0; } .buy_now_bl-wr table tr td table tr td { float: left; vertical-align: middle; height: 40px; margin-top: 0; width: 100%; } .buy_now_bl-wr table tr td table tr td img {max-width: 100%;vertical-align: middle;} .buy_now_bl-wr table tr td table tr {margin-top: 0 !important;} .buy_now_news-wr { position: relative; z-index: 2; } .buy_now_news-wr div { width: 100%; float: left; line-height: 16px; margin-top: 23px; } .buy_now_news-wr div:first-child {margin-top: 0;} .buy_now_news-wr div a { font-size: 13px; color: #0072bc; text-decoration: none; width: 100%; font-weight: 500; max-height: 31px; overflow: hidden; display: block; } .buy_now_news-wr div a:hover {text-decoration: underline;} .buy_now_news-wr div p { font-size: 13px; width: 100%; margin-top: 1px; } /***city-select***/ .city_select-wr {position: relative;} .city_sel_bl { background: #f5f5f5; border-bottom: 3px solid #50ae34; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 28px 20px 17px 20px; } .title_city-sel { position: relative; margin-bottom: 15px; padding-top: 38px; height: 60px; } .title_city-sel p { float: left; font-size:22px; line-height: 22px; } .city-sel { position: relative; margin-left: 9px; float: left; z-index: 10; padding: 10px 28px 15px 10px; margin-top: -10px; } .city-sel.active { background: #fff; border-radius: 4px; box-shadow: 0px 0px 12px 0px rgba(149, 149, 149, 0.75); } .city-sel span { font-size:22px; line-height: 22px; position: relative; color:#50ae34; cursor: pointer; } .city-sel span.active { color: #333333; cursor: default; } .city-sel span::after { background: url("../images/icons/ico-31.png") no-repeat; } .title_city-sel span:before { border-bottom:1px dashed #50ae34; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; content: ''; } .city-sel span.active:before { border-bottom:1px dashed #333; cursor: default; } .bg_city-sel { position: relative; } .bg_city-sel:before { position: absolute; width: 100%; height: 100%; height: 47px; left: 0; top: 0; content: ''; box-sizing: content-box; background: #f5f5f5; background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); } [class*="city-set"] { } [class*="city-set"] a { text-decoration: none; color: #0072bc; font-size: 13px; position: relative; line-height: 16px; margin-top: 8px; display: block; } [class*="city-set"] a:hover { text-decoration: underline; } [class*="city-set"] a:before { position: absolute; content: ''; width: 18px; left: -25px; height: 16px; background: url("../images/icons/ico-47.png"); top: 50%; margin-top: -8px; } .city-set-1 a{margin-top: 18px;} .city-set-1 a:before{ height: 13px; margin-top: -5px; } .city-set-2 a:before{ background-position-y: -13px; } .city-set-3 a:before{ background-position-y: -29px;} .shop_street { padding-left: 15px; font-size: 15px; font-weight: 500; position: relative; line-height: 16px; } .shop_street:before { position: absolute; content: ''; left: 0; top: 50%; width: 9px; height: 14px; background: url("../images/icons/ico-1.png") no-repeat; margin-top: -7px; } .inet_shop {font-size: 13px;margin-top: 20px;font-weight: 500} .inet_tel { height: 16px; margin-top: 2px; } .inet_tel div { width: 100%; float: left; position: relative; line-height: 16px; padding-left: 24px; } .inet_tel img { position: absolute; top: 50%; margin-top: -8px; width: 16px; height: 16px; left: 0; } .inet_tel span { font-size: 15px; font-family: Helvetica; } .shop_tell-all { margin-top: 18px; width: 50%; float: left; } .shop_tell-all .inet_tel { } .shop_time { width: 50%; float: left; margin-top: 23px; } .shop_time table tr>td:first-child {width: 24px; vertical-align: middle;padding-right: 8px; box-sizing: content-box} .shop_time table tr>td:first-child img{width: 100%; vertical-align: middle;} .shop_time table tr>td table td { width: auto !important; padding-right: 0 !important; font-size: 13px; } #hidden_shops._off, #hidden_shops ul li div {display: none;} #hidden_shops { /*position: absolute;*/ /*left: 297px;*/ /*top: 28px;*/ /*background: #fff;*/ /*border-radius: 4px;*/ /*box-shadow: 0px 0px 12px 0px rgba(149, 149, 149, 0.75);*/ } #hidden_shops ul li.active {display: none} #hidden_shops ul li { list-style: none; margin-top: 13px; } #hidden_shops ul li span { font-size: 13px; line-height: 15px; } #hidden_shops ul li span.active { color: #50ae34 !important; } #hidden_shops ul li span:hover { border-bottom: 1px solid #50ae34; } #hidden_shops ul li span:before, #hidden_shops ul li span:after {display: none;} .shops_tb {float: right} /****carousel****/ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /****carousel****/ /**timer**/ /* Get the bourbon mixin from http://bourbon.io */ /* Reset */ .flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc; } .flip-clock-wrapper a:hover { color: #fff; } .flip-clock-wrapper ul { list-style: none; } .flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after { content: " "; display: table; } .flip-clock-wrapper.clearfix:after { clear: both; } .flip-clock-wrapper.clearfix { *zoom: 1; } /* Main */ .flip-clock-wrapper { -webkit-user-select: none; } .flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important; } .flip-clock-meridium a { color: #313333; } .flip-clock-wrapper { text-align: center; position: relative; width: 182px; margin: 0 auto; height: 54px; } .flip-clock-wrapper:before, .flip-clock-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .flip-clock-wrapper:after { clear: both; } /* Skeleton */ .flip-clock-wrapper ul { position: relative; float: left; margin: 0; width: 18px; height: 37px; margin-left: 10px; } .flip-clock-wrapper ul:nth-of-type(2n){margin-left: 2px;} .flip-clock-wrapper ul:nth-of-type(1){margin-left: 0;} .flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 33px; text-decoration: none !important; } .flip-clock-wrapper ul li:first-child { z-index: 2; } .flip-clock-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important; } .flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 24px; overflow: hidden; } .flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; } .flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0; } .flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 44px; left: 0; z-index: 5; width: 100%; height: 3px; } .flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #333; text-align: center; background: url("../images/icons/ico-57.png") no-repeat; font-size: 24px; } .flip-clock-wrapper ul li a div.up div.inn { top: 0; } .flip-clock-wrapper ul li a div.down div.inn { bottom: 0; } /* PLAY */ .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; } /*.flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }*/ .flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.5s 0.5s linear both; -moz-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5; } .flip-clock-divider { position: absolute; width: 48px; height: 54px; text-align: center; font-size: 12px; color: #333333; left: 0; top: 0; z-index: 4; padding-top: 41px; overflow: hidden; } .flip-clock-divider.days {left: -5px} .flip-clock-divider.hours {left: 43px} .flip-clock-divider.minutes {left: auto;right: 43px;} .flip-clock-divider.seconds {right: -5px; left: auto} .flip-clock-dot { display: none; background: #323434; width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 5px; } .flip-clock-divider .flip-clock-label { position: relative; top: auto!important; right: auto !important; } .flip-clock-divider.minutes .flip-clock-label { right: -88px; } .flip-clock-divider.seconds .flip-clock-label { right: -91px; } .flip-clock-dot.top { top: 30px; } .flip-clock-dot.bottom { bottom: 30px; } @-webkit-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-moz-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-o-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } .flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both; } @-webkit-keyframes turn { 0% { -webkit-transform: rotateX(90deg); } 100% { -webkit-transform: rotateX(0deg); } } @-moz-keyframes turn { 0% { -moz-transform: rotateX(90deg); } 100% { -moz-transform: rotateX(0deg); } } @-o-keyframes turn { 0% { -o-transform: rotateX(90deg); } 100% { -o-transform: rotateX(0deg); } } @keyframes turn { 0% { transform: rotateX(90deg); } 100% { transform: rotateX(0deg); } } .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both; } @-webkit-keyframes turn2 { 0% { -webkit-transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(-90deg); } } @-moz-keyframes turn2 { 0% { -moz-transform: rotateX(0deg); } 100% { -moz-transform: rotateX(-90deg); } } @-o-keyframes turn2 { 0% { -o-transform: rotateX(0deg); } 100% { -o-transform: rotateX(-90deg); } } @keyframes turn2 { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(-90deg); } } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3; } /* SHADOW */ .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { /*background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);*/ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));*/ /*background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;*/ /*background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);*/ /*background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);*/ /*background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;*/ /*-webkit-animation: show 0.5s linear both;*/ /*-moz-animation: show 0.5s linear both;*/ /*animation: show 0.5s linear both;*/ } .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { /*background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);*/ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));*/ /*background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;*/ /*background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);*/ /*background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);*/ /*background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;*/ /*-webkit-animation: hide 0.5s 0.3s linear both;*/ /*-moz-animation: hide 0.5s 0.3s linear both;*/ /*animation: hide 0.5s 0.3s linear both; */ } /*DOWN*/ .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { /*background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);*/ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));*/ /*background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;*/ /*background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);*/ /*background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);*/ /*background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;*/ /*-webkit-animation: show 0.5s linear both;*/ /*-moz-animation: show 0.5s linear both;*/ /*animation: show 0.5s linear both;*/ } .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { /*background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);*/ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));*/ /*background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;*/ /*background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);*/ /*background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);*/ /*background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;*/ /*-webkit-animation: hide 0.5s 0.3s linear both;*/ /*-moz-animation: hide 0.5s 0.3s linear both;*/ /*animation: hide 0.5s 0.2s linear both;*/ } @-webkit-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } /****************/ /*tablet-mobil*/ .mobil .additional_wr, .tablet .additional_wr {display: none!important;} .mobil .catalog-wr.hover-border:before,.tablet .catalog-wr.hover-border:before , .mobile .catalog-wr.hover-border:after, .tablet .catalog-wr.hover-border:after {display: none!important;} .mobile .banner_, .tablet .banner_, .mobile .banner_ object, .mobile .banner_ embed, .tablet .banner_ object, .tablet .banner_ embed {display: none !important;} .desktop .hover-border .item_catalog { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom: 1px solid #e1e1e1; } /********animations********/ @keyframes animation1 { 0% { transform: matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 3.4% { transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.7% { transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.81% { transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 9.41% { transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.21% { transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 13.61% { transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.11% { transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 17.52% { transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.72% { transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 21.32% { transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 24.32% { transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25.23% { transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.03% { transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.93% { transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.54% { transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 36.74% { transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.04% { transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 44.44% { transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.15% { transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 59.86% { transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 63.26% { transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75.28% { transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.49% { transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 90.69% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @-webkit-keyframes footerimg { 0% { -webkit-transform: scale(1, 1) ; } 35% { -webkit-transform: scale(0.85, 0.85) ; } 100%{ -webkit-transform: scale(1,1); } } @-moz-keyframes footerimg { 0% { -moz-transform: scale(1, 1) ; } 35% { -moz-transform: scale(0.85, 0.85) ; } 100%{ -moz-transform: scale(1,1); } } @keyframes footerimg { 0% { transform: scale(1, 1) ; } 35% { transform: scale(0.85, 0.85) ; } 100%{ transform: scale(1,1); } } @keyframes border { 0% { } 100%{ opacity: 1; } } /**************************/ /***bootstrap grid***/ .container { min-width:303px; background: #fff; } @media (max-width: 1200px) { .footer-menu {padding-left: 30px;} .basket_ span.ico_b_ {left: 5px;} .basket_ p { font-size: 14px; padding-left: 43px; } .basket_ p:before {right: 5px} .basket_ p span:before {margin-left: -7px;} .phones-h_list, .hidden-phones-h_list, .hidden-phones-h_list ul li {width: 80px;} .img { padding: 0 10px; } .catalog-wr:nth-child(5) { margin-left: 242px; } .banner_>div {padding: 30px 0;} .buy_now_bl-wr table tr td {width: 25%;} .buy_now_bl-wr table tr>td { margin-top: 42px; } .buy_now_bl-wr table tr {margin-top: -24px;} .colors-img ul, .size_growth, .size_growth-list {width: 183px;} .buy_card, .price_bl table {width: 80px} .price_txt table {width: 100px;} .price_txt table tr td {font-size: 12px;} .price_bl table p {font-size: 17px} .price_bl table p span, .price_bl table p.old_price-card {font-size: 14px} .btns_card_sets_l {width: 60px} .btns_card_compare {width: 60px} .btns_card_follow { width: 80px; line-height: 10px; padding-top: 22px; } .number_of_votes {margin-left: 0;} .weather_list ul li { width: 167px; } .weather_list ul li a { font-size: 13px; } .weather_more { width: 45px; } .size_growth-list li { margin-right: 11px; } .size_growth-list li a { min-width: 33px; } .size_more { width: 30px; } } @media (max-width: 992px) { .number_of_votes {margin-left: 10px;} .footer-menu {padding-left: 30px;} .img { padding: 0 20px; } .banner_>div {padding: 15px 0;} .shops_tb {float: left; padding-left: 25px;} .btns_card_sets_l { width: 48%; margin-left: 0 !important; } .btns_card_compare { width: 48%; float: right !important; margin-left: 0 !important; } .btns_card_follow { width: 100%; margin-left: 0 !important; margin-top: 6px; padding-top: 27px; line-height: normal; } .weather_list ul li { width: 195px; } .weather_list ul li a { font-size: 15px; } .weather_more { width: 67px; } .size_growth-list li { margin-right: 12px; } .size_growth-list li a { min-width: 40px; } .size_more { width: 40px; } } @media (max-width: 991px) { .sidebar-transform.visible_ { display: block !important; position: fixed; z-index: 99999; top: 0; left: -100%; width: 100%; height: 100%; box-sizing: initial; overflow-y: scroll; padding: 0; opacity: 0; } .catalog-wr:nth-child(5) { margin-left: 0; } /*.portrait .banner_ {height: auto!important;}*/ } @media (max-width: 940px) { .first-menu_2 li { margin-left: 13px; } .first-menu_1 li { margin-left: 12px; } } @media (max-width: 939px) { /*.slider_time-wr {margin-top: 0;}*/ /*#menu_ident {top: 0;}*/ } @media (max-width: 896px) { .footer-menu {padding-left: 30px;} /*.first-menu_1 li {margin-left: 13px;}*/ .weather_list ul li { width: 167px; } .weather_list ul li a { font-size: 13px; padding-left: 5px; } .weather_more { width: 45px; } .size_growth-list li { margin-right: 11px; } .size_growth-list li a { min-width: 33px; } .size_more { width: 30px; } } @media (max-width: 835px) { .footer-menu {padding-left: 30px;} } @media (max-width: 768px) { .copyright {text-align: center;} .artweb-wr { width: 133px; margin: 0 auto; float: none; } .footer-menu {padding-left: 30px;} .additional_wr {display: none!important;} .catalog-wr.hover-border:before, .catalog-wr.hover-border:after {display: none!important;} .banner_ {height: auto !important;} .desktop .hover-border .item_catalog { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom: 1px solid #e1e1e1; } .banner_ img {width: 200px;} .banner_>div {border: 0;padding: 0;} .buy_now_bl-wr table tr td {width: 33.33333333%;} .city_sel_bl {margin-top: 20px} } @media (max-width: 767px) { .first-menu_3 li a span {display: none;} .buy_now-wr { border-bottom: 1px solid #e1e1e1; padding-bottom: 12px; margin-bottom: 12px; } .card-wrapper {margin-top: 16px;} .contacts_tb {width: 100%;} .buy_card { width: 117px; margin: 0 auto;float: none; } .price-wr {padding-left: 0!important;padding-right: 0 !important;} .price_bl table {width: 100%;} .price_bl table p { font-size: 24px; } .price_bl table p span, .price_bl table p.old_price-card { font-size: 15px; } .price_links ul { width: 118px; position: absolute; right: 0; bottom: -2px; } .price_links ul li a {height: auto;} .price_links ul li a img { top: 50%; margin-top:-6px; } .price_links {margin-top: 20px;height: 145px;position: relative;} .price_links ul li a {text-decoration: none;line-height: 16px;} .price_links ul li { margin-top: 6px; } .banner-time-wr {margin-top: 20px;} .colors-img ul, .size_growth, .size_growth-list { width: 274px; } .weather_list ul li { width: 195px; margin-right: 12px; } .weather_list ul li a { font-size: 15px; padding-left: 10px; } .weather_more { width: 67px; } .size_growth-list li { margin-right: 12px; } .size_growth-list li a { min-width: 40px; } .size_more { width: 40px; } .product_code {margin-top: 20px;} .desk_list-wr {display: block;height: 33px;overflow: hidden;margin-top: 2px;} .desk_list-wr:first-child {margin-top: 0;} .active-mobile.desk_list-wr { height: auto; transition: 1s; } .form-comm-wr .input_bl div {max-width: 100%;} .form-comm-wr .input_bl div {max-width: 100%;} } @media (max-width: 668px) { .footer-menu {padding-left: 20px;} } @media (max-width: 560px) { } @media (max-width: 480px) { } @media (max-width: 460px) { .help-all {width: 100%;margin-top: 6px;} .title_city-sel p, .city-sel span {font-size: 16px;} #hidden_shops ul li { margin-top: 3px; } .city-sel { margin-left: 0; padding: 10px 5px 15px 5px; } #hidden_shops ul li span { font-size: 11px; } .shop_street {font-size: 13px;} .shop_time, .shop_tell-all {width: 100%} } @media (max-width: 436px) { .weather_list ul li {margin-right: 0;} } * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } :before,:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .img-responsive { display:block; max-width:100%; height:auto } .img-rounded { border-radius:6px } .img-thumbnail { padding:4px; line-height:1.42857143; background-color:#fff; border:1px solid #ddd; border-radius:4px; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; display:inline-block; max-width:100%; height:auto } .img-circle { border-radius:50% } .container { margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px; } @media (min-width: 768px) { .container { width:100% } } @media (min-width: 992px) { .container { width:970px } } @media (min-width: 1200px) { .container { width:1170px } } .container-fluid { margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px } .row { margin-left:-15px; margin-right:-15px } .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 { position:relative; min-height:1px; padding-left:15px; padding-right:15px } .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 { float:left } .col-xs-12 { width:100% } .col-xs-11 { width:91.66666667% } .col-xs-10 { width:83.33333333% } .col-xs-9 { width:75% } .col-xs-8 { width:66.66666667% } .col-xs-7 { width:58.33333333% } .col-xs-6 { width:50% } .col-xs-5 { width:41.66666667% } .col-xs-4 { width:33.33333333% } .col-xs-3 { width:25% } .col-xs-2 { width:16.66666667% } .col-xs-1 { width:8.33333333% } .col-xs-pull-12 { right:100% } .col-xs-pull-11 { right:91.66666667% } .col-xs-pull-10 { right:83.33333333% } .col-xs-pull-9 { right:75% } .col-xs-pull-8 { right:66.66666667% } .col-xs-pull-7 { right:58.33333333% } .col-xs-pull-6 { right:50% } .col-xs-pull-5 { right:41.66666667% } .col-xs-pull-4 { right:33.33333333% } .col-xs-pull-3 { right:25% } .col-xs-pull-2 { right:16.66666667% } .col-xs-pull-1 { right:8.33333333% } .col-xs-pull-0 { right:auto } .col-xs-push-12 { left:100% } .col-xs-push-11 { left:91.66666667% } .col-xs-push-10 { left:83.33333333% } .col-xs-push-9 { left:75% } .col-xs-push-8 { left:66.66666667% } .col-xs-push-7 { left:58.33333333% } .col-xs-push-6 { left:50% } .col-xs-push-5 { left:41.66666667% } .col-xs-push-4 { left:33.33333333% } .col-xs-push-3 { left:25% } .col-xs-push-2 { left:16.66666667% } .col-xs-push-1 { left:8.33333333% } .col-xs-push-0 { left:auto } .col-xs-offset-12 { margin-left:100% } .col-xs-offset-11 { margin-left:91.66666667% } .col-xs-offset-10 { margin-left:83.33333333% } .col-xs-offset-9 { margin-left:75% } .col-xs-offset-8 { margin-left:66.66666667% } .col-xs-offset-7 { margin-left:58.33333333% } .col-xs-offset-6 { margin-left:50% } .col-xs-offset-5 { margin-left:41.66666667% } .col-xs-offset-4 { margin-left:33.33333333% } .col-xs-offset-3 { margin-left:25% } .col-xs-offset-2 { margin-left:16.66666667% } .col-xs-offset-1 { margin-left:8.33333333% } .col-xs-offset-0 { margin-left:0 } @media (min-width: 768px) { .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 { float:left } .col-sm-12 { width:100% } .col-sm-11 { width:91.66666667% } .col-sm-10 { width:83.33333333% } .col-sm-9 { width:75% } .col-sm-8 { width:66.66666667% } .col-sm-7 { width:58.33333333% } .col-sm-6 { width:50% } .col-sm-5 { width:41.66666667% } .col-sm-4 { width:33.33333333% } .col-sm-3 { width:25% } .col-sm-2 { width:16.66666667% } .col-sm-1 { width:8.33333333% } .col-sm-pull-12 { right:100% } .col-sm-pull-11 { right:91.66666667% } .col-sm-pull-10 { right:83.33333333% } .col-sm-pull-9 { right:75% } .col-sm-pull-8 { right:66.66666667% } .col-sm-pull-7 { right:58.33333333% } .col-sm-pull-6 { right:50% } .col-sm-pull-5 { right:41.66666667% } .col-sm-pull-4 { right:33.33333333% } .col-sm-pull-3 { right:25% } .col-sm-pull-2 { right:16.66666667% } .col-sm-pull-1 { right:8.33333333% } .col-sm-pull-0 { right:auto } .col-sm-push-12 { left:100% } .col-sm-push-11 { left:91.66666667% } .col-sm-push-10 { left:83.33333333% } .col-sm-push-9 { left:75% } .col-sm-push-8 { left:66.66666667% } .col-sm-push-7 { left:58.33333333% } .col-sm-push-6 { left:50% } .col-sm-push-5 { left:41.66666667% } .col-sm-push-4 { left:33.33333333% } .col-sm-push-3 { left:25% } .col-sm-push-2 { left:16.66666667% } .col-sm-push-1 { left:8.33333333% } .col-sm-push-0 { left:auto } .col-sm-offset-12 { margin-left:100% } .col-sm-offset-11 { margin-left:91.66666667% } .col-sm-offset-10 { margin-left:83.33333333% } .col-sm-offset-9 { margin-left:75% } .col-sm-offset-8 { margin-left:66.66666667% } .col-sm-offset-7 { margin-left:58.33333333% } .col-sm-offset-6 { margin-left:50% } .col-sm-offset-5 { margin-left:41.66666667% } .col-sm-offset-4 { margin-left:33.33333333% } .col-sm-offset-3 { margin-left:25% } .col-sm-offset-2 { margin-left:16.66666667% } .col-sm-offset-1 { margin-left:8.33333333% } .col-sm-offset-0 { margin-left:0 } } @media (min-width: 992px) { .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 { float:left } .col-md-12 { width:100% } .col-md-11 { width:91.66666667% } .col-md-10 { width:83.33333333% } .col-md-9 { width:75% } .col-md-8 { width:66.66666667% } .col-md-7 { width:58.33333333% } .col-md-6 { width:50% } .col-md-5 { width:41.66666667% } .col-md-4 { width:33.33333333% } .col-md-3 { width:25% } .col-md-2 { width:16.66666667% } .col-md-1 { width:8.33333333% } .col-md-pull-12 { right:100% } .col-md-pull-11 { right:91.66666667% } .col-md-pull-10 { right:83.33333333% } .col-md-pull-9 { right:75% } .col-md-pull-8 { right:66.66666667% } .col-md-pull-7 { right:58.33333333% } .col-md-pull-6 { right:50% } .col-md-pull-5 { right:41.66666667% } .col-md-pull-4 { right:33.33333333% } .col-md-pull-3 { right:25% } .col-md-pull-2 { right:16.66666667% } .col-md-pull-1 { right:8.33333333% } .col-md-pull-0 { right:auto } .col-md-push-12 { left:100% } .col-md-push-11 { left:91.66666667% } .col-md-push-10 { left:83.33333333% } .col-md-push-9 { left:75% } .col-md-push-8 { left:66.66666667% } .col-md-push-7 { left:58.33333333% } .col-md-push-6 { left:50% } .col-md-push-5 { left:41.66666667% } .col-md-push-4 { left:33.33333333% } .col-md-push-3 { left:25% } .col-md-push-2 { left:16.66666667% } .col-md-push-1 { left:8.33333333% } .col-md-push-0 { left:auto } .col-md-offset-12 { margin-left:100% } .col-md-offset-11 { margin-left:91.66666667% } .col-md-offset-10 { margin-left:83.33333333% } .col-md-offset-9 { margin-left:75% } .col-md-offset-8 { margin-left:66.66666667% } .col-md-offset-7 { margin-left:58.33333333% } .col-md-offset-6 { margin-left:50% } .col-md-offset-5 { margin-left:41.66666667% } .col-md-offset-4 { margin-left:33.33333333% } .col-md-offset-3 { margin-left:25% } .col-md-offset-2 { margin-left:16.66666667% } .col-md-offset-1 { margin-left:8.33333333% } .col-md-offset-0 { margin-left:0 } } @media (min-width: 1200px) { .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 { float:left } .col-lg-12 { width:100% } .col-lg-11 { width:91.66666667% } .col-lg-10 { width:83.33333333% } .col-lg-9 { width:75% } .col-lg-8 { width:66.66666667% } .col-lg-7 { width:58.33333333% } .col-lg-6 { width:50% } .col-lg-5 { width:41.66666667% } .col-lg-4 { width:33.33333333% } .col-lg-3 { width:25% } .col-lg-2 { width:16.66666667% } .col-lg-1 { width:8.33333333% } .col-lg-pull-12 { right:100% } .col-lg-pull-11 { right:91.66666667% } .col-lg-pull-10 { right:83.33333333% } .col-lg-pull-9 { right:75% } .col-lg-pull-8 { right:66.66666667% } .col-lg-pull-7 { right:58.33333333% } .col-lg-pull-6 { right:50% } .col-lg-pull-5 { right:41.66666667% } .col-lg-pull-4 { right:33.33333333% } .col-lg-pull-3 { right:25% } .col-lg-pull-2 { right:16.66666667% } .col-lg-pull-1 { right:8.33333333% } .col-lg-pull-0 { right:auto } .col-lg-push-12 { left:100% } .col-lg-push-11 { left:91.66666667% } .col-lg-push-10 { left:83.33333333% } .col-lg-push-9 { left:75% } .col-lg-push-8 { left:66.66666667% } .col-lg-push-7 { left:58.33333333% } .col-lg-push-6 { left:50% } .col-lg-push-5 { left:41.66666667% } .col-lg-push-4 { left:33.33333333% } .col-lg-push-3 { left:25% } .col-lg-push-2 { left:16.66666667% } .col-lg-push-1 { left:8.33333333% } .col-lg-push-0 { left:auto } .col-lg-offset-12 { margin-left:100% } .col-lg-offset-11 { margin-left:91.66666667% } .col-lg-offset-10 { margin-left:83.33333333% } .col-lg-offset-9 { margin-left:75% } .col-lg-offset-8 { margin-left:66.66666667% } .col-lg-offset-7 { margin-left:58.33333333% } .col-lg-offset-6 { margin-left:50% } .col-lg-offset-5 { margin-left:41.66666667% } .col-lg-offset-4 { margin-left:33.33333333% } .col-lg-offset-3 { margin-left:25% } .col-lg-offset-2 { margin-left:16.66666667% } .col-lg-offset-1 { margin-left:8.33333333% } .col-lg-offset-0 { margin-left:0 } } .clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after { content:" "; display:table } .clearfix:after,.container:after,.container-fluid:after,.row:after { clear:both } .center-block { display:block; margin-left:auto; margin-right:auto } .pull-right { float:right!important } .pull-left { float:left!important } .hide { display:none!important } .show { display:block!important } .invisible { visibility:hidden } .text-hide { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0 } .hidden { display:none!important } .affix { position:fixed } .visible-xs,.visible-sm,.visible-md,.visible-lg { display:none!important } .visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block { display:none!important } @media (max-width: 767px) { .visible-xs { display:block!important } table.visible-xs { display:table!important } tr.visible-xs { display:table-row!important } th.visible-xs,td.visible-xs { display:table-cell!important } .visible-xs-block { display:block!important } .visible-xs-inline { display:inline!important } .visible-xs-inline-block { display:inline-block!important } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm, .visible_all { display:block!important } table.visible-sm { display:table!important } tr.visible-sm { display:table-row!important } th.visible-sm,td.visible-sm { display:table-cell!important } .visible-sm-block { display:block!important } .visible-sm-inline { display:inline!important } .visible-sm-inline-block { display:inline-block!important } } @media (min-width: 940px) { .visible_940 { display:block!important } } @media (max-width: 939px) { .visible-mobile, .mob-overlay { display:block!important } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md, .visible_all { display:block!important } table.visible-md { display:table!important } tr.visible-md { display:table-row!important } th.visible-md,td.visible-md { display:table-cell!important } .visible-md-block { display:block!important } .visible-md-inline { display:inline!important } .visible-md-inline-block { display:inline-block!important } } @media (min-width: 1200px) { .visible-lg, .visible_all { display:block!important } table.visible-lg { display:table!important } tr.visible-lg { display:table-row!important } th.visible-lg,td.visible-lg { display:table-cell!important } } @media (min-width: 1200px) { .visible-lg-block { display:block!important } } @media (min-width: 1200px) { .visible-lg-inline { display:inline!important } } @media (min-width: 1200px) { .visible-lg-inline-block { display:inline-block!important } } @media (max-width: 767px) { .hidden-xs { display:none!important } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display:none!important } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display:none!important } } @media (min-width: 1200px) { .hidden-lg { display:none!important } } .visible-print { display:none!important } @media print { .visible-print { display:block!important } table.visible-print { display:table!important } tr.visible-print { display:table-row!important } th.visible-print,td.visible-print { display:table-cell!important } } .visible-print-block { display:none!important } @media print { .visible-print-block { display:block!important } } .visible-print-inline { display:none!important } @media print { .visible-print-inline { display:inline!important } } .visible-print-inline-block { display:none!important } @media print { .visible-print-inline-block { display:inline-block!important } } @media print { .hidden-print { display:none!important } } @media (max-width: 1199px) { } @media (max-width: 991px) { } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 20%; } /***mobil-catalog***/ .mobile_catalog_menu { display: block !important; z-index: 9991; } .mobile_catalog_menu #menu_ident { width: 330px; position: fixed; top:0; /*top: -116px;*/ left: -15px; height: 100%; overflow-y: scroll; transform: translate3d(-330px,0,0); transition: 0.2s; } .mobile_catalog_menu.op_mb_ct #menu_ident {margin-left: 0;transform: translate3d(0,0,0);} .mobile_catalog_menu .catalog-menu { border: 0; border-radius: 0; } .mobile_catalog_menu .catalog-menu li { background: #4c4c50; border-top: 1px solid #343437; height: 39px; padding-left: 0; transition: 0.2s; overflow: hidden; } .mobile_catalog_menu .catalog-menu>li:first-child { border-radius: 0; } .mobile_catalog_menu .catalog-menu li span {color: #fff; padding-left: 15px;} .mobile_catalog_menu .catalog-menu li span, .mobile_catalog_menu .catalog-menu li a {color: #fff; height: 39px;line-height: 39px;} .mobile_catalog_menu .catalog-menu li span:before { width: 34px; height: 38px; background: #4c4c50 url("../images/icons/ico-31-2.png") 50% 50% no-repeat; } .mobile_catalog_menu .catalog-menu li.act_mb span:before { background: #4c4c50 url("../images/icons/ico-31-5.png") 50% 50% no-repeat; } .mobile_catalog_menu .catalog-menu li span:after {display: none;} .mobile_catalog_menu .catalog-menu li.act_mb { height: auto; } .mobile_catalog_menu .catalog-menu li ul { position: relative; display: block; border-radius: 0; margin-left: 0; width: 100%; top: auto; left: auto; right: auto; margin-right: 0; } .mobile_catalog_menu .catalog-menu li ul {border: 0; border-radius: 0} .mobile_catalog_menu .catalog-menu li ul li { padding-left: 26px; background: #fff; border-radius: 0; border-top: 1px solid #e1e1e1; } .mobile_catalog_menu .catalog-menu li ul li:before {display: none;} .mobile_catalog_menu .catalog-menu li ul li:last-child {border-bottom: 0} .mobile_catalog_menu .catalog-menu li ul li a {color: #333} .mobile_catalog_menu .catalog-menu li ul li a:hover {text-decoration: none}