@import https://fonts.googleapis.com/css?family=Roboto:400,400i,700;
*{margin:0;outline:none;padding:0}
html,body{height:100%;width:100%}
a img{border:0}
img{height:auto;max-width:100%}
object,embed,video,iframe{max-width:100%}
.clear{clear:both;font-size:0;line-height:0;height:0}
.hidden{display:none}
body{background:url(/assets/foodhouse/design/body_bg.png);color:#252525;font-family:'Roboto',Arial,Helvetica,sans-serif;font-size:16px;line-height:22px}
.container_cont{min-height:100%;position:relative}
.container{padding:0}
.content{margin:5px auto 0;padding:0 20px;position:relative;max-width:1160px;min-width:960px}
.content h2{font-size:28px;line-height:28px;margin:0 0 35px}
.content p{margin:0 0 17px}
header{height:600px;overflow:hidden;padding:25px 0 0;position:relative}
header h1,header p{color:#6abc30;font-size:60px;line-height:75px;margin:0 0 11px;text-align:center;text-transform:uppercase}
header h2{color:#6abc30;line-height:35px!important;text-align:center}
.h_custom{color:#6abc30;text-shadow:1px 1px 1px #000;text-align:center;line-height:1.26;font-size:28px!important;text-transform:none;margin-top:11px;font-weight:600;margin-top:-14px}
header .logo{left:46%;margin:-4px 0 0 -65px;position:absolute}
header .search{float:left;margin:0 0 30px}
header .search fieldset{border:0}
header .search input{background:transparent;border:1px solid #a8a8a8;border-radius:4px;color:#727272;font-size:14px;height:28px;line-height:28px;padding:0 10px;width:190px;vertical-align:top}
header .search .button input{background:#a8a8a8;border-radius:4px;color:#fff;font-size:12px;height:30px;margin:0 0 0 -10px;padding:0 15px;text-transform:uppercase;width:auto}
header .search .button input:hover{background:#6abc30}
header .phone{color:#727272;float:right;font-size:32px;padding:5px 0 0;line-height:.7em;font-weight:600}
header .phone a{color:#727272;text-decoration:none}
header .phone .button{background:#6abc30;border-radius:4px;color:#fff;display:block;float:right;font-size:12px;height:30px;line-height:28px;margin:-5px 0 0 20px;padding:0 15px;text-decoration:none;text-transform:uppercase;width:auto}
header .menu{margin:0 0 30px;position:relative;text-align:justify}
header .menu a{color:#252525!important;text-decoration:none}
header .menu a[href='/discounts/'] {color:red!important;font-weight:700}
header .menu ul li{display:inline-block;font-size:18px;list-style-type:none;padding:0 0 15px}
header .menu ul li:nth-child(3):after{content:" ";display:inline-block;width:220px}
header .menu ul li ul{background:#a8a8a8;border-radius:4px;display:none;padding:10px 20px;position:absolute;text-align:left;top:35px;width:248px}
header .menu ul li ul a{color:#fff!important}
header .menu ul li ul li{display:block;font-size:13px;margin:0 0 4px;padding:0}
header .menu ul li ul li:nth-child(3):after{display:none}
header .menu ul li ul:after{display:none}
header .menu ul:after{content:" ";display:inline-block;width:100%}
header .menu ul li:hover ul{display:block}
header .visual{left:50%;margin-left:-700px;max-width:none;position:absolute;top:0}
header .bg_l{background:url(/assets/foodhouse/design/header_bg_l.png) repeat-x;height:100%;left:0;position:absolute;top:0;width:50%}
header .bg_r{background:url(/assets/foodhouse/design/header_bg_r.png) repeat-x;height:100%;position:absolute;right:0;top:0;width:50%}
.price_cont{background:#6abc30;color:#fff;font-size:20px;height:105px;margin:0 0 55px;padding:25px 0 0;text-align:center}
.price_cont a{color:#fff;font-size:28px;margin-right:10px;border:1px solid;border-radius:10px;padding:8px 15px 10px;text-decoration:none;background:#98cc12;background:-webkit-gradient(linear,left top,left bottom,from(#98cc12),to(#6ab000));background:linear-gradient(to bottom,#98cc12 0%,#6ab000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#98cc12',endColorstr='#6ab000',GradientType=0);text-shadow:0 -2px 2px #70a205;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.5);box-shadow:0 0 15px rgba(0,0,0,0.5)}
.price_cont a:hover{background:#63b400;background:-webkit-gradient(linear,left top,left bottom,from(#63b400),to(#9dcf14));background:linear-gradient(to bottom,#63b400 0%,#9dcf14 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b400',endColorstr='#9dcf14',GradientType=0)}
.price_cont p {margin: 30px 0 0 0;}
.price_cont p + p {margin:10px 0 0 0}
.benefits{margin:0 0 80px}
.benefits a{color:#252525;text-decoration:none}
.benefits h3{font-size:28px;margin:0 0 15px}
.benefits img{margin:0 0 30px}
.benefits .grid_3{display:block;float:left;line-height:24px;margin:0 2%;text-align:center;width:21%}
.catalog_menu{border:6px solid #6abc30;font-size:18px;margin:0 0 65px;position:relative}
.catalog_menu a{color:#252525;text-decoration:none}
.catalog_menu table{background:#fff;border-collapse:collapse;width:100%}
.catalog_menu table td{border:1px solid #6abc30;height:105px;padding:0 20px;width:25%}
.catalog_menu table table{background:transparent;border:0}
.catalog_menu table table td{border:0;padding:0;width:auto}
.catalog_menu table .img{width:80px}
.catalog_menu table .text{width:100%}
.catalog_menu .cm_logo{left:-13px;position:absolute;top:-34px}
.about_block{float:left;font-size:13px;margin:0 6% 65px 0;width:60%}
.about_block ul{margin-left:35px}
.bottom_block h2{font-size:13px;font-weight:400;line-height:22px;text-align:center}
.news_block{float:left;font-size:13px;margin:0 0 65px;width:33%}
.news_block a{color:#252525;text-decoration:none}
.news_block ul{border-bottom:1px solid #a8a8a8;margin:0 0 30px}
.news_block li{margin:0 0 30px;list-style-type:none}
.news_block .title{font-size:20px}
.news_block .date{color:#727272;font-size:12px;font-weight:700}
.news_block .readmore{display:none}
.reviews_block{margin:0 0 80px;position:relative}
.reviews_block li{background:#6abc30;border-radius:15px 15px 15px 0;color:#fff;display:block;float:left;font-size:18px;line-height:28px;list-style-type:none;margin:0 2% 0 0;padding:15px 2% 25px;position:relative;width:19%}
.reviews_block .arrow{background:url(/assets/foodhouse/design/arrows.png);cursor:pointer;height:33px;position:absolute;top:50%;width:18px}
.reviews_block .arrow_left{background-position:0 0;left:-60px}
.reviews_block .arrow_right{background-position:-18px 0;right:-60px}
.reviews_block .arrow_left:hover{background-position:0 -33px}
.reviews_block .arrow_right:hover{background-position:-18px -33px}
.reviews_block .info:after{border-top:30px solid #6abc30;border-right:30px solid transparent;bottom:-30px;content:" ";display:block;left:0;position:absolute}
.msg{display:none;text-align:center}
.pager{font-size:16px}
.pager .ditto_page{cursor:pointer;padding:4px 5px;float:left}
.pager .active{background:#6abc30;color:#fff}
.form-item.form-text{position:relative}
.form-item.form-text label.error{position:absolute;bottom:2px;left:0;color:red;font-size:12px;width:100%}
.form-item.form-text .novalid{border-color:red;box-shadow:inset 0 0 1px 0 red}
.form-item.form-text .novalid.valid{border-color:#cdcdcd;box-shadow:inset 0 0 4px 2px #DEDEDE}
.forma-zvonok{width:400px;position:relative;padding:40px 0;background:#fff;text-align:center}
.forma-zvonok h3{padding:0 0 20px}
.forma-zvonok .form-text input{height:28px;line-height:28px;margin-bottom:20px;color:#252525;border-radius:3px;border:1px solid #cdcdcd;width:80%;padding:0 2%;-webkit-box-shadow:inset 0 0 15px 2px #DEDEDE;box-shadow:inset 0 0 4px 2px #DEDEDE}
.forma-zvonok .form-text input[type=checkbox]{height:16px;width:16px}
.forma-zvonok .form-text span{font-size:12px}
.close{position:absolute;right:-15px;top:-15px;border-radius:50%;background:#76ba17;width:30px;height:30px;line-height:25px;color:#fff}
.close a{color:#fff;display:block}
.submit_go,.button a,.button input{color:#fff;text-transform:uppercase;padding:7px 20px;cursor:pointer;font-weight:700;border:none;border:1px solid #6ab000;border-radius:3px;text-shadow:0 -1px 1px #70a205;font-size:13px;background:#98cc12;background:-webkit-gradient(linear,left top,left bottom,from(#98cc12),to(#6ab000));background:linear-gradient(to bottom,#98cc12 0%,#6ab000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#98cc12',endColorstr='#6ab000',GradientType=0)}
.submit_go:hover,.button a:hover,.button input:hover{background:#63b400;background:-webkit-gradient(linear,left top,left bottom,from(#63b400),to(#9dcf14));background:linear-gradient(to bottom,#63b400 0%,#9dcf14 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b400',endColorstr='#9dcf14',GradientType=0)}
.xfoodhouse{display:block;height:0;margin:0!important;overflow:hidden;padding:0!important;width:0}
footer{border-top:1px solid #a8a8a8;margin:0 auto;padding:40px 0 0;position:relative}
footer .menu{height:210px}
footer .menu a{color:#252525!important}
footer .menu ul li{display:block;font-size:14px;list-style-type:none}
footer .menu .item{float:left;width:34%}
footer .menu .item .name{font-size:18px;margin:0 0 10px}
footer .menu .catalog_item{width:66%}
footer .menu .catalog_item ul li{float:left;width:50%}
footer .copy{background:#414141;color:#fff;padding:25px 0 0}
footer .copy img{float:left;margin:-10px 20px 0 0}
footer .copy .phone{float:right;font-size:24px;margin:10px 0 0;line-height:1.2}
footer .copy .phone .button{background:#6abc30;border-radius:4px;color:#fff;display:inline-block;font-size:12px;height:30px;line-height:28px;margin:-5px 0 0 20px;padding:0 15px;text-decoration:none;text-transform:uppercase;vertical-align:top}
footer .copy .phone .button:hover{background:#a8a8a8}
footer .copy a{color:#fff}
.catalog_menu .assortment-table td{vertical-align:top;text-align:center;height:315px;padding:25px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.catalog_menu .assortment-table tr:nth-child(2) td{padding:10px 0 0}
.catalog_menu .assortment-table tr:nth-child(3) td{padding:40px 0 0}
.catalog_menu .assortment-table .assortment-table-item-text{margin-top:5px;display:inline-block}
#pop_up_form{display:none}
p.index-head-h1{text-shadow:1px 1px 1px #000;font-size:45px;line-height:65px;font-weight:600}
.tip_alert{left:50%;top:50%;position:fixed;z-index:999999;color:#fff;font-size:18px;border-radius:5px;border:3px solid #fff;-webkit-box-shadow:1px 1px 5px #000;box-shadow:1px 1px 5px #000;padding:7px 20px}
.copy_f{height:auto!important;padding-bottom:20px!important;display:table;width:100%}
.phone_f{margin-top:10px}
.copy_f1{margin-left:90px;padding-top:0!important}
body{min-width:320px}
header .menu ul li ul li{margin:0 0 2px}
.mobile-menu{background:#6abc30;position:relative;margin:0 -20px;min-height:50px;padding:0 0 0 16px}
.head .mobile-menu{margin:0}
.mobile-phone,.mobile-search{display:none}
.container_12{width:96%;max-width:1200px}
.container_12 .grid_4{width:auto;float:right}
.container_12 .grid_8{width:auto}
.container_12 .grid_12{width:96%;max-width:1170px}
.spoiler_links{font-weight:700}
.spoiler_links img{width:25px;height:16px;margin:17px 10px -2px 0}
.mobile-menu{display:none}
.mobile-menu.first-lvl .spoiler_links{color:#fff;font-size:16px;text-decoration:none;text-shadow:0 -2px 2px #70a205;font-weight:700}
.mobile-menu #nav a{color:#fff;text-shadow:0 -2px 2px #70a205;font-weight:700;text-decoration:none;border:1px solid;border-width:0}
#nav .spoiler_links{background:none;padding:0;border:1px dashed!important;border-width:0!important;border-radius:0;-webkit-box-shadow:none;box-shadow:none}
.spoiler_body{display:none}
.content{min-width:150px}
.benefits{width:100%;margin:0 auto 25px}
.benefits .grid_3{width:23%;margin:0 1%}
.reviews_block{margin:0 15px 80px}
.reviews_block .arrow_right{right:-10px}
.reviews_block .arrow_left{left:-30px}
footer .menu .item{width:25%}
footer .menu .catalog_item{width:75%}
footer .menu .catalog_item ul li{width:25%}
.forma-zvonok{width:auto;max-width:400px}
#nav .spoiler_links:after{content:"-";border:1px solid;border-radius:50%;padding:0 7px;margin:0 0 0 5px}
#nav .spoiler_links.active:after{content:"+";padding:0 5px}
.spoiler_body #nav li{text-align:left;list-style-type:none;line-height:30px}
#nav .spoiler_body ul{margin-left:25px}
.newscolumn.grid_4.news-list{width:100%;height:auto!important}
.categories td{display:table-row-group;width:33%;float:left;margin:-1px}
#products-cards-wrap .products-cards-item img{width:100%}
.assortment-table img{width:100%}
@media (max-width: 1200px),(max-device-width: 1200px) {
.benefits{width:100%}
.benefits h3{font-size:22px}
.content p{margin:0 17px 25px}
.head #nav li{margin:0}
}
@media (max-width: 1100px),(max-device-width: 1100px) {
footer .menu .catalog_item ul li{width:33%}
.head #nav li a{padding:0 6px}
.kroshki{margin-bottom:-40px}
}
@media (max-width: 1055px),(max-device-width: 1055px) {
h1.index-head-h1{font-size:30px;line-height:35px}
.h_custom{font-size:22px!important}
header{padding:10px 0 0;height:auto}
header .visual{top:-200px}
header .menu ul li{font-size:16px;padding:0}
header .menu ul li ul{top:20px;width:96%}
header .menu ul li ul li{width:25%;float:left}
.price_cont{height:40px;padding:10px 0 0;margin:0 0 25px}
.price_cont a,.cen_zap{font-size:20px;padding:5px 10px;border-radius:5px;margin-right:0}
.categories td a{font-size:16px}
}
@media (max-width: 960px),(max-device-width: 960px) {
.spec-list .item{width:33%}
}
@media (max-width: 920px),(max-device-width: 920px) {
header .search input{padding:0 5px;width:150px}
header .phone{font-size:18px}
header .phone .button{line-height:30px;margin:-5px 0 0 10px;padding:0 8px}
header .menu{margin:80px 0 30px}
header .menu ul li:nth-child(3):after{width:auto}
header .menu ul li ul li{width:33%}
.no-front .menu{height:auto}
.catalog_menu .assortment-table td{height:auto;padding:10px}
.catalog_menu .assortment-table tr:nth-child(2) td,.catalog_menu .assortment-table tr:nth-child(3) td{padding:10px}
.reviews_block li{font-size:14px;line-height:21px}
.benefits .grid_3{font-size:14px}
.benefits h3{font-size:18px}
.benefits .grid_3 .img{width:50%;margin:0 auto}
footer .copy{height:auto;min-height:100px}
footer .copy .phone{float:left;margin:-10px 0 0}
footer .copy .copy-footer{float:left;clear:both;margin:15px 0 0}
.container_12 .grid_4{float:left;margin:5px 0 0}
.container_12 .grid_4 .phone{float:left;font-weight:400}
.container_12 .grid_4 .button{float:left;margin:15px 0 0 30px}
.container_12 .grid_4 .button a{padding:6px 16px}
.container_12 .grid_4 p{display:none}
.container_12 .grid_8{margin:0}
.container_12 .grid_8 .copy{min-height:auto;margin-top:15px;line-height:22px}
.container_12 .grid_8 .footer-logo{margin:0}
.no-front footer{height:auto;background-size:cover}
}
@media (max-width: 780px),(max-device-width: 780px) {
.categories td{width:50%}
#products-cards-wrap{margin:0}
#products-cards-wrap .products-cards-item{width:50%}
}
@media (max-width: 720px),(max-device-width: 720px) {
header .visual{top:0}
header .search{float:right;clear:both;margin:20px 0 0;left:0}
header .logo{left:0;margin:0;position:initial}
header .logo img{width:80px}
header .menu{display:none}
.mobile-menu #nav{padding:10px 15px 10px 0;list-style-type:none;text-align:left}
.mobile-menu{display:block}
.no-front .menu{display:none}
.about_block{width:100%;margin:0 6% 30px 0}
.news_block{width:100%;margin:0 0 30px}
.reviews_block{margin:0 15px 30px}
.reviews_block li{width:92%;margin:0 0 25px}
.reviews_block .info:after{bottom:-10px}
.benefits{margin:0 auto 35px}
.benefits .grid_3{width:100%;margin:0;text-align:left}
.benefits .grid_3 .img{width:80px;margin:0 17px 0 0;float:left}
.benefits img{margin:0 0 15px}
.benefits h3{margin:0}
.benefits p{margin:0}
.preheader{display:none}
.spec-list .item{width:50%}
}
@media (max-width: 680px),(max-device-width: 680px) {
.no-front .header .slogon{width:150px;margin-left:10px;margin-top:44px;font-size:14px}
footer .menu{height:100px}
footer .menu ul li{width:33%;float:left}
footer .menu .item{width:100%;margin-bottom:15px}
footer .menu .catalog_item{display:none}
footer .copy{min-height:120px;font-size:14px}
footer .copy .copy-footer{width:100%}
}
@media (max-width: 640px),(max-device-width: 640px) {
.catalog_menu .assortment-table td{padding:0;display:flow-root;width:50%;float:left;min-height:235px}
.catalog_menu .assortment-table img{width:140px;font-size:12px;line-height:16px}
.no-front .header .slogon{display:none}
h1.index-head-h1{font-size:24px;margin:12px 0}
footer .menu a{font-size:12px}
.container_12 .grid_8 .footer-logo img{margin:20px 20px 0 0}
.container_12 .grid_8 .copy{letter-spacing:normal;font-family:'Trebuchet MS',sans-serif;line-height:22px;float:initial}
#products-cards-wrap .products-cards-item .products-cards-item-name{font-size:16px}
#products-cards-wrap .products-cards-item:hover .products-cards-item-body{font-size:16px}
.price_cont > .content{padding:0}
.price_cont a{font-size:18px!important;white-space:nowrap;width:100%}
}
@media (max-width: 510px),(max-device-width: 510px) {
.tablesorter th:nth-of-type(2){display:none}
.tablesorter td:nth-of-type(2){display:none}
}
@media (max-width: 480px),(max-device-width: 480px) {
.phone,.search,.container_12 .grid_4 .button{display:none}
.mobile-phone,.mobile-search{display:block;float:right;margin:10px 0 0 20px}
.mobile-phone img,.mobile-search img{width:46px}
.header{background:none}
.no-front .header{height:80px}
.no-front .header .logo{width:75px;height:75px;padding:2px}
.spec-list .item{width:100%}
footer .copy img{margin:5px 20px 0 0}
}
@media (max-width: 440px),(max-device-width: 440px) {
.categories td{width:100%}
#products-cards-wrap .products-cards-item{width:100%}
.tablesorter th:nth-of-type(3){display:none}
.tablesorter td:nth-of-type(3){display:none}
.grid_12{margin:0}
.kroshki{line-height:20px}
}
@media (max-width: 420px),(max-device-width: 420px) {
.catalog_menu .assortment-table td{width:100%;min-height:auto}
footer .menu ul li{width:50%}
footer .menu a{font-size:14px}
footer .copy .phone .button{margin:15px 0 0;display:block;text-align:center}
}
@media (max-width: 385px),(max-device-width: 385px) {
footer .copy{min-height:150px}
}
.policy{color:#fff}
#pop_up_form_cena{display:none}
.cen_zap{color:#fff;font-size:28px;margin-right:10px;border:1px solid;border-radius:10px;padding:8px 20px 10px;text-decoration:none;background:#98cc12;background:-webkit-gradient(linear,left top,left bottom,from(#98cc12),to(#6ab000));background:linear-gradient(to bottom,#98cc12 0%,#6ab000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#98cc12',endColorstr='#6ab000',GradientType=0);text-shadow:0 -2px 2px #70a205;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.5);box-shadow:0 0 15px rgba(0,0,0,0.5)}
.cen_zap:hover{background:#63b400;background:-webkit-gradient(linear,left top,left bottom,from(#63b400),to(#9dcf14));background:linear-gradient(to bottom,#63b400 0%,#9dcf14 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b400',endColorstr='#9dcf14',GradientType=0)}
.-likeindex h1{margin-bottom:25px}
.-likeindex h2{margin:25px 0 15px}
.-likeindex h3{font-size:28px;line-height:28px;margin:25px 0 15px}
.phone.phone_f .ya-phone{display:none}
@media (max-width: 480px) {
.mobile-phone,.mobile-search{margin:35px 0 0 20px;max-width:30px;max-height:30px}
header .phone{display:block;position:absolute;top:0;right:20px}
header .phone .button{display:none}
}
@media (max-width:567px) {
header .visual{top:-150px;opacity:.25}
header .bg_l,header .bg_r{opacity:0}
p.index-head-h1{margin:30px 17px 25px;font-size:30px;line-height:40px}
}
.price-area .tabs{display:flex;flex-flow:row wrap;margin:-3px}
.price-area .tabs .item{flex:1 1 auto;cursor:pointer}
.price-area .tabs .item a{background:#ececec;border:1px solid #ececec;padding:7px 20px;display:flex;margin:3px}
.price-area .tabs .item:hover a,.price-area .tabs .item.active a{border:1px solid #6abc30;background:#6abc30;color:#fff}
.price-area .tablesorter{font-weight:400}
.price-area .tablesorter .item-title{margin-bottom:5px;font-weight:600;background:#6abc30;color:#fff;display:flex;padding:0 20px}
.price-area .tablesorter .item-title span{flex:1 1 20%;text-align:center;padding:10px 0}
.price-area .tablesorter .item-title span:first-of-type{flex:1 1 40%;text-align:left}
.price-area .tablesorter .item-title span:last-of-type{text-align:right}
.price-area .tablesorter .item-row{padding:10px 20px;border-bottom:1px solid #ececec;display:flex}
.price-area .tablesorter .item-row span{flex:1 1 20%;text-align:center}
.price-area .tablesorter .item-row span:first-of-type{flex:1 1 40%;text-align:left}
.price-area .tablesorter .item-row span:last-of-type{text-align:right}
footer .catalog_item ul{column-count:4}
footer .menu .catalog_item ul li{width:auto;padding:5px 30px 5px 0;line-height:1em}
@media (max-width:991px) {
footer .catalog_item ul{column-count:3}
}
.order-back{padding-top:25%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;margin:0 0 20px}
.order-back img{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:100%}
.order-back .order-back-content{position:absolute;top:50%;left:auto;right:auto;bottom:auto;margin:-45px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:column;align-items:center;color:#fff;font-size:24px}
.order-back .order-back-content p{font-size:30px;font-weight:600;text-shadow:0 0 50px rgba(0,0,0,0.7)}
.order-back .order-back-content a{margin-top:20px}

.up-btn {position: fixed; bottom: 70px; right: 30px; display: flex; transition: .5s;transform:translateY(150px);cursor:pointer;z-index: 999;}
.up-btn.active {transform:translateY(0px)}
.up-btn span {width: 50px; height: 50px; margin-left: 10px;background: #69bc30;position:relative;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.up-btn span:after {content: ''; position: absolute; width: 15px; height: 15px; border-bottom: 3px solid #fff; border-left: 3px solid #fff; transform: rotate(135deg); left: 17px; top: 20px;}
.up-btn a {height: 30px; white-space: nowrap; background: #69bc30; padding: 10px 20px; text-decoration: none; color: #fff; font-weight: 600; text-transform: uppercase; display: flex; align-items: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}

@media (max-width:576px) {
  .up-btn{bottom: 15px; left: 15px; height: 30px; width: 30px;}
  .up-btn:after{width: 10px; height: 10px;left: 10px; top: 12px;}
}

.slider--main-actions {margin-bottom: 40px;overflow:hidden}
.slider--main-actions .slick-list.draggable {padding:0!important}
.slider--main-actions .slick-dots {display: flex;justify-content: center;list-style: none;margin-top:15px}
.slider--main-actions .slick-dots li button {background: #fff; border: 2px solid #69bc30; margin: 0 5px; font-size: 0; height: 15px; width: 15px; border-radius: 50%;}
.slider--main-actions .slick-dots li.slick-active button {background:#69bc30}
.slider-item {max-height: 300px;display:inline-block}
.wrap--slider-item {display: flex;background: #fff;border: 2px solid #69bc30;border-radius: 10px;margin: 0 10px;padding: 20px;}
.wrap--slider-item .slide-image {flex: 1 1 33.33%;}
.wrap--slider-item .slide-image span {padding-top: 75%; display: flex; background-size: contain; background-repeat: no-repeat; background-position: center;}
.wrap--slider-item .slide-content {flex: 1 1 66.66%; padding-left: 30px; justify-content: center; display: flex; flex-flow: column;}
.wrap--slider-item .slide-content > *:not(:last-child) {margin-bottom:10px}
.wrap--slider-item .slide-name {font-size: 18px; font-weight: 600;}
.wrap--slider-item .slide-oldprice {opacity: .5; text-decoration: line-through;}
.wrap--slider-item .slide-price {font-size: 18px;}
.wrap--slider-item .slide-btn {font-size:13px}
.wrap--slider-item .slide-date {font-size:13px}