@Charset "utf-8"; @import "reset.css"; @import "owl.carousel.css"; @import "owl.theme.css"; @import "font-awesome.css"; @import "fonts.css"; @import "icons/style.css"; /* @import "https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300&subset=latin,cyrillic"; */ /* @group — Общий стиль */ html,body{width:100%;height:100%;font-size:14px;background-color: #fff;font-family: Tahoma, Arial, sans-serif;color: #355a36;} textarea,input{outline:none;font-family: Tahoma, Arial, sans-serif;} a{color: #1b5e20;} a:hover{color: #1b884b;} .sz{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} .r_4{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} [class*="tbutton_"]{background-color: #4cb050;-moz-border-radius:4px;border-radius:4px;cursor:pointer;text-decoration:none;font-size:16px;line-height: 32px;color:#fff;height:34px;text-align:center!important;border:none;display:block;text-transform: uppercase;} [class*="tbutton_"]:hover{/* background-image: url(../img/bg_green_h.jpg); */color: #fff;} [class*="tinput_"]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding: 0 44px;height:34px;border:none;background-color: #E8EFF1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color: #424F5C;} div[class*="ic_"]{width:32px;height:32px;background-position:50% 50%;background-repeat:no-repeat;float:left;margin-right:10px; border-radius: 50px; background-color: #249f16;background: linear-gradient(0deg, #06811d, #4fcb0c);/* z-index: 99; */} .ic_star{background-image:url(../img/ic_star.png)} .ic_menu{background-image:url(../img/ic_menu.png);} .ic_top{background-image:url(../img/ic_top.png)} .ic_stat{background-image:url(../img/ic_stat.png)} .ic_new{background-image:url(../img/ic_new.png)} .ic_coment{background-image:url(../img/ic_coment.png)} .ic_shop {position: relative;} .ic_shop:before{content: '';background-image: url(../img/ic_shop.png);background-repeat: no-repeat;width: 16px;height: 20px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background-position: 50% 50%;} .ic_filtr{background-image:url(../img/ic_filtr.png)} .ic_plus{background-image:url(../img/ic_plus.png)} .ic_text{background-image:url(../img/ic_text.png)} .ic_close{background-image:url(../img/ic_close.png)} .ic_sale{background-image:url(../img/ic_sale.png)} .ic_cart{background-image:url(../img/ic_cart.png)} .ic_badge{background-image:url(../img/ic_badge.png)} .ic_delivery{background-image:url(../img/ic_delivery.png)} .ic_cash{background-image:url(../img/ic_cash.png)} .br_l{border-left:1px solid #E8EFF1} .br_b{border-bottom: 0px solid #d5e8cd;} .null{height:40px} .abs_r { position: absolute; right: -5px; cursor: pointer; top: 5px; background-color: #fff; } .max_h {min-height: 540px!important;} .abs_r:hover {background-color: #EEE;} .mt{margin-top:15px} .mb{margin-bottom:15px} .and_text {background: linear-gradient(to top, #FFFFFF, rgba(255, 255, 255, 0));width: 100%;position: absolute;height: 20px;bottom: 0;} #over_bg{display:none;background-color: rgba(51, 51, 51, 0.48);width:100%;height:100%;position:fixed;top:0;right:0;z-index: 99;cursor: pointer;} /* @end — Общий стиль */ /* @group Сетка */ *{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-moz-box-sizing:border-box;box-sizing:border-box} .wm{float:left;width:100%;} .wc{width: 100%;margin:0 auto;max-width: 1240px;position: relative;} .g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g9a,.g10,.g11,.g12{display:inline-block;float:left;padding-left: 15px;padding-right: 15px;min-height: 1px;} .g1{width:8.3333%} .g2{width:16.6666%} .g3{width: 25%;} .g4{width:33.3333%} .g5{width:41.6666%} .g6{width:50%} .g7{width:58.3333%} .g8{width: 66.668%;} .g9{width:75%} .g10{width: 83.335%;} .g11{width:91.67%} .g12{width:100%} .nopad{padding-left:0;padding-right:0;} .nopad_r{padding-right: 15px!important;padding-right: 0px!important;} .nopad_l{padding-left:0;} .center>[class*="g"]{float:none;} .center { text-align: center;} .txt-r{text-align:right;} /* @end Сетка */ [class*="button_"]{-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 0px;cursor:pointer;text-decoration:none;font-size:16px;line-height: 34px;color:#fff;height:34px;text-align:center!important;border:none;display:block;text-transform: uppercase;background-color: #249f16;background: linear-gradient(0deg, #235c3d, #06811d);} [class*="button_"]:hover{color:#fff;background-color: #249f16;background: linear-gradient(0deg, #055e16, #3d9f08);} [class*="input_"]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding: 0 10px;height:34px;border:none;background-color:#EEE;color:#676767;} div.ic_i {width: 30px;height: 30px;background-position:50% 50%;background-repeat:no-repeat;float:left;margin-right:10px;border-radius: 50px;background-color: #249f16;background: linear-gradient(0deg, #06811d, #4fcb0c);text-align: center;line-height: 30px;color: #fff;} /* @group — Сетка */ .wr_m{float:left;width:100%} .wr_c{max-width:1400px;margin:0 auto;width:98%;position: relative;} .row{width:100%;float:left;} [class*="cl_"]{min-height:1px;display:inline-block;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} [class*="cl_"].center{text-align:center} [class*="cl_"].left{text-align:left} [class*="cl_"].right{text-align:right} [class*="cl_"].left > [class*="cl_"],[class*="cl_"].right > [class*="cl_"],[class*="cl_"].center > [class*="cl_"]{float:none;text-align:left} [class*="cl_mr_"]{padding:0 15px} [class*="cl_mr_l_"]{padding:0;padding-left:15px} [class*="cl_mr_r_"]{padding:0;padding-right:15px} .cl_mr_r_1,.cl_mr_l_1,.cl_mr_1,.cl_1{width:100%} .cl_mr_r_2,.cl_mr_l_2,.cl_mr_2,.cl_2{width:50%} .cl_mr_r_3,.cl_mr_l_3,.cl_mr_3,.cl_3{width:33.33333%} .cl_mr_r_4,.cl_mr_l_4,.cl_mr_4,.cl_4{width:24%} .cl_mr_r_5,.cl_mr_l_5,.cl_mr_5,.cl_5{width:20%} .cl_mr_r_2_3,.cl_mr_l_2_3,.cl_mr_2_3,.cl_2_3{width:66.66666%} .cl_mr_r_2_4,.cl_mr_l_2_4,.cl_mr_2_4,.cl_2_4{width:50%} .cl_mr_r_3_4,.cl_mr_l_3_4,.cl_mr_3_4,.cl_3_4{width:75%} .cl_mr_r_2_5,.cl_mr_l_2_5,.cl_mr_2_5,.cl_2_5{width:40%} .cl_mr_r_3_5,.cl_mr_l,.cl_mr_3_5,.cl_3_5{width:60%} .cl_mr_r_4_5,.cl_mr_l_4_5,.cl_mr_4_5,.cl_4_5{width:80%} /* @end — Сетка */ .title{padding-top:15px!important;padding-bottom:13px!important;color: #0a5d2f;/* text-transform:uppercase; */font-weight: 400;line-height: 30px;font-size: 20px;} .title h1,.title h2{line-height: 30px;font-size: 20px;color: #0a5d2f;font-weight: 400;float:left;} .view_moore { float: right; } .view_moore a{ font-size: 14px; text-decoration: none; text-transform: none; color: #0a5d2f; } .view_moore a:hover { color: #1b884b; text-decoration: underline; } /* @group Шапка */ #top_line{height: 36px;background-color: #115d24;padding: 10px 0;} #top_line ul{float:left;margin-left:15px} #top_line li{display:inline-block;margin:0 15px 0 0} #top_line li > a{text-decoration:none;color: #ffffff;} #top_line li > a.active,#top_line li > a:hover{color: #d9fb1e;text-decoration: underline;} #header{height:70px;background-color: #249f16;background: linear-gradient(0deg, #235C3D, #06811d);z-index:100;position:relative; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.39);} #header .note, #footer .note{display:block;font-size:14px;line-height:16px;font-weight:700;color:#fff;margin-top: 6px;} #header .link{font-size:12px;color: #FFF176;text-decoration:underline;cursor: pointer;} #header .link:hover {color: #ffee8d;} #main_logo_holder{height:40px;position:relative} #main_logo{display:inline-block;/* height:100%; */overflow:visible;float:left;} #main_logo img{position: relative;top: -4px;width: 100%;max-width: 260px;max-height: 55px;} #logo_description{float:left;width:calc(100% - 149px);margin:8px 0 0 15px;color:#fff;text-align:left;font-size:12px;line-height:12px} #mob-cart { width: 20%; } #phones_holder{position:relative;padding-right:60px;height:40px;width: 20%;} #phones_holder:before{content:'';position:absolute;width:30px;height:30px;background-image:url(../img/sprite.png);right:15px;top:4px} #phones_visible{margin-top:-5px; float:left;width:100%;text-align:left;padding:0px 0} #phones_inner{display:none;position: absolute;right: 60px;/*background-color: #2da813;/* padding: 15px 59px 27px 36px; */top: 23px;color: #fff;font-weight: bold;/* box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.3); */} */ #phones_inner.active{display:block} #search_form{position:relative;height:40px;width: 35%;} #search_form .input-text{width:calc(85% - 30px);height:100%;background-color: #ffffff47;padding:0 60px 0 15px;color:#fff;position:absolute;right:0px;top:0;-webkit-transition:ease-out .5s;-moz-transition:ease-out .5s;-o-transition:ease-out .5s;transition:ease-out .5s;/* border-bottom: 1px solid #fff; */border-radius: 30px;} #search_form .input-text::-webkit-input-placeholder{color:#fff} #search_form .input-text::-moz-placeholder{color:#fff} #search_form .input-text:-moz-placeholder{color:#fff} #search_form .input-text:-ms-input-placeholder{color:#fff} #search_form .input-text:active,#search_form .input-text:focus{background-color: #86ca6a;width: 100%;color:#37495D;} #search_form .button_search{position:absolute;width: 35px;height: 35px;background-image:url(../img/sprite.png);background-position: -31px 0;right: 25px;top:5px;cursor:pointer;} #search_form .button_search:hover{background-position: -31px -32px;} #cart_informer_holder{position:relative;height:40px;padding-right:60px;text-align:right;padding-top:5px;float: right; text-decoration: none;} #cart_informer_holder:before{content:'';position:absolute;width:30px;height:30px;background-image:url(../img/cart.svg);right:15px;top: 6px;background-size: cover;} #total_products{position:absolute;top: -5px;right:5px;width:20px;height:20px;background-color:#FFE761;border-radius:23px;text-align:center;font-weight:700;font-size:12px;line-height:19px;color: #0a5d2f;} #account_holder{float:right;text-align:right;position:relative;z-index: 999;} #account_holder .account_menu{text-decoration:none;color: #ffffff;margin-left:15px;cursor:pointer;} #account_holder .account_menu:hover,#account_holder .account_menu.active{color: #1b884b;text-decoration: underline;} #over{display:none;width: 100%;height: 100%;position: fixed;z-index: 999;} #over.active{display:block} .account_form{display:none;position:absolute;background-color:#fff;z-index:999;padding:20px;right:15px;left:15px;top:23px;text-align:left;box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.3);} .account_form.active{display:block} .account_form .title{line-height:20px;font-size:18px;color: #0a5d2f;text-transform:none;float:left;padding-top:0!important;padding-bottom:15px!important;width: 100%;} .account_form .cloce{ float: right; } .account_form .input_text_holder{float:left;width:100%;height:40px;margin-bottom:20px;position:relative} .account_form .input_text_holder:before{content:'*';position:absolute;top: 10px;left: 13px;font-weight:700;color:#FF6161;} .account_form .input_text{width:100%;height:40px;background-color: #eeeeee;padding:0 15px 0 25px;color:#37495d;margin-bottom:20px;} .account_form .button_submit{height:40px;background-color:#379fe8;padding:0 15px;color:#fff;box-shadow:0 2px 7px 0 rgba(0,0,0,0.3);margin-right:10px;width: 100%;} .account_form .button_submit:hover{cursor:pointer;background-color:#67c0ff} .account_form .link{cursor:pointer;} .account_form .link:hover{cursor:pointer;color:#379fe8} /* @end Шапка */ #slider{background-color:#fff;border-bottom: 1px solid #d5e8cd;height:346px;overflow:hidden;} #slider a{background-repeat:no-repeat;display:block;width:100%;height:346px;background-position:50% 50%} #mego_menu{min-height:40px;background: url(https://yablochko.com.ua/img-design/bg-pattern-1.jpg) top left repeat;border-bottom: 2px solid #0a7a22;)} #mego_menu .cl_5{border-left: 1px solid #d5e8cd;} #mego_menu .cl_5:first-child{border-left:0 solid #E0E0E0} .menu_list span:first-child{font-weight:600;/* font-style: italic; */text-transform: initial;font-size: 15px;} .menu_list span{display:inline-block;text-align:left;line-height: 18px;font-size: 16px;/* text-transform:uppercase; */color: #020202;font-weight: 300;} .menu_list a{text-decoration:none;text-align:left;display:inline-block;margin: 10px 0;color: #0a5d2f;width: 100%;font-size: 14px;} .menu_list a.hlinck{display:none} #left_menu .menu_list>div{text-align:left;margin: 10px 0px 10px;cursor: pointer;width: 100%;} #left_menu .menu_list>div:hover > span { color: #63a000; } div#subl11 {} #left_menu .cl_mr_1{vertical-align:middle;background: #fff; border-bottom: 1px dotted #d3d1d1;border: 1px dotted #d3d1d1;} .cl_mr_1.menu_list.subl{background-image:url(../img/arrov.png);background-repeat:no-repeat;background-position: 93% 15px;cursor:pointer;} .cl_mr_1.menu_list.subl:hover{background-image:url(../img/arrov_hover.png)} .product{border-right: 1px solid #d5e8cd;border-bottom: 1px solid #d5e8cd;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height: 390px;position:relative;padding-top: 20px;background-color: white;margin-right:0.5%;margin-left:0.5%;margin-bottom:9px;box-shadow:0px 0px 15px -5px rgba(0,0,0,0.75);} .product:hover{background-color: #effaea;}.product_label{ position: absolute; top: 11px; left:11px; z-index: 9;} /* price_block */ #price_block .eng_name{font-weight: 200;color: #375a1f;} #price_block .pr_min_price{color: #0a5d2f;font-size:20px;margin-bottom:10px;font-weight:600;} #price_block .pr_min_titl{text-decoration:none;font-size:16px;line-height: 20px;font-weight:600;width:90%;/* height: 79px; */float:left;color: #2F541E;margin-bottom: 20px;} #price_block .variants{float: left;width: 100%;} /* #price_block .variants .string_itm{float: left;width: 100%;margin-bottom: 5px;display: inline-block;} #price_block .variants .string_itm input{width: 15px;height: 15px;} #price_block .variants .string_itm label{vertical-align: text-top;color: #3e7712;} */ /* #price_block .variants .string_itm{float: left;width: 100%;margin-bottom: 5px;display: inline-block;} #price_block > .variants > .string_itm > input{display: none;} #price_block .variants label{display: inline-block;cursor: pointer;position: relative;margin-right: 15px;} #price_block .variants label:before{content: "";display: inline-block;width: 15px;height: 15px;margin-right: 10px;position: absolute;left: 0;bottom: 1px;background-color: #aaa;} #price_block .string_itm label:before{border-radius: 8px;} #price_block .variants .string_itm input[type=radio]:checked + label:before {content: "\2022";color: #f3f3f3;font-size: 30px;text-align: center;line-height: 18px;} */ #price_block .string_itm{float: left;width: 100%;margin-bottom: 5px;} #price_block .string_itm > input{display: none;} #price_block label{display: inline-block;cursor: pointer;width: 100%;height: 18px;position:relative} #price_block label .variant_name{color: #3e7712;margin-left: 20px;font-weight: bold;font-size: 22px;} #price_block label .variant_name .sign{font-size: 12px;} #price_block label .variant_name .name{color: #282f39;font-size: 14px;font-weight: normal;} #price_block label:before{content: "";display: inline-block;width: 16px;height: 16px;position: absolute;left: 0;bottom: 1px;background-color: #d7e1cc;margin-right: 10px;} #price_block .string_itm label:before{border-radius: 8px;} #price_block .string_itm input[type=radio]:checked + label:before{content: "\2022";color: #375a1f;font-size: 26px;text-align: center;line-height: 16px;} #price_block .pr_min_spen{color: #0a5d2f;font-size:14px;margin-bottom:5px;margin: 10px 0 5px;} #price_block .amouter{width:100%;position:relative;float:left;margin-top: 5px;} #price_block .minus{position:absolute;height:34px;width:34px;background-color: #d7e1cc;color: #0a5d2f;cursor:pointer;text-align:center;font-size: 20px;line-height:34px;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;} #price_block .plass{position:absolute;height:34px;width:34px;cursor:pointer;text-align:center;line-height: 31px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;right:0;top:0;background-color:#d7e1cc;color:#375A1F;font-size: 20px;} #price_block .minus:hover,#price_block .plass:hover{color: #fff;background-color: #1b884b;background: linear-gradient(to top, #1b884b, #0a5d2f);} #price_block .input_pr{width:100%;margin-bottom:10px;text-align:center} #price_block .button_min_pr{width:100%} #price_block .social_battons{float: left;width: 100%;margin: 20px 0px;} /* end price_block */ .eng_name{font-weight: 200;color: #375a1f;} .product:nth-child(4n){border-right:none} .pr_img{background-size:100% 100%;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 0px;overflow:hidden;width: 200px;height: 185px;margin:0 auto;/* border:5px solid #fff; */position:relative;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;background-color: #fff;} .product { height: auto; } .pr_titl,.pr_titl h3{width: 97%;margin: 20px auto 5px;display:block; height: 100%; /*max-height: 65px;*/ text-align:center;text-decoration:none;color: #0a5d2f;font-size:16px;line-height: 18px;font-weight: 600;overflow: hidden;} .pr_titl h3 { margin-top: 0;} .pr_titl h3:hover{color: #1b884b;} .pr_open{width: 30px;height: 30px;position:absolute;right: 6%;top: 5%;cursor:pointer;z-index: 20;background-color: #FFFFFF;border-radius: 0px;text-align: center;line-height: 28px;color: #4B891C;border: 1px solid #d5e8cd;} .pr_open:hover{ color: #fff; background-color: #1b884b; background: linear-gradient(to top, #1b884b, #0a5d2f); border: 1px solid #0a5d2f; } .pr_price{width:146px;height:49px;margin: 0px auto 7px;z-index:9;position:relative;} .pr_price.new{background-image:url(../img/price_new.png);/* margin-top: 10px; *//* box-shadow: 0px -13px 0px 1px #fff; */} .pr_price.new .price{color:#333} .old_price{width:100%;text-align:center;margin-top:7px;line-height:14px;float:left;text-decoration:line-through} .price{width:100%;float:left;text-align:center;font-size: 18px;font-weight:600;color: #2F541E;position:absolute;margin-top: 20px;} .button_pr{width:147px;margin: 5px auto;cursor:pointer;} .product:nth-child(4n) > .product_min{right:0} .product:nth-child(2n) > .product_min{right:0} .product_min{background-color:#fff;padding:15px;width:200%;height: 400px;position:absolute;display:none;z-index:99;} .pr_min_img{height:220px;margin-bottom:15px} .image{width: 7%;height:100%;overflow:hidden;background-size:100% 100%;text-align: center;} .order__table td{display:table-cell;vertical-align:middle} .title.titleGroup__order {text-align: center;padding: 0!important;font-size: 18px;} .pr_min_img img{max-width:100%} .pr_text{color:#676767;height:135px;overflow:hidden;position:relative;line-height:15px} .button_min_pr{width:100%} #product_form .button_min_pr { height: 42px; margin-top: 5px; float: left; } .pr_min_titl{text-decoration:none;font-size:16px;line-height: 20px;font-weight:600;width:90%;/* height: 79px; */float:left;color: #2F541E;} .input_pr{width:100%;margin-bottom:10px;text-align:center} .pr_min_spen{color:#375A1F;font-size:14px;margin-bottom:5px} .pr_min_price{color: #3e7712;font-size:20px;margin-bottom:10px;font-weight:600;} #product_form .pr_min_price {font-size: 30px;line-height: 36px;} .amouter{width:100%;position:relative;float:left;margin-top: 5px;} .minus{position:absolute;height:34px;width:34px;background-color:#d7e1cc;color: #0a5d2f;cursor:pointer;text-align:center;font-size: 20px;line-height:34px;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;} .plass{position:absolute;height:34px;width:34px;cursor:pointer;text-align:center;line-height: 31px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;right:0;top:0;background-color:#d7e1cc;color:#375A1F;font-size: 20px;} .minus:hover,.plass:hover{color: #fff;background-color: #1b884b;background: linear-gradient(to top, #1b884b, #0a5d2f);} .social_battons{float: left;width: 100%;margin: 20px 0px;} .button_paginator{display:inline-block;margin:19px 3px;padding:0 10px} #product_form{background-color:#fff;padding-top:15px;padding-bottom:15px; position: relative;} #foto_big{margin-right:15px;width:70.62343%;height:288px;float:left;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;overflow:hidden;background-size:cover} #foto_min{float:left;overflow:hidden;} .img_block{max-width:100%;min-width:100%} .litle_photo{height:90px;width:90px;float:left;overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;margin-right:8px;margin-bottom:9px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-size:100% 100%} .litle_photo:hover{border:4px solid #53960C} .litle_photo:last-child{margin-bottom:0} .litle_photo a{width:100%} #info_block, .info_block_mobile{color:#fff;background: linear-gradient(0deg, #235C3D, #06811d);overflow: hidden;} .info_text{border-bottom: 1px solid #17944e;padding-bottom:10px;} .delivery{font-weight: 500;font-size: 18px;color:#fff;margin: 15px 0 5px;} .info_text{font-size: 14px;color:#fff;padding-top:5px;} .comment{width:100%;background-color:#fff;padding:15px;float:left;margin-bottom:15px} .comment_no{width:100%;height:186px;background-color: #EEEEEE;padding:15px;float:left;margin-bottom:15px;} .comment_no .com_text{text-align:center;font-size:24px;line-height:126px;color:#B5B5B5} .com_name{font-size:16px;color: #0a5d2f;font-weight:700;} .com_data{font-size:14px;color: #1b884b;text-align:right;} .com_text{margin-top:15px;min-height:85px;overflow:hidden;color:#676767} .button_add_coment{margin-bottom:20px} .form_comment{width:100%;background-color:#fff;padding:15px 15px 5px;float:left} .form_comment select{width: 100%; height: 35px; background-color: #F5F5F5; padding: 0 10px; margin-bottom: 10px; border: none; float: left; color: #676767;} .select2_holder *[disabled], .select2-container--disabled {display:none!important} .input_com{width:100%;height:35px;background-color: #F5F5F5;padding:0 10px;margin-bottom:10px;border:none;float:left;} .no_mr{margin-bottom:0} .textarea_com{width:100%;min-height:65px;background-color: #F5F5F5;padding:10px;margin-bottom:10px;border:none;float:left;} .cuptcha{width:100%;height:35px} #content{min-height: calc(100vh - 95px); background:url(https://yablochko.com.ua/img-design/2-fon-dlya-sayta.png) top left repeat } #footer{height:95px;padding: 20px 0;background-color: #249f16;background: linear-gradient(0deg, #235C3D, #06811d)} #left_menu{/* box-shadow: 1px 0px 0 #CFD8CB; */} .menu_list{position:relative;padding-left: 20px;} .active .menu_list{background-color: #FFFFFF;z-index:99;} .main_icon{position:absolute;height:100%;right:-1px;background-color:#fff;top:-1px;} .main_icon span{height:100%;border-top:1px solid #B8B8B8;background-color:#fff;padding-top:57px;padding-bottom:161px;width:100%;text-align:center;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center} .menu_title{position:absolute;height:64px;text-align:center;width:100%} .menu_text{display:none; position:absolute;height:96px;text-align:center;width:92%;bottom:34px;font-size:14px;color:#5A5A5A;line-height:15px;padding:0 4%} .menu_title a{margin:0;font-size: 18px;color: #0a5d2f;text-align:center;padding:10px;} .main_icon span img{max-width:91%;max-height:90%} .item_catalog{float:left;width:120px;height:90px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #597493} .sub:last-child .item_mego_menu{left:-100%} .item_catalog a{text-decoration:none} .item_catalog.active{background:#E8F2F8;border-right:1px solid #E8F2F8} .item_catalog.active .item_icon img:last-child{display:inline-block} .item_catalog.active .item_icon img:first-child{display:none} .item_catalog.active .item_description{color:#3F5267;font-weight:600} .item_catalog.active .item_mego_menu{z-index:99999;position:absolute} .item_catalog div:last-child > a{border:none} .subsub.active > a{background-color:#F1F7FB!important} .subsubsub.active a{background-color:#FAFCFD!important;box-shadow:inset 4px 0 3px -3px rgba(63,82,103,0.12)} .sub_sub_sub_menu a:hover{background-color:#fff!important} .item_icon{width:120px;height:42px;text-align:center;padding-top:10px;display:table-cell;vertical-align:middle} .item_icon img:last-child{display:none} .item_description{width:100%;height:38px;text-align:center;font-size:12px;color:#FFF} .item_mego_menu{width:200%;position:absolute;background: #ffffff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;display:none;left:0;background-repeat:repeat-y;z-index:999;top: 57px;box-shadow: 0px 31px 215px rgba(0, 0, 0, 0.54),0px 3px 10px rgba(0, 0, 0, 0.54);} .sub_menu{min-height:302px;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;position:relative;z-index:999;} .sub_sub_menu{position:absolute;left:100%;top:0;min-height:100%;padding:0;width:100%;z-index:9999;background-color:#f1f7fb;box-shadow:inset 4px 0 3px -3px rgba(63,82,103,0.12);display:none;border-left:1px solid #B8B8B8} .sub_sub_sub_menu{width:400px;position:absolute;right:-401px;top:0;height:100%;padding:0;z-index:9999;background-color:#fafcfd;box-shadow:inset 4px 0 3px -3px rgba(63,82,103,0.12);display:none} .sub_sub_sub_menu a{border-bottom:1px solid #BBC8D2!important} .sub_sub_sub_menu a:last-child{border-bottom:0 solid #BBC8D2!important} .subsub > a,.subsubsub > a{background-image:url(../img/arr_r.png);background-position:100% 50%;background-repeat:no-repeat} .sub_menu a{width:100%;display:inline-block;color: #0a5d2f;padding: 10px 0 10px 20px;border-bottom: 1px solid #cfd8cb;margin:0;} .sub_menu a:hover{background-color:#FFF} .subl_menu{width: 133%;} .item_left_menu{border-bottom:1px solid #B4C3AD;padding:0 15px;left:-15px;position:relative;width:100%;display:none;margin: 0!important;} .item_left_menu.open { display: block; } .item_left_menu a{border-top:1px solid #B4C3AD;padding: 10px 15px;left:-15px;position:relative;width:100%;margin:0;background-color: #EEEEEE;} .item_left_menu a:hover{color: white;background-color: #249f16; background: linear-gradient(0deg, #235c3d, #06811d)} .fon_pr{background-color:#fff; /*margin-bottom:15px;*/ padding-bottom:15px;padding-top:15px} /*.fon_pr:first-child{margin-top:15px}*/ .l_pr{margin:5px 0 0} .r_pr{margin:5px 0 0} .name_pr a{font-size:16px;font-weight:700;color: #0a5d2f;text-decoration:none;} .pr_txt{padding-top:10px;font-size:14px;color:#A1B18D;text-align:center} .pr_amt{padding-top:12px;font-size:16px;font-weight:700;color: #0a5d2f;text-align:center;} .del_pr{height:34px;width:8%;cursor:pointer;text-align:center;line-height:34px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#d7e1cc;color: #0a5d2f;margin-top:32px;float:right;text-decoration:none;} .img_pr{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;overflow:hidden;height:56px;margin:0 auto;position:relative;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;width:56px;margin-top:9px} .del_pr:hover{color: #fff;background-color: #1b884b;background: linear-gradient(to top, #1b884b, #0a5d2f);} #cart_inform{position:fixed;width:100%;height: 116px;background-color: rgba(255, 255, 255, 0.35);background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(94, 121, 84, 0.53));z-index:101;display:none;bottom: 0;} #tabl_cart{margin:30px auto;width:300px;height:50px;background: linear-gradient(0deg, #235C3D, #06811d);text-align:center;line-height:50px;font-size: 16px;color: #ffffff;} #tabl_cart a{color: #ffe761;} #cart_img{width:15%;float:left} .cart_price{width:17.5%;float:left;margin:0 3%} #cart_amouter{float:left;width:30%} #left_filter {padding-left: 10px;} #left_filter .subtitle_s{font-size: 16px;margin: 10px 0 0;color: #3e7712;text-transform: uppercase;} .ios7-switch{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;margin:10px 0;color:#375A37;height:20px;width: 100%;} .ios7-switch input{opacity:0;position:absolute} .ios7-switch input + span{position:relative;display:inline-block;width:1.65em;height:1em;background:#E6E6E6;box-shadow:inset 0 0 0 .0625em #e9e9e9;border-radius:.5em;vertical-align:-.15em;transition:all .4s cubic-bezier(.17,.67,.43,.98);margin-right:10px;border:1px solid #B4C3AD} .ios7-switch:active input + span,.ios7-switch input + span:active{box-shadow:inset 0 0 0 .73em #e9e9e9} .ios7-switch input + span:after{position:absolute;display:block;content:'';width:.875em;height:.875em;border-radius:.4375em;top:.0625em;left:.0625em;background:#fff;box-shadow:inset 0 0 0 .03em rgba(0,0,0,0.1),0 0 .05em rgba(0,0,0,0.05),0 .1em .2em rgba(0,0,0,0.2);transition:all .25s ease-out} .ios7-switch:active input + span:after,.ios7-switch input + span:active:after{width:1.15em} .ios7-switch input:checked + span{box-shadow:inset 0 0 0 .73em #57902F} .ios7-switch input:checked + span:after{left:.7125em} .ios7-switch:active input:checked + span:after,.ios7-switch input:checked + span:active:after{left:.4375em} .ios7-switch input:focus + span:after{box-shadow:inset 0 0 0 .03em rgba(0,0,0,0.15),0 0 .05em rgba(0,0,0,0.08),0 .1em .2em rgba(0,0,0,0.3);background:#fff} .ios7-switch input:focus + span{box-shadow:inset 0 0 0 .0625em #dadada} .ios7-switch input:focus:checked + span{box-shadow:inset 0 0 0 .73em #57902F} .ios7-switch:hover input:focus + span:after{box-shadow:inset 0 0 0 .03em rgba(0,0,0,0.1),0 0 .05em rgba(0,0,0,0.05),0 .1em .2em rgba(0,0,0,0.2);background:#fff} .ios7-switch:hover input:focus + span{box-shadow:inset 0 0 0 .0625em #e9e9e9} .ios7-switch:hover input:focus:checked + span{box-shadow:inset 0 0 0 .73em #57902F} #copyright { padding: 10px 0; color: #fff; font-weight: normal; } .moore { margin-top: 35px; } .open_popup { display: inline-block; color: #fff; cursor: pointer; } .holder_popup { position: absolute; right: 0; z-index: 999; background-color: #f5f5f5; border: 1px solid #cfd8cb; width: 20%; cursor: default; padding-bottom: 20px; box-shadow: 0px 0px 215px rgba(0, 0, 0, 0.26),0px 3px 10px rgba(0, 0, 0, 0.54); display: none; } .title_popup { width: 100%; padding: 5px 20px; font-size: 20px; color: #3e7712; background-color: #fff; } .sub_title_popup { padding: 10px 20px 5px; color: #375a1f; line-height: 14px; } .title_popup .cloce {float: right;margin: 10px 0;cursor: pointer;width: 22px;height: 22px;} .cloce:hover { background: #cfd8cb; } .subtext_popup { padding: 10px 20px 5px; color: #4c5843; width: 100%; float: left; display: inline-block; line-height: 14px; margin-bottom: 10px; } .button_popup { margin-left: 20px; /* width: 40%; */ } .holder_input_popup { width: 100%; padding: 0 20px 0px; background: transparent; } .holder_input_popup input { height: 34px; border: 1px solid #cfd8cb; border-radius: 3px; width: 100%; padding: 0 10px; } .popup_error{ float: left; width: 100%; background-color: #ffefc1; padding: 10px 20px; font-size: 16px; line-height: 17px; margin-bottom: 20px; color: #1b1d1b; display: none; } @media screen and (min-width:480px) and (max-width:850px) { .menu_list > a {text-align: center!important;} .cl_mr_4,.cl_4{width:50%} .cl_mr_5,.cl_5{width:33.33333%} .product:nth-child(2n){border-right:none!important} .cl_4_5{width:66.66666%} #foto_min,#foto_big{width:100%} .litle_photo{width:31%;margin-right:2.3333%} #phons{display:none} #button_informer{width:26.5999%!important} #mego_menu .cl_5:nth-child(1),#mego_menu .cl_5:nth-child(2),#mego_menu .cl_5:nth-child(3){border-bottom:1px solid #B8B8B8} #mego_menu .cl_5:nth-child(4){border-left:0 solid #B8B8B8} #mego_menu .cl_5:nth-child(5){border-right:1px solid #B8B8B8} #cart_img,.cart_price,#cart_amouter{margin:0;width:100%} .del_pr{display:inline-block;margin:14px 43% 0;float:none} .size_3{width:100%!important;padding:0!important} .size_3_5{width:50%!important} .spt15{padding-top:15px!important} .smt15{margin-top:15px!important} #as_product_img{width:100%!important;padding:0!important} .com_text{font-size:16px!important} } @media screen and (min-width:100px) and (max-width:480px) { .cl_mr_r_1,.cl_mr_l_1,.cl_mr_1,.cl_1 , .cl_mr_r_2,.cl_mr_l_2,.cl_mr_2,.cl_2 , .cl_mr_r_3,.cl_mr_l_3,.cl_mr_3,.cl_3 , .cl_mr_r_4,.cl_mr_l_4,.cl_mr_4,.cl_4, .cl_mr_r_5,.cl_mr_l_5,.cl_mr_5,.cl_5 , .cl_mr_r_2_3,.cl_mr_l_2_3,.cl_mr_2_3,.cl_2_3, .cl_mr_r_2_4,.cl_mr_l_2_4,.cl_mr_2_4,.cl_2_4, .cl_mr_r_3_4,.cl_mr_l_3_4,.cl_mr_3_4,.cl_3_4, .cl_mr_r_2_5,.cl_mr_l_2_5,.cl_mr_2_5,.cl_2_5, .cl_mr_r_3_5,.cl_mr_l,.cl_mr_3_5,.cl_3_5, .cl_mr_r_4_5,.cl_mr_l_4_5,.cl_mr_4_5,.cl_4_5 {width: 100%;} .mnone{display:none} *[class*="cl_mr_"], *[class*="cl_mr_l_"], *[class*="cl_mr_r_"]{padding: 0;} .br_l {border-left: 0px solid #B4C3AD;} .product{border-left: 1px solid #B4C3AD!important;border-right: 1px solid #B4C3AD!important;} .product_min{width: 100%;height: auto;} #mego_menu {display:none} #phons{text-align: center;font-size: 16px; margin: 0;height: 45px;} #logo {margin: 0;width: 100%; text-align: center} #search { margin: 0} .hlinck{display:block!important;position: absolute; top: 0; left: 0; height: 100%; margin: 0!important;} #top_line {overflow: hidden;} .sp{padding: 15px!important;} .spt15{padding-top: 15px!important;} .smt15{margin-top: 15px!important;} .size_3{width: 100%!important;padding:0!important;} #foto_big {width:100%} #left_menu {box-shadow: 0px 0 0px #B4C3AD;border-radius: 3px;margin-top: 15px;padding: 0 10px;background-color: #4B891C;background: linear-gradient(to top, #5F9D30, #77BF40);color: #fff;width: 100%!important;} #left_menu .title{color:#fff;height: auto;padding-top: 10px!important;padding-bottom: 8px!important;} #left_menu .menu_list{background-color:#fff;padding: 6px;border-radius:3px; margin-bottom:5px;} #footer{text-align: center;} .h1type{text-align: center;} #cart_amouter {width: 40%; margin: 0 4%;} .cart_price {width: 20%; float: left;margin: 0} #foto_min { width: 100%; float: left; overflow: hidden; margin: 0; height: 100px; overflow-x: auto; overflow-y: hidden; text-align: center; white-space: nowrap; word-wrap: normal; } #left_mego_menu{display:none;margin-bottom: 10px;float: none;} #left_mego_menu.open{display:block} #open_menu{cursor:pointer;} .cl_mr_1.null {display: none;} } table.features { width: 100%; } table.features tr { border-bottom: 1px solid #b4c3ad; } table td.name { width: 30%; padding: 5px 0; background-color: white; padding-left:10px; font-size:14px; color:black; } table td.value { width: 80%; padding: 0 10px; background-color: rgba(0, 209, 78, 0.06); color: black; } .footer-img{display: inline-block; margin: 10px 5px 10px 0;} .phones_inner{display:none} .mobile-button, #close-menu{display:none} #mob-header{display:none} @media (max-width: 767px){ #header {height:auto;} #main_logo_holder{width: 100%; text-align: center;margin-bottom: 20px;} #cart_informer_holder .note,#cart_informer_holder .link { } #main_logo img { top: 0; width: auto; } #main_logo { float: none; } #phones_holder{ width: auto; margin-bottom: 10px; float: none;} #search_form{width: 100%; margin-bottom: 10px;} #mob-cart{ width: auto; float: none;} .mob-box{ width: 100%; text-align: center; height: auto;} .account_form { position: fixed; } #footer {height: auto;} #footer .txt-r {text-align: center;} #search_form .input-text:active, #search_form .input-text:focus {width: calc(100% - 30px);} } .active{display:block!important} .no_active{display:none!important} ol { padding-left: 30px; margin-bottom: 1em; } p { margin-bottom: 1em; } ul { padding-left: 30px; margin-bottom: 1em; } h2 { font-size:19px; margin-bottom: 1em; } h3 { margin-bottom: 1em; font-size: 17px; } h4 { margin-top: 1em; margin-bottom: 1em; } li { margin-bottom: 0.5em; } .breadcrumbs{ padding: 15px 15px 10px; line-height:24px; /*ТЕСТ*/ /*display: flex; align-items: center; flex-wrap: wrap;*/ } .breadcrumbs-separator{ padding: 0 7px; } @media screen and (max-width:776px) { .breadcrumbs{ font-size: 12px; } .breadcrumbs a{ font-size: 12px; } } @media screen and (max-width:480px) { .breadcrumbs{ padding-left: 0; padding-right: 0; } } a { text-decoration-skip-ink: none; } .img-fluid{ max-width: 100%; height: auto; } .carousel_box{ overflow: hidden; position: relative; width: 100%; float: left; } .carousel { width: auto!important; margin: 0 15px; position: relative; } .carousel:before { content:''; width: 100%; height: 0; display: table; } .carousel .product{ box-shadow: none; border: 1px solid #ede9e9; } /*правки для карусели*/ .carousel .owl-prev, .carousel .owl-next { position: absolute; background-color: #249f16 !important; background: linear-gradient(0deg, #06811d, #4fcb0c) !important; color: #fff !important; width: 45px; height: 45px; border-radius: 100px; top: 50%; left: 10px; margin-top: -22px; display: flex; justify-content: center; font-size: 40px !important; } .carousel .owl-next { left: auto; right: 10px; } .carousel .owl-prev span, .carousel .owl-next span{ line-height: 1em; display: block; } .sub_menu a:hover{color: white;background-color: #249f16; background: linear-gradient(0deg, #235c3d, #06811d)} .select2_holder .select2-container--default .select2-selection--single { background-color: #fff; border: none; border-radius: 4px; background-color: #f5f5f5; padding: 2px; height: 35px; } .select2-dropdown { border: none!important; background-color: #f5f5f5!important; box-shadow: 0 18px 39px -13px #3b3737; } /* автозаполнение поиска */ .autocomplete-suggestions { /*background: #fff;*/ /*border-radius: 15px 15px 0 0;*/ left: 0; right: 0; width: 100% !important; top: 100%; margin-top: 5px; padding: 0; overflow: auto; box-shadow: 0px 10px 10px 0px rgba(33, 98, 49, 0.3); max-height: 375px !important; background: #fff; } .autocomplete-suggestions .autocomplete-suggestion { padding: 5px 10px; cursor: pointer; display: flex; align-items: center; position: relative; opacity: 0.95; background: #fff; overflow: hidden; } .autocomplete-suggestions .autocomplete-suggestion + .autocomplete-suggestion { margin-top: 0px; border-top: 1px solid #ccc; } /*.autocomplete-suggestions .autocomplete-suggestion:first-child {*/ /* padding-top: 12px;*/ /*}*/ /*.autocomplete-suggestions .autocomplete-suggestion:last-child {*/ /* padding-bottom: 12px;*/ /*}*/ .autocomplete-suggestions .autocomplete-suggestion-content { margin-left: 20px; display: flex; width: 100%; } .autocomplete-suggestions .autocomplete-suggestion-name{ margin-right: auto; width: 100%; display: block; } .autocomplete-suggestions .autocomplete-suggestion-price { display: block; font-weight: bold; color: #0a5d2f; margin-left: 20px; min-width: 65px; text-align: right; } .autocomplete-suggestions .autocomplete-suggestion-pict { width: 50px; height: 50px; min-width: 50px; max-width: 50px; display: block; position: relative; overflow: hidden; } .autocomplete-suggestions .allResult{ border-top: 1px solid #ccc; text-align: right; padding: 13px 10px; background: #fff; } .autocomplete-suggestions .autocomplete-suggestion-img { height: auto; min-width: 100%; min-height: 100%; /*max-height: 150%;*/ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .autocomplete-suggestions .autocomplete-suggestion:hover { opacity: 1; background: linear-gradient(90deg, #fff, #c9eec9 80%, #237c10); /*color: #fff;*/ } .autocomplete-suggestions .autocomplete-suggestion:hover .autocomplete-suggestion-price{ color: #fff; } /*.autocomplete-suggestions .autocomplete-suggestion:hover:after{*/ /* content: '';*/ /* display: block;*/ /* position: absolute;*/ /* left: -20px;*/ /* right: -20px;*/ /* top: 0;*/ /* bottom: -20px;*/ /* box-shadow: inset 0px 0px 15px rgba(42, 160, 61, 0.6);*/ /*}*/ /*.autocomplete-suggestions .autocomplete-suggestion:hover + .autocomplete-suggestion:after{*/ /* content: '';*/ /* display: block;*/ /* position: absolute;*/ /* left: -20px;*/ /* right: -20px;*/ /* top: 0;*/ /* bottom: -20px;*/ /* box-shadow: inset 0px 0px 15px rgba(42, 160, 61, 0.6);*/ /*}*/ /*Доработка избранных категорий*/ .categoriesGroup { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; padding-bottom: 0px; padding-left: 0.5%; padding-right: 0.5%; } .categoriesGroup-item { width: 23.6%; display: block; text-decoration: none; background: #fff; margin-bottom: 1.2%; margin-left: 1.2%; position: relative; display: flex; flex-direction: column; /*background: linear-gradient(to right, #394832, #4d8b1e, #394832);*/ } .categoriesGroup-item:after { position: absolute; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3); bottom: 20px; top: 20px; left: 0; right: 0; content: ''; z-index: 0; display: block; } .categoriesGroup-item.product { margin-right: 0; border: none !important; } @keyframes bounce { from, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: rotate(0); } 30% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: rotate(-2deg); } 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: rotate(0deg); } 90% { transform: rotate(0.5deg); } } .categoriesGroup-item.product:hover { box-shadow: 0px 5px 15px 0px rgba(71, 155, 62, 0.5); -webkite-animation: bounce 1000ms; animation: bounce 400ms; -webkit-transform-origin: right top; transform-origin: right top; } .categoriesGroup-item.product .button_pr { max-width: 100%; } .categoriesGroup-item.product:after { display: none; } .categoriesGroup-button { } .categoriesGroup-content { padding: 13px 15px; font-size: 16px; min-height: 65px; line-height: 1.2em; font-weight: 500; text-align: center; border-bottom: 2px solid #ccc; display: flex; align-items: center; justify-content: center; background: #fff; position: relative; z-index: 5; height: 100%; /*color: #fff;*/ } .categoriesGroup-pict { max-width: 100%; padding-top: 100%; position: relative; z-index: 5; overflow: hidden; background: #fff; border-bottom: 1px solid #ccc; } .categoriesGroup-img { height: 100%; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform 500ms; } .categoriesGroup-pict:hover .categoriesGroup-img { transform: translate(-50%, -50%) scale(1.1, 1.1); transition: transform 500ms; } .categoriesGroup-item:hover .categoriesGroup-name { color: #1b884b; transition: color 300ms; } .categoriesGroup-name { text-transform: uppercase; font-size: 15px; letter-spacing: 1.3px; color: #000; transition: color 300ms; font-family: system-ui; font-weight: 600; } @media (max-width: 990px) { .categoriesGroup { width: auto; margin-left: -2.5%; position: relative; transform: translateX(1.7%); padding-left: 1px; margin-right: 0; padding-right: 1px; } /*Это удалить если что*/ .carousel .owl-next { right: 3px; } /*-------------------*/ .categoriesGroup-item { width: 30%; margin-bottom: 2.5%; margin-left: 2.5%; } } @media (max-width: 480px) { .categoriesGroup { transform: translateX(0); margin-left: -4.1%; } } @media (max-width: 850px) { .categoriesGroup { transform: translateX(0.7%); } .categoriesGroup-item { width: 46%; margin-bottom: 3.5%; margin-left: 3.5%; } } .product .pr_img { max-width: 100%; } .product_label { top: 15px; left: 50%; margin-left: -104px; } @media (max-width: 1100px) { .product_label { left: -4px; margin-left: 0; } } .carousel.categoriesGroup .product.categoriesGroup-item { width: 100%; } /* всплывающее окно контактов */ .modalWrap { position: fixed; left: 100%; width: 100%; top: 0; bottom: 0; z-index: 1000; transition: left 300ms; } .modal { height: 100%; position:fixed; max-width: 100%; width: 300px; right: -300px; top: 0; bottom: 0; background: #fff; display: block; transition: right 300ms; } .modalWrap_open { left: 0; transition: left 300ms; } .modalWrap_open .modal { right: 0; transition: right 300ms; box-shadow: 0 0 35px rgba(0,0,0,0.5); } .modal-control { text-align: right; } .modal-close { display:inline-block; color: #fff; background: none; border: none !important; box-shadow: none; text-indent: -9999px; padding-left: 0 !important; padding-right: 0 !important; min-width: 0; margin-right: 0 !important; min-height: 0; z-index:1000; width: 30px; height: 30px; font-size: 0; cursor: pointer; line-height: 0; padding-top: 4px; position: absolute; right: 10px; top: 10px; } .modal-close span { display: block; height: 3px; width: 20px; border-radius: 100px; background: #1b5e20; transition: all 0.3s; opacity:1; position: absolute; top: 31%; left: 5px; margin-top: 5px; transform: rotate(45deg); box-shadow: none; transition: all 0.3s; } .modal-close span + span { transform: rotate(-45deg); } .modal-content { padding: 20px; max-height: 100%; overflow: auto; background: url(https://yablochko.com.ua/img-design/2-fon-dlya-sayta.png) top left repeat; } .modal-content > div{ float: none; width: 100%; display: block; overflow: hidden; border: none !important; } .modal-content .br_b{ padding: 0 !important; } #phones_holder { cursor: pointer; } /* апгрейд страницы контактов */ .contacts { width: 100%; clear: both; } .contacts-item { display: flex; align-items: center; margin: 0; } .contacts-item + .contacts-item { margin-top: 20px; } .contacts-title { display: block; margin-bottom: 5px; } .contacts-icon { max-width: 40px; height: auto; display: block; min-width: 40px; margin-right: 25px; } .contacts-icon img{ max-width: 100%; } .contacts-map { max-width: 100%; margin-top: 30px; } .contacts-map iframe { max-width: 100%; } /* Чекбокс - не перезванивать в корзине */ #doNotCallBackWrap { display: flex; padding: 0px 10px 20px; float:left; width: 100%; justify-content: flex-end; align-items: flex-start; } #doNotCallBack { margin-top: 3px; } #doNotCallBackWrap span { margin-left: 10px; display: inline-block; } /* Макрикрованный список */ .border { list-style: none; padding: 0; } .border li { font-family: "Trebuchet MS", "Lucida Sans"; padding: 7px 20px; margin-bottom: 10px; border-radius: 5px; border-left: 10px solid #f05d22; box-shadow: 2px -2px 5px 0 rgba(0,0,0,.1), -2px -2px 5px 0 rgba(0,0,0,.1), 2px 2px 5px 0 rgba(0,0,0,.1), -2px 2px 5px 0 rgba(0,0,0,.1); font-size: 20px; letter-spacing: 2px; transition: 0.3s all linear; } .border li:nth-child(2){border-color: #8bc63e;} .border li:nth-child(3){border-color: #fcba30;} .border li:nth-child(4){border-color: #1ccfc9;} .border li:nth-child(5){border-color: #493224;} .border li:hover {border-left: 10px solid transparent;} .border li:nth-child(1):hover {border-right: 10px solid #f05d22;} .border li:nth-child(2):hover {border-right: 10px solid #8bc63e;} .border li:nth-child(3):hover {border-right: 10px solid #fcba30;} .border li:nth-child(4):hover {border-right: 10px solid #1ccfc9;} .border li:nth-child(5):hover {border-right: 10px solid #493224;} .min-zakaz { font-size:24px; color:white; background-color: #06811d; border: 1px solid; padding: 3px 10px; border-radius: 6px; display: inline-block; margin-bottom: 0; } .doNotCallBack-poyasnenie { font-size:12px; color:#bbbaba; } .addPanel { background: #efefef; color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5); min-height: 30px; clear: both; position: relative; /*margin-bottom: 20px;*/ /*background: linear-gradient(0deg, #06811d, #235C3D);*/ border-bottom: 2px solid #0a5d2f; z-index: 1; } #left_menu + div { margin-top: 8px; position: relative; z-index: 0; } /*.addPanel:after {*/ /* content: '';*/ /* display: block;*/ /* position: absolute;*/ /* left: 0;*/ /* right: 50%;*/ /* top: 0;*/ /* bottom: 0;*/ /* background: #f56335;*/ /* z-index: 1;*/ /*}*/ .addPanel-wrap { position: relative; z-index: 2; display: flex; /*background: linear-gradient(0deg, #06811d, #235C3D);*/ background: #efefef; /*background: #fff;*/ align-items: stretch; } .addPanel-menu { height: 100%; } .addPanel-catalog { height: 100%; min-width: 230px; padding-right: 20px; /*border-right: 30px solid #bbff9e;*/ } .addPanel-catalog-link { display: block; height: 100%; text-decoration: none; font-size: 18px; /*background: #fff974;*/ background: #f56335; color: #fff; text-shadow: 1px 1px #000; padding: 10px; padding-left: 20px; cursor: pointer; } .addPanel-catalog-link .fa { margin-right: 7px; } .addPanel-catalog-link:hover { color: #d9fb1e; } .addPanel-menu ul { display: inline-flex; list-style: none; padding: 0; align-items:stretch; margin: 0; /*border-right: 1px solid #fff;*/ } .addPanel-menu ul li{ margin: 0; } .addPanel-menu-item { padding: 10px; border-right: 1px solid #0a5d2f; display: flex; align-items: center; justify-content: center; text-transform: none; text-decoration: none; font-size: 18px; text-shadow: 1px 1px #fff; min-width: 150px; color: #0a5d2f; } .addPanel-menu-item .fa { margin-right: 7px; color: #649942; } .addPanel-menu-item:hover { text-shadow: 1px 1px #d9fb1e; /*color: #d9fb1e;*/ } .addPanel-cart { margin-left: auto; } #cart_img img { max-width: 100%; max-height: 100%; } /*#slider {*/ /* width: 80%;*/ /*}*/ /*@media screen and (max-width: 850px) and (min-width: 480px) {*/ /* #slider {*/ /* width: 66.6666666%;*/ /* }*/ /*}*/ /*@media screen and (max-width: 480px) and (min-width: 100px) {*/ /* #slider {*/ /* width: 100%;*/ /* }*/ /*}*/ #cart_informer_holder { height: 100%; padding-right: 0; padding-left: 50px; text-align: left; float: none; display: flex; padding-top: 0; align-items: center; } #cart_informer_holder:before { right: auto; left: -4px; /* background-position: -70px 33px;*/ } @media (max-width: 768px) { #cart_informer_holder:before { content: unset; } } @media (min-width: 768px) { .cart-informer.new_cart { height: 80px; } } .cart-informer.new_cart #cart_informer_holder { height: auto; } #cart_informer_holder #total_products{ /*position: relative;*/ left: 13px; right: auto; top:3px; width: 24px; height: 24px; color: #fff; background: #4ba45e; border: 2px solid #efefef; /*bottom: auto;*/ /*margin-left: 10px;*/ /*background: none;*/ /*border-radius: 0;*/ } #cart_informer_holder .note { font-size: 18px; display: block; /*text-shadow: 1px 1px #fff;*/ line-height: 1em; color: #fff; /*color: #0a5d2f;*/ } @media (max-width: 768px) { #cart_informer_holder .note { display: none; } #cart_informer_holder #total_products { top: -10px; left: 25px; } } #cart_informer_holder:hover .note { /*text-shadow: 1px 1px #d9fb1e; /*color: #d9fb1e;*/*/ } #cart_informer_holder:hover #total_products{ background: #4B891C; } #header { box-shadow: 0 0 10px rgba(0, 0, 0, 0.39); } #left_mego_menu { display: none; } #left_mego_menu.open { display: block; } /* Стилизация меню левого */ #left_mego_menu { margin-top: -2px; position: relative; z-index: 2; margin-bottom: 30px; } #left_mego_menu .menu_list { border: none; box-shadow: 10px 10px 10px -10px rgba(0,0,0,0.2); position: relative; z-index: 7; } #left_mego_menu .subl_menu { width: 100%; } .item_left_menu{ left: 0; padding: 0; } .item_left_menu a { left: 0; background: none; border: none; padding-right: 0; padding-left: 10px; position: relative; font-weight: 600; } .item_left_menu a:after { content: ''; position: absolute; left: 10px; bottom: 0; display: block; height: 1px; width: 20px; background: #B4C3AD; } .item_left_menu .subl_menu > div:last-child a:after { display: none; } /*.item_left_menu a:after {*/ /* content: '';*/ /* display: block;*/ /* position: absolute;*/ /* left: 0;*/ /* margin-top: -8px;*/ /* top: 50%;*/ /* width: 3px;*/ /* height: 16px;*/ /* background: #0a5d2f;*/ /*}*/ .item_left_menu a:hover { background: none; color: #63a000; } .item_left_menu a:hover span { color: #63a000; } #left_mego_menu .menu_list:hover { box-shadow: 10px 10px 10px -10px rgba(99, 160, 1, 0.5); } #left_mego_menu .menu_list { padding-left: 10px; padding-right: 10px; } #left_mego_menu .menu_list .subl { position: relative; padding-left: 60px; min-height: 50px; padding-right: 15px; transition: all .3s ease; } #left_mego_menu .menu_list .subl:hover { transform: scale(1.05); } #left_mego_menu .menu_list .sublIcon{ position: absolute; height: auto; width: auto; padding: 20px; font-size: 20px; align-items: center; justify-content: center; top: 50%; margin-top: -30px; right: -20px; } #left_mego_menu .menu_list .sublIcon:before{ content: "\f107"; font-family: "FontAwesome"; } #left_mego_menu .menu_list .subl:after { content: ''; position: absolute; display: block; width: 50px; height: 50px; margin-top: -25px; left: 0px; top: 50%; background: url(../img/catalogmenu/rose.jpg) center center no-repeat; background-size: cover; } #left_mego_menu .menu_list:nth-child(2) .subl:after { background-image: url(../img/catalogmenu/plod.jpg); } #left_mego_menu .menu_list:nth-child(3) .subl:after { background-image: url(../img/catalogmenu/yagody.jpg); } #left_mego_menu .menu_list:nth-child(4) .subl:after { background-image: url(../img/catalogmenu/exotic.jpg); } #left_mego_menu .menu_list:nth-child(5) .subl:after { background-image: url(../img/catalogmenu/decor.jpg); } #left_mego_menu .menu_list:nth-child(2) { z-index: 6; } #left_mego_menu .menu_list:nth-child(3) { z-index: 5; } #left_mego_menu .menu_list:nth-child(4) { z-index: 4; } #left_mego_menu .menu_list:nth-child(5) { z-index: 3; } #left_mego_menu .menu_list:nth-child(6) { z-index: 2; } #left_mego_menu .menu_list:nth-child(7) { z-index: 1; } #left_mego_menu:after { content: ''; width: 100%; display: block; height: 0; clear: both; } /* Настройка корзины-информера */ .cart-informer { height: 100%; display: flex; align-items: center; } .cart-content { position: absolute; display: none; width: 600px; max-width: 100%; height: auto; background: #efefef; background: linear-gradient(180deg, #efefef, #fff); box-shadow: 0 10px 19px -10px rgba(0, 0, 0, 0.6); border-radius: 0 0 0 10px; top: 100%; right: 0; padding: 20px; color: #000; z-index: 0; border: 2px solid #0a5d2f; } .cart-content.open { display: block; } @media screen and (max-width: 769px) { .cart-content.open { display: none; } } .menu-title { font-weight: normal; font-size: 27px; margin-top: 5px; margin-bottom: 10px; text-align: center; display: block; color: #000; text-transform: uppercase; font-weight: 700; } @media screen and (min-width: 990px) { .cart-informer:hover .cart-content { display: block; } } .cart-product { display: flex; align-items: center; text-shadow: none; } .cart-product + .cart-product { margin-top: 10px; border-top: 1px solid #ccc; padding-top: 10px; } .cart-productName { font-size: 13px; margin-left: 20px; min-height: auto; text-transform: lowercase; color: #8a8a8a; width: 100%; } .cart-productName a { text-decoration: none; font-size: 15px; color: #0a5d2f; text-transform:none; } .cart-productTotal .pr_amt { padding-top: 0; min-width: 70px; max-width: 70px; font-size: 15px; } .cart-productImg .img_pr { margin-top: 0; } .cart-productImg .img_pr img { max-width: 100%; max-height: 100%; } .cart-productAmount { color: #000; font-size: 15px; margin-left: 20px; margin-right: 20px; min-width: 50px; max-width: 50px; text-align: center; } .cart-footer { margin-top: 10px; border-top: 1px solid #ccc; padding-top: 10px; text-align: right; } .cart-footer .button_pr{ max-width: none; width:100%; } @media screen and (max-width: 990px) { #header {height: auto;} .addPanel-wrap { flex-wrap: wrap; } .addPanel-menu { height: auto; order: 0; width: 100%; display: none; } .addPanel-catalog { order: 4; } .addPanel-cart { order: 5; } .mobile-menu { margin-bottom: 0; } } @media screen and (max-width: 480px) { #left_mego_menu{ left: -100%; transition: left 500ms; display: block; bottom: 0; top: 0; width: 100%; position: fixed; z-index: 1100; } .addPanel-catalog { order: 5; width: auto; min-width:auto; margin-right: 5%; padding-right: 0; height: 100%; } .addPanel-catalog-link { padding-right: 20px; } #left_mego_menu .hlinck { display: none !important; } .header-hidesm { display: none; } #left_mego_menu.open { left: 0; overflow: visible; } #cart_informer_holder { margin-left: auto; margin-right: 15px; } #left_mego_menu .mnone { display: block; } .addPanel-wrap{ align-items: stretch; flex-wrap: nowrap; } .addPanel-cart { order: 10; width: auto; min-height: auto; margin: 0; margin-left: auto; } .addPanel { z-index: 10; } .cart-product { display: block; text-align: center; } .cart-productName { margin-left: 0; margin-top: 10px; margin-bottom: 10px; } .cart-productAmount { width: 100%; min-width: 100%; max-width: none; padding: 0; margin: 0; margin-bottom: 10px; } .cart-productTotal { min-width: 100%; max-width: none; padding: 0; margin: 0; width: 100%; } .cart-productTotal .pr_amt { width: 100%; min-width: 100%; max-width: none; } .cart-footer .button_pr { font-size: 13px; letter-spacing: 0.7px; } #left_menu { border-bottom: 0; margin: 0; background: none; padding: 0; z-index: 3; overflow: visible; width: 102%!important; margin-right: -1%; margin-left: -1%; } .menu-ins { height: 100%; display: block; width: 90%; overflow: auto; box-shadow: 0 0 35px rgba(0,0,0,0.5); } .menu-scroll { position: relative; display: block; /*min-height: 100%;*/ height: 100%; padding: 20px; background: url(https://yablochko.com.ua/img-design/2-fon-dlya-sayta.png) top left repeat; overflow: auto; } #left_menu .menu_list { border-radius: 0; margin-bottom: 0; border: 3px solid #4d9927; margin-bottom: 20px; border-radius: 10px 0 10px 0; position: relative; box-shadow: none; } #left_menu .menu-mobile-icon { width: 100px; height: 100px; clear: both; display: block; /*position: absolute;*/ /*left: 50%; bottom: 0; transform: translateX(-50%);*/ text-align: center; margin: 0 auto; background: url('../img/icon-menu.svg') center center no-repeat; background-size: contain; } #left_mego_menu .menu_list:hover { box-shadow: none; } /*Зеленая полоска в пунктах каталога*/ /*#left_menu .menu_list:before { position:absolute; left: -3px; bottom: -23px; width: 20px; display: block; content: ''; background: #fff; border-radius: 10px 0 0 0; height: 20px; z-index: 5; } #left_menu .menu_list:after{ position:absolute; z-index: 1; display: block; left: -3px; bottom: -23px; width: 20px; content: ''; background: #4d9927; height: 20px; }*/ #left_mego_menu { margin-bottom: 0; } } /* Настройка шапки сайта */ #phones_holder { width: auto; } #header .note, #header.note { font-size: 16px; } #header { height: auto; } @media screen and (min-width: 767px) { #header {height: 80px;} } #main_logo img { top: 0; } .header-ins { color: #fff; display: flex; justify-content: space-between; align-items: center; max-width: 1240px; margin: 0 auto; text-shadow: 1px 1px rgb(4,107,0); width: 96%; } .header-block { visibility: visible; margin-right: 30px; /*width: 100%;*/ } .header-block:last-child { margin-right: 0; } .header-block_search { width: 35%; } @media screen and (max-width: 1250px) { .header-block_search { width: 25%; } .header-block { margin-right: 15px; } .header-block:last-child { margin-right: 0; } } .header-block_logo { /*margin-right: auto;*/ } .header-block_logo img { min-width: 211px; } #search_form { width: 100%; } #phones_holder{position:relative;padding-left:45px; padding-right: 0;} #phones_holder:before{content:'';position:absolute;width:30px;height:30px;background:url(../img/phone-call.svg) center center no-repeat;left:0px;top:50%; margin-top: -15px; background-size: 30px 30px;} .header-schedule { position: relative; padding-left: 45px; cursor: pointer; } .header-schedule:before { content: ''; position: absolute; width: 30px; height: 30px; background-image:url(../img/calendar.svg); left:0px; top:50%; margin-top: -15px; } #header { background: rgb(87,159,22); background: linear-gradient(90deg, rgba(87,159,22,1) 0%, rgba(139,185,81,1) 25%, rgba(88,126,45,1) 73%, rgba(45,147,41,1) 100%); /*z-index: 4;*/ /*position: relative;*/ } @media screen and (min-width: 769px) { #header { position: sticky; top: 0; } } @media screen and (max-width: 767px) { .open_popup { vertical-align: middle; } .mobileBlockTopLine { width: 75%; display: flex; justify-content: space-around; } .mobile-button { width: 10%!important; } #top_line > .wc { z-index: 10!important; } .wc { justify-content: space-between; } #account_holder { margin-left: 0!important; width: 10%!important; } } .open_register_box { color: #fff!important; line-height: 40px!important; } #top_line { /*background: rgb(87,159,22);*/ /*background: linear-gradient(90deg, rgba(87,159,22,1) 0%, rgba(139,185,81,1) 25%, rgba(88,126,45,1) 73%, rgba(45,147,41,1) 100%);*/ /*z-index: 5;*/ /*position: relative;*/ /*text-shadow: 1px 1px rgb(4,107,0);*/ background: #394832; color: #0a5d2f; } #top_line a { color: #0a5d2f; } #top_line li > a { color: #ffffff; } #top_line li > a.active, #top_line li > a:hover { color: #d4f51e8f; text-shadow: 0px 0px #d9fb1e; } #account_holder .account_menu { color: #fff; } #account_holder .account_menu:hover { color: #fff; text-shadow: 0px 0px #d9fb1e; } .account_menu-icon{ display: none; } #top_line .wc { display: flex; align-items: center; } #top_line .wc > * { margin-top: 0; margin-bottom: 0; } #top_line .mobileBlockTopLine + .account_menu{ margin-left: auto; } @media all and (max-width: 1150px) { #top_line .account_menu{ width: auto; } #top_line .account_menu a{ color: #0a5d2f; } } @media all and (max-width: 700px) { #top_line .account_menu{ display: block; margin-bottom: 0; width: 27px; height: 27px; font-size: 0; line-height: 0; } #top_line .account_menu-icon{ width: 27px; height: 27px; display: block; background-size: contain !important; } #top_line .account_menu-icon_login{ background: url(../img/login.svg) center center no-repeat; } #top_line .account_menu-icon_reg{ background: url(../img/add-user.svg) center center no-repeat; } #top_line .account_menu-icon_logout{ background: url(../img/logout.svg) center center no-repeat; } #top_line .account_menu-icon_profile{ background: url(../img/user.svg) center center no-repeat; } } #top_line ul { padding-left: 0; margin-left: 0; } #top_line .wc { width: 100%; } #account_holder { padding-right: 0; } #search_form .input-text { /*border-radius: 0;*/ border-radius: 20px; background: rgb(255 255 255 / 35%); border: 1px solid #fff; /*background: none;*/ /*border-bottom: 1px solid #fff;*/ } #search_form .input-text:active, #search_form .input-text:focus, #search_form_mobile .input-text{ /*background: rgb(207,255,164);*/ /*background: linear-gradient(180deg, rgba(207,255,164,0) 50%, rgba(146,208,135,1) 82%);*/ background: #fff; color: #333; } #search_form.clicked .button_search { background-position: -31px -32px; filter: hue-rotate(-115deg); } #search_form.clicked .input-text::placeholder, #search_form_mobile .input-text::placeholder { color: #333; } #search_form:hover .button_search { background-position: -31px -32px; filter: hue-rotate(-115deg); } #search_form:hover .input-text::placeholder { color: #333; } #search_form .button_search { right: 5px; } #search_form .autocomplete-suggestions { color: #000; text-shadow: none; } @media (max-width: 1150px){ .mobile-menu{display:none;background: #115d24;position: fixed;width: 100%;left: 0;top: 0px;bottom: 0;overflow-y: auto;margin-left: -100%;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;-o-transition: 0.3s all;transition: 0.3s all;z-index: 1000;margin-left: 0!important;padding: 20px;} .mobile-button{display:block;height: 28px;width: 28px;float: left;} .mobile-button span{ width: 100%; height: 2px; background-color: #fff; float: left; margin-bottom: 4px; } #close-menu{ display: block; height: 35px; width: 35px; position: absolute; right: 0; top: 0; font-size: 22px; text-align: center; line-height: 33px; background-color: #249f16; background: linear-gradient(0deg, #06811d, #4fcb0c); color: #fff; } #top_line{ height: auto; padding: 10px; } #top_line li { width: 100%; margin-bottom: 10px; font-size:16px; } #account_holder { width: 65%; margin: 9px 0; } #top_line li > a { color: #fff ; } } @media screen and (max-width: 990px) { .header-ins { flex-wrap: wrap; padding: 15px 0; } .header-block { margin-bottom: 10px; margin-right: 30px; } .header-block:last-child { margin-bottom: 0; } #main_logo_holder { margin-bottom: 0; } .header-block_search { width: 40%; margin-left: auto; } #search_form .input-text { width: 100%; } #phones_holder { margin-bottom: 0; } #search_form .input-text:active, #search_form .input-text:focus { width: 100%; } } @media screen and (max-width: 768px) { #slider { display:none ; } } @media screen and (max-width: 700px) { .header-block { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 20px; } .header-block:last-child { margin-bottom: 0; } #phones_holder { width:200px; max-width: 200px!important; margin-left: auto; margin-right: auto; } .header-block_schedule { display: none; } } .addPanel-catalog-link { display: flex; align-items: center; } .catalogIcon { width: 25px; margin-right: 7px; height: 25px; background: url('../img/catalog.svg') center center no-repeat; background-size: contain; } .catalogIcon svg { max-width: 100%; max-height: 100%; position: relative; right: 1px; bottom: 1px; } /* создание прилипающей панели для мобилок */ .mobileBlockTopLine { display:none; } .mobileBlockTopLine-search-form { display: none; } @media screen and (max-width: 700px) { .header-block_search { display: none; } #top_line { position: fixed; padding: 0; left: 0; top: 0; right: 0; z-index: 999; box-shadow: 0 0 15px rgba(0,0,0,0.3); } #top_line > .wc { display: flex; position: relative; align-items: center; z-index: 980; background: #efefef; padding: 10px 20px; width: 100%; height: 55px; } #header { margin-top: 55px; } .mobileBlockTopLine { display: flex; align-items: center; } .mobileBlockTopLine-phone { background: url('../img/phone-call_black.svg') center center no-repeat; width: 27px; height: 24px; background-size: contain; margin-left: 13px; } .mobileBlockTopLine-catalog { background: url('../img/menu1.svg') center center no-repeat; width: 28px; height: 28px; background-size: contain; margin-left: 13px; } .mobileBlockTopLine-cart{ display: block; background: url('../img/shopping-cart_new.svg') center center no-repeat; background-size: contain; width: 28px; height: 28px; margin-left: 13px; } .mobileBlockTopLine-cart a{ display: block; width: 100%; height: 100%; } .mobileBlockTopLine-search { margin-left: 13px; } .mobileBlockTopLine-search-form { position: fixed; display: block; background: rgb(87,159,22); left: 0; z-index: 975; top: -100%; right: 0; padding: 15px; background: linear-gradient(90deg, rgba(87,159,22,1) 0%, rgba(139,185,81,1) 25%, rgba(88,126,45,1) 73%, rgba(45,147,41,1) 100%); transition: all 300ms; } .mobileBlockTopLine-search-form.open { top:55px; transition: all 600ms; } .header-block { margin-bottom: 0; margin-top: 20px; } .header-block:first-child { margin-top: 0; } .mobileBlockTopLine-search-icon { background: url('../img/search.svg') center center no-repeat; width: 27px; height: 25px; background-size: contain; } #top_line #account_holder { margin-left: auto; margin-top: 0; margin-bottom: 0; } #search_form_mobile { position: relative; } #search_form_mobile .input-text { width: 100%; height: 35px; padding: 0 60px 0 15px; color: #333; -webkit-transition: ease-out .5s; -moz-transition: ease-out .5s; -o-transition: ease-out .5s; transition: ease-out .5s; /*border-radius: 0; background: none; border-bottom: 1px solid #fff;*/ border-radius: 20px; background: #fff; border: 1px solid #fff; } #search_form_mobile .input-text::placeholder { color: #333; } #search_form_mobile .button_search { position: absolute; width: 35px; height: 35px; background-image: url(../img/sprite.png); /*background-position: -31px 0;*/ right: 5px; top: 0px; cursor: pointer; background-position: -31px -32px; filter: hue-rotate(-115deg); } } /* доработка шапки */ .openLeftMenu, .openMenu { overflow: hidden; height: 100%; position: relative; -webkit-overflow-scrolling: touch; position: fixed; } body:before{ position: absolute; left: -100%; width: 90%; box-sizing: border-box; top: 0; bottom: 0; content: ''; display: block; opacity: 0; } /*.openLeftMenu:before{ background: #fff; z-index: 900; left: 0; opacity: 1; border-left: 5px solid #f56335; transition: opacity 400ms, left 600ms; }*/ body { min-height: 100%; height: auto; } body:after { content: ''; opacity: 0; display: block; clear: both; height: 0; width: 100%; } @media screen and (max-width: 480px) { #top_line > .wc { padding-left: 15px; padding-right: 15px; } /*.mobile-button { padding-left: 7px; padding-right: 7px; }*/ #account_holder { padding-left: 0; } .addPanel-catalog { width: 100%; margin-right: 0; margin: 8px 0; } .addPanel-catalog-link { justify-content: center; } .addPanel-cart { width: 48%; } .addPanel-cart .cart-informer { justify-content: center; background: #d1e9c3; padding-right: 10px; } .cart-informer.new_cart #cart_informer_holder { height: 100%; } #cart_informer_holder .note { color: #0a5d2f; } #cart_informer_holder { margin-right: auto; } } .cart-productName { text-shadow: none; } .cart-note { padding: 20px; text-align: center; font-size: 24px; color: #b5b5b5; } .cart-content { } .cart-content-ins { height: auto; max-height: 50vh; margin-bottom: 70px; overflow-y: auto; position: relative; } .cart-footer { position: absolute; bottom: 0; right: 0; left: 0; padding: 10px 20px; background: #fff; } .categoriesGroup-item.product .button_pr, #product_form .button_min_pr{ border-radius: 3px; -webkit-transition: ease 0.3s; transition: ease 0.3s; position: relative; overflow: hidden; background: #46800e; transform: translateY(0px); display: flex; align-items: center; justify-content: center; padding-left: 10px; padding-right: 10px; } .categoriesGroup-item.product .button_pr-icon, #product_form .button_min_pr .button_pr-icon { display: inline-block; width: 20px; height: 20px; background: none; margin-right: 8px; } .categoriesGroup-item.product .button_pr-icon img, #product_form .button_min_pr .button_pr-icon img { width: 100%; vertical-align:top; } .categoriesGroup-item.product .button_pr:hover, #product_form .button_min_pr:hover { transform: translateY(-3px); transition: transform 200ms; } .categoriesGroup-item.product .button_pr:hover:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fa4923; opacity: 0; z-index: 1; -webkit-transition: ease 0.3s; transition: ease 0.3s; } .categoriesGroup-item.product .button_pr:hover:after, #product_form .button_min_pr:hover:after { content: ""; display: block; width: 15px; height: 300px; margin-left: 0px; background: #fff; position: absolute; opacity: 0.5; left: -40px; top: -150px; z-index: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.1s; transition: all 0.1s; -webkit-animation-name: slideme; animation-name: slideme; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-delay: 0.05s; animation-delay: 0.05s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .price-big { font-size: 1.2em; } .categoriesGroup-item.product { padding: 7px; } .product .pr_img { height: auto; overflow:visible; width: 100%; position: relative; background: none !important; } .product .pr_img a { display: block; position: relative; padding-top: 100%; width: 100%; overflow: hidden; } #product_form .pr_min_price { font-size: 25px; } /*.product .pr_img:after {*/ /* content: '';*/ /* position: absolute;*/ /* right: 0px;*/ /* bottom: 0;*/ /* width: 0;*/ /* height: 0;*/ /* border: 16px solid #fff;*/ /* border-left-color: transparent;*/ /* border-top-color: transparent;*/ /* z-index: 10;*/ /*}*/ /*.product:before {*/ /* content: '';*/ /* position: absolute;*/ /* left: 0;*/ /* right: 0;*/ /* top: 0;*/ /* height: 5px;*/ /* background: #88d00a;*/ /* display: block;*/ /*}*/ /*.product:after {*/ /* content: '';*/ /* position: absolute;*/ /* bottom: 0;*/ /* right: 0 !important;*/ /* left: auto !important;*/ /* display: block !important;*/ /* top: 0;*/ /* width: 5px;*/ /* background: #88d00a;*/ /*}*/ .product .pr_img:before { content: ''; position: absolute; display: none; right: 0px; top: 0; width: 0; height: 0; border: 16px solid #fff; border-left-color: transparent; border-bottom-color: transparent; z-index: 10; } .categoriesGroup-item.product:hover .pr_img:before { border-right-color: #effaea; border-top-color: #effaea; } .categoriesGroup-item.product .product_label { margin-left: 0; left: 2px; top: 2px; max-width: 100%; max-height: 100%; } #product_form .product_label { left: 10px; margin-left: 0; top: 10px; pointer-events: none; } .categoriesGroup-item.product .product_label{ pointer-events: none; } .categoriesGroup-item.product .product_label img{ max-width: 100%; max-height: 100%; } .product .pr_img img { min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @keyframes slideme { 0% { left: -30px; margin-left: 0px; } 30% { left: 110%; margin-left: 80px; } 100% { left: 110%; margin-left: 80px; } } .categoriesGroup { position: relative; z-index: 0; } #info_block,.info_block_mobile { background: #fff; color: #000; border: 1px solid #0a5d2f; color: #1b884b; } #price_block { padding-right: 30px; } .delivery-icon { width: 40px; height: 40px; display: block; background: url(../img/delivery-box.svg) center center no-repeat; background-size: contain; } .payment-icon { width: 40px; height: 40px; display: block; background: url(../img/payment.svg) center center no-repeat; background-size: contain; } #info_block .info_text, .info_block_mobile .info_text { color: #1b884b; } #info_block .delivery_l, .info_block_mobile .delivery_l { padding-left: 58px; padding-right: 10px; width: 100%; display: block; } #info_block .delivery_l + .delivery_l, .info_block_mobile .delivery_l + .delivery_l { margin-top: 10px; } .addPanel .addPanel-cart { min-height: 100%; } .addPanel .addPanel-menu { min-height: 100%; height: auto; } #info_block .info_text, .info_block_mobile .info_text { border-bottom: none; } .addPanel-menu ul { height: 100%; } .addPanel-menu-item { height: 100%; } #info_block .delivery, .info_block_mobile .delivery { background-color: #72a25c; background-color: rgb(45,147,41); color: #fff; text-shadow: #233e04 1px 1px; display: flex; padding: 10px 10px; margin-top: 0; align-items: center; } #info_block .delivery-title, .info_block_mobile .delivery-title { width: 100%; } .info_block_mobile .delivery .payment-icon, .info_block_mobile .delivery .delivery-icon, #info_block .delivery .payment-icon, #info_block .delivery .delivery-icon { margin-right: 10px; min-width: 40px; max-width: 40px; } .productPict { width: 45%; } #product_form { display: flex; align-items: flex-start; } #product_form .info_block_mobile, #product_form #info_block { width: 25%; margin-left: auto; } @media all and (max-width: 990px) { #product_form { flex-wrap: wrap; } } table.features { box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5); } table.features td.name{ position: relative; background: #efefef; } /*background: transparent;*/ table.features td.value{ font-weight: bold; color: #0a5d2f; padding: 10px; background: #fff; } table.features td.name:after{ content: ''; position: absolute; right: 0; background: #6cae6d; width: 3px; top: 17px; bottom: 0; } table.features tr { border-bottom: 1px solid #6cae6d; } .productText { background: #f1f1f1; box-shadow: inset 0 0 15px rgba(62, 83, 57, 0.3); clear: both; padding: 25px 25px 20px; margin-bottom: 30px; margin-left: 15px; width: auto; } .productText > div { float: none; padding: 0; } @media all and (max-width: 480px) { .productText { margin-right: 15px; } #product_form .info_block_mobile, #product_form #info_block { width: 100%; padding: 0 !important; } #product_form #price_block { padding-right: 0; } #product_form .productPict img { width: 100%; } #cart #cart_img { position: absolute; left: 15px; top: 18px; max-width: 50px; height: auto; display: block; width: auto; } #cart #cart_img .img_pr { margin-top: 0; } #cart .cart-row { position: relative; } #cart .cart-namePr { padding-left: 70px; min-height: 50px; display: block; margin-bottom: 10px; } } #footer { background: rgb(87,159,22); background: linear-gradient(90deg, rgba(87,159,22,1) 0%, rgba(139,185,81,1) 25%, rgba(88,126,45,1) 73%, rgba(45,147,41,1) 100%); } .phonesFooter { width: auto !important; } .phonesFooter-wrap { display: flex; justify-content: flex-end; } .footerLogo { padding-right: 20px; } .footerLogo img { max-width: 100%; max-width: 260px;max-height: 55px; } @media all and (max-width: 700px) { .footerFlex .cl_3 { width: 100%; margin-top: 10px; text-align: center; order: 4; } .footerFlex .footerLogo { padding-right: 0; order: 0; } #footer .cl_3:first-child { margin-top: 0; } .footerFlex { display: flex; flex-wrap: wrap; } .footerFlex .phonesFooter-wrap { order: 1; } } .info_block_mobile { display:none; } @media all and (max-width: 990px) { #product_form #price_block { width: 55%; } #info_block { display: none; } .info_block_mobile { display: block; margin-bottom: 30px; margin-left: 15px; } #product_form .productPict a { display: block; width: 100%; } #product_form .productPict a img { display: block; width: 100%; } } @media all and (max-width: 850px) { #product_form #price_block { width: 100% !important; } } @media all and (max-width: 480px) { .info_block_mobile { margin-left: 0; } } .product .pr_img img { height: 100%; } .contacts_column { margin-top: 40px; margin-bottom: 30px; /*background: #f1f1f1;*/ /*box-shadow: inset 0 0 15px rgba(62, 83, 57, 0.3);*/ /*padding: 25px 25px 20px;*/ } .contacts_column .splitPhone { display: block; margin-top: 5px; } .contacts_column .title { } .contacts_column .contacts-item { align-items: stretch; box-shadow: 10px 10px 10px -10px rgba(0,0,0,0); max-width: 100%; } .contacts_column .contacts-item + .contacts-item { margin-top: 13px; } .contacts_column .contacts-content{ background: #fff; width: 100%; padding: 10px 5px 10px 10px; overflow-wrap: break-word; position: relative; max-width: calc(100% - 33px); z-index: 5; border-top: 2px solid #6cae6d; border-left: 5px solid #6cae6d; } .contacts_column .contacts-icon { min-width: 33px; max-width: 33px; padding: 5px; margin-right: 0; min-height: 100%; display: flex; align-items: center; justify-content: center; position: relative; background: #fff; border-bottom: 2px solid #6cae6d; } .contacts_column .contacts-icon img { position: relative; z-index: 5; } .contacts_column .contacts-icon:after { content: ''; height: 100%; width: 100px; display: none; left: 0; top: 0; position: absolute; z-index: 2; background: rgb(207,255,164); background: radial-gradient(circle, rgb(161, 255, 144) 0%, rgba(86,140,72,0) 90%); background-size: 100% 100%; } @media all and (min-width: 990px) { #left_menu { min-height: 450px; position: sticky; top: 95px; margin-top: 15px; } #left_menu.no-sticky { position: unset; } } .titleOrder { display: flex; align-items: stretch; } .titleOrder .titleOrder-pict { margin-left: auto; margin-right: 15px; max-width: 20%; display: flex; align-items: flex-end; } .titleOrder .title { margin-top: auto; padding-left: 0; padding-bottom: 0 !important; } .titleOrder .titleGroup { display: flex; flex-wrap: wrap; align-items: right; } .titleOrder .titleGroup>* { width: 100%; display: block; } .title_order h1 { font-size: 25px; padding-top: 40px; padding-bottom: 20px; } .titleOrder-icon { } /*.titleOrder-icon_gardener { width: 150px; max-width: 100%; height:0; padding-top: 100%; display: block; background: url('../img/farming.svg') center center no-repeat; background-size: contain; }*/ .title { display: flex; position: relative; align-items: stretch; flex-wrap: wrap; border: none; justify-content: center; text-transform: none; margin-top: 15px; margin-bottom: 10px; /*padding: 15px 20px 7px !important;*/ padding-right: 35px !important; padding-bottom: 7px !important; } .title_row { flex-direction: column; justify-content: center; } .title_row .title-row { display: flex; position: relative; align-items: stretch; justify-content: center; flex-wrap: wrap; } .title h2, .title h1, .title .title-text, .title h3 { text-transform: none; color: #0a5d2f; margin: 0; padding: 0 40px 0 30px !important; max-width: calc(100% - 35px); font-size: 26px; text-align: center; letter-spacing: -0.5px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;; border: none; padding-left: 5px !important; padding-right: 0 !important; font-weight: 600; } @media all and (max-width: 990px) { .title h1, .title h3, .title h2, .title .title-text { font-size: 22px; } } .title_row .title-row{ margin-bottom: 10px; } .title .view_moore { margin-left: auto; } .title_plain { padding: 0 20px 0 !important; margin-top: 0; margin-bottom: 0; } .title_text { padding: 0 !important; } .title_pWin { position: relative; padding-right: 0 !important; padding-bottom: 5px !important; } .title_pWin .title-text { font-weight: bold; text-align: center; padding-right: 40px; padding-left: 40px; width: 100%; display: block; border: none; max-width: 100%; } .title_pWin .cloce { position: absolute; right: 0; top: 0; } .title_left { justify-content: flex-start; } .title_plain .title-text { font-size: 19px; font-weight: normal; } .title .ic_i, .title .ic_shop { margin-right: 0px; background: none; position: relative; width: 35px; height: auto; color: #0a5d2f; background: #fff; line-height: 1em; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #0a5d2f ; border-radius: 0; } .title .ic_shop:before, .title .ic_i:before { color: #0a5d2f; } .title * + .ic_i { margin-left: 20px; margin-right: 0; } .title-right { margin-left: auto; padding-left: 20px; } .title-icon { margin-right: 0px; position: relative; width: 35px; height: auto; color: #0a5d2f; line-height: 1em; display: inline-flex; align-items: center; justify-content: center; border-radius: 0; background: #fff0 url("../img/yabloko-icon.svg") center center no-repeat; background-size: 100% 100%; border: none; } .title-icon_order { background-image: url("../img/sent.svg"); } .title-icon_comments { background-image: url("../img/feedback.svg"); } .title-icon_comment { background-image: url("../img/comment.svg"); } .title-icon_hot { background-image: url("../img/star_green.svg"); } .title-icon_bell { background-image: url("../img/bell.svg"); } .title-icon_text { background-image: url("../img/align.svg"); } .title-icon_list { background-image: url("../img/task.svg"); } .title-icon_plus { background-image: url("../img/plus.svg"); } @media all and (max-width: 768px){ .title-right { margin-left: 0; padding-left: 0; width: 100%; margin-top: 10px; } } #top_line #account_holder { margin-left: auto; } @media all and (max-width: 1150px){ #top_line .mobile-menu{ width: 80%; left: -100%; transition: left 300ms; display: flex !important; flex-direction: column; justify-content: space-between; padding: 60px 20px 40px !important; text-align: center; background: url(https://yablochko.com.ua/img-design/2-fon-dlya-sayta.png) top left repeat; box-shadow: 0 0 35px rgba(0, 0, 0, 0.5); } #top_line .mobile-menu li{ display: block; } #top_line .mobile-menu li a { display: block; padding: 10px; max-width: 300px; border: 2px solid #3e8f3b; background: #f56335; border-left: 0; border-top: 0; margin-left: auto; margin-right: auto; border-radius: 0 0 10px 0; text-decoration: none; } #top_line .mobile-menu li a:hover { color: #fff; text-shadow: none; text-decoration: none; } #top_line .mobile-menu li a.active { background: #3e8f3b; color: #fff; text-shadow: none; text-decoration: none; } #top_line .mobile-menu li + li { margin-top: 10px; } } #top_line .mobile-menu.active { left: 0%; transition: left 300ms; z-index: 1005; float: none; } #top_line .mobile-menu + .menu_bg{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1001; display: block; } #close-menu { background: #c3c3c3; } .lds-dual-ring { display: inline-block; width: 30px; height: 30px; margin-left: 10px; } .lds-dual-ring:after { content: " "; display: block; width: 24px; height: 24px; margin: 3px; border-radius: 50%; border: 5px solid #0a5d2f; border-color: #0a5d2f transparent #0a5d2f transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Правки для хлебных крошек */ .breadcrumbs { padding-top: 0; padding-bottom: 0; line-height: 1.5em; } .title { padding-top: 0 !important; margin-top: 8px; } .productText { margin-bottom: 0; } .breadcrumbs a{ color: #63a000; } .breadcrumbs-icon { display: block; width: 30px; position: relative; bottom: -3px; margin-right: 10px; } .breadcrumbs-icon img { max-height: 100%; max-width: 100%; } @media all and (min-width: 990px){ .breadcrumbs a:hover{ color: #f56335; } } @media all and (max-width: 768px){ .breadcrumbs a, .breadcrumbs-current { font-size: 14px; } } .breadcrumbs-current { color: #5a5a5a; display: inline-block; border-bottom: 1px solid transparent; } .breadcrumbs-separator { color: #0a5d2f; } #content{ padding-bottom: 10px; } /* изменение иконок закрытия */ .cloce, .modal-close, .menu-close, #close-menu{ width: 30px; height: 30px; font-size: 0; line-height: 0; display: inline-block; position: absolute; background: url('../img/cancel_new.svg') center center no-repeat; background-size: 24px 24px; top: 0px !important; right: 0px !important; } #modal_contacts .modal-close { right: auto !important; left: 0 !important; } .modalWrap .modal-close { display: none; } .modalWrap_open .modal-close { display: inline-block; } .modal-close * { display: none !important; } .cloce:hover { background: url('../img/cancel_new.svg') center center no-repeat; } .title_pWin { position: static; } .cloce .icon-cross { display: none; } #close-menu:before { display: none; } @media (min-width: 1151px) { #close-menu{ display: none; } } /* balloon */ #baloon { width: 187px; top: 0px; left: 0px; padding: 0; margin: 0; display: none; position: absolute; z-index: 64999; filter: Alpha(Opacity='75'); -moz-opacity: 0.75; opacity: 0.8; } #baloonHeader { width: 187px; height: 19px; padding: 0; margin: 0; font-size: 0; line-height: 0; background-repeat: no-repeat; display: block; } .baloonHeaderDirect { background-image: url(../i/baloon-header.gif); } .baloonHeaderFlip { background-image: url(../i/baloon-header-flip.gif); } #baloonFooter { width: 187px; height: 3px; padding: 0; margin: 0; font-size: 0; line-height: 0; background-image: url(../i/baloon-footer.gif); background-repeat: no-repeat; display: block; } #baloonBody { padding: 10px; background-color: #D0D0D0; width: 100%; margin: 0; font: normal normal 10px/14px Verdana, Arial, serif; line-height: 140%; background-image: url(../i/baloon-body.gif); background-repeat: repeat-y; display: block; } /* owl-theme */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .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; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .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-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; min-width: 100%; min-height: 100%; top: 50%; left: 50%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .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 { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; 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 - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { 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; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: 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; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* owl-carousel green */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Green theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #4DC7A0; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { position: absolute; bottom: 3%; right: 4%; display: flex; margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; width: 25px; height: 25px; margin: 0 4px 0 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #569230; border: 2px solid #57902F;} .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #E7551C; border: 2px solid #E5561C; } @media screen and (max-width: 700px) { .header-block_cart .addPanel-cart { display: none; } .mobileBlockTopLine-cart .addPanel-cart { display: block; } } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-pagination { position: absolute; bottom: 23px; right: 2%; /* background-color: rgba(255, 255, 255, 0.72); */ padding: 7px 3px 3px 7px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 2px; } .owl-theme .owl-controls .owl-buttons div{ display: block; *display: inline;/*IE7 life-saver *//*IE7 fix*/ width: 44px; height: 44px; position: absolute; top: 50%; margin-top: -22px; background-image: url(../img/controls.png); } .owl-prev {left: -20px; background-position: 0 0;} .owl-next {right: -22px; background-position: 100% 0;} /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ background-position-y: 100%; /*IE7 fix*/ } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 25px; height: 25px; margin: 0 4px 0 0;/*IE7 fix*/ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #569230; border: 2px solid #57902F; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{/*IE7 fix*/ background: #E7551C; border: 2px solid #E5561C; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } .name-22 { width: 30%; padding: 5px 0; background-color: white; padding-left: 15px; font-size: 14px; color: black; }