@charset "UTF-8";
/*Buttons*/
/* Pseudo Elements */
/* img absolute centering */
/* Mobile Only */
/* Универсальные стили кнопок с анимацией */
.uni-btn {
  display: inline-block;
  border-style: solid !important;
  border-width: 2px !important;
  border-radius: 35px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  font-weight: 900;
  font-size: 11px;
  padding-top: 11px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  outline: none;
  z-index: 2;
}

.uni-btn:hover {
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.uni-btn:active {
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translate3d(0, 2px, 0);
          transform: translate3d(0, 2px, 0);
  border-color: #6d0000;
}

input[disabled]
.uni-btn[disabled],
.uni-btn[disabled="disabled"],
input[type=submit]:disabled,
button:disabled {
  background-color: #e6e6e6 !important;
  color: #bbb !important;
  border-color: transparent !important;
  pointer-events: none !important;
}

/* Стили для кнопок с анимацией с прозрачным фоном */
.uni-btn.uni-btn--grey-trnspt {
  border-color: #dedede;
  color: #999;
  background-color: transparent;
}

.uni-btn.uni-btn--grey-trnspt:hover {
  color: #1ba244
;
  border-color: #1ba244
;
}

.uni-btn.uni-btn--grey-trnspt:active {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

/* Стили для кнопок с анимацией с красным фоном */
.uni-btn.uni-btn--red {
  border-color: transparent;
  color: #fff;
  background-color: #1ba244
;
}

.uni-btn.uni-btn--red:hover {
  border-color: #1ba244
;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  background-color: #fff;
  color: #1ba244
;
}

.uni-btn.uni-btn--red:hover .hover-anim {
  width: 500px;
  height: 500px;
}

.uni-btn.uni-btn--red:active {
  border-color: transparent;
  color: #1ba244
;
  background-color: #26cc58;
}

.uni-btn.uni-btn--red .hover-anim {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: width 0.8s, height 0.8s;
  -o-transition: width 0.8s, height 0.8s;
  transition: width 0.8s, height 0.8s;
  z-index: -1;
}

/* Стили для кнопок с анимацией с прозрачным фоном и красным бордюром*/
.uni-btn.uni-btn--red-trnspt {
  border-color: #1ba244
;
  color: #1ba244
;
  background-color: transparent;
}

.uni-btn.uni-btn--red-trnspt:hover {
  border-color: #1ba244
;
  color: #fff;
  background-color: #26cc58;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.uni-btn.uni-btn--red-trnspt:hover .hover-anim {
  width: 500px;
  height: 500px;
}

.uni-btn.uni-btn--red-trnspt:active {
  border-color: #1ba244
;
  color: #fff;
  background-color: #26cc58;
}

.uni-btn.uni-btn--red-trnspt .hover-anim {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: #1ba244
;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: width 0.8s, height 0.8s;
  -o-transition: width 0.8s, height 0.8s;
  transition: width 0.8s, height 0.8s;
  z-index: -1;
}

/* Синяя Кнопка-ссылка новости */
.home-news--floated .home-news__news-link--accent {
  color: #3399ff;
  border: 2px solid #3399ff;
}

.home-news--floated .home-news__news-link--accent:hover {
  background-color: #3399ff;
  color: #fff;
}

/* Кнопка карточки товаров */
.cat-item__add-cart {
  background-color: #1ba244
;
}

@media (max-width: 1241px) {
  .cat-item__add-cart:hover {
    background-color: #26cc58;
  }
}

@media (min-width: 768px) {
  .cat-item__add-cart {
    color: #fff;
    border: 2px solid transparent;
  }
}

@media (min-width: 1242px) {
  .cat-item__add-cart:hover {
    border-color: #1ba244
;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    background-color: #fff;
    color: #1ba244
;
  }
  .cat-item__add-cart .hover-anim {
    background: #fff;
  }
}

/* Кнопка подписки */
.subscribe__btn {
  background-color: #1ba244
;
}

@media (min-width: 768px) {
  .subscribe__btn {
    color: #fff;
  }
  .subscribe__btn:hover {
    border-color: #1ba244
;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    background-color: #fff;
    color: #1ba244
;
  }
  .subscribe__btn .hover-anim {
    background: #fff;
  }
}
@media (min-width:768px){
	/* Кнопка "оформить заказ как новый покупатель" на стр. оформления закаказ */
	.checkout__sign-up-btn {
	  background-color: #1ba244
	;
	  color: #fff;
	  border-color: #1ba244
	;
	}

	.checkout__sign-up-btn:hover {
	  background-color: #fff;
	  color: #1ba244
	;
	}
}

/* Кнопка input[type="submit"] у форм */
input[type="submit"] {
  background-color: #1ba244
;
  color: #fff;
  border-style: solid;
  border-width: 2px;
  border-color: transparent;
}

input[type="submit"]:hover {
  border-color: transparent;
  background-color: #26cc58;
}

input[type="submit"]:active {
  border-color: transparent;
  color: #fff;
  background-color: #26cc58;
}

.wa-form .wa-value input[type=submit] {
  background-color: white;
  border: 3px solid #1ba244
;
  color: #1ba244
;
}

.wa-form .wa-value input[type=submit]:hover {
  background-color: #1ba244
;
  color: #fff;
}

.signing__sign-up .wa-submit input {
  background-color: #1ba244
 !important;
  color: #fff !important;
  border: 3px solid #1ba244
 !important;
}

.signing__sign-up .wa-submit input:hover {
  border-color: #1ba244
 !important;
  color: #1ba244
 !important;
}

/* Стили ссылок-кнопок пагинации */
.pagination__list li a[href] {
  -webkit-box-shadow: 0 0 0 1px #d9d9d9;
          box-shadow: 0 0 0 1px #d9d9d9;
}

.pagination__list li a[href]:hover {
  -webkit-box-shadow: 0 0 0 3px #1ba244
;
          box-shadow: 0 0 0 3px #1ba244
;
}

.pagination__list li.active a[href] {
  -webkit-box-shadow: 0 0 0 3px #1ba244
;
          box-shadow: 0 0 0 3px #1ba244
;
  color: #000;
}

/* Стили кнопок в странице сравнения */
@media (min-width: 768px) {
  .compare__title-link {
    -webkit-box-shadow: 0 0 0 1px #d9d9d9;
            box-shadow: 0 0 0 1px #d9d9d9;
    color: #999;
  }
  .compare__title-menu li.active .compare__title-link {
    -webkit-box-shadow: 0 0 0 2px #1ba244
;
            box-shadow: 0 0 0 2px #1ba244
;
    color: #000;
  }
}

/* Кнопка загрузить еще в каталоге. Только цвет текста */
.catalog__loader {
  color: #1ba244
 !important;
}

.catalog__loader:hover {
  color: #fff !important;
}
/* Бордюр сайдбара в странице товара */
.item-pg__sidebar-inner {
  border: 2px solid #1ba244;
}