/* CSS Document */
 @import "https://fonts.googleapis.com/css?family=Roboto:100, 100i, 300, 300i, 400, 400i, 500, 500i, 700, 700i&subset=cyrillic-ext;";
@-webkit-keyframes fadeinout{0%{opacity:0}100%{opacity:1}}
@keyframes fadeinout{0%{opacity:0}100%{opacity:1}}
body {-webkit-animation:fadeinout .5s ease-in 1 forwards;animation:fadeinout .5s ease-in 1 forwards;}
.green {background-color: #a6ce39;}
.blue {background-color: #60caf4;}
.black {background-color: #000;}
.silver {background-color: #f3f3f3;}
.white {background-color: #fff;}
.grey {background-color: #333333;}
.required {color:#c00016;}
.white-text {color:#fff;}
.green-text {color: #a6ce39;}
.blue-text {color: #60caf4;}
.black-text {color: #000;}
.bordered {border:solid 1px #E4E4E4;}
.round-button {position: relative; display: inline-block}
header .logo {-o-transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;}
header .header-tools {position: absolute;top:20px; right: 0; white-space: nowrap; -o-transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;}
header .header-tools > .header-tool {display: inline-block; float: right;}
header .header-tool.animate:before {transform: scale(2); opacity: 0;  -o-transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;}
header .tool-icon {width: 30px; height: 50px; line-height: 50px; display: inline-block; position: relative;cursor: pointer; text-align: center;z-index: 8;margin-left: 10px;}
header .tool-icon .badje {display: block; position: absolute; top:-10px; left:-10px; width: 20px; height: 20px; line-height: 20px; background-color:#000; color:#fff; text-align: center; border-radius: 50%; }
header .tool-icon .pop-up:before {position: absolute; content: ''; top:-19px; height: 0px; width: 0px; border-left:transparent solid 10px;border-right:transparent solid 10px;border-top:transparent solid 10px;border-bottom:#fff solid 10px; left: calc(50% - 20px);} 
header .tool-icon .pop-up {position: absolute; width: 320px; top:70px; left:-125px; padding: 20px; display: none; background: #fff; line-height: normal; white-space: normal; text-align: left; z-index: 40;}
header .tool-icon .pop-up i {color:inherit;}
header .tool-icon .menu:before {position: absolute; content: ''; top:-19px; height: 0px; width: 0px; border-left:transparent solid 10px;border-right:transparent solid 10px;border-top:transparent solid 10px;border-bottom:#fff solid 10px; right:45px;;} 
header .tool-icon .menu {position: absolute; width: 300px; top:70px; right:-30px; padding: 20px; display: none; background: #fff; line-height: normal; white-space: normal; z-index: 40;}
header .tool-icon .open {display: block;animation:pop-open .4s;-webkit-animation:pop-open .4s}
header .tool-icon i {font-size: 2em; line-height: inherit; color: #60caf4;}
header .search {display: inline-block; width: 240px; margin-right: 20px;}
header .search-form button {background: transparent; color:#000 !important}
header nav ul li {list-style:none; display: inline-block;}
header nav ul li a {line-height: 50px; color:#000; display: block; padding-left: 15px; padding-right: 15px; text-decoration: none; text-transform: uppercase; font-weight: 700;  -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
header nav ul li a:hover {background-color: #a6ce39; color: #fff; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
header.scroll {position: fixed; width: 100%; z-index: 80;background-color: #fff; height: 70px; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1)}
header.scroll .logo  {width: 180px !important; -o-transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease; margin-bottom: 10px !important;}
header.scroll .header-tools {top:10px !important; -o-transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;}
header.scroll .cats {position: absolute; top:85px; display: block;  background: transparent; margin-left: 200px; width: 400px; z-index: 16;}
header.scroll .cats ul li {display: inline-block; margin-right: 5px; }
header.scroll .cats ul li a {font-size: 0.1px; color:#fff; padding: 0; opacity: 0.6;}
header.scroll .cats ul li a:hover {background-color: inherit; opacity: 1;}
header.scroll .no-scroll {top: -150px;position: relative}
header.scroll .zindex-fix {z-index: 15; background-color: #fff; }
@keyframes pull {
  from{
      margin-top:-15px;
  }
  to{
      margin-top:0px;
  }
} 
@-webkit-keyframes pull {
  from{
      margin-top:-15px;
  }
  to{
      margin-top:0px;
  } 
}
@-webkit-keyframes pop-open {
0%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes pop-open { 
0%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
} 
.slider .fix {height: 100%;}
.slider {height: 450px;}
.slider .img {position: absolute !important;top:0; height: 100%; width: 100%;}
.slider .img img {min-height: 100%;max-width: inherit;width: auto;min-width: 100%;}
.slider .img .info {position: absolute !important;bottom: 0; height: 120px; line-height: 120px;width: 100%; top: auto; text-align: left; font-size: 1.8em; padding: 15px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.63+70 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.63) 70%, rgba(0,0,0,0.63) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.63) 70%,rgba(0,0,0,0.63) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.63) 70%,rgba(0,0,0,0.63) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a1000000',GradientType=0 ); /* IE6-9 */
  }

  .user-menu ul {list-style: none;}
.user-menu ul li {display: block; line-height: 40px;border-bottom: solid 1px rgba(228,228,228,1.00); font-weight: 500; text-transform: uppercase;}
.user-menu ul li:last-child {border:none;}
.user-menu ul li a {text-decoration: none;}

.phone{width: 400px; top: 55%;  position: absolute;  left: 26%;}
.cats-button {position: relative; padding-left: 55px; line-height: 50px; font-size: 1.2em; font-weight: 500; text-transform: uppercase; width: 270px; z-index: 30; color:#fff; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.cats-button .menu-call {top:15px; left:15px;}
.cats.open {display: block !important;}
.cats {position: absolute; top:50; left:0;width: 100%; display: none;}
.cats img {width: 25px;vertical-align: middle; margin-right: 5px;}
.cats ul {list-style: none; color:#000;}
.cats ul li {display: block; text-transform: uppercase; white-space: nowrap; }
.cats ul li a {text-decoration: none; display: block;font-weight: 500; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; font-size: 0.8em; padding-left: 10px; padding-right: 10px; line-height: 50px;}
.cats ul li a:hover {background-color: #a6ce39; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; color:#fff;}
.cats ul li a:hover span img {fill:#fff;}
.cats-results .values a {padding: 10px; margin-bottom: 5px; display: block; text-decoration: none;background-color: #f3f3f3;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.cats-results .values a:hover {background-color: #60caf4;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; color:#fff; font-weight: 700}
ul.tabs li {color:#000;}

.menu-call{width:25px;position:absolute;z-index:101;cursor:pointer;padding-top:8px;padding-bottom:8px}
.menu-call span{width:100%;height:1px;background-color:#fff;display:block;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call span:before{content:'';height:1px;width:100%;margin-bottom:5px;display:block;background-color:#fff;position:absolute;top:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call span:after{content:'';height:1px;width:100%;margin-top:5px;display:block;background-color:#fff;position:absolute;bottom:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call.open span{-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;width:0}
.menu-call.open span:before{content:'';height:1px;width:100%;margin-bottom:5px;display:block;background-color:#fff;position:absolute;top:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call.open span:after{content:'';height:1px;width:100%;margin-top:5px;display:block;background-color:#fff;position:absolute;bottom:8px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transition:all .2s linear;-webkit-transition:all .2s linear}

.nap {background-image: url("../images/napoqvane.jpg"); background-size: cover;}
.grad {background-image: url("../images/gradinarstvo.jpg"); background-size: cover;}
.oze {background-image: url("../images/ozelenqvane.jpg"); background-size: cover;}
.serv {position: relative;}
.serv:after {position: absolute; width: 0px; height: 0px; border: solid 20px #fff;bottom: 0; right: 0; content: ''; border-top:transparent 20px solid; border-left:transparent 20px solid;}
.serv .button {position: absolute; bottom:25px; left:25px;}

.slider-wraper {width: calc(100% - 270px); margin-left: 270px;}
.news .col-25 {background-color: #f3f3f3; padding: 25px; position: relative; }
.news .col-25 .img {margin-bottom: 20px;}
.news .col-25 .title a{font-size: 1em; text-transform: uppercase; text-decoration: none; margin-bottom: 20px; display: block; font-weight: 500;}
.news .col-25 .descr {font-size: 1.2em;} 
.news .col-25 .date {position: absolute; padding: 5px; font-size: 1.2em; bottom:15px; left:20px;background-color: #60caf4;color:#fff; display: none;}
.news .col-25:after {position: absolute; width: 0px; height: 0px; border: solid 20px #fff;bottom: 0; right: 0; content: ''; border-top:transparent 20px solid; border-left:transparent 20px solid;}

footer ul {list-style: none;}     
footer ul li a {text-decoration: none; font-weight: 300; line-height: 1.3em;}

.mask {position: absolute; top:0; left:0; bottom:0; right:0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+99&0.79+44,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.79) 0%, rgba(0,0,0,0.79) 44%, rgba(0,0,0,0.01) 99%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.79) 0%,rgba(0,0,0,0.79) 44%,rgba(0,0,0,0.01) 99%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.79) 0%,rgba(0,0,0,0.79) 44%,rgba(0,0,0,0.01) 99%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.similar .prod {height: 350px;}
.prod {border:solid 1px #D9D9D9; height: 380px; padding: 10px;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; background-color: #fff;}
.prod:hover {border:solid 1px #fff;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; box-shadow: 0 0 10px rgba(0,0,0,.2)}
.prod-title a {text-transform: uppercase; margin-bottom: 3px; text-decoration: none; font-weight: 500; display: block; height: 50px; text-overflow: clip; overflow: hidden;}
.prod .descr {margin-bottom: 5px;}
.prod-price { text-decoration: none; font-weight: 500;font-size: 1.2em;color: #fff; background-color: #a6ce39; padding: 5px; display: inline-block}
.prod-price b {text-decoration: line-through; opacity: 0.7; font-weight: 500; font-size: 0.8em; color:#000;} 
.prod-img {margin-bottom: 10px; background-color: #fff; overflow: hidden; height:180px; text-align: center;;position: relative;} 
.prod-img img {height: 100%;}
.prod-img .sale-status, .product-images .sale-status {position: absolute; padding: 5px; color:#fff;background-color: #a6ce39; top:20px; left:0; } 
.prod-img .promo-status, .product-images .promo-status {position: absolute; padding: 5px; color:#fff;background-color: #a6ce39; top:20px; right:0; } 
.results .prod-img img {max-width:none; height: 250px;}
.results .prod-img {padding: 10px; border:solid 1px #DADADA;}

.product-images .other-images  {position: absolute; bottom:20px; left:20px; display: block; opacity: 0; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; z-index: 10000;}
.product-images:hover .other-images {display: block; opacity: 100; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.product-images .other-images img {height: 60px;}
.product-images .other-images div {display: inline-block;}
.product-images .main-image {text-align:center}
.product-images .main-image img {max-height: 500px;}
.product_params {line-height: 1.4em; margin-bottom: 30px;}
.product_params dt {display: inline-block; width: 50%; font-weight: 500;}
.product_params dd {display: inline-block; width: 50%;}
.product_params dd:after {content: ''; clear: left;}

.tabs li a {text-decoration: none;    }
.product-price { text-align: center;} 
.product-price .old-price {font-weight: 500;}
.product-price .old-price span {text-decoration: line-through;}
.product-price .price {font-size:2.0em;}
.add-to-cart {margin-bottom: 20px;}
.add-to-cart .quanity {display: block; float: left; width: 100px;}
.add-to-cart .quanity * {text-align: left !important; }
.add-to-cart button {float: right; margin-top: 10px;}
.free-shipping {text-align: center; font-weight: 500;}

.cart_item {padding: 15px; box-shadow: 1px 1px 3px rgba(0,0,0,0.07); border-radius:5px;border: solid 1px rgba(0,0,0,0.08);}
.cart_item .name {font-weight: 700; font-size: 1.2em; margin-bottom: 10px;}
.cart_item .controls {padding-top: 35px;}
.cart_item .quanity {padding-top: 30px;}
.cart_item .quanity input {text-align: center; font-size: 1.2em; width: 40px;  border-radius: 5px; border:solid 1px #CCCCCC; line-height: 30px; margin-top: 5px;}
.cart_item .quanity a {text-decoration: none;width: 25px; height: 25px; line-height: 25px; border-radius: 5px; font-weight:700; font-size: 1.2em; background-color: #000; color:#fff; display: inline-block;margin-top: 10px;}
.cart_item .price {padding-top: 35px; text-align: right}
.cart_item .price .item_sum {font-size: 1.4em; font-weight: 500;}
.cart_item .price .addons_sum {}
.cart_item .price .addons_sum:before {content: 'Добавки'; display: block; font-weight: 500;}
.cart_item .price .total_sum {margin-top: 5px; font-size: 1.6em;}
.cart_item .variant {margin-top: 5px; margin-bottom: 20px;} 

table { width: 100%; border-collapse: collapse;} 
table th {text-align: left; font-weight: 500 !important; padding: 15px;}
table td {padding: 10px;}
table td:last-child {width: 1%;}
table tr {border-bottom:solid 1px #D9D9D9;}
table tr td {white-space: nowrap;}
.logos *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important}
.logos img{opacity:.6;-webkit-opacity:.8;cursor:pointer; padding: 10px; max-height: 80px; width: auto;} 
.logos img:hover{filter:none;-webkit-filter:grayscale(0);opacity:1;-webkit-opacity:1}
.cmspage { font-size: 1.2em; line-height: 1.5;}
.cmspage p {margin-bottom: 10px;}
.cmspage ul, .cmspage ol {padding-left: 20px; margin-bottom: 10px;} 
.cmspage h2 {font-size: 2em;color: #a6ce39; font-weight: 3  00; margin-bottom: 20px; }
.cmspage img {border-radius: 30px 0 30px 0;}

.cmspage .gallery {margin-top: 20px;}
.cmspage .gallery .img {float: left; width: 20%; padding: 10px; }
 /* Preloader */
 #preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:99}
 #status{width:200px;height:200px;position:absolute;left:50%;top:50%;background-image:url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px}
.grass {background-image: url(/public/images/grass.jpg); background-repeat: repeat-x;height: 100px; background-position: bottom;}
@media (max-width: 959px) {
  section.go-scroll {padding-top: 440px;}
  section.go-scroll.scroll {padding-top: 20px;}
  body  {padding-top: 170px;}
  header {position: fixed; width: 100%; background-color: #fff;top:0;z-index: 70}
header .logo.w220 {width: 35% !important; padding-top: 10px; padding-left: 5px;}
  .row *[class*=col-] {float:none !important; width:100% !important; margin:0; clear:left !important; margin-bottom:20px;}
.wraper {width:100%; padding-left:10px; padding-right:10px; max-width:100%; min-width:100%;}
  header .phone {font-size: 8px; top:5px; right:10px;}
  header .header-tool {margin-right: 5px !important;}
  header .header-tools .search {display: none}
  header .tool-icon {width: 40px;height: 40px;line-height: 40px;}
  header .header-tool::before {height: 40px; width: 40px;}
  header .wraper {padding: 0;}
  header nav {display: none;}
  .cats-button {width: 100%;}
.pop-up *[class^="col-"] {float:left !important; width:65% !important; clear:none !important; }
.pop-up .row *[class^="col-"]:first-child {float:left !important; clear:none !important; margin-right:5% !important; }
.pop-up .row *[class^="col-"]:last-child {float:left !important; width:10% !important; clear:none !important; }
  
  
  section.about {font-size: 12px;}
  .pets, .insets  {background-image: none; height: auto !important; padding: 0;}  
  .pets .w300 {padding: 0 !important}
  .insets 
  .pad-30.h850 {height: auto; padding: 0;}
  h3.orange-text,  h3.red-text {font-size: 18px !important; text-align: center}  
 .row *.prod {float: left !important; width: calc((100%/2) - 5px)!important; clear: none !important ; margin-right: 5px; height: 350px;}
  .index-prods .row:after, .results .row:after  {clear: none !important; display: inherit !important}
  .prod .descr {height: 67px; display: block; text-overflow: ellipsis;white-space: normal; overflow: hidden;}
  .prod .descr:after {content: '.';}
  .prod .prod-title a{font-size: 14px;height: 50px;}
  .prod .prod-price {font-size: 14px;}
  .filter {position: absolute; display: none;}
  .mobile-h-fix {height: auto!important}
  .services a.col-16 {width: 100% !important; height: auto;display: block;}
  
  
  .pagination {clear: left;}
  header .tool-icon .menu::before, header .tool-icon .pop-up::before {display: none;}

  header .tool-icon .menu, header .tool-icon .pop-up {right:0%; width: 300px;top: 115px;}
    header .tool-icon .pop-up {right: -50px;left: inherit;z-index: 60;}
    
  .search-form {right: -135px !important;left: auto !important;}
  header .tool-icon {z-index: 60; }
  
  .cart_item * {margin-bottom: 0!important;}
  .cart_item .image {height: 80px;text-align: center}
  .cart_item .image img {height: 100%; width: auto}
  .row.quanity .col-33 {float: left!important; width: 50px !important; clear: none !important;}
  .cart_item  .price {padding-top: 0!important;}
  .w400.bordered, .w500.bordered, .login, .w300.bordered  {width: 100% !important;border:none; box-shadow: none;height: auto;} 
  .login {margin-top: 0!important;}
  .user-menu {display: none; }
  table {overflow-x: scroll;display: block;}
  .steps {display: none;}
  .no-top-padding {padding-top: 0!important;} 
  h2 {font-size: 1.4em !important ;}

  .slider-active {display: none;}
  header {height: 120px !important;}
  .cats.scroll {top: 135px !important; margin-left: 20px !important; }
  .cats.scroll ul li a {width: 7vw; max-width: 25px;}
}

@media (max-width: 320px) {
  .cats.scroll {top: 145px !important;}
  /*header.scroll .cats ul li a {width: 23px !important;}*/
  header .tool-icon {width: 35px;}
}

@media (max-width: 580px) {
  .phone-number {display: none !important;}
}

@media (max-width: 450px) {
  header {height: 95px !important;}
  header .header-tools {top: 15px !important; }

  header .tool-icon .menu, header .tool-icon .pop-up {top: 90px;}
}

@media (max-width: 1350px) {
  /*header.scroll .cats {margin-left: 200px;}*/

  .header-tools span, .header-tools strong:not(.phone-number){display: none;}


  header nav ul li a {
    font-size: 1vw;
  }
}